/* =========================================================
   CUSTOM OVERRIDES (keep template style.css intact)
   ========================================================= */

/* === 1) NAV čitelnost na hero + sticky === */
.fh5co-nav{
  padding: 22px 0 !important;
  background: rgba(0,0,0,0.28);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.fh5co-nav #fh5co-logo a,
.fh5co-nav .menu-1 ul li a{
  color:#fff !important;
  opacity: 1 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.55);
  font-weight: 600;
}

.fh5co-nav ul li.active > a{
  position: relative;
}

/* underline active */
.fh5co-nav ul li.active > a::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:-8px;
  height:2px;
  background: rgba(255,255,255,0.75);
  border-radius: 999px;
}

/* sticky */
.fh5co-nav.is-sticky{
  position: fixed !important;
  top: 0; left:0; right:0;
  padding: 12px 0 !important;
  background: rgba(0,0,0,0.55) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.25);
}

/* kotvy a sticky offset (necháme i kdyby scrolloval browser) */
html{ scroll-padding-top: 90px; }

/* === 2) Program / timeline texty čitelné === */
#program .timeline-panel,
#program .timeline-panel p,
#program .timeline-panel .date,
#program .timeline-panel .timeline-title{
  color:#333 !important;
}
#program .timeline-panel .date{
  color:#794350 !important;
  font-weight: 600;
}

/* badge ikony */
.timeline > li > .timeline-badge{
  background: #794350 !important;
  display:flex;
  align-items:center;
  justify-content:center;
}
.timeline > li > .timeline-badge i{
  color:#fff;
  font-size:48px;
  line-height:1;
}

#fh5co-gallery-list li a:before{
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.35) 0%,
    rgba(0,0,0,0.1) 40%,
    transparent 70%
  ) !important;
}

/* === 4) DARY (tvá sekce) === */
.gifts-section{
  background:#ffffff;
  padding:90px 0;
}
.gifts-title{
  font-size:48px;
  font-weight:300;
  margin-bottom:12px;
  color:#2c2c2c;
}
.gifts-subtitle{ color:#777; margin-bottom:50px; }
.gifts-card{
  max-width:900px;
  margin:0 auto;
  background:#f8f6f4;
  border-radius:22px;
  padding:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:50px;
  box-shadow:0 25px 60px rgba(0,0,0,0.06);
}
.gifts-text{ flex:1; font-size:16px; line-height:1.8; color:#555; }
.gifts-note{ margin-top:20px; color:#777; font-size:14px; }
.gifts-qr{ text-align:center; }
.gifts-qr img{
  width:160px; height:160px;
  border-radius:18px;
  background:#fff;
  padding:12px;
  box-shadow:0 15px 35px rgba(0,0,0,0.08);
}
.qr-caption{ margin-top:12px; font-size:13px; color:#888; }
@media (max-width:992px){
  .gifts-card{ flex-direction:column; text-align:center; padding:35px; }
}

/* === 5) LOCATION (světlá verze) === */
.location-section{ background:#ffffff; }
.location-title{ color:#2c2c2c !important; }
.location-subtitle{ color:#777 !important; }
.location-kicker{ color:#9a9a9a; }

.location-card{
  border-radius:18px;
  overflow:hidden;
  border:1px solid #e9e9e9;
  box-shadow:0 25px 60px rgba(0,0,0,0.06);
  background:#fff;
}
.location-card--info{
  background:#f8f6f4;
  padding:34px;
}
.place-name{ color:#2c2c2c !important; }
.place-address{ color:#666; }
.place-divider{ background:#e5e5e5; }
.place-label{ color:#333; }
.place-desc{ color:#777; }
.place-icn{
  background:#fff;
  border:1px solid #e5e5e5;
  color:#794350;
}

.place-btn--primary{
  background:#4C8C6D;
  border-color:#4C8C6D;
  color:#fff !important;
}
.place-btn--primary:hover{
  background:#3E775C;
  border-color:#3E775C;
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(46,125,50,0.25);
}

.map-iframe{ filter: grayscale(1) brightness(0.95); }
.map-overlay{ background: rgba(0,0,0,0.25); }

/* === 6) RSVP – zrušíme duplicity a necháme 1 verzi === */
#rsvp{
  background: #f8f6f4;
}

#rsvp .rsvp-card{
  background:#fff;
  border-radius:18px;
  padding:42px;
  border:1px solid #eee;
  box-shadow:0 30px 60px rgba(0,0,0,0.08);
}

/* Inputs full width */
#rsvp .rsvp-form input,
#rsvp .rsvp-form textarea{
  width:100% !important;
  display:block !important;
  box-sizing:border-box !important;
  background:#fafafa !important;
  border:1px solid #e5e5e5 !important;
  color:#333 !important;
  border-radius:14px;
  padding:14px 16px;
  font-size:16px;
  outline:none;
}

/* radio hide */
#rsvp .rsvp-choice{ display:flex !important; gap:14px !important; flex-wrap:wrap !important; }
#rsvp .rsvp-choice input[type="radio"]{
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* pill – JEDNA definice */
#rsvp .choice-btn{
  flex:1;
  min-width:240px;
  height:56px;
  border-radius:999px;
  border:2px solid transparent !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:0 18px;
  font-weight:800;
  line-height:1;
  cursor:pointer;

  opacity:.78;
  transition: opacity .18s ease, transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

/* ikona bez kroužku */
#rsvp .choice-icn{
  width:auto !important;
  height:auto !important;
  border:none !important;
  background:transparent !important;
}

/* default barvy */
#attend-yes + label.choice-btn{ background:#4C8C6D !important; color:#fff !important; }
#attend-no  + label.choice-btn{ background:#B85C5C !important; color:#fff !important; }

#attend-yes + label.choice-btn:hover{
  opacity:.92; transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(46,125,50,0.25);
}
#attend-no + label.choice-btn:hover{
  opacity:.92; transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(198,40,40,0.25);
}

/* checked */
#attend-yes:checked + label.choice-btn,
#attend-no:checked  + label.choice-btn{
  opacity:1 !important;
  transform:translateY(-2px);
  filter:saturate(1.05) contrast(1.04);
  box-shadow:0 18px 34px rgba(0,0,0,0.18), 0 0 0 4px rgba(255,255,255,0.85);
}

/* Submit CTA sjednotit na zelenou */
#rsvp .rsvp-submit{
  background:#4C8C6D !important;
  border:2px solid #4C8C6D !important;
  color:#fff !important;
  border-radius:999px !important;
  font-weight:800;
  box-shadow:0 16px 30px rgba(46,125,50,0.28);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
#rsvp .rsvp-submit:hover{
  background:#3E775C !important;
  border-color:#3E775C !important;
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(46,125,50,0.35);
}

/* mobile */
@media (max-width:768px){
  #rsvp .rsvp-card{ padding:26px; }
  #rsvp .choice-btn{ min-width:100% !important; }
}

/* === 7) FOOTER (tvůj moderní) === */
.site-footer{
  background:#0f1115;
  color:rgba(255,255,255,0.75);
  padding:80px 0 40px;
}
.footer-grid{
  display:grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap:60px;
}
.footer-col h3{ color:#fff; font-size:26px; margin-bottom:18px; font-weight:400; }
.footer-col h4{
  color:#fff;
  margin-bottom:18px;
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:1.5px;
}
.footer-col i{ margin-right:8px; color:#4C8C6D; }
.footer-col ul{ list-style:none; padding:0; margin:0; }
.footer-col ul li{ margin-bottom:10px; }
.footer-col ul li a{ color:rgba(255,255,255,0.65); text-decoration:none; transition:.2s ease; }
.footer-col ul li a:hover{ color:#4C8C6D; }

.footer-bottom{ margin-top:60px; text-align:center; }
.footer-line{ width:60px; height:2px; background:#4C8C6D; margin:0 auto 20px; opacity:.6; }

@media (max-width:992px){
  .footer-grid{ grid-template-columns:1fr; gap:40px; text-align:center; }
}
@media (max-width: 768px){

  /* nižší pruh nahoře */
  .fh5co-nav,
  .fh5co-nav.is-sticky{
    padding: 18px 0 !important;
  }

  /* logo menší + bez zbytečné výšky */
  #fh5co-logo{
    font-size: 28px !important;
    line-height: 1 !important;
  }
  #fh5co-logo a{
    line-height: 1 !important;
    padding: 0 !important;
    display: inline-block;
  }

  /* hamburger (tlačítko) vycentrovat */
  .fh5co-nav-toggle{
    top: 6px !important;
  }
}
/* CTA tlačítko v menu */
.fh5co-nav .menu-1 ul li.menu-cta a {
  background: #4C8C6D;
  color: #fff !important;
  padding: 8px 16px !important;
  border-radius: 25px;
  transition: 0.3s ease;
}

.fh5co-nav .menu-1 ul li.menu-cta a:hover {
  background: #3E775C; /* o trochu tmavší */
}
#fh5co-offcanvas ul li:last-child a{
  color: #4C8C6D !important;
  font-weight: 700;
  border-bottom: 2px solid #4C8C6D;
  padding-bottom: 4px;
}
/* MOBILE – hamburger drž viditelný i při sticky scrollu */
@media (max-width: 768px){

  /* default (nahoře) */
  .fh5co-nav .fh5co-nav-toggle{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index: 10001 !important;
  }

  /* když se menu přepne do sticky (při scrollu), připevni toggle do okna */
  .fh5co-nav.is-sticky .fh5co-nav-toggle{
    position: fixed !important;
    top: 14px !important;
    right: 14px !important;
    z-index: 10001 !important;
  }

  /* bílé čárky vždy */
  .fh5co-nav .fh5co-nav-toggle i,
  .fh5co-nav .fh5co-nav-toggle i:before,
  .fh5co-nav .fh5co-nav-toggle i:after{
    background:#fff !important;
  }

  /* jistota, že sticky lišta je nad obsahem */
  .fh5co-nav.is-sticky{
    z-index: 10000 !important;
  }
}
/* ✅ MOBILE: hamburger vždy viditelný (nezávisle na sticky) */
@media (max-width: 768px){

  /* samotný toggle */
  .fh5co-nav .fh5co-nav-toggle{
    position: fixed !important;
    top: 14px !important;
    right: 14px !important;

    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    z-index: 99999 !important;
  }

  /* pro jistotu i když má jinou třídu */
  .fh5co-nav-toggle{
    position: fixed !important;
    top: 14px !important;
    right: 14px !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 99999 !important;
  }

  /* bílé čárky vždy */
  .fh5co-nav-toggle i,
  .fh5co-nav-toggle i:before,
  .fh5co-nav-toggle i:after{
    background: #fff !important;
  }

  /* i ve stavu "active" (křížek) */
  .fh5co-nav-toggle.active i{
    background: transparent !important;
  }
  .fh5co-nav-toggle.active i:before,
  .fh5co-nav-toggle.active i:after{
    background: #fff !important;
  }

  /* ať lišta nezakrývá/není pod něčím */
  .fh5co-nav,
  .fh5co-nav.is-sticky{
    z-index: 99998 !important;
  }
}
/* MOBILE: při otevřeném menu schovej horní hlavičku */
@media (max-width: 768px){

  body.offcanvas .fh5co-nav{
    display: none !important;
  }

}
@media (max-width: 768px){
  #fh5co-logo a{
    transform: translateY(6px);
  }
}
/* RSVP: zruš velké odsazení bloku nadpisu ze šablony */
#rsvp .fh5co-heading{
  margin-bottom: 18px !important;  /* bylo velké, proto ta mezera */
  padding-bottom: 0 !important;
}

#rsvp .fh5co-heading h2{
  margin: 0 0 10px 0 !important;
}

#rsvp .fh5co-heading p{
  margin: 0 !important;
}
#kontakt .fh5co-heading{
  margin-bottom: 18px !important;
  padding-bottom: 0 !important;
}

#kontakt .fh5co-heading h2{
  margin: 0 0 10px 0 !important;
}

#kontakt .fh5co-heading p{
  margin: 0 !important;
}
/* ===== OPRAVA ZAROVNÁNÍ ===== */

/* Texty uvnitř karet doleva */
.location-card,
.rsvp-card {
    text-align: left;
}

/* Nadpisy sekcí zůstanou vystředěné */
.location-head,
#rsvp .fh5co-heading {
    text-align: center;
}
/* ===== GALERIE – jemné zašednutí + zvětšení karty (lift) ===== */

/* vypni původní gradient overlay na <a> (ten máš v custom.css) */
#fh5co-gallery-list li a:before{
  display: none !important;
}

/* dovol kartám "vystoupit" mimo grid */
#fh5co-gallery-list,
#fh5co-gallery-list li{
  overflow: visible !important;
}

/* základ karty */
#fh5co-gallery-list li{
  position: relative;
  transition: transform .35s ease, box-shadow .35s ease;
  will-change: transform;
}

/* jemné zašednutí jako banner (ale slabší) */
#fh5co-gallery-list li::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:7px;
  background: rgba(0,0,0,0.18);  /* méně šedé */
  z-index: 2;
  transition: background .35s ease;
  pointer-events:none;
}

/* hover: karta se zvedne + zvětší a jde nad ostatní */
#fh5co-gallery-list li:hover{
  z-index: 50;
  transform: translateY(-6px) scale(1.04);
  box-shadow: 0 22px 45px rgba(0,0,0,.18);
}

/* hover: lehce zesvětlit overlay */
#fh5co-gallery-list li:hover::after{
  background: rgba(0,0,0,0.12);
}/* ===== PROGRAM / TIMELINE – oprava ikon na mobilech ===== */
@media (max-width: 480px){

  /* čára timeline: nepřepočítávat přes margin-left hack, ale dát pevně */
  ul.timeline:before,
  .timeline:before{
    left: 28px !important;
    margin-left: 0 !important;
  }

  /* kolečko (badge) zarovnat na stejnou osu jako čára */
  ul.timeline > li > .timeline-badge,
  .timeline > li > .timeline-badge{
    left: 28px !important;
    margin-left: 0 !important;
    width: 56px !important;
    height: 56px !important;
    top: 18px !important;
  }

  /* zmenšit fontawesome ikony uvnitř kolečka */
  .timeline > li > .timeline-badge i{
    font-size: 26px !important;
  }

  /* zmenšit tvoje SVG ikony (tl-icon) aby se nevešly ven z kolečka */
  .timeline-badge .tl-icon{
    width: 34px !important;
    height: 34px !important;
  }

  /* panel (karta) posunout doprava, ať se vejde vedle ikon */
  ul.timeline > li > .timeline-panel,
  .timeline > li > .timeline-panel{
    width: calc(100% - 90px) !important;
    float: right !important;
  }
}
/* ===== TIMELINE – kolečka přesně na osu (MOBIL) ===== */
@media (max-width: 480px){

  /* osa */
  ul.timeline:before,
  .timeline:before{
    left: 28px !important;
    margin-left: 0 !important;
  }

  /* kolečko – střed na osu */
  ul.timeline > li > .timeline-badge,
  .timeline > li > .timeline-badge{
    left: 28px !important;
    margin-left: 0 !important;
    transform: translateX(-50%) !important;

    width: 56px !important;
    height: 56px !important;
    top: 18px !important;
  }

  /* aby karta měla dost místa vedle kolečka */
  ul.timeline > li > .timeline-panel,
  .timeline > li > .timeline-panel{
    width: calc(100% - 95px) !important;
    float: right !important;
  }
}

/* ===== HERO (ÚVOD) – mobilní ořez + větší nadpis + menší countdown ===== */
@media (max-width: 480px){

  /* 1) Fotka: posuň výřez tak, ať jste víc vidět (uprav si % podle chuti) */
  #uvod.fh5co-cover{
    background-position: 70% center !important; /* zkus 60% / 65% / 75% */
    /* případně: background-position: right center !important; */
  }

  /* 2) Nadpis “Viki & Bělda” větší */
  #uvod.fh5co-cover h1{
    font-size: 52px !important;
    line-height: 1.05 !important;
    margin-bottom: 10px !important;
  }
  #uvod.fh5co-cover h2{
    font-size: 18px !important;
    margin-bottom: 14px !important;
  }

  /* 3) Časovač menší + klidnější (bez pulsu) */
  #uvod .simply-countdown{
    margin-bottom: 18px !important;
  }

  #uvod .simply-countdown > .simply-section{
    width: 74px !important;
    height: 74px !important;
    margin: 6px 6px !important;
    animation: none !important; /* vypne pulse, ať to není tak výrazné */
  }
  #uvod .simply-countdown > .simply-section > div{
    width: 74px !important;
    height: 74px !important;
  }
  #uvod .simply-countdown > .simply-section .simply-amount{
    font-size: 22px !important;
  }
  #uvod .simply-countdown > .simply-section .simply-word{
    font-size: 10px !important;
  }
}
/* O nás – přepínač jmen */
#onas .name-toggle{
  display:inline-flex;
  gap:10px;
  margin-top:18px;
  padding:6px;
  border-radius:999px;
  background: rgba(121,67,80,0.10);
  border: 1px solid rgba(121,67,80,0.18);
}

#onas .nt-btn{
  appearance:none;
  border:0;
  background:transparent;
  padding:10px 14px;
  border-radius:999px;
  font-weight:700;
  font-size:13px;
  color:#794350;
  cursor:pointer;
  transition: .25s ease;
}

#onas .nt-btn.is-active{
  background:#794350;
  color:#fff;
  box-shadow: 0 10px 22px rgba(121,67,80,0.25);
}
/* OBŘAD A PÁRTY – posun fotky výš */
#fh5co-event,
#fh5co-testimonial,
.fh5co-bg {
  background-position: center 40% !important;
}
/* Galerie – jemnější stín */
#fh5co-gallery-list li:hover{
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important;
}
/* ===== Name animation: handwriting (typewriter) ===== */
.name-anim {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}

.name-anim.is-writing::after{
  content: "✍️";
  position: absolute;
  right: -1.3em;
  top: 0.05em;
  font-size: 0.9em;
  opacity: 0.9;
  animation: pen-bob .25s infinite alternate ease-in-out;
}

@keyframes pen-bob{
  from { transform: translateY(0px); }
  to   { transform: translateY(-2px); }
}

/* lehké „blikání kurzoru“ na konci při psaní */
.name-anim.is-writing{
  border-right: 2px solid rgba(121,67,80,0.85);
  padding-right: 6px;
  animation: caret-blink .6s infinite;
}

@keyframes caret-blink{
  0%, 49% { border-right-color: rgba(121,67,80,0.85); }
  50%,100% { border-right-color: transparent; }
}
/* ===== RSVP SELECT – stejný styl jako input ===== */


.input-wrap{
  position:relative;
}

.input-wrap select:focus{
  outline:none;
}
/* ===== UBYTOVÁNÍ – select styling pouze zde ===== */

#accommodationExtra {
  position: relative;
}

#accommodationExtra select{
  width:100%;
  border-radius:18px;
  border:1px solid #e4e4e4;
  background:#f8f8f8;
  font-size:16px;
  padding:16px 44px 16px 44px;
  font-family:inherit;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  cursor:pointer;
  transition:all .2s ease;
}

#accommodationExtra select:focus{
  outline:none;
  border-color:#794350;
  box-shadow:0 0 0 3px rgba(121,67,80,.15);
  background:white;
}

/* šipka jen pro tento select */
#accommodationExtra::after{
  content:"▾";
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  font-size:18px;
  color:#794350;
  pointer-events:none;
}

/* ===== RSVP – UBYTOVÁNÍ CTA (acc-yes / acc-no) ===== */
#acc-yes + label.choice-btn{
  background:#4C8C6D !important;
  color:#fff !important;
}
#acc-no + label.choice-btn{
  background:#B85C5C !important;
  color:#fff !important;
}

#acc-yes + label.choice-btn:hover{
  opacity:.92;
  transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(46,125,50,0.25);
}
#acc-no + label.choice-btn:hover{
  opacity:.92;
  transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(198,40,40,0.25);
}

#acc-yes:checked + label.choice-btn,
#acc-no:checked  + label.choice-btn{
  opacity:1 !important;
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(0,0,0,0.18), 0 0 0 4px rgba(255,255,255,0.85);
}

/* ===== UBYTOVÁNÍ – ikonka + select aby nebyl “prázdný” ===== */
#accommodationExtra{
  position:relative;
}

#accommodationExtra i{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:#9a9a9a;
  font-size:16px;
  pointer-events:none;
}

#accommodationExtra select{
  color:#333 !important;           /* ať je text vždy vidět */
}

/* “placeholder” (když je hodnota prázdná) – jemně šedý */
#accommodationExtra select:has(option[value=""]:checked){
  color:#9a9a9a !important;
}
/* ==============================
   RSVP – SJEDNOCENÝ HOVER EFEKT
   ============================== */

/* společné chování pro všechny pill CTA */
#rsvp .choice-btn,
#rsvp .rsvp-submit{
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease,
    opacity .18s ease;
}

/* HOVER */
#rsvp .choice-btn:hover,
#rsvp .rsvp-submit:hover{
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow: 0 16px 30px rgba(0,0,0,0.18);
}

/* ACTIVE (klik) */
#rsvp .choice-btn:active,
#rsvp .rsvp-submit:active{
  transform: translateY(0);
  box-shadow: 0 8px 18px rgba(0,0,0,0.14);
}

/* checked radio – jemně silnější */
#rsvp .rsvp-choice input:checked + .choice-btn{
  box-shadow: 0 18px 34px rgba(0,0,0,0.22);
}
/* =========================================================
   RSVP CTA – JEDNOTNÉ CHOVÁNÍ (base / hover / checked / dim)
   ========================================================= */

/* 0) reset – ať nic starého nevyhrává */
#rsvp .rsvp-choice .choice-btn{
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  box-shadow: none !important;
  border: 0 !important;
  color: #fff !important;
}

/* 1) layout + animace */
#rsvp .rsvp-choice .choice-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  flex:1;
  min-width:240px;
  height:56px;
  border-radius:999px;

  padding:0 18px;
  font-weight:800;
  line-height:1;
  cursor:pointer;

  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, opacity .18s ease !important;
}

/* 2) ikona (bez kroužku) */
#rsvp .choice-icn{
  width:auto !important;
  height:auto !important;
  border:none !important;
  background:transparent !important;
}
#rsvp .choice-icn i{ color:inherit; }

/* 3) BARVY – stejné pro účast i ubytování (podle ID inputu) */
#attend-yes + label.choice-btn,
#acc-yes    + label.choice-btn{
  background:#4C8C6D !important;
}

#attend-no + label.choice-btn,
#acc-no    + label.choice-btn{
  background:#B85C5C !important;
}

/* 4) HOVER – všude stejný (barva se nemění, jen “lift + glow”) */
#rsvp .rsvp-choice .choice-btn:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 26px rgba(0,0,0,0.18) !important;
  filter: brightness(1.05) !important;
}

/* 5) CHECKED – jasně aktivní */
#rsvp .rsvp-choice input:checked + label.choice-btn{
  transform: translateY(-2px) !important;
  box-shadow:
    0 18px 34px rgba(0,0,0,0.22),
    0 0 0 4px rgba(255,255,255,0.85) !important;
  filter: brightness(1.02) saturate(1.05) !important;
}

/* 6) “ZAŠEDNUTÍ” – ALE AŽ PO TOM, co je v té skupině něco vybrané
      (třídu .is-picked přidáme přes JS níž) */
#rsvp .rsvp-choice.is-picked input:not(:checked) + label.choice-btn{
  opacity: .55 !important;
  filter: saturate(.75) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* 7) submit – stejné chování jako ostatní CTA */
#rsvp .rsvp-submit{
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
#rsvp .rsvp-submit:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 34px rgba(0,0,0,0.18) !important;
  filter: brightness(1.04) !important;
}
/* =========================================================
   RSVP CTA – JEDNOTNÉ CHOVÁNÍ (attend + accommodation)
   Dej ÚPLNĚ NA KONEC custom.css
   ========================================================= */

/* Base reset jen pro CTA v #rsvp (ať to přebije bordel ze style.css) */
#rsvp .rsvp-choice input[type="radio"]{
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* pill – jednotná definice */
#rsvp .rsvp-choice .choice-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  flex:1;
  min-width:240px;
  height:56px;
  border-radius:999px;

  padding:0 18px;
  font-weight:800;
  line-height:1;
  cursor:pointer;

  border:0 !important;
  color:#fff !important;

  opacity:.78;
  filter:saturate(.9);
  transform:none;
  box-shadow:none;

  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, opacity .18s ease !important;
}

/* ikona bez kroužku */
#rsvp .choice-icn{
  width:auto !important;
  height:auto !important;
  border:none !important;
  background:transparent !important;
}

/* BARVY – stejné pro obě sekce */
#attend-yes + label.choice-btn,
#acc-yes    + label.choice-btn{
  background:#4C8C6D !important;
}

#attend-no + label.choice-btn,
#acc-no    + label.choice-btn{
  background:#B85C5C !important;
}

/* HOVER – úplně stejný všude (bez změny barvy, jen lift+glow) */
#rsvp .rsvp-choice .choice-btn:hover{
  opacity:.92 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 26px rgba(0,0,0,0.18) !important;
  filter: brightness(1.05) !important;
}

/* CHECKED – úplně stejný všude */
#rsvp .rsvp-choice input:checked + label.choice-btn{
  opacity:1 !important;
  transform: translateY(-2px) !important;
  box-shadow:
    0 18px 34px rgba(0,0,0,0.22),
    0 0 0 4px rgba(255,255,255,0.85) !important;
  filter: brightness(1.02) saturate(1.05) !important;
}

/* (volitelné) ztlumení nevybrané volby – aktivuje se třídou .is-picked na daném .rsvp-choice */
#rsvp .rsvp-choice.is-picked input:not(:checked) + label.choice-btn{
  opacity:.55 !important;
  filter:saturate(.75) !important;
  box-shadow:none !important;
  transform:none !important;
}

/* mobile */
@media (max-width:768px){
  #rsvp .rsvp-choice .choice-btn{ min-width:100% !important; }
}
/* ZRUŠENÍ VŠECH KRUHŮ KOLEM IKON */
#rsvp .choice-btn .choice-icn,
#rsvp .choice-btn .choice-icn::before,
#rsvp .choice-btn .choice-icn::after{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}

/* pokud je kruh generovaný na span uvnitř */
#rsvp .choice-btn .choice-icn span{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
#rsvp .choice-btn svg{
  background: transparent !important;
}
/* RSVP – zrušit "kolečko" kolem ikonky VŽDY (base + hover + checked) */
#rsvp .rsvp-choice label.choice-btn > .choice-icn,
#rsvp .rsvp-choice label.choice-btn:hover > .choice-icn,
#rsvp .rsvp-choice input:checked + label.choice-btn > .choice-icn,
#rsvp .rsvp-choice input:checked + label.choice-btn:hover > .choice-icn{
  width:auto !important;
  height:auto !important;
  flex:0 0 auto !important;

  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
/* ===== Sticky RSVP tlačítko ===== */

.floating-rsvp{
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: right top;

  background: #4C8C6D; /* zelená projektu */
  color: #fff;
  text-decoration: none;

  padding: 14px 28px;
  font-weight: 700;
  letter-spacing: .5px;

  border-radius: 12px 12px 0 0;
  box-shadow: 0 12px 25px rgba(0,0,0,0.25);

  z-index: 999;
  transition: all .25s ease;
}

/* hover efekt */
.floating-rsvp:hover{
  background: #3E775C;
  padding-right: 34px;
}

/* skrýt na mobilu */
@media (max-width: 768px){
  .floating-rsvp{
    display: none;
  }
}
html{
  scroll-behavior: smooth;
}
.floating-rsvp{
  position: fixed !important;
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  background: red !important;   /* DEBUG BARVA */
  color: white !important;

  padding: 16px 24px !important;
  font-weight: bold !important;

  z-index: 99999 !important;
}
.floating-rsvp{
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);



  background: #4C8C6D; /* vaše zelená */
  color: #fff;
  text-decoration: none;

  padding: 22px 10px;
  font-weight: 700;
  letter-spacing: 1px;

  border-radius: 12px 0 0 12px;
  box-shadow: -6px 10px 25px rgba(0,0,0,0.25);

  z-index: 9999;
  transition: all .25s ease;
}

/* hover efekt */
.floating-rsvp:hover{
  background: #3E775C; /* tmavší zelená */
  padding-right: 14px;
}

/* skrýt na mobilu */
@media (max-width: 768px){
  .floating-rsvp{
    display: none;
  }
}
/* ===== Sticky RSVP tlačítko ===== */

.floating-rsvp{
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);

  background: #4C8C6D; /* projektová zelená */
  color: #fff;
  text-decoration: none;

  padding: 16px 22px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;

  border-radius: 12px 0 0 12px;
  box-shadow: -6px 12px 25px rgba(0,0,0,0.25);

  z-index: 9999;
  transition: all .25s ease;
}

/* hover */
.floating-rsvp:hover{
  background: #3E775C; /* lehce tmavší */
  padding-right: 28px;
}

/* skrytí na mobilu */
@media (max-width: 768px){
  .floating-rsvp{
    display: none;
  }
}
/* ===== FINÁLNÍ VERZE Sticky RSVP ===== */

.floating-rsvp{
  position: fixed !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  /* ZRUŠIT vertikální režim */
  writing-mode: horizontal-tb !important;
  text-orientation: initial !important;

  background: #4C8C6D !important; /* vaše zelená */
  color: #fff !important;
  text-decoration: none !important;

  padding: 18px 26px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;

  border-radius: 14px 0 0 14px !important;
  box-shadow: -6px 14px 30px rgba(0,0,0,0.25) !important;

  z-index: 99999 !important;
  transition: all .25s ease !important;
}

.floating-rsvp:hover{
  background: #3E775C !important;
  padding-right: 34px !important;
}

@media (max-width: 768px){
  .floating-rsvp{
    display: none !important;
  }
}
/* obsah tlačítka zarovnaný na střed */
.floating-rsvp{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* horní ikonka */
.floating-rsvp .rsvp-icon{
  font-size: 18px;
  margin-bottom: 6px;
}

/* text */
.floating-rsvp .rsvp-text{
  line-height: 1.2;
}

/* ===== Sticky RSVP – vyvážená velikost ===== */

.floating-rsvp{
  position: fixed;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background: #4C8C6D;
  color: #fff;
  text-decoration: none;

  padding: 16px 22px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;

  border-radius: 14px;
  box-shadow: 0 14px 28px rgba(0,0,0,0.18);

  transition: all .2s ease;
}

/* ikonka */
.floating-rsvp .rsvp-icon{
  font-size: 16px;
  margin-bottom: 6px;
  opacity: .95;
}

/* hover jemný lift */
.floating-rsvp:hover{
  transform: translateY(-50%) scale(1.05);
  box-shadow: 0 18px 34px rgba(0,0,0,0.22);
}
/* HERO CTA "Ulož si datum do kalendáře" – odstranit glow */
#uvod .btn-save-date,
#uvod .btn-save-date:hover,
#uvod .btn-save-date:active{
  box-shadow: none !important;
}

/* ==================================================
   JEDNOTNÝ SHADOW SYSTÉM – VŠECHNA ZELENÁ CTA
   ================================================== */

/* základ */
.btn,
.place-btn--primary,
.floating-rsvp,
.btn-save-date {

  box-shadow: 0 12px 24px rgba(0,0,0,0.12) !important;
  transform: none !important;
  transition: all .2s ease !important;
}

/* hover */
.btn:hover,
.place-btn--primary:hover,
.floating-rsvp:hover,
.btn-save-date:hover {

  box-shadow: 0 16px 32px rgba(0,0,0,0.16) !important;
  transform: translateY(-2px) !important;
}

/* zruší případný zelený glow */
.place-btn--primary:hover,
.btn-save-date:hover {
  box-shadow: 0 16px 32px rgba(0,0,0,0.16) !important;
}
/* RSVP submit tlačítko – odstranit zelený glow */
#rsvp button,
#rsvp .btn,
#rsvp .btn-primary {

  box-shadow: 0 12px 24px rgba(0,0,0,0.12) !important;
}
/* RSVP NO – vlastní barva bez globálního hoveru */

#attend-no + label.choice-btn,
#acc-no + label.choice-btn{
  background: #B85C5C !important;
}

#attend-no + label.choice-btn:hover,
#acc-no + label.choice-btn:hover{
  background: #9F4A4A !important;
}
/* ============================================
   COUNTDOWN – HARD OVERRIDE (jen v hero #uvod)
   ============================================ */

   #uvod .simply-countdown{
    margin: 22px 0 18px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 18px !important;
    flex-wrap: wrap !important;
  }
  
  /* jednotlivé “kroužky” */
  #uvod .simply-countdown > .simply-section{
    width: 108px !important;
    height: 108px !important;
    margin: 0 !important;
  
    /* pryč starý template look */
    background: rgba(255,255,255,0.10) !important; /* místo rgba(121,67,80,0.8) */
    border: 1px solid rgba(255,255,255,0.35) !important;
    border-radius: 999px !important;
  
    /* jemný neutrální stín, žádný glow */
    box-shadow: 0 14px 30px rgba(0,0,0,0.18) !important;
  
    /* vypnout pulse animaci ze style.css */
    animation: none !important;
    transform: none !important;
  
    /* “glass” efekt (když prohlížeč umí) */
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  /* vnitřek (tabulka v template) */
  #uvod .simply-countdown > .simply-section > div{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  
    width: 100% !important;
    height: 100% !important;
  }
  
  /* číslo */
  #uvod .simply-countdown .simply-amount{
    font-size: 34px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    line-height: 1 !important;
    color: #fff !important;
  }
  
  /* popisek (DNŮ / HODIN…) */
  #uvod .simply-countdown .simply-word{
    margin-top: 7px !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.75) !important;
  }
  
  /* mobil – kompaktnější */
  @media (max-width: 480px){
    #uvod .simply-countdown{ gap: 12px !important; }
  
    #uvod .simply-countdown > .simply-section{
      width: 84px !important;
      height: 84px !important;
    }
  
    #uvod .simply-countdown .simply-amount{ font-size: 24px !important; }
    #uvod .simply-countdown .simply-word{ font-size: 10px !important; letter-spacing: 1.6px !important; }
  }
  /* ============================================
   COUNTDOWN – HARD OVERRIDE 2.0 (vyšší kontrast)
   ============================================ */

#uvod .simply-countdown{
  gap: 18px !important;
}

/* kroužky – tmavší glass + silnější outline */
#uvod .simply-countdown > .simply-section{
  background: rgba(0,0,0,0.22) !important;          /* ztmaví pozadí v kolečku */
  border: 2px solid rgba(255,255,255,0.55) !important; /* jasnější obrys */
  box-shadow: 0 16px 34px rgba(0,0,0,0.28) !important; /* čitelnější oddělení */
}

/* čísla – víc “pop” */
#uvod .simply-countdown .simply-amount{
  text-shadow: 0 2px 10px rgba(0,0,0,0.55) !important;
}

/* popisky – o chlup jasnější */
#uvod .simply-countdown .simply-word{
  color: rgba(255,255,255,0.85) !important;
}
/* aby obsah neskočil pod fixed menu */
body {
  padding-top: 90px; /* uprav podle reálné výšky menu */
}
/* žádná mezera nahoře v normálním stavu */
body{
  padding-top: 0 !important;
}

/* mezera jen když je menu sticky */
body.has-sticky-nav{
  padding-top: 90px; /* uprav podle výšky menu */
}
/* =====================================================
   NAME TYPEWRITER – ✍️ | Text
   tužka vlevo, kurzor mezi tužkou a textem
===================================================== */

.name-anim{
  position: relative;
  display: inline-block;
}

/* při psaní */
.name-anim.is-writing{
  border: none !important;      /* smaže starý border-right kurzor */
  padding-right: 0 !important;
  animation: none !important;

  padding-left: 1.8em;          /* místo pro ✍️ a | */
}

/* ✍️ tužka úplně vlevo */
.name-anim.is-writing::before{
  content: "✍️";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-55%) scaleX(-1);
  transform-origin: center;

  font-size: 0.9em;
  opacity: 0.9;

  animation: pen-bob .25s infinite alternate ease-in-out;
}

/* | kurzor MEZI tužkou a textem */
.name-anim.is-writing::after{
  content: "|";
  position: absolute;
  left: 1.1em;                  /* hned za tužkou */
  top: 50%;
  transform: translateY(-55%);

  font-weight: 400;
  animation: caret-blink .6s infinite;
}

/* blikání kurzoru */
@keyframes caret-blink{
  0%,49%   { opacity: 1; }
  50%,100% { opacity: 0; }
}

/* jemný pohyb tužky */
@keyframes pen-bob{
  from { transform: translateY(-55%) scaleX(-1) translateY(0px); }
  to   { transform: translateY(-55%) scaleX(-1) translateY(-2px); }
}
/* =====================================================
   OVERRIDE – zabij původní pravý kurzor + pravou tužku
   (musí být ÚPLNĚ NA KONCI custom.css)
===================================================== */

#onas .name-anim.is-writing{
  border-right: none !important;
  padding-right: 0 !important;
  animation: none !important;
}

/* přepíšu původní ::after (který měl tužku vpravo) */
#onas .name-anim.is-writing::after{
  content: "" !important;
  right: auto !important;
  left: auto !important;
}

/* =====================================================
   NOVÁ VERZE: ✍️ | Text  (kurzor mezi tužkou a textem)
===================================================== */

#onas .name-anim{
  position: relative !important;
  display: inline-block !important;
  white-space: nowrap;
}

/* uděláme místo vlevo pro ✍️ a | */
#onas .name-anim.is-writing{
  padding-left: 1.9em !important; /* prostor pro ✍️| */
}

/* ✍️ úplně vlevo */
#onas .name-anim.is-writing::before{
  content: "✍️";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scaleX(-1);
  transform-origin: center;
  font-size: 0.9em;
  opacity: 0.9;
}

/* | přesně mezi tužkou a textem */
#onas .name-anim.is-writing::after{
  content: "|";
  position: absolute;
  left: 1.05em;          /* hned za tužkou */
  top: 50%;
  transform: translateY(-50%);
  font-weight: 400;
  opacity: 1;
  animation: caret-blink 0.6s infinite;
}

@keyframes caret-blink{
  0%,49%   { opacity: 1; }
  50%,100% { opacity: 0; }
}
/* =====================================================
   FINAL: ✍️ | Text – hezké blikání + těsně u textu
===================================================== */

/* zruš cokoliv starého */
#onas .name-anim.is-writing{
  border: none !important;
  animation: none !important;
  padding-right: 0 !important;

  /* jen malý prostor pro tužku+kurzor */
  padding-left: 1.55em !important;
}

/* tužka vlevo */
#onas .name-anim.is-writing::before{
  content: "✍️" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) scaleX(-1) !important;
  font-size: 0.95em !important;
  opacity: 0.95 !important;
}

/* kurzor přesně mezi tužkou a textem */
#onas .name-anim.is-writing::after{
  content: "|" !important;
  position: absolute !important;

  /* klíč: blízko textu */
  left: 1.3em !important;

  top: 50% !important;
  transform: translateY(-50%) !important;

  color: #794350 !important;
  font-size: 1.05em !important;
  font-weight: 400 !important;

  animation: caret-blink-nice .65s infinite ease-in-out !important;
}

/* hezké blikání jako dřív */
@keyframes caret-blink-nice{
  0%, 45% { opacity: 1; }
  55%,100% { opacity: 0; }
}
/* =========================================================
   COUNTDOWN HERO – PREMIUM PLATES (CSS only)
   VLOŽ ÚPLNĚ NA KONEC custom.css
========================================================= */

/* 1) HARD RESET (zabije původní kruhy/bubliny) */
#uvod .simply-countdown,
#uvod .simply-countdown *{
  box-sizing: border-box !important;
}

#uvod .simply-countdown{
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 22px auto 18px !important;

  display: inline-flex !important;
  gap: 12px !important;
  align-items: stretch !important;
  justify-content: center !important;
}

#uvod .simply-countdown > .simply-section{
  /* zruš starý kruh */
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  animation: none !important;
  transform: none !important;

  /* nový plate */
  min-width: 110px !important;
  padding: 16px 16px 14px !important;

  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(0,0,0,.38) !important;

  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;

  box-shadow:
    0 18px 50px rgba(0,0,0,.45),
    0 0 0 1px rgba(255,255,255,.06) inset !important;

  position: relative !important;
  overflow: hidden !important;
}

/* jemný highlight nahoře (lux detail) */
#uvod .simply-countdown > .simply-section::before{
  content:"";
  position:absolute;
  left:-20%;
  right:-20%;
  top:-55%;
  height: 120%;
  background: radial-gradient(closest-side, rgba(255,255,255,.14), transparent 70%);
  opacity: .9;
  pointer-events:none;
}

/* vnitřek */
#uvod .simply-countdown > .simply-section > div{
  display:flex !important;
  flex-direction: column !important;
  align-items:center !important;
  justify-content:center !important;
  gap: 8px !important;
}

/* čísla: moderní, stabilní */
#uvod .simply-countdown .simply-amount{
  font-size: 54px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  color: rgba(255,255,255,.94) !important;

  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;

  text-shadow:
    0 1px 0 rgba(0,0,0,.25),
    0 16px 46px rgba(0,0,0,.55) !important;
}

/* label: čistý a lux */
#uvod .simply-countdown .simply-word{
  font-size: 11px !important;
  letter-spacing: .28em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.62) !important;
}

/* subtilní akcent na sekundy (ladí se zeleným CTA) */
#uvod .simply-countdown > .simply-section:last-child{
  border-color: rgba(87,173,133,.28) !important;
}
#uvod .simply-countdown > .simply-section:last-child::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: 18px;
  border: 1px solid rgba(87,173,133,.22);
  pointer-events:none;
}

/* hover (desktop) */
@media (hover:hover){
  #uvod .simply-countdown > .simply-section{
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
  }
  #uvod .simply-countdown > .simply-section:hover{
    transform: translateY(-2px) !important;
    background: rgba(0,0,0,.44) !important;
    box-shadow: 0 22px 60px rgba(0,0,0,.52), 0 0 0 1px rgba(255,255,255,.07) inset !important;
  }
}

/* responsive */
@media (max-width: 768px){
  #uvod .simply-countdown{ gap: 10px !important; }
  #uvod .simply-countdown > .simply-section{ min-width: 92px !important; padding: 14px 12px 12px !important; }
  #uvod .simply-countdown .simply-amount{ font-size: 44px !important; }
}

@media (max-width: 480px){
  #uvod .simply-countdown{
    display:grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
  #uvod .simply-countdown > .simply-section{ min-width: 0 !important; width: 100% !important; }
}
/* ===== COUNTDOWN – stronger depth ===== */

#uvod .simply-countdown > .simply-section{
  background: rgba(0,0,0,.55) !important; /* tmavší glass */

  box-shadow:
    0 28px 80px rgba(0,0,0,.65),      /* silnější drop shadow */
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 8px 18px rgba(0,0,0,.45) inset !important; /* inner depth */
}

/* spodní jemný tmavý fade pro lepší kontrast */
#uvod .simply-countdown{
  position: relative !important;
}

#uvod .simply-countdown::after{
  content:"";
  position:absolute;
  left: -40px;
  right: -40px;
  bottom: -35px;
  height: 90px;

  background: radial-gradient(
    ellipse at center,
    rgba(0,0,0,.55),
    transparent 70%
  );

  filter: blur(18px);
  opacity: .8;
  pointer-events:none;
}

/* čísla ještě víc vystoupí */
#uvod .simply-countdown .simply-amount{
  text-shadow:
    0 2px 0 rgba(0,0,0,.35),
    0 20px 55px rgba(0,0,0,.75),
    0 0 20px rgba(255,255,255,.06) !important;
}
/* ===== Fix: stín z countdownu nesmí sahat na CTA ===== */
#uvod .simply-countdown::after{
  bottom: -10px !important;   /* bylo -35px */
  height: 45px !important;    /* bylo 90px */
  opacity: .55 !important;    /* jemnější */
  filter: blur(14px) !important;
}
/* CTA vždy nad efekty countdownu */
#uvod .btn,
#uvod .btn-primary{
  position: relative;
  z-index: 5;
}
/* ===== FIX: countdown nesmí ovlivňovat CTA ===== */

/* 1️⃣ omezíme stín jen pod samotné boxy */
#uvod .simply-countdown::after{
  bottom: -6px !important;   /* byl moc nízko */
  height: 30px !important;   /* kratší */
  opacity: .45 !important;   /* jemnější */
  pointer-events: none;
}

/* 2️⃣ CTA vytáhneme nad všechny efekty countdownu */
#uvod .btn,
#uvod .btn-primary{
  position: relative;
  z-index: 10;   /* nad pseudo-elementy */
}

/* 3️⃣ malý spacing aby mělo CTA víc vzduchu */
#uvod .simply-countdown + .btn,
#uvod .simply-countdown + .btn-primary{
  margin-top: 28px !important;
}
@media (max-width: 768px){
  html{ scroll-behavior: auto; }
}/* ===== FIX KOTVY – čisté řešení ===== */

html{
  scroll-behavior: smooth;
}

section[id],
div[id]{
  scroll-margin-top: 10px; /* výška tvé sticky hlavičky */
}
/* ===== ZMENŠENÍ MEZERY NAD CTA (Před svatbou / Po svatbě) ===== */

#onas .fh5co-heading{
  margin-bottom: 20px !important;
}

#onas .fh5co-heading h2{
  margin-bottom: 12px !important;
}

#onas .fh5co-heading p{
  margin-bottom: 10px !important;
}

#nameToggle{
  margin-top: 60px !important;
}