/* ============================================================
   City Cat Hotel — static site
   One stylesheet: tokens + base + shell + components + pages.
   Tokens mirror the .com theme.json so component class names
   (harvested from the WP theme) work unchanged.
   ============================================================ */

/* ── Fonts ──────────────────────────────────────────────── */
@font-face{
  font-family:'Comfortaa';src:url('../fonts/Comfortaa-Regular.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Comfortaa';src:url('../fonts/Comfortaa-Bold.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Cooper Black';src:url('../fonts/Cooper-Black-Regular.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}

/* ── Design tokens (from theme.json) ────────────────────── */
:root{
  /* colors */
  --wp--preset--color--cch-yellow:#ffda0a;
  --wp--preset--color--cch-dark:#0a0a0a;
  --wp--preset--color--cch-grey:#f5f5f5;
  --wp--preset--color--cch-white:#ffffff;
  --wp--preset--color--cch-blue:#3870de;
  --wp--preset--color--cch-magenta:#FF36BF;
  --wp--preset--color--cch-silver:#bfc6cc;
  --wp--preset--color--cch-light-blue:#80c3f1;
  --wp--preset--color--cch-blue-bright:#4090f4;
  --wp--preset--color--cch-pink:#eb80b5;
  --wp--preset--color--cch-green:#3FECBE;
  --wp--preset--color--cch-dark-grey:#555555;
  /* fonts */
  --wp--preset--font-family--comfortaa:'Comfortaa',sans-serif;
  --wp--preset--font-family--cooper-black:'Cooper Black',serif;
  /* fluid type */
  --wp--preset--font-size--small:clamp(0.8rem,0.75rem + 0.25vw,0.875rem);
  --wp--preset--font-size--medium:clamp(1rem,0.9rem + 0.5vw,1.125rem);
  --wp--preset--font-size--large:clamp(1.25rem,1rem + 1.25vw,1.75rem);
  --wp--preset--font-size--x-large:clamp(1.5rem,1rem + 2.5vw,2.5rem);
  --wp--preset--font-size--xx-large:clamp(2rem,1.25rem + 3.75vw,3.5rem);
  /* spacing */
  --wp--preset--spacing--10:clamp(8px,0.5rem + 0.25vw,12px);
  --wp--preset--spacing--20:clamp(12px,0.75rem + 0.5vw,20px);
  --wp--preset--spacing--30:clamp(20px,1rem + 1vw,32px);
  --wp--preset--spacing--40:clamp(32px,1.5rem + 2vw,60px);
  --wp--preset--spacing--50:clamp(48px,2rem + 3vw,100px);
  /* misc */
  --wp--custom--radius:3px;
  --cch-content:1200px;
}

/* ── Reset / base ───────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;}
html{margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth;}
body{
  margin:0;padding:0;
  font-family:var(--wp--preset--font-family--comfortaa);
  font-size:var(--wp--preset--font-size--medium);
  line-height:1.6;
  color:var(--wp--preset--color--cch-dark);
  background:var(--wp--preset--color--cch-white);
  cursor:url('../img/cursor-mouse.png'),auto;
}
body a{cursor:url('../img/cursor-paw.png'),pointer;}
img{max-width:100%;height:auto;display:block;}
h1,h2,h3,h4{font-family:var(--wp--preset--font-family--comfortaa);font-weight:600;line-height:1.2;margin:0 0 .6em;color:var(--wp--preset--color--cch-dark);}
p{margin:0 0 1em;}
a{color:inherit;text-decoration:none;transition:color .2s;}
a:hover{color:var(--wp--preset--color--cch-blue);}

/* Layout helpers */
.cch-wrap{max-width:var(--cch-content);margin:0 auto;padding:0 20px;}
.cch-band{padding:var(--wp--preset--spacing--50) 20px;}
.cch-band--silver{background:var(--wp--preset--color--cch-silver);}
.cch-band--grey{background:var(--wp--preset--color--cch-grey);}
.cch-band--blue{background:var(--wp--preset--color--cch-blue-bright);color:#fff;}
.cch-band--blue h1,.cch-band--blue h2,.cch-band--blue h3{color:#fff;}
.cch-band--white{background:var(--wp--preset--color--cch-white);}
.cch-eyebrow{font-size:var(--wp--preset--font-size--small);text-transform:uppercase;letter-spacing:.12em;color:var(--wp--preset--color--cch-dark-grey);margin:0 0 .4em;}
.font-cooper{font-family:var(--wp--preset--font-family--cooper-black);font-weight:400;}

/* Buttons */
.cch-btn{
  display:inline-block;border:2px solid var(--wp--preset--color--cch-dark);
  border-radius:30px;padding:.7rem 2rem;font-weight:600;font-size:.95rem;
  text-transform:uppercase;letter-spacing:.06em;color:var(--wp--preset--color--cch-dark);
  background:transparent;transition:background .2s,color .2s;cursor:url('../img/cursor-paw.png'),pointer;
}
.cch-btn:hover{background:var(--wp--preset--color--cch-dark);color:var(--wp--preset--color--cch-white);}
.cch-btn--solid{background:var(--wp--preset--color--cch-dark);color:#fff;}
.cch-btn--solid:hover{background:transparent;color:var(--wp--preset--color--cch-dark);}

/* ── Header (fixed, transparent) ────────────────────────── */
.cch-header{position:fixed;top:0;left:0;right:0;z-index:999;background:rgba(255,255,255,0);transition:background .3s;box-sizing:border-box;}
.cch-header.is-scrolled{background:rgba(255,255,255,0);box-shadow:none;}
.cch-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:100%;height:71px;padding:0 40px;box-sizing:border-box;}
.cch-logo img{height:60px;max-width:none;width:auto;}
.cch-nav-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;border-radius:0;cursor:url('../img/cursor-paw.png'),pointer;padding:8px;color:var(--wp--preset--color--cch-dark);flex-shrink:0;}
.cch-nav-toggle-icon{display:flex;flex-direction:column;justify-content:center;gap:5px;width:24px;height:24px;}
.cch-nav-toggle-icon span{display:block;width:24px;height:2px;background:var(--wp--preset--color--cch-dark);transition:transform .3s,opacity .3s;}
.cch-nav-toggle-text{font-size:14px;font-weight:500;text-transform:capitalize;}
.cch-nav-toggle:hover{color:#828282;}
.cch-nav-toggle:hover .cch-nav-toggle-icon span{background:#828282;}
@media (max-width:768px){.cch-nav-toggle-text{display:none;}.cch-logo img{height:64px;}.cch-header-inner{padding:0 20px;}}

/* ── Sidebar ────────────────────────────────────────────── */
.cch-sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.cch-sidebar-overlay.is-visible{opacity:1;visibility:visible;}
.cch-sidebar{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:85vw;background:var(--wp--preset--color--cch-white);z-index:1001;transform:translateX(100%);transition:transform .35s ease;overflow-y:auto;}
.cch-sidebar.is-open{transform:translateX(0);}
.cch-sidebar-inner{display:flex;flex-direction:column;align-items:center;padding:40px 30px;text-align:center;}
.cch-sidebar-logo{margin-bottom:30px;}
.cch-sidebar-logo img{width:60%;height:auto;margin:0 auto;}
.cch-sidebar-nav ul{list-style:none;margin:0;padding:0;width:100%;}
.cch-sidebar-nav ul li{border-bottom:1px solid #eaecee;}
.cch-sidebar-nav ul li:first-child{border-top:1px solid #eaecee;}
.cch-sidebar-nav ul li a{display:block;padding:14px 20px;text-decoration:none;font-family:var(--wp--preset--font-family--comfortaa);font-size:27px;font-weight:600;line-height:35px;color:var(--wp--preset--color--cch-dark);transition:color .2s;}
.cch-sidebar-nav ul li a:hover,.cch-sidebar-nav ul li.current a{color:rgba(10,0,0,.86);}
.cch-sidebar-social{display:flex;gap:8px;margin-top:30px;}
.cch-social-circle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #ccc;border-radius:50%;text-decoration:none;color:var(--wp--preset--color--cch-dark);transition:color .2s,border-color .2s;}
.cch-social-circle:hover{color:var(--wp--preset--color--cch-blue);border-color:var(--wp--preset--color--cch-blue);}
.cch-social-circle svg{width:13px;height:13px;fill:currentColor;}
.cch-sidebar-phone{display:inline-flex;align-items:center;gap:6px;margin-top:24px;padding:4px 15px;background:var(--wp--preset--color--cch-yellow);color:var(--wp--preset--color--cch-dark);text-decoration:none;font-size:16px;font-weight:normal;text-transform:capitalize;border-radius:var(--wp--custom--radius);box-shadow:1px 1px 5px #d1d1d1;transition:color .2s;}
.cch-sidebar-phone:hover{color:var(--wp--preset--color--cch-white);}
@media (max-width:600px){.cch-sidebar-nav ul li a{font-size:22px;line-height:30px;padding:12px 16px;}}

/* ── Footer ─────────────────────────────────────────────── */
.cch-footer{background:var(--wp--preset--color--cch-dark);color:var(--wp--preset--color--cch-white);}
.cch-footer a{color:rgba(255,255,255,.47);text-decoration:none;}
.cch-footer a:hover{color:var(--wp--preset--color--cch-white);}
.cch-footer-top{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px;max-width:1200px;margin:0 auto;padding:100px 20px 20px;}
.cch-footer h3{font-family:var(--wp--preset--font-family--comfortaa);font-size:16px;font-weight:500;text-transform:uppercase;margin:0 0 10px;color:var(--wp--preset--color--cch-white);}
.cch-footer p,.cch-footer a{font-size:14px;line-height:1.6;}
.cch-footer-hours{border-left:2px solid var(--wp--preset--color--cch-blue);padding-left:16px;}
.cch-footer-bottom{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:30px 20px 100px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:rgba(255,255,255,.47);}
.cch-footer-bottom .cch-social-icons{display:flex;gap:10px;}
.cch-footer-bottom .cch-social-icons a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:rgba(255,255,255,.47);transition:color .2s;}
.cch-footer-bottom .cch-social-icons a:hover{color:var(--wp--preset--color--cch-white);}
.cch-footer-bottom .cch-social-icons svg{width:18px;height:18px;fill:currentColor;}
@media (max-width:960px){.cch-footer-top{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.cch-footer-top{grid-template-columns:1fr;}.cch-footer-bottom{flex-direction:column;gap:14px;text-align:center;}}

/* ── Contact cards (Kako rezervirati) ───────────────────── */
.cch-card{border-radius:30px;overflow:hidden;max-width:340px;box-shadow:0 4px 20px rgba(0,0,0,.08);background:#fff;}
.cch-card-top{background:var(--wp--preset--color--cch-magenta);color:#fff;text-align:center;padding:28px 20px 20px;}
.cch-card-top svg{width:48px;height:48px;fill:none;stroke:#fff;stroke-width:2;display:block;margin:0 auto 12px;}
.cch-card-top span{font-family:var(--wp--preset--font-family--comfortaa);font-size:var(--wp--preset--font-size--medium);font-weight:600;display:block;}
.cch-card-body{background:var(--wp--preset--color--cch-white);text-align:center;padding:28px 20px 32px;font-family:var(--wp--preset--font-family--comfortaa);font-weight:600;color:var(--wp--preset--color--cch-dark);}
.cch-card-body p{margin:0 0 20px;line-height:1.6;}
.cch-card-btn{display:inline-block;background:var(--wp--preset--color--cch-magenta);color:#fff;padding:10px 28px;border-radius:6px;text-decoration:none;font-weight:600;font-size:var(--wp--preset--font-size--small);transition:opacity .2s;}
.cch-card-btn:hover{opacity:.85;color:#fff;}

/* ── Carousel ───────────────────────────────────────────── */
.cch-carousel-wrap{position:relative;max-width:1100px;margin:0 auto;padding:0 3rem;}
.cch-carousel-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;}
.cch-carousel-track::-webkit-scrollbar{display:none;}
.cch-carousel-item{flex:0 0 calc((100% - 2.5rem) / 3);scroll-snap-align:start;border-radius:16px;overflow:hidden;}
.cch-carousel-item img{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px;}
.cch-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;background:var(--wp--preset--color--cch-silver);color:var(--wp--preset--color--cch-dark);font-size:1.4rem;cursor:url('../img/cursor-paw.png'),pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:opacity .2s;}
.cch-carousel-btn:hover{opacity:.75;}
.cch-carousel-btn.prev{left:0;}
.cch-carousel-btn.next{right:0;}
.cch-carousel-item.is-card{background:var(--wp--preset--color--cch-white);box-shadow:0 2px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;}
.cch-carousel-item.is-card img{aspect-ratio:4 / 3;border-radius:16px 16px 0 0;}
.cch-carousel-item.is-card h3{font-weight:400;text-align:center;margin:1rem 1.25rem .5rem;font-size:1.15rem;}
.cch-carousel-item.is-card p{text-align:center;margin:0 1.25rem 1.5rem;font-size:.88rem;color:#444;line-height:1.55;}
@media (max-width:768px){.cch-carousel-wrap{padding:0 .5rem;}.cch-carousel-item{flex:0 0 100%;}.cch-carousel-btn{width:32px;height:32px;font-size:1rem;background:rgba(191,198,204,.85);}.cch-carousel-btn.prev{left:.25rem;}.cch-carousel-btn.next{right:.25rem;}}

/* ── Price list (Cjenik) ────────────────────────────────── */
.usluge-pricelist{max-width:720px;margin:var(--wp--preset--spacing--50) auto;border:3px solid var(--wp--preset--color--cch-dark);background:#fff;}
.usluge-pricelist table{width:100%;table-layout:fixed;border-collapse:collapse;}
.usluge-pricelist th,.usluge-pricelist td{overflow-wrap:anywhere;padding:12px 14px;border-bottom:1px solid #e4e4e4;vertical-align:top;}
.usluge-pricelist thead th{font-weight:700;vertical-align:bottom;border-bottom:2px solid var(--wp--preset--color--cch-dark);color:var(--wp--preset--color--cch-dark);}
.usluge-pricelist td small{color:#666;font-weight:400;}
/* columns: Usluga | Sidrena cijena (beige) | Cijena */
.usluge-pricelist th:nth-child(1),.usluge-pricelist td:nth-child(1){width:46%;text-align:left;}
.usluge-pricelist th:nth-child(2),.usluge-pricelist td:nth-child(2){width:28%;background:#f8efd6;}
.usluge-pricelist th:nth-child(3),.usluge-pricelist td:nth-child(3){width:26%;}
.usluge-pricelist thead th:nth-child(2),.usluge-pricelist thead th:nth-child(3){text-align:center;}
.usluge-pricelist td:nth-child(2),.usluge-pricelist td:nth-child(3){text-align:right;}
.usluge-pricelist td:nth-child(2){color:#8a6d1b;font-weight:600;}
.usluge-discounts{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:1000px;margin:2rem auto;padding:0 1rem;}
.usluge-discount-card{background:var(--wp--preset--color--cch-white);border-radius:var(--wp--custom--radius);padding:1.5rem 1rem;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.06);}
.usluge-discount-card .label{font-size:.85rem;color:#333;margin-bottom:.5rem;}
.usluge-discount-card .value{font-size:1.5rem;font-weight:700;color:var(--wp--preset--color--cch-blue-bright);margin-bottom:.25rem;}
@media (max-width:768px){.usluge-discounts{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.usluge-pricelist table{font-size:.8rem;}.usluge-pricelist th,.usluge-pricelist td{padding:8px 6px;line-height:1.25;}}

/* ── FAQ accordion ──────────────────────────────────────── */
details.cch-faq{background:#fff;border:none;margin:0 0 2px;}
details.cch-faq summary{list-style:none;cursor:url('../img/cursor-paw.png'),pointer;display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--wp--preset--color--cch-green);color:#000;font-weight:700;font-size:var(--wp--preset--font-size--small);line-height:1.4;}
details.cch-faq summary::-webkit-details-marker{display:none;}
details.cch-faq[open] summary{background:#45FFCD;}
details.cch-faq summary::before{content:"+";flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;}
details.cch-faq[open] summary::before{content:"\2212";}
details.cch-faq .faq-body{padding:20px;color:#555;font-size:var(--wp--preset--font-size--small);line-height:1.6;}

/* ── Cookie banner ──────────────────────────────────────── */
#cch-cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--wp--preset--color--cch-dark);color:#fff;padding:1.25rem 20px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;box-shadow:0 -4px 24px rgba(0,0,0,.2);transform:translateY(100%);transition:transform .4s ease;}
#cch-cookie-banner.visible{transform:translateY(0);}
.cookie-text{font-size:.87rem;color:rgba(255,255,255,.8);line-height:1.5;flex:1;min-width:200px;}
.cookie-text a{color:var(--wp--preset--color--cch-yellow);text-decoration:underline;}
.cookie-actions{display:flex;gap:.75rem;flex-shrink:0;}
.cookie-btn-accept{background:var(--wp--preset--color--cch-yellow);color:var(--wp--preset--color--cch-dark);border:none;border-radius:50px;padding:.6rem 1.4rem;font-family:var(--wp--preset--font-family--comfortaa);font-size:.87rem;font-weight:700;cursor:url('../img/cursor-paw.png'),pointer;transition:background .2s;white-space:nowrap;}
.cookie-btn-accept:hover{background:#e6c400;}
.cookie-btn-info{background:none;color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:.6rem 1.2rem;font-size:.87rem;text-decoration:none;display:inline-block;transition:all .2s;white-space:nowrap;}
.cookie-btn-info:hover{color:#fff;border-color:rgba(255,255,255,.5);}
@media (max-width:480px){#cch-cookie-banner{flex-direction:column;align-items:flex-start;}.cookie-actions{width:100%;}.cookie-btn-accept,.cookie-btn-info{flex:1;text-align:center;}}

/* ── Scroll animations ──────────────────────────────────── */
.scroll-fade-up,.scroll-fade-left,.scroll-fade-right,.scroll-scale-in,.scroll-swing{opacity:0;transition:opacity .8s ease,transform .8s ease;will-change:opacity,transform;}
.scroll-fade-up.is-visible,.scroll-fade-left.is-visible,.scroll-fade-right.is-visible,.scroll-scale-in.is-visible,.scroll-swing.is-visible{opacity:1;transform:none;}
.scroll-fade-up{transform:translateY(40px);}
.scroll-fade-left{transform:translateX(-40px);}
.scroll-fade-right{transform:translateX(40px);}
.scroll-scale-in{transform:scale(.9);}
.scroll-swing{transform-origin:top center;transform:rotate(-5deg);}
.scroll-swing.is-visible{animation:cch-swing 1s ease-in-out;}
@keyframes cch-swing{0%{transform:rotate(-5deg);}20%{transform:rotate(3deg);}40%{transform:rotate(-3deg);}60%{transform:rotate(2deg);}80%{transform:rotate(-1deg);}100%{transform:rotate(0);}}
@media (prefers-reduced-motion:reduce){.scroll-fade-up,.scroll-fade-left,.scroll-fade-right,.scroll-scale-in,.scroll-swing{opacity:1;transform:none;transition:none;animation:none;}}
/* drop bounce */
.scroll-drop-bounce{opacity:0;transform:translateY(-80px);will-change:opacity,transform;}
.scroll-drop-bounce.is-visible{opacity:1;animation:cch-drop-bounce 1s ease-out forwards;}
@keyframes cch-drop-bounce{0%{opacity:0;transform:translateY(-80px);}40%{opacity:1;transform:translateY(0);}55%{transform:translateY(-15px);}70%{transform:translateY(0);}80%{transform:translateY(-6px);}90%{transform:translateY(0);}100%{transform:translateY(0);}}
/* drop swing */
.scroll-drop-swing{opacity:0;transform:translateY(-80px) rotate(-5deg);transform-origin:top center;will-change:opacity,transform;}
.scroll-drop-swing.is-visible{opacity:1;animation:cch-drop-swing 1.2s ease-out forwards;}
@keyframes cch-drop-swing{0%{opacity:0;transform:translateY(-80px) rotate(-5deg);}35%{opacity:1;transform:translateY(0) rotate(3deg);}50%{transform:translateY(-10px) rotate(-2deg);}65%{transform:translateY(0) rotate(1.5deg);}78%{transform:translateY(-4px) rotate(-1deg);}88%{transform:translateY(0) rotate(.5deg);}100%{transform:translateY(0) rotate(0);}}
/* diagonal */
.scroll-fade-diagonal{opacity:0;transform:translate(-60px,60px);transition:opacity .8s ease,transform .8s ease;will-change:opacity,transform;}
.scroll-fade-diagonal.is-visible{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.scroll-drop-bounce,.scroll-drop-swing,.scroll-fade-diagonal{opacity:1;transform:none;transition:none;animation:none;}}

/* ── Homepage hero (silver band + grey row: cat 40% / logo 30% / hand 20%) ── */
.cch-hero{background:var(--wp--preset--color--cch-silver);padding-left:130px;}
.cch-hero-inner{background:var(--wp--preset--color--cch-grey);display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:space-between;min-height:90vh;}
.cch-hero-cat{flex:0 0 40%;display:flex;overflow:hidden;}
.cch-hero-cat img{width:100%;height:100%;object-fit:cover;object-position:60% center;}
.cch-hero-center{flex:0 0 30%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 1rem 0;gap:1.2rem;}
.cch-hero-center .hero-logo{width:300px;max-width:90%;}
.cch-hero-center p{font-family:var(--wp--preset--font-family--comfortaa);font-size:var(--wp--preset--font-size--large);margin:0;}
.cch-hero-hand{flex:0 0 20%;display:flex;align-items:flex-start;justify-content:flex-end;}
.cch-hero-hand img{width:100%;height:auto;}
.hero-fade-in{opacity:0;animation:heroFadeIn 1s ease-out .1s forwards;}
.hero-slide-up{opacity:0;transform:translateY(80px);animation:heroSlideUp 1.2s ease-out 1s forwards;}
@keyframes heroFadeIn{to{opacity:1;}}
@keyframes heroSlideUp{to{opacity:1;transform:translateY(0);}}
@media (prefers-reduced-motion:reduce){.hero-fade-in,.hero-slide-up{opacity:1;transform:none;animation:none;}}
@media (max-width:768px){
  .cch-hero{padding-left:60px;}
  .cch-hero-inner{flex-wrap:wrap;min-height:auto;padding:90px 16px 40px;justify-content:center;}
  .cch-hero-cat{display:none;}
  .cch-hero-hand{order:1;flex:0 0 55%;max-width:200px;justify-content:flex-end;}
  .cch-hero-center{order:2;flex:0 0 100%;padding:1rem 0 0;}
}

/* ── Media + text rows (services, intro, sightseeing) ────── */
.cch-mt{display:grid;grid-template-columns:1fr 40%;gap:var(--wp--preset--spacing--40);align-items:center;max-width:var(--cch-content);margin:0 auto var(--wp--preset--spacing--40);}
.cch-mt:last-child{margin-bottom:0;}
.cch-mt.media-left{grid-template-columns:40% 1fr;}
.cch-mt.media-left .cch-mt-media{order:-1;}
.cch-mt.narrow{grid-template-columns:1fr 29%;}
.cch-mt-media img{width:100%;border-radius:8px;display:block;margin:0 auto;}
.cch-mt-body{text-align:center;}
.cch-mt-body .title{font-family:var(--wp--preset--font-family--cooper-black);font-weight:400;line-height:1.1;font-size:var(--wp--preset--font-size--large);}
@media (max-width:768px){.cch-mt,.cch-mt.media-left,.cch-mt.narrow{grid-template-columns:1fr;}.cch-mt.media-left .cch-mt-media{order:0;}}

/* ── Text-annotation CTA links ──────────────────────────── */
.cch-anno{display:inline-block;font-family:var(--wp--preset--font-family--comfortaa);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:var(--wp--preset--font-size--small);border-bottom:2px solid currentColor;padding-bottom:2px;margin-top:1rem;}
.cch-anno:hover{opacity:.65;color:inherit;}

/* ── Cover section (contact photo + GET IN TOUCH) ───────── */
.cch-cover{position:relative;min-height:600px;display:flex;align-items:flex-start;background-size:cover;background-position:center;}
.cch-cover .get-in-touch{width:300px;max-width:55%;margin:var(--wp--preset--spacing--50);}

/* ── Extra band colors ──────────────────────────────────── */
.cch-band--lightblue{background:var(--wp--preset--color--cch-light-blue);}
.cch-band--cream{background:#ffde4f;}
.cch-band--magenta{background:var(--wp--preset--color--cch-magenta);color:#fff;}
.cch-band--magenta h1,.cch-band--magenta h2,.cch-band--magenta h3{color:#fff;}
.cch-band--pink{background:var(--wp--preset--color--cch-pink);}
.cch-band--green{background:var(--wp--preset--color--cch-green);}
.cch-band--yellow{background:var(--wp--preset--color--cch-yellow);}

/* ── Section title ──────────────────────────────────────── */
.cch-section-title{text-align:center;font-family:var(--wp--preset--font-family--cooper-black);font-weight:400;font-size:var(--wp--preset--font-size--x-large);margin:0 0 var(--wp--preset--spacing--40);}

/* ── Reviews ────────────────────────────────────────────── */
.cch-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:var(--cch-content);margin:0 auto;}
.cch-review{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px rgba(0,0,0,.06);}
.cch-review .stars{color:#ffb400;margin-bottom:.5rem;}
.cch-review p{font-size:.9rem;color:#444;line-height:1.55;}
.cch-review .author{font-weight:700;font-size:.85rem;margin-top:.8rem;}
.cch-review .source{font-size:.78rem;color:#888;}
@media (max-width:900px){.cch-reviews{grid-template-columns:1fr;}}

/* ── Page banner (inner pages) ──────────────────────────── */
.cch-page-banner{padding:120px 20px 50px;text-align:center;}
.cch-page-banner h1{font-family:var(--wp--preset--font-family--cooper-black);font-weight:400;font-size:var(--wp--preset--font-size--xx-large);margin:0;}
.cch-page-banner .lead{max-width:640px;margin:1rem auto 0;color:#444;}

/* Kamera (CCH Live) gate + embed */
.cch-cam-input{display:block;margin:0 auto;padding:.6rem 1rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;width:100%;max-width:280px;box-sizing:border-box;font-family:inherit;}
.cch-cam-access{margin-top:.75rem;display:inline-block;padding:.75rem 2rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;cursor:url('../img/cursor-paw.png'),pointer;background:var(--wp--preset--color--cch-yellow);color:var(--wp--preset--color--cch-dark);border:none;border-radius:4px;font-weight:600;font-family:inherit;}
.cch-cam-access:hover{background:#e6c400;}
.cch-cam-embed{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000;}
.cch-cam-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

/* Rezervacije two-column napomene → stack on mobile */
@media (max-width:768px){.cch-rez-cols{grid-template-columns:1fr !important;}}

/* Grayscale portraits (O nama) */
.grayscale-img{filter:grayscale(1);transition:filter .3s;}
.grayscale-img:hover{filter:grayscale(0);}

/* Utility */
.text-center{text-align:center;}
.mt-2{margin-top:2rem;}

/* ── Cjenik arhiva ── */
.cch-arhiva-list{list-style:none;padding:0;margin:0}
.cch-arhiva-list li{padding:.7rem 0;border-bottom:1px solid rgba(0,0,0,.12)}
.cch-arhiva-list a{font-weight:600;word-break:break-all}
.cch-arh-date{display:block;font-size:.8rem;color:#666;margin-top:.15rem}