/*!
Theme Name: Milíř
Theme URI: http://underscores.me/
Author: Ondřej Tóth
Author URI: https://ondrej-toth.cz
Description: Šablona na míru
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: milir
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Milíř is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/



:root{
  --otrock-font-base: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --otrock-font-accent:  "Inter",system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --otrock-color-white: #ffffff;
  --otrock-color-accent: #B68624;          

  --otrock-font-size: 21px;
  --otrock-line-height: 32px;
  --otrock-font-size-mobile: 18px;
  --otrock-line-height-mobile: 32px;

  --otrock-section-maxw: 1200px;
  --otrock-section-pad-x: 60px;
  --otrock-section-pad-x-mob: 30px;
  --otrock-section-pad-top: 140px;
  --otrock-section-pad-top-half: 70px;
  --otrock-section-pad-bottom: 140px;
  --otrock-section-pad-bottom-half: 70px;


  --otrock-section-pad-top-mobile: 96px;
  --otrock-section-pad-top-mobile-half: 48px;
  --otrock-section-pad-bottom-mobile: 96px;
  --otrock-section-pad-bottom-mobile-half: 48px;

  --otrock-gap: 24px;
  --otrock-gap-lg: 48px;
  --otrock-radius-btn: 8px;

  --otrock-title-size: 64px;
  --otrock-title-size-mobile: 36px;
}

html {
	-webkit-text-size-adjust: 100%;
    font-family: var(--otrock-font-base);
}



html {
	box-sizing: border-box;
}


body {
	margin: 0;

}


main {
	display: block;
}

.otrock-goldline-top {
  display: block;
  width: 80px;
  height: 2px;
  background: var(--otrock-color-accent);
  margin: 0 0 16px 0;
}

.otrock-goldline-bottom{
  display: block;
  width: 80px;
  height: 2px;
  background: var(--otrock-color-accent);
  margin: 16px 0 0 0;
}


/* =========================
   HERO – pozadí na sekci + flex layout + box-sizing fix
   ========================= */
.otrock-hero{
  /* Layout (důležité: box-sizing + 100dvh) */
  position: relative;
  display: flex;                      /* vertikální rozvržení: logo nahoře, obsah dole */
  flex-direction: column;
  justify-content: end;     /* roztlačí horní a spodní blok */
  min-height: 100dvh;                     /* moderní viewport (správně na mobilech) */
  min-height: 100vh;                  /* fallback pro starší prohlížeče */
  box-sizing: border-box;             /* padding se vejde do výšky sekce */
  width: 100%;

  /* Typografie & barvy */
  color: var(--otrock-color-white);
  font-family: var(--otrock-font-base);

  /* Vnitřní odsazení sekce (posun loga dolů a mezera dole) */
  padding: 164px var(--otrock-section-pad-x) var(--otrock-section-pad-bottom);

  /* Pozadí PŘÍMO NA SEKCI – žádný overlay element */

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;              /* desktop – horní kompozice */
  overflow: clip;
}

/* Horní část – logo centrované */
.otrock-hero__logo-wrap{
  display: grid;
  place-items: center;
  margin-bottom: var(--otrock-gap-lg);
}

.otrock-hero__logo{
  max-width: 180px;
  height: auto;
  display: block;
}

/* Obsahová část – max šířka a středování */
.otrock-hero__container{
  max-width: var(--otrock-section-maxw);
  margin-inline: auto;
  width: 100%;
}

/* Titulek a lead – na desktopu ponech 50% šířky pro vzdušnost */
.otrock-hero__title{
  font-weight: 400;
  font-size: var(--otrock-title-size);
  max-width: 60%;
  margin: 0 0 32px;
  text-wrap: balance;
}

.otrock-hero__lead{
  font-size: var(--otrock-font-size);
  line-height: var(--otrock-line-height);
  max-width: 50%;
  margin: 0 0 0;
}

/* Spodní řádek – CTA vlevo, rating vpravo */
.otrock-hero__bottom{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--otrock-gap);
}

.otrock-hero__cta{
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.otrock-hero__btn{
  color: var(--otrock-color-white);
  font-family: var(--otrock-font-accent);
  display: inline-block;
  padding: 17px 32px;
  font-weight: 600;
  text-decoration: none;
  background: var(--otrock-color-accent);
  border-radius: var(--otrock-radius-btn);
  font-size: 16px; font-weight: 500;
  text-align: center;
  border: var(--otrock-color-accent) 1px  solid;
}

.otrock-hero__note{
  font-size: 14px;
  font-weight: 600;
}

.otrock-hero__rating img{
  display: block;
  max-width: 140px;
  height: auto;
}

/* =========================
   MOBIL + TABLET (<=1024px)
   ========================= */
@media (max-width: 1024px){
  .otrock-hero{
    padding: 160px var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile);
    background-position: center center; /* mobil – střed kompozice */
     justify-content: space-between;   

  }

  .otrock-hero__logo{ max-width: 130px; }

  .otrock-hero__title,
  .otrock-hero__lead{ max-width: 100%; margin: 0 0 var(--otrock-gap);}

  .otrock-hero__title {
    font-size: var(--otrock-title-size-mobile);
  }

  .otrock-hero__lead {
    font-size: var(--otrock-font-size-mobile);
    line-height: var(--otrock-line-height-mobile);
  }

  .otrock-hero__bottom{
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
    flex-direction: column-reverse;
  }

  .otrock-hero__rating{
    display: flex;
    justify-content: flex-end;
    margin-top: 150px;
  }

  .otrock-hero__rating img{ max-width: 75px; }

  .otrock-hero__cta{
    align-items: center;
    text-align: center;
  }

  .otrock-hero__btn{ width: 100%;  padding: 17px 32px;   box-sizing: border-box; }
}

/* =========================
   DESKTOP (základ)
   ========================= */
.otrock-welcome{
  font-family: var(--otrock-font-base);
  padding: var(--otrock-section-pad-top) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom-half);
  box-sizing: border-box;
}

.otrock-welcome__container{
  max-width: var(--otrock-section-maxw);
  margin-inline: auto;                 /* BOXED */
}

/* Intro v rámci BOXED: vnitřní 80% pruh centrovaný */
.otrock-welcome__intro-inner{
  width: 90%;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;      /* 50/50 */
  gap: 192px;
  align-items: center;
  margin-bottom: var(--otrock-gap-lg);
}



.otrock-welcome__title{
  color: #000;
  font-family: var(--otrock-font-base);
  font-size: 35.812px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 150% */
  margin: 0 0 16px 0;
}

.otrock-welcome__lead{
  color: #000;
  font-family: var(--otrock-font-base);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 177.778% */
  margin: 0;
  max-width: 50ch;
}

.otrock-welcome__heroimg{
  width: 100%;
  height: auto;
  display: block;
}

/* Gradient BOX – desktop boxed, dva sloupce */
.otrock-welcome__container--box{
  width: 100%;
 margin-top: var(--otrock-section-pad-bottom-half)
}

.otrock-welcome__box{


  max-width: 80%;
  padding: 75px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 0.4fr 0.6fr;
  gap: var(--otrock-gap-lg) 96px;
}


.otrock-welcome__box-bg {
    border-radius: 16px;
    background: linear-gradient(90deg, #FFFAED 0%, #FFF0D3 100%);
}

.page-template-page-home-winter .otrock-welcome__box-bg {
    border-radius: 16px;
    background: linear-gradient(90deg, #F4F7FA 0%, #E0EAF3 100%);
}

.page-template-page-home-winter .otrock-welcome__box-bg, .page-template-page-detail-winter .otrock-welcome__box-bg {
    border-radius: 16px;
    background: linear-gradient(90deg, #F4F7FA 0%, #E0EAF3 100%);
}





.otrock-welcome__h3{
  margin: 0 0 16px 0;
  font-family: var(--otrock-font-base);
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  color: #000;
}

.otrock-welcome__divider{
  display: block;
  width:80px;
  height: 2px;
  background: var(--otrock-color-accent);
  margin-bottom: 32px;
}

.otrock-welcome__divider2{
  display: block;
  width:80px;
  height: 2px;
  background: var(--otrock-color-accent);
  margin: 0 auto 16px auto;
}

.otrock-welcome__group{ margin-bottom: 18px; }

.otrock-welcome__grouphead{
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 10px;
}

.otrock-welcome__icon{
  width: 32px;
  height: 32px;
  flex: 0 0 22px;
}

.otrock-welcome__h4{
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  color: #000;
}

.otrock-welcome__list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}

.otrock-welcome__li{
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 18px;
  line-height: 32px;
}

.otrock-welcome__liicon{
  width: 26px;
  height: 26px;
  flex: 0 0 16px;
}

.otrock-welcome__benefit{ margin-bottom: 18px; }
.otrock-welcome__text{
  margin: 0 0 0 50px; /* zarovnání pod h4 (22px ikona + 10px gap) */
  font-size: 18px;
  line-height: 32px;
  color: #626262;
}

/* CTA v boxu */
.otrock-welcome__cta{
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  padding-top: 8px;
}

.otrock-welcome__btn{
  display: inline-block;
  padding: 17px 64px;
  border-radius: var(--otrock-radius-btn);
  background: var(--otrock-color-accent);
  color: #fff;
  text-decoration: none;
  font-family: var(--otrock-font-accent);
  font-weight: 600;
  font-size: 16px;
    border: var(--otrock-color-accent) 1px  solid;
  cursor:pointer;
}

/* =========================
   MOBIL + TABLET (<=1024px)
   ========================= */
@media (max-width: 1024px){
  .otrock-welcome{
  padding: var(--otrock-section-pad-top-mobile) var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile-half);
  }
.otrock-activities__cta {
  display: none;
}
  .otrock-welcome__intro-inner{
    width: 100%;
    grid-template-columns: 1fr;
    gap: var(--otrock-gap-lg);
    margin-bottom: 0;
  }

  .otrock-welcome__lead{ max-width: 100%; }

  /* BOX full width – vytáhneme do okrajů stránky */
  .otrock-welcome__box{
    grid-template-columns: 1fr;
    padding: 64px 30px;


    max-width: 100%;
  }

  .otrock-welcome__box-bg {
    margin-inline: calc(-1 * var(--otrock-section-pad-x-mob)); /* full-bleed */
        border-radius: 0;
}

  .otrock-welcome__cta{ padding-top: 0; }
  .otrock-welcome__btn{ width: 100%; text-align: center;    box-sizing: border-box;}
}

/* ===== DESKTOP (základ) ===== */
.otrock-gallery{
  padding: var(--otrock-section-pad-top-half) 0 var(--otrock-section-pad-top-half);

}

.otrock-gallery__boxed{
  max-width: var(--otrock-section-maxw);
  margin-inline: auto;                 /* BOXED */
}

.otrock-gallery__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  border-radius: 16px;   /* radius jen na DESKTOPU */
  overflow: hidden;
  background: #fff;
  min-height: 550px;
}

/* společné obrázky */
.otrock-gallery__left-wrap,
.otrock-gallery__left,
.otrock-gallery__tile,
.otrock-gallery__imglink{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.otrock-gallery__left img,
.otrock-gallery__tile img,
.otrock-gallery__imglink img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* pravý grid 2×2 */
.otrock-gallery__right{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(180px, 1fr);
  gap: 16px;
}

/* poslední dlaždice s CTA */
.otrock-gallery__tile--with-cta{
  position: relative;
  overflow: hidden;  /* drží button uvnitř */
}
.otrock-gallery__tile--with-cta .otrock-gallery__btn{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
}

/* mobilní overlay (defaultně skrytý) */
.otrock-gallery__overlay--mobile{
  display: none;
  pointer-events: none; /* overlay neblokuje klik na fotku */
}
.otrock-gallery__overlay--mobile .otrock-gallery__btn,
.otrock-gallery__overlay--mobile .otrock-gallery__badge{
  pointer-events: auto; /* ale prvky uvnitř jsou klikatelné */
}

/* tlačítko */
.otrock-gallery__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 4px;
  background: #fff;
  color: #000;
  font-weight: 600;
  font-size: 16px;
  font-family: var(--otrock-font-accent);
  text-decoration: none;
  cursor: pointer;
  border: none;
}
.otrock-gallery__btn:hover,
.otrock-gallery__btn:focus{
}

/* badge */
.otrock-gallery__badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  min-width: 72px;             /* opticky stejné jako button */
  border: none;
  color: #fff;
  font-weight: 600;
    font-size: 16px;
  font-family: var(--otrock-font-accent);
  white-space: nowrap;
  border-radius: 4px;
background: rgba(0, 0, 0, 0.40);
}

/* ===== MOBIL + TABLET (<=1024px) ===== */
@media (max-width: 1024px){
  .otrock-gallery__boxed{ padding: 0; }
  .otrock-gallery__grid{
    grid-template-columns: 1fr;
    gap: 0;
    border-radius: 0;     /* na mobilu BEZ radiusu */
    overflow: visible;
    background: transparent;
  }

  .otrock-gallery{
  padding: var(--otrock-section-pad-top-mobile-half) 0 var(--otrock-section-pad-top-half);
   overflow: visible;
      margin-left: -30px;
    margin-right: -30px;
}

  /* pravý grid skryjeme – jen velká fotka */
  .otrock-gallery__right{ display: none; }

  /* mobilní overlay na velké fotce (button + badge, nesplývají – gap) */
  .otrock-gallery__left-wrap{ position: relative; }
  .otrock-gallery__overlay--mobile{
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 2;
  }
  .otrock-gallery__btn{ padding: 12px 16px; }
}


/* ===== GLightbox úpravy ===== */
/* Skryj popisky (kdyby se vynutily knihovnou) */
.glightbox-container .gdesc,
.glightbox-container .gdesc-inner,
.glightbox-container .gslide-description{ display:none !important; }

/* Bez border-radius uvnitř lightboxu */
.glightbox-container .gslide-media img,
.glightbox-container .gslide-media video{ border-radius:0 !important; }

/* ============================
   Globální sekce: Recenze
   ============================ */

/* DESKTOP (základ) */
.otrock-reviews {
  font-family: var(--otrock-font-base);
  padding: var(--otrock-section-pad-top-half) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom);
  box-sizing: border-box;
}

.otrock-reviews__boxed {
  max-width: var(--otrock-section-maxw);
  margin-inline: auto; /* BOXED */
}

.otrock-reviews__title {
  text-align: center;


  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; 
  margin: 0 0 40px 0;
}

.otrock-reviews__shortcode {
  /* záměrně bez layoutu – shortcode si přinese vlastní markup a grid/slider */
  margin-bottom: 40px;
}

.otrock-reviews__cta {
  display: flex;
  justify-content: center;
}

.otrock-reviews__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 24px;
  border-radius: 8px;
  border: 1px solid var(--otrock-color-accent);
  background: rgba(255, 255, 255, 0.80);
  text-decoration: none;

  color: var(--otrock-color-accent);
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 100%; /* 16px */

}

.otrock-reviews__btn:hover,
.otrock-reviews__btn:focus {

}

/* MOBIL + TABLET (<=1024px) */
@media (max-width: 1024px){
.otrock-reviews {

      padding: var(--otrock-section-pad-top-mobile-half) var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile);

}


  .otrock-reviews__title {
    font-size: 32px;
    margin-bottom: 20px;
  }

  .otrock-reviews__shortcode {
    margin-bottom: 20px;
  }

  .otrock-reviews__btn {
    width: auto; /* zůstává přirozená šířka; pokud chceš full-width, nastav width: 100%; text-align: center; */
  }
}

.ti-widget.ti-goog .ti-review-item>.ti-inner {
  border-color: #000!important;
}


/* ===========================
   Sekce: Recenze – Aktivity
   =========================== */

/* DESKTOP (základ) */
.otrock-activities{
  /* full width pozadí */
  background: var(--Yellow-gradient-2, linear-gradient(180deg, rgba(204, 170, 92, 0.10) 0%, rgba(182, 134, 36, 0.34) 100%), #FFF);
  font-family: var(--otrock-font-base);
  padding: var(--otrock-section-pad-top) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom);
  box-sizing: border-box;
}

.page-template-page-home-winter .otrock-activities{
  /* full width pozadí */
background: var(--Blue-gradient-2, linear-gradient(180deg, rgba(239, 243, 247, 0.40) 0%, #B3CFEB 100%));

}

.page-template-page-lokalita-winter .otrock-activities{
  /* full width pozadí */
background: var(--Blue-gradient-2, linear-gradient(180deg, rgba(239, 243, 247, 0.40) 0%, #B3CFEB 100%));

}


.otrock-activities__boxed{
  max-width: var(--otrock-section-maxw);
  margin-inline: auto; /* BOXED */
}

.otrock-activities__head{
  text-align: center;
  margin-bottom: 40px;
}

.otrock-activities__title{
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px; /* 150% */
  margin: 0 0 32px 0;
}

.otrock-activities__subtitle{

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  margin: 0 auto;
  max-width: 50%;
  line-height: 32px;

}

.otrock-activities__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.otrock-activities__card{
  background: var(--White, #FFF);
  border-radius: 0 32px 32px 32px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden; /* aby držely rádiusy horních rohů u obrázku */
  display: flex;
  flex-direction: column;
  height: 100%;

}

.otrock-activities__media img{
  display: block;
  width: 100%;
  height:300px;
  object-fit: cover;
  /* sladění rohů s kartou (nahoře vlevo rovný, vpravo kulatý) */
  border-top-left-radius: 0;
  border-top-right-radius: 32px;
}

.otrock-activities__body{
  padding: 30px 30px 50px 30px;
}

.otrock-activities__card-title{
  font-size: 20px;     /* Desktop/H3 */
  font-style: normal;
  font-weight: 600;
  line-height: 32px;   /* 160% */
  margin: 0 0 20px 0;
}

.otrock-activities__card-text{
  color: var(--Black, #000);
  font-size: 18px;     /* Desktop/Body */
  font-style: normal;
  font-weight: 400;
  line-height: 32px;   /* 177.778% */
  margin: 0;
}

.otrock-activities__cta{
  text-align: center;  /* zarovnat existující .otrock-welcome__btn doprostřed */
}

/* MOBIL (<=768px) */
@media (max-width: 1024px){
  .otrock-activities{



  padding: var(--otrock-section-pad-top-mobile) var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile);

}

  .otrock-activities .otrock-welcome__btn{width: unset;text-align: center;    box-sizing: border-box;}


  .otrock-activities__grid{
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .otrock-activities__media img{
    height: 200px;
  }
  .otrock-activities__title{
    font-size: 36px;
    line-height: 54px;
  }
  .otrock-activities__subtitle{
    font-size: 18px;
    line-height: 32px;
  }
  .otrock-activities__card-title{
    font-size: 20px;
    line-height: 32px;
  }
  .otrock-activities__card-text{
    font-size: 16px;
    line-height: 32px;
  }
}

/* ===== Desktop grid zůstává beze změny ===== */
/* (tvé existující desktop styly pro .otrock-activities__grid a .otrock-activities__card atd.) */

/* Výchozí: slider schovat, grid ukázat */
.otrock-activities__glide { display: none; }





@media (max-width: 1024px){

  .glide__slide {
    padding: 10px; }
  /* Grid schovat, Glide ukázat (beze změny) */
  .otrock-activities__grid { display: none; }
  .otrock-activities__glide { display: block; }

  /* karta zůstává relative kvůli absolutnímu ukotvení šipky */
  .otrock-activities__card{ position: relative; }

  /* výška fotky drží vertikální pozici šipky na „zlomu“ */
  .otrock-activities__media img{
    height: 200px;
    object-fit: cover;
  }

  /* v těle necháme vpravo místo pro kruh se šipkou */
  /* šipka už NEPŘESAHUJE mimo box (neřežeme ji), je uvnitř karty */
  .otrock-activities__next{
    --otrock-arrow-size: 44px;
    position: absolute;
    right: 8px; /* uvnitř karty */
    top: calc(200px - (var(--otrock-arrow-size) / 2)); /* vertikálně na předěl foto/text */
    width: var(--otrock-arrow-size);
    height: var(--otrock-arrow-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    padding: 0;
    border-radius: 9999px;
    background: var(--otrock-color-accent);
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
    cursor: pointer;
    z-index: 2; /* nad obsahem karty */
  }

  /* malé odsazení vpravo, aby šipka nebyla nalepená na hraně viewportu */
  .otrock-activities__glide{ padding-right: 8px; }

  /* CTA pod karuselem (zůstává) */
  .otrock-activities__cta{
    margin-top: 20px;
    text-align: center;
  }
}

/* ===========================
   FAQ — DESKTOP (základ)
   =========================== */
.otrock-faq {
  font-family: var(--otrock-font-base);
  padding: var(--otrock-section-pad-top) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom-half);
  box-sizing: border-box;
}

.otrock-faq__boxed {
  max-width: var(--otrock-section-maxw);
  margin-inline: auto; /* BOXED */
}

.otrock-faq__inner {
  width: 50%;
  margin: 0 auto;      /* centrováno */
}

.otrock-faq__title {

  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5; /* 150% */
  margin: 0 0 40px 0;
}

/* Seznam FAQ s číslováním přes CSS counter */
.otrock-faq__list {
  counter-reset: faqCounter;
}

/* Jedna položka */
.otrock-faq__item {
  border-top: 1px solid #E0E0E0; /* čára mezi položkami */
  padding: 8px 16px;
}

/* Tlačítko otázky */
.otrock-faq__button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between; /* text vlevo, šipka vpravo */
  padding: 16px 0 16px 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
   font-family: var(--otrock-font-base);
   gap: 10px;
   color: #000;
}

/* wrap čísla a nadpisu */
.otrock-faq__qwrap {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
}

/* automatické číslování */
.otrock-faq__number::before {
  counter-increment: faqCounter;
  content: counter(faqCounter) ".";
  display: inline-block;
  min-width: 1.5ch;
  color: var(--Black, #000);
  font-family: "Plus Jakarta Sans";
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

/* Otázka (H3) */
.otrock-faq__question {
  margin: 0;

  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 160% */
}

/* Šipka vpravo */
.otrock-faq__arrow {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
}

/* Panel odpovědi (výchozí hidden v HTML) */
.otrock-faq__answer {
  padding: 0 0 16px 32px; /* odsazení pod textem + malý indent k číslu */
  background: transparent;
}

.otrock-faq__answer-text {
  margin: 0;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* ~178% */
}

/* Otevřená položka — BG + rotace šipky */
.otrock-faq__item.is-open {
  background: #FCF8EB;
}

.otrock-faq__item:hover {
  background: #FCF8EB;
}

.page-template-page-home-winter .otrock-faq__item.is-open {
  background: #F4F7FA;
}

.page-template-page-home-winter  .otrock-faq__item:hover {
  background: #F4F7FA;
}


.otrock-faq__item.is-open .otrock-faq__arrow {
  transform: rotate(180deg); /* šipka nahoru */
}

/* Spodní text a CTA */
.otrock-faq__more {
  text-align: center;
  margin: 40px 0 40px 0;
  font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 32px;

}

.otrock-faq__cta {
  display: flex;
  justify-content: center;
}



@media (max-width: 1024px){
  .otrock-faq {
    padding: var(--otrock-section-pad-top-mobile) var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile-half);
  }
  .otrock-faq__inner {
    width: 100%;
  }
  .otrock-faq__answer {
    padding-left: 28px; /* menší indent na mobilu */
  }
  .otrock-faq__title {

  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5; /* 150% */
  margin: 0 0 40px 0;
}

.otrock-faq__answer-text {
  margin: 0;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* ~178% */
}

   .otrock-faq .otrock-welcome__btn {
        width: unset;
        text-align: center;
        box-sizing: border-box;
    }


}

.otrock-basic {

  font-family: var(--otrock-font-base);
  padding: var(--otrock-section-pad-top-half) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom-half);
  box-sizing: border-box;
}

.otrock-basic-boxed{
  max-width: var(--otrock-section-maxw);
 margin-inline: auto; /* BOXED */
}

@media (max-width: 1024px){
  .otrock-basic  {
    padding: var(--otrock-section-pad-top-mobile-half) var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile-half);
  }


}

/* ===== Sekce Kontakt – DESKTOP (základ) ===== */
.otrock-kontakt{
  font-family: var(--otrock-font-base);
  padding: var(--otrock-section-pad-top-half) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom);
  box-sizing: border-box;
}

.otrock-kontakt__boxed{
  max-width: var(--otrock-section-maxw);
  margin-inline: auto; /* BOXED */
}

/* úvodní nadpisy */
.otrock-kontakt__pretitle{
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  margin: 0 0 6px 0;
}

.otrock-kontakt__subtitle{
  text-align: center;
  font-size: 18px;         /* Desktop/Body */
  font-style: normal;
  font-weight: 400;
  line-height: 32px;       /* 177.778% */
  margin: 0 0 96px 0;
}

/* hlavní řádek (90% šířky, uprostřed) */
.otrock-kontakt__row{
  width: 90%;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 1fr; /* 50/50 */
  gap: 96px;
  align-items: center;
}

.otrock-kontakt__figure{ margin: 0; }
.otrock-kontakt__img{ width: 100%; height: auto; display:block; }

/* pravý obsah */
.otrock-kontakt__h5{
  color: var(--Black, #000);
  font-family: "Plus Jakarta Sans", var(--otrock-font-base);
  font-size: 18px;                /* Desktop/Body bold */
  font-style: normal;
  font-weight: 700;
  line-height: 32px;              /* 177.778% */
  margin: 0 0 8px 0;
}

.kontakt{
margin-top: 40px;
}

/* položka s ikonou + obsahem */
.otrock-kontakt__item{
  display: grid;
  grid-template-columns: 32px 1fr; /* ikona + text */
  gap: 16px;
  align-items: center;             /* vertikální zarovnání na střed vůči ikoně */
  margin: 0 0 14px 0;
}

.otrock-kontakt__item-icon img{
  width: 32px;
  height: 32px;
  display: block;
}

.otrock-kontakt__line{
  color: var(--Black, #000);
  font-size: 18px;
  line-height: 32px;
}

/* zvýrazněná část (čísla/e-mail) */
.otrock-kontakt__highlight{
  font-weight: 700;
  color: var(--otrock-color-accent);
  text-decoration: none;
}

/* divider, používáme existující .otrock-welcome__divider (jen rozestupy lokálně) */
.otrock-kontakt .otrock-welcome__divider, .mapa .otrock-welcome__divider{
  margin: 8px 0 16px 0;
}

/* ===== MOBIL & TABLET (<=1024px) ===== */
@media (max-width: 1024px){
  .otrock-kontakt{
    padding: var(--otrock-section-pad-top-mobile-half) var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile);
  }
  .otrock-kontakt__row{
    grid-template-columns: 1fr; /* sloupce pod sebou */
    gap: 46px;
    width: 100%; /* na mobilu full width v rámci boxed */
  }
  .otrock-kontakt__subtitle{ margin-bottom: 40px; }
  .otrock-kontakt__item{ margin: 10px 0; }
}

.otrock-welcome-rozdeleny .otrock-welcome__box {
    max-width: 80%;
    padding: 0;
    margin: 0 auto;
    display: grid
;
    grid-template-columns: 0.5fr 0.5fr;
    gap: var(--otrock-gap-lg) 96px;
}

.zlute {
  border-radius: 8px;
background: #FCF8EB;
}

.modre {
  border-radius: 8px;
background: #F4F7FA;
}
.otrock-welcome-rozdeleny .otrock-welcome__boxcol {
  padding: 32px;
}
.otrock-welcome-rozdeleny .otrock-welcome__box-bg {
  background: none;
}

 .otrock-welcome-rozdeleny .otrock-welcome__container--box {
  margin-top: 0;
 }
@media (max-width: 1024px){
.otrock-welcome-rozdeleny .otrock-welcome__box {

    grid-template-columns: 1fr;
            max-width: 100%;
            gap: 0;


}

 .otrock-welcome.otrock-welcome-rozdeleny {

    grid-template-columns: 1fr;
            max-width: 100%;
padding-left: 0;
padding-right: 0;

}
 .otrock-welcome-rozdeleny .otrock-welcome__boxcol {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 0;


}

  .otrock-welcome-rozdeleny .otrock-welcome__boxcol.zlute,   .otrock-welcome-rozdeleny .otrock-welcome__boxcol.modre {
   padding-top: 64px ;
 padding-bottom: 64px;

}




}

/* =========================
   SEKCE: Hero podstránka
   Kořen má background přímo na sekci (baseline 54).
   ========================= */

/* DESKTOP (základ) */
.otrock-hero-detail{
  /* HLAVNÍ SEKCE */
  font-family: var(--otrock-font-base);
  padding: 234px var(--otrock-section-pad-x) var(--otrock-section-pad-bottom);
  box-sizing: border-box;

  /* Pozadí: gradient + obrázek z inline CSS proměnné */
  background:
    linear-gradient(241deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%),
    var(--otrock-hero-detail-image) lightgray 0 -71.612px / 100% 160.535% no-repeat;
  background-attachment: scroll;
  background-size: cover;  background-position: center center;
  color: #fff;
}

.otrock-hero-detail__boxed{
  /* BOXED container */
  max-width: var(--otrock-section-maxw);
  margin-inline: auto;
}

.otrock-hero-detail__content{
  /* max 50% šířky na desktopu, zarovnání doleva */
  max-width: 50%;
}

.otrock-hero-detail__title, .entry-title{
  color: #FFF;
  /* Desktop/H1 */
  font-family: "Plus Jakarta Sans";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 32px 0;
}

.otrock-hero-detail__text{
  color: #FFF;
  /* Desktop/Body */
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 177.778% */
  margin: 0 0 48px 0;
}

/* Tlačítko používá globální .otrock-hero__btn (neměnit zde) */
/* .otrock-hero__btn { viz globální styly } */

/* MOBIL & TABLET (<=1024px) */
@media (max-width: 1024px){
  .otrock-hero-detail{
    /* MOBILNÍ paddingy dle zadání */
    padding: 160px var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile);
    background-position: center;
    background-size: cover; /* jistota vyplnění při jiných poměrech */
  }

  .otrock-hero-detail__content{
    max-width: 100%; /* na mobilu full width */
  }

  .otrock-hero-detail__title, .entry-title{
    /* Mobile/H1 */
    font-size: 36px;
  }

  .otrock-hero-detail__text{
    /* Mobile body ponechává 18/32 dle zadání */
  }

  .otrock-hero__btn{
    display: inline-block; /* může být i block, ale necháme inline-block */
    text-align: center;
  }
}
#detailnadpis.otrock-basic {
    font-family: var(--otrock-font-base);
    padding: var(--otrock-section-pad-top) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom-half);
    box-sizing: border-box;
}

#detailnadpis .otrock-activities__head,#detailnadpis .otrock-activities__title{
  margin-bottom: 0;
}
/* ===== DESKTOP (základ) – ALT galerie ===== */
.otrock-gallery-alt{
  /* výšky dlaždic – můžeš doladit jedním místem */
  --otrock-alt-gap: 16px;
  --otrock-alt-tile-h: clamp(140px, 18vw, 220px); /* ↓ menší výška dlaždic */

  padding: 0 var(--otrock-section-pad-x) 0;
}
.otrock-gallery-alt__boxed{
  max-width: var(--otrock-section-maxw);
  margin-inline: auto; /* BOXED */
}

.tenkybox {
  max-width: 80%;
  margin: 0 auto;
}

/* dva samostatné řádky, každý má svůj vnitřní grid */
.otrock-gallery-alt__row{
  display: grid;
  gap: var(--otrock-alt-gap);
  margin-bottom: var(--otrock-alt-gap);
}
.otrock-gallery-alt__row:last-child{ margin-bottom: 0; }

/* TOP: 20/80 */
.otrock-gallery-alt__row--top{
  grid-template-columns: 25% 1fr;
  align-items: stretch;
}

/* BOTTOM: 80/20 */
.otrock-gallery-alt__row--bottom{
  grid-template-columns: 1fr 25%;
  align-items: stretch;
}

/* úzký sloupec = 2 malé pod sebou */
.otrock-gallery-alt__col-narrow{
  display: grid;
  /* necháme výšky řídit dlaždicemi, ne fr jednotkami */
  grid-auto-rows: auto;
  gap: var(--otrock-alt-gap);
}

/* společné dlaždice – radius je na OBRÁZCÍCH (jen desktop) */
.otrock-gallery-alt__tile,
.otrock-gallery-alt__imglink{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;               /* pro radius na každé fotce */
  border-radius: 8px;            /* radius NA OBRÁZKU (desktop), na mobilu zrušíme */
  background: #fff;
}
.otrock-gallery-alt__tile img,
.otrock-gallery-alt__imglink img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;              /* COVER přizpůsobení */
}

/* výška MALÝCH dlaždic (v úzkých sloupcích) */
.otrock-gallery-alt__col-narrow > .otrock-gallery-alt__tile,
.otrock-gallery-alt__col-narrow > .otrock-gallery-alt__imglink{
  height: var(--otrock-alt-tile-h);
}

/* velké svislé dlaždice – přes dvě malé + mezera */
.otrock-gallery-alt__tile--tall{
  height: calc(var(--otrock-alt-tile-h) * 2 + var(--otrock-alt-gap));
  min-height: 0; /* jistota, ať nic nenafukuje */
}

/* CTA na poslední malé dlaždici */
.otrock-gallery-alt__tile--with-cta{
  position: relative;
}
.otrock-gallery-alt__tile--with-cta .otrock-gallery-alt__btn{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
}

/* mobilní overlay (defaultně skrytý na desktopu) */
.otrock-gallery-alt__overlay--mobile{
  display: none;
  pointer-events: none;
}
.otrock-gallery-alt__overlay--mobile .otrock-gallery-alt__btn,
.otrock-gallery-alt__overlay--mobile .otrock-gallery-alt__badge{
  pointer-events: auto;
}

/* tlačítko a badge (sdílený vzhled s proměnnými) */
.otrock-gallery-alt__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 4px;
  background: #fff;
  color: #000;
  font-weight: 600;
  font-size: 16px;
  font-family: var(--otrock-font-accent);
  text-decoration: none;
  cursor: pointer;
  border: none;

}

.otrock-gallery-alt__btn:hover, .otrock-gallery__btn:hover {
    background: #000;
  color: #FFF;
}
.otrock-gallery-alt__badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  min-width: 72px;
  border: none;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  font-family: var(--otrock-font-accent);
  white-space: nowrap;
  border-radius: 4px;
  background: rgba(0,0,0,.4);
}

/* ===== MOBIL + TABLET (<=1024px) – stejný UX jako původní galerie ===== */
@media (max-width: 1024px){
  #detailnadpis.otrock-basic {
    font-family: var(--otrock-font-base);
         padding: var(--otrock-section-pad-top-mobile) var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile-half);
    box-sizing: border-box;
}
.tenkybox {
    max-width: 100%;
    margin: 0 auto;
}

  .otrock-gallery-alt{
    padding: 0 0 0;
  }

  /* oba řádky se „sbalí“ – ukážeme jen první velkou fotku přes šířku */
  .otrock-gallery-alt__row{
    margin-bottom: 0;
  }
  .otrock-gallery-alt__row--top{
    grid-template-columns: 1fr;
    position: relative;
  }
  .otrock-gallery-alt__row--bottom{ display: none; }  /* spodní řádek schovat */

  /* radius pryč na mobilu */
  .otrock-gallery-alt__tile,
  .otrock-gallery-alt__imglink{
    border-radius: 0;
  }

  /* overlay CTA + badge na „první“ fotce */
  .otrock-gallery-alt__overlay--mobile{
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 2;
  }
  .otrock-gallery-alt__col-narrow { display: none; }
}

/* ===== GLightbox drobnosti (bez popisků, bez radiusu uvnitř LB) ===== */
.glightbox-container .gdesc,
.glightbox-container .gdesc-inner,
.glightbox-container .gslide-description{ display:none !important; }
.glightbox-container .gslide-media img,
.glightbox-container .gslide-media video{ border-radius:0 !important; }



#otrock-vybaveni .otrock-welcome__box {
  padding-top: 0;
   grid-template-columns: 1fr 1fr;

}

#otrock-vybaveni .otrock-welcome__container--box {
  margin-top: 0;
}

#otrock-vybaveni.otrock-welcome {
    padding: var(--otrock-section-pad-top-half) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom-half);
    box-sizing: border-box;
}





@media (max-width: 1024px){
#otrock-vybaveni.otrock-welcome {
    padding: var(--otrock-section-pad-top-mobile-half) var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile-half);
    box-sizing: border-box;
    border-radius: 0px;
}
.otrock-activities__subtitle {
  max-width: 100%;

}
.modre, .zlute {
  border-radius: 0;
}
.page-template-page-home-winter .otrock-welcome__box-bg, .page-template-page-detail-winter .otrock-welcome__box-bg {
    border-radius: 0px;
    margin: 0;
}
 #otrock-vybaveni   .otrock-welcome__box {
        grid-template-columns: 1fr;
        padding: 0 30px;
        max-width: 100%;
        padding-bottom: 40px;

}

  #otrock-vybaveni .otrock-activities__head {
    padding-left: 30px;
    padding-right: 30px;
  }
  }

/* ===== DESKTOP (základ) – Sekce Čistota ===== */
.otrock-cleanliness{
  font-family: var(--otrock-font-base);
  padding: var(--otrock-section-pad-top-half) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom-half);
  box-sizing: border-box;
}
.otrock-cleanliness__boxed{
  max-width: var(--otrock-section-maxw);
  margin-inline: auto; /* BOXED */
}
.otrock-cleanliness__grid{
  display: grid;
  grid-template-columns: 30% 1fr; /* 30/70 */
  gap: 192px;
  align-items: start; /* obsah zarovnán nahoru */
}

#otrock-podstranka-cistota-2 .otrock-cleanliness__grid{
  display: grid;
  grid-template-columns: 1fr 30%; /* 30/70 */
  gap: 192px;
  align-items: start; /* obsah zarovnán nahoru */
}

/* Levý sloupec – obrázky */
.otrock-cleanliness__left{
  display: grid;
  gap: 24px;
}
.otrock-cleanliness__imgwrap{
  overflow: hidden;
  border-radius: 8px;
}
.otrock-cleanliness__img{
  width: 100%;
  height: auto;
  display: block;
}

/* Pravý sloupec – nadpisy, texty, list */
.otrock-cleanliness__h2{

/* Desktop/H2 */
font-family: "Plus Jakarta Sans";
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 54px; /* 150% */
margin: 0 0 32px 0;
max-width: 75%;
}
.otrock-cleanliness__intro{
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: var(--otrock-color-black);
  margin: 0 0 32px 0;
  max-width: 75%;
}

.otrock-cleanliness__items{
  display: grid;
  gap: 24px;
}
.otrock-cleanliness__item{max-width: 100%}
.otrock-cleanliness__itemhead{
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 12px;
  align-items: flex-start;
}

#otrock-podstranka-cistota-2 .otrock-cleanliness__itemhead{
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 12px;
  align-items: center;
}

#otrock-podstranka-cistota-2 .otrock-cleanliness__items{
  display: grid;
  gap: 24px;
  margin-bottom: 96px;
}

.otrock-cleanliness__icon{
  width: 32px;
  height: 32px;
  display: block;
}
.otrock-cleanliness__title{
  color: var(--otrock-color-black);
  font-size: 18px;
  font-weight: 600;
    line-height: 32px;
  margin: 0;
}
#otrock-podstranka-cistota-2  .otrock-cleanliness__title, .otrock-twocol .otrock-cleanliness__title {
  color: var(--otrock-color-black);
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
}

.otrock-twocol .otrock-cleanliness__itemhead {
  align-items: center;
}

.otrock-cleanliness__text{
  color: #626262;
  font-size: 16px;
  line-height: 32px;
  margin: 0;
  margin-left: 44px;
}

/* CTA */
.otrock-cleanliness__cta{
  margin-top: 40px;
}
.otrock-cleanliness__btn{
  display: inline-block;
  padding: 17px 64px;
  border-radius: var(--otrock-radius-btn);
  background: var(--otrock-color-accent);
  color: #fff;
  text-decoration: none;
  font-family: var(--otrock-font-accent);
  font-weight: 600;
  font-size: 16px;
  box-sizing: border-box;
    border: var(--otrock-color-accent) 1px  solid;
}

/* Zlaté čáry (divider) – podle zadání */
.otrock-goldline-top,
.otrock-goldline-bottom{
  display: block;
  width: 80px;
  height: 2px;
  background: var(--otrock-color-accent);
}
.otrock-goldline-top{ margin: 0 0 16px 0; }
.otrock-goldline-bottom{ margin: 16px 0 0 0; }

.otrock-grayline-top {
  height: 1px;
  width: 100%;
 background: #E0E0E0;
 margin-top: 40px;
 margin-bottom: 40px;
}

/* ===== MOBIL/TABLET (<=1024px) ===== */
@media (max-width: 1024px){
  #otrock-podstranka-cistota-2 .otrock-cleanliness__items {
    display: grid
;
    gap: 24px;
    margin-bottom:48px;
}

  #otrock-podstranka-cistota-2.otrock-cleanliness  {
    padding-top: 0;
  }

  #otrock-podstranka-cistota-2    .otrock-cleanliness__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

  .otrock-cleanliness__left {
    display: none;
  }
  .otrock-cleanliness{
    padding: var(--otrock-section-pad-top-mobile-half) var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile-half);
  }
  .otrock-cleanliness__grid{
    grid-template-columns: 1fr; /* stack */
    gap: 24px;
  }
  .otrock-cleanliness__h2{
    font-size: 32px;
    line-height: 54px;
     max-width: 100%;
  }
  .otrock-cleanliness__intro{
    font-size: 18px;
    line-height: 32px;
    max-width: 100%;
  }
  .otrock-cleanliness__btn{
    width: 100%; /* na mobilu full width tlačítko */
    text-align: center;
  }

  .otrock-cleanliness__title{
  color: var(--otrock-color-black);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  max-width: 100%;
}
.otrock-cleanliness__text{
  color: #626262;
  font-size: 18px;
  line-height: 32px;
  margin: 0;
  margin-left: 44px;
}

.otrock-cleanliness__item {
  max-width: 100%;
}
}

/* Modifier: ikonky místo čísel */
.otrock-faq--icons .otrock-faq__list { counter-reset: none; }
.otrock-faq--icons .otrock-faq__number { display: none; } /* schová číslování */
.otrock-faq--icons .otrock-faq__qwrap {
  grid-template-columns: auto 1fr; /* ikona + text */
  gap: 12px;
}
.otrock-faq--icons .otrock-faq__icon {
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  display: inline-block;
}

.ikonky.otrock-faq__inner {
  max-width: 100%;
  width: 100%;
}

/* ===== DESKTOP (základ) – full width mapa ===== */
.otrock-map{
  /* žádné odsazení ani mezery */
  padding: 0;
  margin: 0;
}

/* trik pro skutečný full-bleed i uvnitř boxed layoutů */
.otrock-map__frame{
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
}

.otrock-map__frame iframe{
  display: block;
  width: 100%;
  height: min(70vh, 720px); /* příjemná výška na desktopu */
  border: 0;
}

/* ===== MOBIL/TABLET (<=1024px) ===== */
@media (max-width: 1024px){
  .otrock-map__frame iframe{
    height: 50vh; /* nižší výška pro menší displeje */
  }
  #otrock-lokalita-welcome    .otrock-welcome__intro-inner  {
  gap: 0;
}
}


/* ===== DESKTOP (základ) – Zážitky v okolí ===== */
.otrock-attractions{
  font-family: var(--otrock-font-base);
  padding: var(--otrock-section-pad-top) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom-half);
  box-sizing: border-box;
}
.otrock-attractions__boxed{
  max-width: var(--otrock-section-maxw);
  margin-inline: auto; /* BOXED */
}
.otrock-attractions__title{
  color: var(--Black, #000);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px; /* 150% */
  margin: 0 0 40px 0;
}

/* vnitřek 90 % šířky (na mobilu full) */
.otrock-attractions__columns{
  max-width: 80%;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 1fr; /* 50/50 */
  gap: 96px;
}
.otrock-attractions__list{ margin: 0; padding: 0; list-style: none; }
.otrock-attractions__item{
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: center;
  gap: 12px;
  padding: 6px 0;
}
.otrock-attractions__icon img{
  display: block;
  width: 24px; height: 24px;
}
.otrock-attractions__text{
  color: var(--Black, #000);
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;               /* Desktop/Body bold */
  line-height: 32px;              /* 177.778% */
}
.otrock-attractions__name{ font-weight: 700; }
.otrock-attractions__distance{
  font-weight: 400;               /* „za tím obyčejné“ */
}
.otrock-attractions__sep{ font-weight: 400; }

/* ===== MOBIL & TABLET (<=1024px) ===== */
@media (max-width: 1024px){
  .otrock-attractions{
    padding: var(--otrock-section-pad-top-mobile) var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile-half);
  }
  .otrock-attractions__title{
    font-size: 32px;
    line-height: 54px; /* 168.75% */
  }
  .otrock-attractions__columns{
    max-width: 100%;
    grid-template-columns: 1fr; /* sloupce pod sebe */
    gap: 0 0;
  }
  .otrock-attractions__text{
    font-weight: 600; /* mobilní požadavek */
  }
}

/* ===== DESKTOP (základ) – Dvousloupcová sekce ===== */
.otrock-twocol{
  font-family: var(--otrock-font-base);
  padding: var(--otrock-section-pad-top-half) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom-half);
  box-sizing: border-box;
}

.otrock-twocol.mapa{
  font-family: var(--otrock-font-base);
  padding: var(--otrock-section-pad-top) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom-half);
  box-sizing: border-box;
}
.otrock-twocol__boxed{
  max-width: var(--otrock-section-maxw);
  margin-inline: auto; /* BOXED */
}
.otrock-twocol__grid{
  display: grid;
  grid-template-columns: 1fr 1fr; /* 50/50 */
  gap: 96px;
  align-items: center;
  margin: 0 auto;
  max-width: 90%;
}

/* Obrázek */
.otrock-twocol__imagewrap{
  overflow: hidden;
  border-radius: var(--otrock-radius-card);
  aspect-ratio: 1 / 1;        /* ⟵ vždy čtverec podle šířky sloupce */
}
.otrock-twocol__img{
  width: 100%;
  height: 100%;               /* ⟵ aby vyplnil čtverec */
  display: block;
  object-fit: cover;          /* ⟵ vyplnit a oříznout */
  object-position: center;    /* ⟵ centrovat motiv */
  border-radius: 8px;
}

/* Obsah */
.otrock-twocol__content{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.otrock-twocol__h2{
  color: var(--otrock-color-black);
  font-family: var(--otrock-font-accent);
  font-size: 36px;
  font-weight: 600;
  line-height: 54px; /* 150% */
  margin: 0;
}

/* ===== MOBIL/TABLET (<=1024px) ===== */
@media (max-width: 1024px){
  .otrock-twocol{
    padding: var(--otrock-section-pad-top-mobile-half) var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile-half);
  }

  .otrock-twocol.mapa{
    padding: var(--otrock-section-pad-top-mobile) var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile-half);
}
  .otrock-twocol__grid{
    grid-template-columns: 1fr; /* stack */
    gap: 48px;
    max-width: 100%;
  }
  /* pořadí – obrázek dole */
  .otrock-twocol__imagewrap{
    order: 2;aspect-ratio: auto;
  }
  .otrock-twocol__content{
    order: 1;
  }
  .otrock-twocol__h2{
    font-size: 28px;
    line-height: 40px;
  }



  .otrock-kontakt__highlight, .otrock-contactlist__highlight {
    display: block;
  }
}


.calltoaction {
    text-align: center;
}
/* Modifier: reverse – na desktopu prohodí sloupce */
.otrock-twocol--reverse .otrock-twocol__imagewrap{ order: 2; }
.otrock-twocol--reverse .otrock-twocol__content{ order: 1; }

/* Wrapper – žádné šířky, jen aby se potomci dali centrovat */
.otrock-contactlist{
  /* žádný max-width, žádné display:grid/flex */
}

/* Každý řádek: zmenšit na obsah + vycentrovat */
.otrock-contactlist__item{
  display: flex;              /* ikonka + text vedle sebe */
 align-items: center;
  gap: 12px;
  width: fit-content;         /* ⟵ shrink-wrap na obsah */
  margin-inline: auto;        /* ⟵ centrování uprostřed sekce */
  color: #000;
  margin-bottom: 20px;

/* Desktop/Body */
font-family: "Plus Jakarta Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 177.778% */
}

div.otrock-contactlist > div:nth-child(3) {
    margin-bottom: 0;
}

/* Ikona */
.otrock-contactlist__icon{
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  object-fit: contain;
  display: block;
}

/* Textová část */
.otrock-contactlist__text{
  display: inline;            /* drží se za ikonou, nezabírá celou šířku */
  white-space: normal;        /* běžné zalomení mezerami */
}

/* Highlight (tel/email) */
.otrock-contactlist__highlight{
  font-weight: 700;
  color: var(--otrock-color-accent);
  text-decoration: none;
}
.otrock-contactlist__highlight:hover,
.otrock-contactlist__highlight:focus{
  text-decoration: underline;
}


@media (max-width: 1024px){
    .otrock-contactlist__item {width: 100%;}
}

/* ===== DESKTOP (základ) – Sekce Video ===== */
.otrock-video{
  font-family: var(--otrock-font-base);
  padding: 0 var(--otrock-section-pad-x) var(--otrock-section-pad-bottom-half);
  box-sizing: border-box;
}
.otrock-video__boxed{
  max-width: var(--otrock-section-maxw);
  margin-inline: auto; /* BOXED */
}

/* rám videa: 90% šířky, vystředěné */
.otrock-video__frame{
  width: 90%;
  margin-inline: auto;
  position: relative;
  aspect-ratio: 16 / 9;         /* drží poměr */
  background-size: cover;
  background-position: center;
  border-radius: 16px;          /* desktop radius */
  overflow: hidden;             /* ať overlay/obsah nepřetéká za radius */
}

/* tmavý overlay */
.otrock-video__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.50);
}

/* play tlačítko uprostřed */
.otrock-video__play{
  position: absolute;
  inset: 0;
  margin: auto;
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.otrock-video__play img{
  display: block;
  width: 100%;
  height: auto;
}

/* ===== Modal přehrávač ===== */
.otrock-video-modal[hidden]{ display: none !important; }

.otrock-video-modal{
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.otrock-video-modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,1);
}

.otrock-video-modal__dialog{
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
}

.otrock-video-modal__player{
  width: min(1100px, 90vw);
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0,0,0,0.5);
}

.otrock-video-modal__player iframe{
  width: 100%;
  height: 100%;
  display: block;
}

.otrock-video-modal__close{
  position: absolute;
  top: 16px;
  right: 16px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 8px;
  background: rgba(255,255,255,0.12);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

/* scroll-lock na html při otevřeném modalu */
.otrock-scroll-lock{
  overflow: hidden;
}

/* ===== MOBIL/TABLET (<=1024px) ===== */


.otrock-basic.parking {
padding-bottom: 0;
}

.otrock-basic.cta {
  padding: var(--otrock-section-pad-top-half) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom);
}

.otrock-activities__subtitle.parking {
  margin-bottom: 32px;
}


.mapa .otrock-twocol__imagewrap .otrock-cleanliness__intro, .kontakt2 .otrock-twocol__imagewrap .otrock-cleanliness__intro{
 margin-top: 20px;    max-width: 100%;
}
.mapa .otrock-twocol__imagewrap, .kontakt2 .otrock-twocol__imagewrap, .otrock-twocol__imagewrap {
  overflow: visible;

}

@media (max-width: 1024px){
  .otrock-twocol__imagewrap .otrock-cleanliness__intro, .btnkontakt {
    padding-left: 30px;
    padding-right: 30px;
}
.mapa .otrock-twocol__imagewrap, .kontakt2 .otrock-twocol__imagewrap, .otrock-twocol__imagewrap {
  overflow: visible;
      margin-left: -30px;
    margin-right: -30px;
}


.otrock-twocol__imagewrap .otrock-hero__btn {

}
  .otrock-twocol__img {
    border-radius: 0;
  }
  .otrock-video{
    padding: var(--otrock-section-pad-top-mobile-half) 0 var(--otrock-section-pad-bottom-mobile-half);
  }
  .otrock-video__frame{
    width: 100%;
    border-radius: 0; /* bez radiusu na mobilu */
  }

  .otrock-basic.cta {
    padding: var(--otrock-section-pad-top-mobile-half) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom-mobile);
}

}

.kontakt2 .otrock-twocol__imagewrap  .otrock-cleanliness__intro {
  margin-bottom: 0;
}

.basic .entry-title, .basic a {
  color: #000;
}

.basic .otrock-hero__btn {
  color: #FFF;
}

.basic .otrock-basic {
    padding: var(--otrock-section-pad-top) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom);
}

@media (max-width: 1024px){.basic .otrock-basic {
  padding: var(--otrock-section-pad-top-mobile) var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile);
}

}
.otrock-activities__card.hidden {
  display: none;
}
/* ===== FOOTER – DESKTOP (základ) ===== */
.otrock-footer{
  /* HLAVNÍ SEKCE */
  font-family: var(--otrock-font-base);
  padding: var(--otrock-section-pad-top-half) var(--otrock-section-pad-x) 40px;
  box-sizing: border-box;
  background: var(--otrock-footer-bg, #1D2939); /* tmavé pozadí přes celou šířku */
  color: #fff;
}
.otrock-footer__boxed{
  /* BOXED container */
  max-width: var(--otrock-section-maxw);
  margin-inline: auto;
}
.otrock-footer__grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px;
  align-items: start;
}

/* Logo sloupec */
.otrock-footer__col--logo .otrock-footer__logo-link{
  display: inline-block;
}
.otrock-footer__logo{
  display: block;
  max-width: 200px;
  width: 150px;
  height: auto;
}

/* Nadpis H5 */
.otrock-footer__heading{
  margin: 0 0 16px 0;
  color: var(--primary-gold-summer, #B68624);
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 177.778% */
}

/* List + položky */
.otrock-footer__list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.otrock-footer__item{
  margin: 0 0 20px 0;
}
.otrock-footer__item:last-child{ margin-bottom: 0; }

/* Odkazy + „text jako odkaz“ (kontakt bez URL) – desktop */
.otrock-footer__link,
.otrock-footer__text{
  color: var(--White, #FFF);
  font-family: "Plus Jakarta Sans";
  font-size: 14px;   /* Desktop/Small */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}
.otrock-footer__link:hover,
.otrock-footer__devlink:hover{
  text-decoration: underline;
}

/* Spodní řádek */
.otrock-footer__bottom{
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 100px;
}
.otrock-footer__bottom-item{
  color: var(--White, #FFF);
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
}
.otrock-footer__bottom-sep{
  width: 1px;
  height: 18px;
  background: rgba(255,255,255,0.2);
}
.otrock-footer__devlink{
  color: var(--White, #FFF);
  text-decoration: none;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
}

/* ===== MOBIL/TABLET (<=1024px) ===== */
@media (max-width: 1024px){
  .otrock-footer{
    /* MOBIL hlavní sekce */
    padding: var(--otrock-section-pad-top-mobile-half) var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile-half);
  }
  .otrock-footer__grid{
    grid-template-columns: 1fr; /* sloupce pod sebe */
    gap: 48px;
  }
  .otrock-footer__col--logo{
    text-align: center; /* logo centrovat horizontálně */
  }
  .otrock-footer__heading{
    font-size: 24px;            /* Mobile/H3 */
    line-height: 40px;          /* 166.667% */
    text-align: left;
  }
  .otrock-footer__link,
  .otrock-footer__text{
    /* Mobile/Body */
    font-size: 18px;
    line-height: 32px; /* 177.778% */
  }

  /* spodní řádek – na řádky, bez svislé čáry */
  .otrock-footer__bottom{
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .otrock-footer__bottom-sep{
    display: none;
  }
}
/* ===== DESKTOP (základ) — HEADER ===== */
.otrock-header{
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 60px;
  padding-right: 60px;
  font-family: var(--otrock-font-base);
  box-sizing: border-box;
}
.otrock-header__boxed{
  max-width: var(--otrock-section-maxw);
  margin-inline: auto; /* BOXED */
}
.otrock-header__bar{
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
}

/* Logo */
.otrock-header__logo img{
  display: block;
  height: 50px; /* uprav dle loga */
  width: auto;
}

/* Switch (shortcode box) */
.otrock-header__switch{
  display: flex;
  justify-content: center;
  align-items: center;
}
.otrock-header__switch-placeholder{
  font-size: 16px;
  color: var(--otrock-color-text, #000);
}

/* Menu */
.otrock-header__nav{}
.otrock-header__menu{
  display: flex;
  align-items: center;
  gap: 48px;
  list-style: none;
  margin: 0; padding: 0;
}
.otrock-header__link{
  color: var(--otrock-color-text, #000);
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}
.otrock-header__link:hover,
.otrock-header__link:focus{
  text-decoration: underline;
}

/* CTA button styl – dle zadání */
.otrock-btn{
  color: var(--otrock-color-white);
  font-family: var(--otrock-font-accent);
  display: inline-block;
  padding: 10px 16px;
  text-decoration: none;
  background: var(--otrock-color-accent);
  border-radius: 8px;
  font-size: 16px; font-weight: 500;
  border: var(--otrock-color-accent) 1px solid;
}

/* Hamburger (skrytý na desktopu) */
.otrock-header__burger{
  position: relative;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  line-height: 0;
  font-size: 0;
  display: none; /* zůstává skryté na desktopu */
  z-index: 1100; /* nad overlayem */
}

.otrock-header__burger-icon{
  position: absolute;
  inset: 0;          /* top:0; right:0; bottom:0; left:0 */
  width: 28px;
  height: 28px;
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.otrock-header__burger-icon--open{
  opacity: 1;
  visibility: visible;
}
.otrock-header.is-open .otrock-header__burger-icon--open{
  opacity: 0;
  visibility: hidden;
}
.otrock-header.is-open .otrock-header__burger-icon--close{
  opacity: 1;
  visibility: visible;
}

/* Fullscreen overlay menu (mobil) */
.otrock-header__overlay{
  position: fixed;
  inset: 0;
  background: linear-gradient(90deg, #FFFAED 0%, #FFF0D3 100%); /* jemný přechod jako ve screenu */
  display: none;
}
.winter .otrock-header__overlay{
  background: linear-gradient(90deg, #F4F7FA 0%, #E0EAF3 100%); /* jemný přechod jako ve screenu */

}
.otrock-header.is-open .otrock-header__overlay{ display: block; }
.otrock-header__overlay-inner{
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
  align-items: start;
  justify-items: center;
  padding: 32px 24px 48px;
}
.otrock-header__overlay-logo img{
  display: block;
  height: 75px;
  width: auto;
  margin-top: 0px;
  margin-bottom: 40px;
}
.otrock-header__overlay-menu{
  list-style: none;
  margin: 40px 0 0; padding: 0;
  display: grid;
  gap: 32px;
  text-align: center;
}
.otrock-header__overlay-link{
    text-transform: uppercase;
  font-size: 24px;
  color: var(--otrock-color-text, #000);
  text-decoration: none;
  font-weight: 400;
}
.otrock-header__overlay-item--cta .otrock-btn{
  display: inline-block;
  margin-top: 6px;
  color: #FFF;
}

/* ===== MOBIL/TABLET (<=1024px) ===== */
@media (max-width: 1024px){
  .otrock-header{
    padding: 15px 30px;
  }
  .otrock-header__bar{
    grid-template-columns: auto 1fr auto; /* logo | switch | burger */
  }
  .otrock-header__nav{ display: none; }
  .otrock-header__burger{ display: inline-block; }

  /* Vycentruj switch na mobilu */
  .otrock-header__switch{
    justify-content: center;
  }

  /* Logo na mobilu o fous menší */
  .otrock-header__logo img{ height: 34px; }
}


/* Overlay pod headerem (a pod křížkem) */
.otrock-header__overlay{
  z-index: 900; /* dříve nebylo, nebo dej méně než header/burger */
}

/* Header nad overlayem */
.otrock-header{
  z-index: 1000;
}
#primary {
  margin-top: -90px;
}
/* Burger má být nad vším */
@media (max-width: 1024px){
  #primary {
  margin-top: -64px;
}
  .otrock-header__burger{ display: inline-block; }
  .otrock-header.is-open .otrock-header__burger{
    position: fixed;
    top: 20px;
    right: var(--otrock-section-pad-x);
  }
  .otrock-header__link{
  color: var(--otrock-color-text, #000);
  text-decoration: none;
  font-size: 24px;
  font-weight: 400;
}
}

/* === ZÁKLAD: kontejner musí být positioned, aby pseudo bylo uvnitř boxu === */
.otrock-hero__container{
  position: relative;                 /* ukotví ::before dovnitř boxu */
  z-index: 0;                         /* obsah nad pseudo (které dáme níž) */
  max-width: var(--otrock-section-maxw);
  margin-inline: auto;
  width: 100%;
  isolation: isolate;                 /* jistota správných vrstev */
}

/* === DISPERZNÍ STÍN (radial-gradient), BEZ BLUR, BEZ “díry” uprostřed === */
.otrock-hero__container::before{
  content: "";
  position: absolute;
  /* velikost a poloha “bubliny” – doladíš podle figmy */
  left: 24%;
  bottom: 0;
  transform: translateX(-50%);
  width: 50%;
  height: clamp(220px, 36vw, 500px);

  /* Tvé požadavky */
  border-radius: 975px;             /* hodně do kulata */
  background: #393636;              /* tmavá “bublina” */
  filter: blur(250px);              /* silný měkký rozptyl */
  opacity: 1;                     /* lehká průhlednost, ať je to měkké */

  z-index: -1;                      /* leží pod textem */
  pointer-events: none;             /* neklikatelná vrstva */
  will-change: filter;              /* držíme “do kulata” tvar elipsy */
}


/* === RESPONSIVE ladění (čísla klidně dolaď):
   – menší šířka → menší elipsa, kratší dosah === */
@media (max-width: 1024px){
  .otrock-hero__container::before{
    width: 200%;
    height: 100%;
    bottom: 10%;
    left: 60%;
    filter: blur(200px);
  }
}

@media (max-width: 768px) {
    .otrock-hero__container::before {
        width: 100%;
        height: 50%;
               bottom: 39%;
        left: 50%;
         filter: blur(100px);
    }
}

@media (min-width: 1025px){
  .otrock-hero__logo-wrap{
    display: none;
  }
}


.page-template-page-rezervace .otrock-hero-detail__content    { max-width: 60%;}

/* Aktivní menu položka podle sezónního párování */


.otrock-btn:hover, .otrock-hero__btn:hover, .otrock-welcome__btn:hover, .otrock-cleanliness__btn:hover {
    color: var(--otrock-color-accent);
    display: inline-block;

    background: #FFF;
    border-color: var(--otrock-color-accent);
    text-decoration: none;

}

.otrock-reviews__btn:hover {
    color: #FFF;
    display: inline-block;

    background: var(--otrock-color-accent);
    border-color: var(--otrock-color-accent);
    text-decoration: none;

}


.otrock-header__menu-item:hover a{
 color: var(--otrock-color-accent);
 text-decoration: none;
}

.page-template-page-kontakt  .otrock-map__frame {
    width: 100%;
    margin-left: 50%;
    transform: translateX(-50%);

}

.page-template-page-kontakt  .otrock-map__frame iframe {
  height: 500px;border-radius: 8px;
}


.homefix .otrock-welcome__intro-inner {
  margin-bottom: 0;
   }


   .videohome .otrock-video__frame {
    max-width: 100%;
    width: 100%;
   }

@media (max-width: 1024px){
.page-template-page-rezervace .otrock-hero-detail__content    { max-width: 100%;}
   .videohome  {
    overflow: visible;
      margin-left: -30px;
    margin-right: -30px;
   }

   .page-template-page-home-winter    .videohome  {
    overflow: visible;
margin-left: 0;
margin-right: 0;
   }
}

.page-template-page-basic p {
          font-size: 18px;
        line-height: 32px;
}

.page-template-page-basic H2 {
color: #000;

/* Desktop/H2 */
font-family: "Plus Jakarta Sans";
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 54px; /* 150% */
}

#otrock-global-sticky-reserve a{color: #FFF;}


/* Desktop: vizuální zvýraznění aktivní položky */
.otrock-header__menu .otrock-header__menu-item.is-active > .otrock-header__link,
.otrock-header__menu .otrock-header__menu-item > .otrock-header__link.is-active{
  color: var(--otrock-color-accent);
  font-weight:600;
}

/* RATING WRAP – vytvoříme stacking context pro správné vrstvení */
.otrock-hero__rating {
  position: relative;     /* anchor pro absolutní box */
  z-index: 5;             /* badge + review budou nad okolím */
}
.otrock-hero__rating > img {
  position: relative;
  z-index: 2;             /* modrý badge bude NAD bílým boxem */
  display: block;
}

/* BÍLÝ REVIEW BOX – absolutně k levému hornímu rohu badge */
.otrock-hero__review {
  position: absolute;
    bottom: 58%;
    right: 38%;
  transform-origin: top left;                         /* rotace kolem rohu badge */
  transform: rotate(5deg);     /* lehké vystrčení a náklon */
  z-index: 0;                                         /* pod badge (který má z-index:2) */
  width: 220px;                   /* responzivní šířka */
  pointer-events: none;                               /* ať nepřekáží klikům na badge */
}

/* Vnitřek karty – viz zadání */
.otrock-hero__review-inner {
  border-radius: 0 32px 32px 32px;
  border: 1px solid var(--Lines, #E0E0E0);
  background: var(--White, #FFF);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.04);
  padding: 16px 24px;
}
.otrock-hero__review-name {
  color: var(--Blue-black, #121A26);
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 8px;
}
.otrock-hero__review-text {
  overflow: hidden;
  color: var(--Black, #000);
  text-overflow: ellipsis;             /* jedna řádka s … */
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;                   /* 171.429% */
  margin: 0 0 10px 0;
}
.otrock-hero__review-stars {
  display: flex;
  align-items: center;
  gap: 0px;
}
.otrock-hero__review-star {
  width: 25px;
  height: 25px;
}

/* Ladicí režim (zapneš v PHP parametrem 'debug' => true) */
.otrock-hero__review.is-debug {
  outline: 2px dashed #ff4d4f;
}
.otrock-hero__review.is-debug .otrock-hero__review-inner {
  background-image: linear-gradient(45deg, #0000 48%, #00000010 50%, #0000 52%);
  background-size: 12px 12px;
}

/* MOBIL – upravíme pozici/rozměry, aby nepřekrýval CTA */
@media (max-width: 1024px) {
  .otrock-hero__review {
        bottom: 54%;
    right: 3%;

  }
  .otrock-hero__review-inner {
    padding: 12px 14px;
  }
  .otrock-hero__review-name { font-size: 13px; }
  .otrock-hero__review-text { font-size: 13px; line-height: 20px; }
  .otrock-hero__review-star { width: 14px; height: 14px; }
}

.page-template-page-detail-summer .otrock-welcome, .page-template-page-detail-winter .otrock-welcome {

    padding: 0 var(--otrock-section-pad-x) var(--otrock-section-pad-bottom);
}

.page-template-page-detail-summer .otrock-welcome-rozdeleny .otrock-welcome__boxcol, .page-template-page-detail-winter .otrock-welcome-rozdeleny .otrock-welcome__boxcol {
  padding: 0;
}

.page-template-page-detail-summer #otrock-vybaveni {
  background-color: #FCF8EB;
}

.page-template-page-detail-winter #otrock-vybaveni  {
  background-color: #E0EAF3;
}


.novybox .otrock-welcome__boxcol {
 border-radius: 16px;
 padding: 32px;
background: var(--White, #FFF);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); 
}

.novybox .otrock-welcome__box{


  max-width: 80%;
  padding: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 0.5fr 0.5fr;
  gap: 24px;
  text-align: center;
}

.novybox .icon{
  width: 40px;
  height: 40px;
text-align: center;
}

.novybox .otrock-activities__head {
  margin-bottom: 64px;
}

.novybox .otrock-welcome__group {
  text-align: left;
  margin-bottom: 0;
}

.novybox .otrock-welcome__h3 {
  margin-bottom: 32px;
}


#otrock-vybaveni.otrock-welcome.novybox{
    padding: var(--otrock-section-pad-top) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom);
    box-sizing: border-box;
}

.novybox2 {
    padding: var(--otrock-section-pad-top) var(--otrock-section-pad-x) var(--otrock-section-pad-bottom-half);
    box-sizing: border-box;
}

.novybox  .otrock-welcome__box > .otrock-welcome__boxcol:last-child{
  grid-column: 1 / -1; /* zabere sloupec 1 až poslední = oba */
    display: flex;              /* ikonka + text vedle sebe */
  align-items: center;     /* zarovnat nahoře u vícerádkového textu */
  gap: 24px;                   /* mezera mezi ikonou a textem */
  text-align: left;            /* text vlevo (kdyby téma mělo center) */
}

.novybox  .otrock-welcome__box > .otrock-welcome__boxcol:last-child .otrock-welcome__h3{
margin-bottom: 0;
}

@media (max-width: 1024px) {

.novybox .otrock-welcome__box > .otrock-welcome__boxcol:last-child {
  grid-column: 1; /* zabere sloupec 1 až poslední = oba */
  display: block;
  text-align: center;
  }

 #otrock-vybaveni.novybox .otrock-welcome__box {
padding-left: 0;
padding-right: 0;
  }
  .novybox  .otrock-welcome__box > .otrock-welcome__boxcol:last-child .otrock-welcome__h3{
margin-bottom: 32px;
}

#otrock-vybaveni.otrock-welcome.novybox {
padding: var(--otrock-section-pad-top-mobile) var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile);
}

#otrock-vybaveni.novybox .otrock-activities__head {
  padding-left: 0;
  padding-right: 0;
}

.novybox2 {
    padding: var(--otrock-section-pad-top-mobile) var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile-half);
    box-sizing: border-box;
}

.page-template-page-detail-summer .otrock-welcome, .page-template-page-detail-winter .otrock-welcome {
    padding: 0 var(--otrock-section-pad-x-mob) var(--otrock-section-pad-bottom-mobile);
}

}

.otrock-404-title {
  color: #000;
text-align: center;

/* Desktop/H1 */
font-family: "Plus Jakarta Sans";
font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 0;
margin-bottom: 50px;
}

a.otrock-welcome__btn.ctyri  {
color: #FFF;
}
a.otrock-welcome__btn.ctyri:hover  {
  color: var(--otrock-color-accent);
}


.otrock-404-text {
  margin-top: 50px;
margin-bottom: 50px;
}

@media (max-width: 1024px) {
.otrock-404-title {

font-size: 40px;

}
  }

  .otrock-404-image img{
    width: 100%;
  }

  /* ========== MOBILE CAROUSEL (<=1024px) ========== */

/* hidden by default; enabled only on mobile */
.otrock-gallery__mobile-carousel{ display:none; }

@media (max-width:1024px){
  /* hide old single-image mobile layout */
  #otrock-homepage-galerie .otrock-gallery__grid{ display:none; }
  #otrock-homepage-galerie .otrock-gallery__overlay--mobile{ display:none; }

    #otrock-alternativni-galerie .tenkybox { display:none; }
  #otrock-alternativni-galerie .otrock-gallery__overlay--mobile{ display:none; }
  


  /* show carousel */
  .otrock-gallery__mobile-carousel{ 
    display:block; 
    position: relative;
  }

  .otrock-gallery__track{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 0;                    /* no gap between slides */
  }

  .otrock-gallery__slide{
    flex: 0 0 100%;
    width: 100%;
    height: 400px;
    min-height: 0;
    position: relative;
    scroll-snap-align: center;
    border-radius: 0;                     /* mobile = no radius */
    overflow: hidden;
  }
  .otrock-gallery__slide img{
    width: 100%; height: 100%; object-fit: cover; display:block;
  }

  /* overlay controls pinned at bottom inside the carousel */
  .otrock-gallery__mobile-controls{
    position: absolute;
    left: 20px; right: 20px; bottom: 20px;
    display: grid; grid-template-columns: 1fr auto; gap: 20px;
    z-index: 2;
  }
}