/************************************************************
1) Šířka textu a nadpisů v detailu galerie
************************************************************/
.gallery-detail main p,
.gallery-detail main h1 {
  display: block;
  width: 100%;
}

/************************************************************
2) Skrytí teček (pager) u náhodného obrázku
************************************************************/
.slick-dots {
  display: none !important;
}

/************************/* Aktivní záložka */
.section-cell-item.active a {
  background-color: #6c6ead !important;
  color: #ffffff !important;
  display: block;
  padding: 10px 15px;
  font: 16px Roboto, sans-serif;
}

/* Hover na neaktivní záložku */
.section-cell-item:not(.active):hover a {
  background-color: #6c6ead !important;
  color: #ffffff !important;
  display: block;
  padding: 10px 15px;
  font: 16px Roboto, sans-serif;
}

/* Neaktivní záložky */
.section-cell-item a {
  background-color: #eeeeee !important;
  color: #4a4a4a !important;
  display: block;
  padding: 10px 15px;
  font: 16px Roboto, sans-serif;
  text-decoration: none;
  border: none !important;
  border-radius: 0 !important;
  transition: 0.2s ease-in-out;
}

/* Hover efekt */
.section-cell-item a:hover {
  background: #6c6ead !important;
  color: white !important;
}

/* Reset vnějších okrajů a okolo UL */
ul.nav.nav-tabs.section-cell-parent {
  margin-bottom: 24px !important; /* TADY: vracíme mezeru pod záložkami */
  border-bottom: none !important;
  padding-left: 0;
  padding-right: 0;
}

/* Resetuje jednotlivé položky */
ul.nav.nav-tabs.section-cell-parent li {
  margin: 0 !important;
}

/* Tab content – standardní mezery */
.tab-content {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}************************************
3) Posunutí tlačítka formuláře od odkazu
************************************************************/
#mailform-submit {
  margin: 1em 0 0;
}

/************************************************************
4) Motivační pásek (#motto)
************************************************************/
#motto {
  background: rgba(108, 110, 173, 0.7); /* polotransparentní modrá */
}
#motto #motto-title {
  color: #000;
}

/************************************************************
5) Pásek „Objednat se" (#second)
************************************************************/
#second {
  background: #6c6ead; /* plná modrá */

}
#second h2,
#second h3,
#second .panel-title {
  color: #000;
}
#second p,
#second a,
#second li {
  color: #fff;
}

/************************************************************
6) Šestikaretní nabídka na úvodu
************************************************************/
.section-3-col-top-text .section-cell-item {
  border: 1px solid #6c6ead;
  transition: box-shadow 0.2s;
}
.section-3-col-top-text .section-cell-item:hover {
  box-shadow: 0 0 8px rgba(108, 110, 173, 0.35);
}
.section-3-col-top-text .section-cell-item .btn.btn-primary,
.section-3-col-top-text .section-cell-item .btn.btn-primary:hover,
.section-3-col-top-text .section-cell-item .btn.btn-primary:focus {
  background: #6c6ead;
  border-color: #6c6ead;
  color: #fff;
}

/************************************************************
7) Inline zlato (#c1a633) → modrá (#6c6ead)
************************************************************/
span[style*="#c1a633"] {
  color: #6c6ead !important;
}

/************************************************************
8) Sociální ikony
************************************************************/
.section-contact .fa-facebook,
.section-contact .fa-instagram {
  color: #6c6ead;
  background: transparent;
  border: none;
}
.section-contact .fa-facebook:hover,
.section-contact .fa-instagram:hover {
  color: #4f5090; /* tmavší odstín při hoveru */
}

/************************************************************
9) Tel/Mail odkazy ve footeru
************************************************************/
.section-contact a[href^="tel"],
.section-contact a[href^="mailto"] {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  color: #6c6ead !important;
  text-decoration: none !important;
  
}

.section-contact a[href^="tel"]:hover,
.section-contact a[href^="mailto"]:hover {
  background: transparent !important; /* důležité! */
  color: #4f5090 !important;
  text-decoration: none !important;
  font-weight: 500;
}
/************************************************************
10) Odkaz „Detailní nabídku…"
************************************************************/
a[href*="/kontaktovat/"] {
  color: #6c6ead;
  font-weight: 600;
  text-decoration: underline;
}
a[href*="/kontaktovat/"]:hover,
a[href*="/kontaktovat/"]:focus,
a[href*="/kontaktovat/"]:active {
  color: #4f5090 !important;
}

/************************************************************
11) Hlavní navigace
************************************************************/
.navbar-default .navbar-nav > li > a {
  color: #000;
  transition: color 0.2s;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #6c6ead;
  text-decoration: none;
}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus {
  color: #6c6ead !important;
  background: transparent;
  text-decoration: none;
}


/* zrušeno: #panel-photos h3::after */

/************************************************************
13) Styl obrázků v panelu fotek
************************************************************/
#panel-photos .slick-slide,
#panel-photos .slick-slide > div,
#panel-photos a {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  outline: none !important;
}

#panel-photos img.img-thumbnail {
  border: 1px solid #6c6ead !important;
  box-sizing: border-box;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}


/* --- 1) Modrá dvojitá linka pod nadpisy h1 (a případně h2) --- */
h1::after
{                
  content: "";
  display: block;
  width: 240px;            
  margin: 18px auto 0;    
  padding-top: 4px;        
  border-top: 1.5px solid #6c6ead;
  border-bottom: 1.5px solid #6c6ead;
}

/* --- 2) Přepsání zlatých štítků v „NABÍDCE“ na modré --- */
#photogalleries .subtitle,
#photogalleries h2.subtitle {
  background: rgba(108, 110, 173, 0.7); 
  border: 2px solid #6c6ead;           
  color: #fff;                        
}

/************************************************************
>>> BUTTONS: modrá, tmavší hover, bílé písmo, bez podtržení <<<
************************************************************/
a.btn.btn-primary,
input.btn.btn-primary,
button.btn.btn-primary,
#mailform-submit.btn.btn-primary {
  background: #6c6ead !important;   /* výchozí modrá */
  border-color: #6c6ead !important;
  color: #fff !important;           /* bílé písmo */
  text-decoration: none !important; /* žádné podtržení */
}

a.btn.btn-primary:hover,
a.btn.btn-primary:focus,
input.btn.btn-primary:hover,
input.btn.btn-primary:focus,
button.btn.btn-primary:hover,
button.btn.btn-primary:focus,
#mailform-submit.btn.btn-primary:hover,
#mailform-submit.btn.btn-primary:focus {
  background: #4f5090 !important;   /* tmavší při hoveru/focusu */
  border-color: #4f5090 !important;
  color: #fff !important;
  text-decoration: none !important;
}
/* CTA tlačítko v fialovém pásu – tmavě šedá pro lepší kontrast */
.section-cta .btn.btn-primary {
  background:  #3a3a3a  !important;  /* základní tmavě šedá */
  border-color:  #3a3a3a  !important;
  color: #fff !important;
}
.section-cta .btn.btn-primary:hover,
.section-cta .btn.btn-primary:focus {
  background: #292828 !important;  /* ještě tmavší na hover */
  border-color: #292828  !important;
  color: #fff !important;
}




/* ODKAZY */
form a {
  color: #6c6ead !important;
  text-decoration: underline;
}
form a:hover,
form a:focus {
  color: #4f5090 !important;
  text-decoration: none;
}



/* H3 podtržení  */
h3::after {
  border-top: 0px solid #6c6ead   !important;
  border-bottom: 0.5px solid #6c6ead   !important;

}


/* Jen odkaz na obchodní podmínky (href obsahuje "/inpage/podminky/") → modrá */
a[href*="/inpage/podminky"] {
  color: #6c6ead !important;
  text-decoration: underline;
}
a[href*="/inpage/podminky"]:hover,
a[href*="/inpage/podminky"]:focus {
  color: #4f5090 !important;
  text-decoration: none;
}




/* SLUŽBY PRUHY UPROSTŘED*/
.section-2-col-left-text.section-bg,
.section-2-col-right-text.section-bg{
  background: transparent !important;   
  position: relative;                 
}

/* 2) univerzální proužek (šířka, zarovnání, responsivita) */
.section-2-col-left-text.section-bg::before,
.section-2-col-right-text.section-bg::before{
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1400px;       
  max-width: 100%;
  height: 100%;
  z-index: -1;          /* pod textem */
}

/* 3) fialové sekce (inline barva #9c9fda) */
.section-bg[style*="#9c9fda"]::before{
  background: #9c9fdacc;

}

/* 4) šedé sekce (inline barva #F2F2F2) */
.section-bg[style*="#F2F2F2"]::before{
  background: #F2F2F2;
}

/* 5) telefony */
@media (max-width: 575.98px){
  .section-2-col-left-text.section-bg::before,
  .section-2-col-right-text.section-bg::before{
    left: 0;
    transform: none;
    width: 100%;
  }
}

/* Aktivní záložka 
ul.nav.nav-tabs.section-cell-parent li.active a {
background-color: #6c6ead !important;
color: #ffffff !important;
border: none !important;
border-radius: 0 !important;
padding: 10px 15px !important;
font: 16px Roboto, sans-serif !important;
text-decoration: none !important;
}

/* Hover na neaktivní záložku 
ul.nav.nav-tabs.section-cell-parent li:not(.active):hover a {
background-color: #6c6ead !important;
color: #ffffff !important;
border: none !important;
border-radius: 0 !important;
padding: 10px 15px !important;
font: 16px Roboto, sans-serif !important;
text-decoration: none !important;
}

/* Neaktivní záložka 
ul.nav.nav-tabs.section-cell-parent li a {
background-color: #eeeeee !important;
color: #333 !important;
border: none !important;
border-radius: 0 !important;
padding: 10px 15px !important;
font: 16px Roboto, sans-serif !important;
text-decoration: none !important;
display: block;
}

/* === RESET OKOLÍ A MEZER === */

/* Okolní kontejnery – bez zbytečných okrajů 
.section-container.section-tabs,
.section-container.section-tabs .nav-tabs,
.section-container.section-tabs ul,
.section-container.section-tabs li {
margin: 0 !important;
padding: 0 !important;
border: none !important;
}

/* Samotný seznam záložek – obnova spodní mezery 
ul.nav.nav-tabs.section-cell-parent {
margin-bottom: 30px !important;
padding: 0 !important;
border: none !important;
}

/* Kontejner s obsahem pod záložkami 
.tab-content {
margin: 0 !important;
padding: 0 !important;
border: none !important;
min-height: auto !important;
height: auto !important;
background: transparent !important;
}

/* Případný extra obsah pod záložkami 
.section-content {
padding-top: 0 !important;
margin-top: 0 !important;
}

.wedding-menu .menu-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
max-width: 1200px;
margin: 0 auto;
}

.menu-item {
position: relative;
display: block;
overflow: hidden;
}

.menu-item img {
width: 100%;
height: auto;
display: block;
}

.menu-label {
position: absolute;
bottom: 20px;
left: 20px;
background-color: #6c6eadcc; /* 80 % neprůhledná modrá 
color: white;
padding: 8px 16px;
font-size: 22px;
font-weight: bold;
font-family: 'Playfair Display', serif;
}