/*

Theme Name: GP SpaChrudim Child

Template: generatepress

Version: 2.5

*/



/* ========== SPA CHRUDIM – DESIGN TOKENS ========== */

:root{

  --navy:#253A5F;

  --navy-2:#162744;



  --gold:#c7a64a;

  --gold-2:#a9852f;



  --text:#ffffff;

  --muted:rgba(255,255,255,.90);



  --sand:#f5f2ea;

  --paper:#fbfaf7;

  --ink:#0b1320;



  --radius:14px;

  --shadow:0 18px 60px rgba(0,0,0,.35);

}



html{ scroll-behavior:smooth; }

body.home .site-content{ padding-top:0; }



/* ========== FULL BLEED HOMEPAGE OVERRIDES (GeneratePress) ========== */

body.home #page,

body.home #content,

body.home .site-content,

body.home .content-area,

body.home .site-main{

  width: 100%;

  max-width: none;

  margin: 0;

  padding: 0;

}

body.home .site-content .grid-container{

  max-width: 100%;

  padding-left: 0;

  padding-right: 0;

}

body.home .inside-article{ padding: 0; }

body.home .entry-content{ margin: 0; }

body.home .content-area{ width: 100% !important; }

body.home .widget-area{ display: none !important; }

body.home .site,

body.home #page{ max-width: none !important; }



/* ========== HERO SECTION ========== */

.sc-hero, .sc-hero *{ box-sizing:border-box; }

.sc-hero{ color:var(--text); font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }



.sc-hero a{ color:inherit; text-decoration:none; }

.sc-hero a:focus-visible,

.sc-hero button:focus-visible{

  outline: 3px solid rgba(199,166,74,.75);

  outline-offset: 3px;

}



.sc-hero{

  position:relative;

  min-height: clamp(560px, 82vh, 860px);

  overflow:hidden;



  background-color:#000;

  background-image: url("https://spachrudim.cz/wp-content/uploads/2026/02/hero.jpg");

  background-position: 70% center;

  background-size: cover;

  background-repeat: no-repeat;



  border-bottom: 2px solid rgba(199,166,74,.45);

}

@media (max-width: 720px){ .sc-hero{ background-position: 88% center; } }

@media (max-width: 420px){ .sc-hero{ background-position: 92% center; } }



.sc-hero::after{

  content:"";

  position:absolute;

  inset:0;

  pointer-events:none;

  background:

    radial-gradient(1200px 700px at 50% 35%,

      rgba(0,0,0,.00) 0%,

      rgba(0,0,0,.15) 70%,

      rgba(0,0,0,.38) 100%

    );

  z-index:0;

}

.sc-hero::before{

  content:"";

  position:absolute;

  inset: 18px;

  border: 2px solid rgba(199,166,74,.55);

  pointer-events:none;

  border-radius: 10px;

  z-index:1;

}

@media (max-width: 720px){ .sc-hero::before{ inset: 10px; } }



/* TOP BAR */

.sc-hero__top{

  position:relative;

  z-index:2;

  padding: 22px clamp(16px, 3vw, 40px);

}

.sc-hero__nav a{

  padding: 10px 12px;

  border-radius: 999px;

  color: rgba(255,255,255,.94);

  border: 1px solid transparent;

  font-size: 14px;

  letter-spacing: .02em;

  text-shadow: 0 2px 10px rgba(0,0,0,.80), 0 0 22px rgba(0,0,0,.55);

}

.sc-hero__nav a:hover{

  border-color: rgba(199,166,74,.35);

  background: rgba(0,0,0,.16);

}

.sc-hero__phone{

  padding: 10px 14px;

  border-radius: 999px;

  border:1px solid rgba(199,166,74,.45);

  background: rgba(0,0,0,.22);

  box-shadow: 0 10px 30px rgba(0,0,0,.25);

  font-size: 14px;

  letter-spacing: .02em;

  display:inline-block;

  text-shadow: 0 2px 10px rgba(0,0,0,.80), 0 0 22px rgba(0,0,0,.55);

}



/* HERO CONTENT */

.sc-hero__content{

  position:relative;

  z-index:2;

  height: calc(100% - 92px);

  padding: 10px clamp(16px, 3vw, 40px) 44px;

  display:grid;

  align-items:center;

}

.sc-hero__inner{

  max-width: 1100px;

  margin: 0 auto;

  text-align:center;

  padding: clamp(18px, 3vw, 28px);

  border-radius: var(--radius);

}

.sc-hero__kicker{

  font-family: ui-serif, Georgia, "Times New Roman", serif;

  letter-spacing: .18em;

  text-transform: uppercase;

  color: rgba(255,255,255,.92);

  font-size: 13px;

  margin-bottom: 14px;

  text-shadow: 0 3px 14px rgba(0,0,0,.90), 0 0 34px rgba(0,0,0,.55);

}

.sc-hero__title{

  font-family: ui-serif, Georgia, "Times New Roman", serif;

  font-weight: 600;

  font-size: clamp(38px, 5.2vw, 74px);

  line-height: 1.02;

  margin: 0;

  text-shadow: 0 10px 44px rgba(0,0,0,.92), 0 2px 10px rgba(0,0,0,.85);

}

.sc-hero__subtitle{

  margin: 16px auto 0;

  max-width: 760px;

  font-size: clamp(16px, 1.5vw, 20px);

  color: var(--muted);

  line-height: 1.55;

  text-shadow: 0 6px 22px rgba(0,0,0,.92), 0 2px 10px rgba(0,0,0,.80);

}

.sc-hero__vip{

  margin-top: 18px;

  font-family: ui-serif, Georgia, "Times New Roman", serif;

  font-size: clamp(18px, 2vw, 26px);

  letter-spacing: .02em;

  color: rgba(255,255,255,.96);

  text-shadow: 0 8px 28px rgba(0,0,0,.94), 0 2px 10px rgba(0,0,0,.85);

}

.sc-hero__cta{

  margin-top: 26px;

  display:flex;

  justify-content:center;

  gap: 14px;

  flex-wrap:wrap;

}



/* ========== TLAČÍTKA (mezera nad i pod) ========== */

.sc-btn{

  appearance:none;

  border:0;

  cursor:pointer;

  padding: 14px 18px;

  border-radius: 12px;

  font-weight: 700;

  letter-spacing: .02em;

  font-size: 14px;

  min-width: 200px;

  transition: transform .12s ease, background .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease;

  box-shadow: 0 16px 40px rgba(0,0,0,.28);



  display:inline-flex;

  align-items:center;

  justify-content:center;



  /* tohle je to, co chceš */

  margin: 10px 0;   /* mezera nad i pod */

}

.sc-btn--gold{

  background: linear-gradient(180deg, rgba(199,166,74,1) 0%, rgba(169,133,47,1) 100%);

  color: #0b1320;

}

.sc-btn--gold:hover{ transform: translateY(-1px); box-shadow: 0 18px 46px rgba(0,0,0,.36); }

.sc-btn--ghost{

  background: rgba(0,0,0,.22);

  color: rgba(255,255,255,.96);

  border: 1px solid rgba(199,166,74,.45);

}

.sc-btn--ghost:hover{ transform: translateY(-1px); background: rgba(0,0,0,.30); }



/* PILÍŘE */

.sc-hero__bar{

  margin: 34px auto 0;

  max-width: 980px;

  display:grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 12px;

}

.sc-pill{

  border-radius: 14px;

  border: 1px solid rgba(199,166,74,.35);

  background: rgba(0,0,0,.22);

  padding: 14px 16px;

  text-align:center;

}

.sc-pill .t{

  font-family: ui-serif, Georgia, "Times New Roman", serif;

  font-size: 20px;

  letter-spacing: .06em;

  text-shadow: 0 6px 20px rgba(0,0,0,.92), 0 0 26px rgba(0,0,0,.55);

}

.sc-pill .d{

  margin-top: 6px;

  color: rgba(255,255,255,.86);

  font-size: 13px;

  line-height: 1.35;

  text-shadow: 0 5px 18px rgba(0,0,0,.92), 0 0 22px rgba(0,0,0,.52);

}

@media (max-width: 720px){

  .sc-hero__bar{ grid-template-columns: 1fr; }

  .sc-btn{ min-width: 100%; }

}

@media (prefers-reduced-motion: reduce){

  .sc-btn{ transition:none; }

}



/* ========== TOPBAR ========== */

.sc-topbar{

  display:grid;

  grid-template-columns: 1fr auto 1fr;

  align-items:center;

  column-gap: 22px;

}

.sc-topbar__nav{

  display:flex;

  align-items:center;

  gap: 14px;

  flex-wrap:wrap;

}

.sc-topbar__nav--left{ justify-content:flex-end; }

.sc-topbar__logoWrap{

  display:flex;

  justify-content:center;

  align-items:center;

  padding: 2px 6px;

}

.sc-topbar__logo{

  height: 150px;

  width: auto;

  display:block;

  filter: drop-shadow(0 8px 26px rgba(0,0,0,.60));

}

.sc-topbar__right{

  display:flex;

  justify-content:flex-start;

  align-items:center;

  gap: 12px;

  flex-wrap:wrap;

}

.sc-topbar__nav--right{ justify-content:flex-start; }

@media (max-width: 980px){

  .sc-topbar{

    grid-template-columns: 1fr;

    justify-items:center;

    row-gap: 10px;

  }

  .sc-topbar__logo{ height: 100px; }

  .sc-topbar__nav--left{ justify-content:center; }

  .sc-topbar__right{ justify-content:center; }

}



/* ===================================================================== */

/* =======================  SPODNÍ SEKCE  =============================== */

/* ===================================================================== */



.sc-section, .sc-section *{ box-sizing:border-box; }

.sc-section{ padding: 72px 20px; }

.sc-wrap{ max-width: 1100px; margin: 0 auto; }



.sc-section--light{ background: var(--paper); color: var(--ink); }

.sc-section--sand{ background: var(--sand); color: var(--ink); }

.sc-section--navy{ background: linear-gradient(180deg, #162744 0%, #0f1f3a 100%); color: #fff; }



.sc-section__head{ margin-bottom: 28px; }

.sc-section__head--center{ text-align:center; }



.sc-h2{

  font-family: ui-serif, Georgia, "Times New Roman", serif;

  letter-spacing: .06em;

  text-transform: uppercase;

  font-size: clamp(26px, 3vw, 34px);

  margin: 0;

  padding-bottom: 14px;

  display:inline-block;

  position:relative;

}

.sc-h2::after{

  content:"";

  position:absolute;

  left:0;

  bottom:0;

  width:100%;

  height:2px;

  background: rgba(199,166,74,.75);

}

.sc-section__head--center .sc-h2{

  margin-left:auto;

  margin-right:auto;

}

.sc-h2--light{ color:#fff; }

.sc-h2--light::after{ background: rgba(199,166,74,.85); }



.sc-lead{

  margin: 14px 0 0;

  font-size: 16px;

  line-height: 1.6;

  max-width: 820px;

}

.sc-section__head--center .sc-lead{ margin-left:auto; margin-right:auto; }

.sc-lead--light{ color: rgba(255,255,255,.86); }



.sc-grid{ display:grid; gap: 14px; }

.sc-grid--features{ grid-template-columns: repeat(4, minmax(0, 1fr)); }

.sc-grid--vip{ grid-template-columns: repeat(3, minmax(0, 1fr)); }

.sc-grid--gallery{ grid-template-columns: repeat(3, minmax(0, 1fr)); }

.sc-grid--reserve{ grid-template-columns: repeat(2, minmax(0, 1fr)); }



@media (max-width: 980px){

  .sc-grid--features{ grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .sc-grid--vip{ grid-template-columns: 1fr; }

  .sc-grid--gallery{ grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .sc-grid--reserve{ grid-template-columns: 1fr; }

}

@media (max-width: 520px){

  .sc-grid--gallery{ grid-template-columns: 1fr; }

}



.sc-card{

  border-radius: 16px;

  border: 1px solid rgba(199,166,74,.22);

  background: #ffffff;

  box-shadow: 0 14px 40px rgba(0,0,0,.06);

  padding: 16px 16px 18px;

  min-height: 120px;

}

.sc-card--glass{

  background: rgba(0,0,0,.22);

  border-color: rgba(199,166,74,.35);

  box-shadow: 0 18px 50px rgba(0,0,0,.25);

}

.sc-h3{

  font-family: ui-serif, Georgia, "Times New Roman", serif;

  margin: 0;

  font-size: 20px;

}

.sc-h3--light{ color:#fff; }

.sc-p{

  margin: 8px 0 0;

  color: rgba(11,19,32,.78);

  line-height: 1.5;

}

.sc-p--light{ color: rgba(255,255,255,.82); }

.sc-center{ text-align:center; margin-top: 18px; }



.sc-ph{

  border-radius: 16px;

  border: 1px solid rgba(199,166,74,.22);

  background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.02));

  height: 180px;

}



/* Center: Co u nás najdete + Galerie */

#co-u-nas-najdete .sc-section__head,

#galerie .sc-section__head{ text-align:center; }

#co-u-nas-najdete .sc-section__head .sc-h2,

#galerie .sc-section__head .sc-h2{ margin-left:auto; margin-right:auto; }

#co-u-nas-najdete .sc-section__head .sc-lead,

#galerie .sc-section__head .sc-lead{ margin-left:auto; margin-right:auto; }

#co-u-nas-najdete .sc-card{ text-align:center; }

#galerie .sc-grid--gallery{ justify-items:center; }

#galerie .sc-ph{ width:100%; }

/* ===== Galerie: náhledy ===== */

.sc-gallery{ justify-items: center; }



.sc-thumb{

  display:block;

  width:100%;

  border-radius: 16px;

  overflow:hidden;

  border: 1px solid rgba(199,166,74,.22);

  background: #fff;

  box-shadow: 0 14px 40px rgba(0,0,0,.06);

}



.sc-thumb img{

  display:block;

  width:100%;

  height: 220px;

  object-fit: cover;

}



.sc-thumb:hover{

  border-color: rgba(199,166,74,.45);

}



/* ===== Lightbox overlay (pozadí vidět) ===== */

.sc-lightbox{

  position: fixed;

  inset: 0;

  display:none;

  align-items:center;

  justify-content:center;

  padding: 18px;

  z-index: 999999;



  background: rgba(0,0,0,.55); /* stránky vidět v pozadí */

  backdrop-filter: blur(2px);

}



.sc-lightbox.is-open{ display:flex; }



.sc-lightbox__panel{

  position:relative;

  max-width: min(1100px, 96vw);

  max-height: 86vh;

}



.sc-lightbox__img{

  display:block;

  max-width: 100%;

  max-height: 86vh;

  border-radius: 14px;

  border: 2px solid rgba(199,166,74,.35);

  box-shadow: 0 24px 80px rgba(0,0,0,.55);

}



.sc-lightbox__cap{

  margin-top: 10px;

  color: rgba(255,255,255,.92);

  text-shadow: 0 2px 10px rgba(0,0,0,.85);

  text-align:center;

}



.sc-lightbox__close{

  position:absolute;

  top: -10px;

  right: -10px;

  width: 44px;

  height: 44px;

  border-radius: 999px;

  border: 1px solid rgba(199,166,74,.45);

  background: rgba(0,0,0,.55);

  color:#fff;

  cursor:pointer;

  font-size: 20px;

  line-height: 1;

}



.sc-lightbox__close:focus-visible{

  outline: 3px solid rgba(199,166,74,.75);

  outline-offset: 3px;

}

/* Back-to-top v GP: zrychlit (vypnout smooth jen pro klik na šipku) */

html:has(a.generate-back-to-top:focus),

html:has(a.generate-back-to-top:hover),

html:has(a.generate-back-to-top:active){

  scroll-behavior: auto !important;

}

/* Footer menu */

.sc-footer-nav{

  padding: 18px 20px 26px;

  display:flex;

  justify-content:center;

}



.sc-footer-menu{

  list-style:none;

  margin:0;

  padding:0;

  display:flex;

  flex-wrap:wrap;

  justify-content:center;

  gap: 10px;

}



.sc-footer-menu li{ margin:0; padding:0; }



.sc-footer-menu a{

  display:inline-block;

  padding: 10px 12px;

  border-radius: 999px;

  border: 1px solid rgba(199,166,74,.30);

  background: rgba(0,0,0,.18);

  color: rgba(255,255,255,.92);

  text-decoration:none;

  text-shadow: 0 2px 10px rgba(0,0,0,.80);

}



.sc-footer-menu a:hover{

  border-color: rgba(199,166,74,.55);

  background: rgba(0,0,0,.28);

}

/* Styl pro náhled panoramy */

.panorama-thumb {

    position: relative;

    cursor: pointer;

    overflow: hidden;

    border-radius: 8px; /* Aby to ladilo s tvou galerií */

}



.panorama-thumb img {

    transition: transform 0.3s ease;

    display: block;

    width: 100%;

}



.panorama-thumb:hover img {

    transform: scale(1.05);

}



.panorama-thumb::after {

    content: "360°";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background: rgba(0,0,0,0.6);

    color: #fff;

    padding: 10px 20px;

    border-radius: 50px;

    font-weight: bold;

    pointer-events: none;

}

.sc-grid--pano {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 1.5rem; /* Uprav podle své původní galerie */

}



/* Na mobilech třeba jen 2 sloupce */

@media (max-width: 768px) {

  .sc-grid--pano {

    grid-template-columns: repeat(2, 1fr);

  }

}