/* ===== Base ===== */
:root{ --accent:#00e5ff; --bg:#0b0d10; --glass:rgba(255,255,255,.06); --border:rgba(255,255,255,.12) }
*{box-sizing:border-box}
html,body{height:100%}
body{
  font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif;
  background: radial-gradient(1200px 600px at 10% -10%, rgba(0,229,255,.12), transparent 60%), radial-gradient(800px 500px at 110% 10%, rgba(0,229,255,.08), transparent 60%), var(--bg);
  color:#f2f5f7; letter-spacing:.1px;
}
a{color:var(--accent)} a:hover{opacity:.9}
.section-padding{padding:5rem 0}
.section-title{font-weight:800; letter-spacing:.3px}
.big{font-size:1.1rem}
.glassy-nav{background:linear-gradient(to bottom, rgba(11,13,16,.9), rgba(11,13,16,.6)); backdrop-filter:blur(8px); border-bottom:1px solid var(--border)}
.navbar-brand .logo{height:42px; width:auto}
.logo{filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}

/* ===== Hero ===== */
.hero{min-height:100svh; position:relative; display:flex; align-items:center; text-align:center; overflow:hidden}
.hero-bg{position:absolute; inset:0; background:linear-gradient(180deg, rgba(6,9,12,.48), rgba(6,9,12,.74)), url('../img/hero-bg.jpg') center/cover no-repeat; filter:blur(.4px); transform:scale(1.02)}
.hero::after{content:''; position:absolute; inset:0; background:radial-gradient(60% 50% at 50% 20%, rgba(64,145,255,.12), transparent 60%), radial-gradient(60% 40% at 50% 60%, rgba(173,83,255,.18), transparent 60%); mix-blend-mode:screen; pointer-events:none}
.gradient-text{background:linear-gradient(90deg,#00e5ff 0%,#7a5cff 60%,#be6fff 100%); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 2px 24px rgba(122,92,255,.25)}
.hero-logo{width:720px; max-width:90vw; height:auto}
@keyframes logo-pop{0%{transform:translateY(6px) scale(.9);opacity:0}60%{transform:translateY(0) scale(1.02);opacity:1}100%{transform:translateY(0) scale(1)}}
@keyframes logo-pulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(0) scale(1.05)}}
.animated-logo{animation:logo-pop .9s ease-out both, logo-pulse 2s ease-in-out 1.2s infinite}
.hero-bullets{letter-spacing:.3px}
.btn-cta{--bs-btn-padding-y:.7rem; --bs-btn-padding-x:1.2rem; --bs-btn-font-weight:700; background:linear-gradient(90deg,#00c8ff,#7a5cff); border:none; color:#fff; box-shadow:0 10px 24px rgba(122,92,255,.35); border-radius:.8rem}
.btn-cta:hover{opacity:.95; transform:translateY(-1px)}
.btn-ghost{--bs-btn-padding-y:.7rem; --bs-btn-padding-x:1.2rem; --bs-btn-font-weight:700; background:transparent; color:#eaf6ff; border:1px solid rgba(255,255,255,.35); border-radius:.8rem; backdrop-filter:blur(6px)}
.btn-ghost:hover{background:rgba(255,255,255,.06)}
.scroll-down{position:absolute; bottom:1.2rem; left:50%; transform:translateX(-50%); font-size:1.3rem; border:1px solid rgba(255,255,255,.35); width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.06)}

/* ===== Glass / sections ===== */
.glass{background:var(--glass); border:1px solid var(--border); backdrop-filter:blur(10px); border-radius:1.25rem}
.bg-gradient-subtle{background:radial-gradient(900px 400px at 0% 0%, rgba(0,229,255,.06), transparent 60%), radial-gradient(700px 400px at 100% 0%, rgba(0,229,255,.06), transparent 60%)}

/* ===== Icon list ===== */
.icon-list{list-style:none; padding-left:0} .icon-list li{margin-bottom:.5rem} .icon-list i{color:var(--accent); margin-right:.5rem}

/* ===== Gallery grid ===== */
#galleryGrid .item{position:relative; overflow:hidden; border-radius:1rem; border:1px solid var(--border)}
#galleryGrid img{width:100%; height:260px; object-fit:cover; display:block; transition:transform .6s ease}
#galleryGrid .item:hover img{transform:scale(1.06)}

/* ===== Lightbox ===== */
.lightbox{position:fixed; inset:0; z-index:1050; display:none; background:rgba(0,0,0,.85); backdrop-filter:blur(2px)}
.lightbox.show{display:grid; place-items:center}
.lightbox img{max-width:92vw; max-height:86vh; border-radius:.75rem; border:1px solid rgba(255,255,255,.15)}
.lightbox .nav{position:absolute; top:50%; transform:translateY(-50%); width:100%; display:flex; justify-content:space-between; align-items:center; padding:0 1rem}
.lightbox .btn-nav{display:grid; place-items:center; width:46px; height:46px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.3); color:#fff}
.lightbox .btn-close{position:absolute; right:.8rem; top:.8rem; width:42px; height:42px; border-radius:999px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.35)}
.lightbox .counter{position:absolute; left:50%; transform:translateX(-50%); bottom:1rem; color:#fff; font-size:.9rem; opacity:.8}

/* ===== Events ===== */
.events-nav{display:none!important}

/* ===== Contact social grid ===== */
.social-grid{display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:12px}
@media (max-width: 767.98px){ .social-grid{ grid-template-columns: repeat(2, 1fr) } }
.sg-item{display:flex; flex-direction:column; align-items:center; justify-content:center; text-decoration:none; color:#fff; padding:16px; border-radius:1rem; background: var(--glass); border:1px solid var(--border); transition: transform .2s ease, background .2s ease, border-color .2s ease}
.sg-item i{ font-size:2.8rem; line-height:1 }
.sg-item span{ font-size:.8rem; opacity:.85; margin-top:.35rem }
.sg-item:hover{ transform: translateY(-2px); background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.3) }

/* ===== Footer icons size ===== */
footer .bi{font-size:1em!important}

/* ===== To top ===== */
.to-top{position:fixed; right:1rem; bottom:1rem; z-index:50; width:44px; height:44px; display:none}

/* ===== Reveal ===== */
.reveal{opacity:0; transform:translateY(12px); transition:all .6s ease}
.reveal.show{opacity:1; transform:none}
.delay-1{transition-delay:.1s} .delay-2{transition-delay:.2s} .delay-3{transition-delay:.3s}

/* Mobile spacing and hero logo size */
@media (max-width: 991.98px){ .hero-logo{width:450px; max-width:85vw} }
@media (max-width: 767.98px){ .section-padding{padding:2rem 0} }

.partner-logo{height:52px; width:auto; filter:brightness(0) invert(1)}

/* Buchlovský Dvůr styles */
.partner-logo{height:52px; width:auto; filter:brightness(0) invert(1)}
.bdv-link{color:#fff!important; text-decoration:none}
.bdv-link:hover{text-decoration:underline}
.bdv-price{font-size: larger;}


/* BDV tabs: no white fill on hover, keep only white outline */
#bdvBlock .nav-link.btn.btn-outline-light:hover,
#bdvBlock .nav-link.btn.btn-outline-light:focus {
  background-color: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
}

/* Optional: when active (selected), keep outline look too */
#bdvBlock .nav-link.btn.btn-outline-light.active {
  background-color: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
}