/*
 Theme Name:   Mate caj Child
 Theme URI:    https://mate-caj.si
 Description:  GeneratePress child theme for Mate caj - d1 artisan ritual design (Numen)
 Author:       Numen, spletne storitve
 Author URI:   https://numen.si
 Template:     generatepress
 Version:      1.2.0
 Text Domain:  mate-caj-child
*/

/* ============================================================
   PALETTE + TOKENS (d1 artisan ritual)
   ============================================================ */
:root {
  --bark: #3a2a1e;
  --bark-soft: #5a4334;
  --cream: #f3ead6;
  --cream-deep: #e9dcbf;
  --paper: #fbf6ea;
  --green: #3f5e3a;
  --green-deep: #2f4a2c;
  --ochre: #c98a2e;
  --ochre-soft: #e0a64a;
  --radius: 18px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ============================================================
   GLOBALS
   ============================================================ */
body {
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  font-family: 'Epilogue', sans-serif;
  color: var(--bark);
  background: var(--paper);
}

h1, h2, h3, h4, .gb-headline,
.site-title, .entry-title, .widget-title {
  font-family: 'Rozha One', serif;
  color: var(--bark);
  font-weight: 400;
}

a { text-decoration: none; color: var(--green); }
a:hover { color: var(--ochre); }

/* ============================================================
   TOP BAR (contact strip — his preferred header)
   ============================================================ */
.mc-topbar {
  background: var(--bark);
  color: var(--cream);
  font-size: 0.85rem;
}
.mc-topbar-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0.5rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.mc-topbar a { color: var(--cream-deep); }
.mc-topbar a:hover { color: var(--ochre-soft); }
.mc-topbar-contact { display: flex; gap: 1.5rem; flex-wrap: wrap; }

/* ============================================================
   HEADER
   ============================================================ */
.site-header {
  background: var(--paper) !important;
  transition: box-shadow 0.4s ease;
  border-bottom: 1px solid var(--cream-deep);
}
.site-header.scrolled { box-shadow: 0 1px 30px rgba(58, 42, 30, 0.08); }

.site-title { font-size: 1.9rem; letter-spacing: 0.5px; }
.site-title a { color: var(--bark) !important; }
.site-description {
  font-family: 'Epilogue', sans-serif;
  color: var(--bark-soft);
  font-style: italic;
  font-size: 0.9rem;
}

.main-navigation {
  background: transparent !important;
}
.main-navigation .main-nav ul li a {
  font-family: 'Epilogue', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-size: 0.85rem;
  color: var(--bark) !important;
  border-radius: 8px;
  transition: background 0.25s ease, color 0.25s ease;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a {
  background: var(--cream);
  color: var(--green-deep) !important;
}

/* cart link in menu */
.main-navigation li.menu-item-cart a::before {
  content: "\1F6D2 ";
}

/* ============================================================
   BUTTONS
   ============================================================ */
.mc-btn,
a.mc-btn,
a.gb-button.mc-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button.alt {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  background: var(--green) !important;
  color: var(--cream) !important;
  font-family: 'Epilogue', sans-serif !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  letter-spacing: 0.4px !important;
  padding: 0.85rem 2rem !important;
  border-radius: 60px !important;
  box-shadow: 0 4px 18px rgba(47, 74, 44, 0.22) !important;
  transition: transform 0.3s var(--ease-spring), box-shadow 0.3s ease, background 0.3s ease !important;
  border: none !important;
  cursor: pointer;
}
.mc-btn:hover,
a.mc-btn:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button.alt:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 8px 30px rgba(47, 74, 44, 0.3) !important;
  background: var(--green-deep) !important;
  color: var(--cream) !important;
}

.mc-btn-ochre,
a.mc-btn-ochre,
a.gb-button.mc-btn-ochre {
  background: var(--ochre) !important;
  color: var(--bark) !important;
  box-shadow: 0 4px 18px rgba(201, 138, 46, 0.28) !important;
}
.mc-btn-ochre:hover,
a.mc-btn-ochre:hover {
  background: var(--ochre-soft) !important;
  color: var(--bark) !important;
}

/* ============================================================
   HERO
   ============================================================ */
.mc-hero {
  position: relative;
  overflow: hidden;
}
.mc-hero-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 3rem;
}
.mc-hero h1 {
  font-size: clamp(2.6rem, 5.5vw, 4.5rem);
  line-height: 1.05;
  margin-bottom: 1rem;
}
.mc-hero-lead {
  font-size: 1.15rem;
  line-height: 1.7;
  color: var(--bark-soft);
  margin-bottom: 2rem;
  max-width: 34rem;
}
.mc-hero-img {
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(58, 42, 30, 0.18);
}
.mc-hero-img img { display: block; width: 100%; height: auto; }

/* ============================================================
   RITUAL STEPS (01-02-03)
   ============================================================ */
.mc-ritual-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
.mc-step {
  background: var(--cream);
  border-radius: var(--radius);
  padding: 2.2rem;
  text-align: center;
  border: 1px solid var(--cream-deep);
  transition: transform 0.4s var(--ease-out);
}
.mc-step:hover { transform: translateY(-6px); }
.mc-step-num {
  font-family: 'Rozha One', serif;
  font-size: 2.6rem;
  color: var(--ochre);
  line-height: 1;
  margin-bottom: 0.6rem;
}
.mc-step h3 { font-size: 1.3rem; margin-bottom: 0.5rem; }
.mc-step p { color: var(--bark-soft); font-size: 0.98rem; line-height: 1.6; }

/* ============================================================
   SECTION HELPERS
   ============================================================ */
.mc-section { padding: 6rem 2rem; }
.mc-label {
  font-family: 'Epilogue', sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--ochre);
}
.mc-h2 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.1; }
.mc-prose p { line-height: 1.8; color: var(--bark-soft); margin-bottom: 1.1rem; }
.mc-prose h2, .mc-prose h3 { margin: 2rem 0 0.8rem; }
.mc-prose ul { line-height: 1.8; color: var(--bark-soft); padding-left: 1.2rem; }

.mc-card {
  background: #fff;
  border-radius: var(--radius);
  padding: 2rem;
  border: 1px solid var(--cream-deep);
  box-shadow: 0 4px 18px rgba(58, 42, 30, 0.05);
  transition: transform 0.4s var(--ease-out), box-shadow 0.4s ease;
}
.mc-card:hover { transform: translateY(-6px); box-shadow: 0 14px 40px rgba(58, 42, 30, 0.1); }

.mc-cat-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.mc-cat-tile {
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  min-height: 220px;
  display: flex;
  align-items: flex-end;
  padding: 1.5rem;
  color: var(--cream);
  background: var(--green-deep);
  box-shadow: 0 8px 24px rgba(58, 42, 30, 0.12);
  transition: transform 0.4s var(--ease-out);
}
.mc-cat-tile:hover { transform: translateY(-6px); }
.mc-cat-tile.t-caj { background: linear-gradient(135deg, var(--green-deep), var(--green)); }
.mc-cat-tile.t-prip { background: linear-gradient(135deg, var(--bark), var(--bark-soft)); }
.mc-cat-tile.t-kom { background: linear-gradient(135deg, var(--ochre), var(--ochre-soft)); color: var(--bark); }
.mc-cat-tile h3 { color: inherit; font-size: 1.6rem; }

/* ============================================================
   TRUST STRIP
   ============================================================ */
.mc-trust-grid {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  text-align: center;
}
.mc-trust-icon { font-size: 2rem; margin-bottom: 0.5rem; }

/* ============================================================
   CONTACT
   ============================================================ */
.mc-contact-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: start;
}
.mc-contact-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.9rem 0;
  border-bottom: 1px solid var(--cream-deep);
}
.mc-contact-icon {
  width: 44px; height: 44px;
  border-radius: 12px;
  background: var(--cream);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; font-size: 1.2rem;
}

/* ============================================================
   WOOCOMMERCE TWEAKS
   ============================================================ */
.woocommerce ul.products li.product .price { color: var(--green-deep); }
.woocommerce span.onsale { background: var(--ochre); color: var(--bark); }
.woocommerce .star-rating span::before { color: var(--ochre); }

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer, .site-info {
  background: var(--bark);
  color: var(--cream-deep);
}
.site-info a { color: var(--ochre-soft); }
.mc-footer {
  background: var(--bark);
  color: var(--cream-deep);
  padding: 4rem 2rem 2rem;
}
.mc-footer-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 2.5rem;
}
.mc-footer h4 { color: var(--cream); margin-bottom: 1rem; font-size: 1.1rem; }
.mc-footer a { color: var(--cream-deep); display: block; padding: 0.25rem 0; }
.mc-footer a:hover { color: var(--ochre-soft); }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 880px) {
  .mc-hero-grid { grid-template-columns: 1fr; text-align: center; }
  .mc-hero-lead { margin-left: auto; margin-right: auto; }
  .mc-ritual-grid,
  .mc-cat-grid,
  .mc-trust-grid { grid-template-columns: 1fr; }
  .mc-contact-grid { grid-template-columns: 1fr; }
  .mc-footer-grid { grid-template-columns: 1fr; }
  .mc-section { padding: 4rem 1.5rem; }
}

/* ============================================================
   d1 FIDELITY PASS (2026-06-10) — match matecaj-d1-art-5c2a
   (dark-green hero, ochre CTA, bark ritual band, green footer)
   ============================================================ */
.mc-hero { background: var(--green-deep) !important; }
.mc-hero h1 { color: var(--cream) !important; }
.mc-hero .mc-label { color: var(--ochre-soft) !important; }
.mc-hero .mc-hero-lead { color: var(--cream-deep) !important; }
.mc-hero .mc-btn { background: var(--ochre) !important; color: #2a1d12 !important; }
.mc-hero .mc-btn:hover { background: var(--ochre-soft) !important; }

.gb-container-mc-ritual { background: var(--bark) !important; }
.gb-container-mc-ritual .mc-label { color: var(--ochre-soft) !important; }
.gb-container-mc-ritual h2 { color: var(--cream) !important; }

.site-footer, .footer-widgets { background: var(--green-deep) !important; }
.site-footer, .site-footer a, .site-info, .site-info a,
.footer-widgets, .footer-widgets a { color: var(--cream) !important; }
.site-footer a:hover, .footer-widgets a:hover { color: var(--ochre-soft) !important; }


/* ============================================================
   POLISH PASS (2026-06-10) — header logo, hero rotator + rings,
   ticker strip, tile photos, scroll reveals, woo grid, footer
   ============================================================ */

/* ---- header: emblem logo + brand text ---- */
.inside-header{display:flex;align-items:center;flex-wrap:wrap;}
.inside-header .site-logo{margin-right:14px;line-height:0;}
.inside-header .site-logo img{height:54px;width:auto;}
.inside-header .main-navigation{margin-left:auto;}
.inside-header .mobile-menu-control-wrapper{margin-left:auto;}
@media (max-width:768px){
  .inside-header .site-logo img{height:42px;}
  .has-inline-mobile-toggle #site-navigation{margin-left:0;}
}

/* ---- hero: d1 gradient + ochre glow, rings, rotator, badge, wave ---- */
.mc-hero{
  position:relative;
  background:
    radial-gradient(circle at 80% 18%, rgba(201,138,46,.25), transparent 45%),
    linear-gradient(160deg, var(--green) 0%, var(--green-deep) 100%) !important;
  padding-bottom:8.5rem !important;
}
.mc-hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
a.mc-btn-ghost{
  display:inline-flex;align-items:center;gap:.55rem;
  font-family:'Epilogue',sans-serif;font-weight:600;font-size:1rem;
  padding:.85rem 1.8rem;border-radius:60px;
  background:transparent;color:var(--cream);
  border:1.5px solid rgba(243,234,214,.45);
  transition:transform .3s var(--ease-spring), border-color .3s ease;
}
a.mc-btn-ghost:hover{border-color:var(--cream);color:var(--cream);transform:translateY(-3px);}
.mc-hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:400px;}
.mc-ring{position:absolute;border:1.5px dashed rgba(201,138,46,.55);border-radius:50%;width:min(430px,92%);aspect-ratio:1/1;animation:mc-spin 38s linear infinite;pointer-events:none;z-index:1;}
.mc-ring-2{width:min(500px,106%);border-style:dotted;border-color:rgba(243,234,214,.25);animation-duration:60s;animation-direction:reverse;}
@keyframes mc-spin{to{transform:rotate(360deg)}}
.mc-hero-rotator{
  position:relative;width:min(370px,78%);aspect-ratio:1/1;border-radius:50%;overflow:hidden;
  border:8px solid rgba(243,234,214,.16);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.6);
  animation:mc-float 7s ease-in-out infinite;
  background:var(--cream-deep);z-index:2;
}
.mc-hero-rotator img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease;}
.mc-hero-rotator img.is-active{opacity:1;}
@keyframes mc-float{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-20px) rotate(1.5deg)}}
.mc-hero-badge{
  position:absolute;bottom:22px;left:6%;z-index:3;
  background:var(--cream);color:var(--bark);border-radius:50%;
  width:96px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;line-height:1.3;
  box-shadow:0 18px 40px -22px rgba(58,42,30,.55);transform:rotate(-8deg);
}
.mc-hero-badge b{font-family:'Rozha One',serif;font-size:22px;font-weight:400;color:var(--green-deep);}
.mc-wave{position:absolute;bottom:-1px;left:0;width:100%;height:auto;display:block;pointer-events:none;line-height:0;}

/* ---- ticker strip (under hero) ---- */
.mc-marquee{overflow:hidden;color:var(--cream);padding:14px 0;}
.mc-marquee-track{display:flex;width:max-content;animation:mc-marquee 32s linear infinite;}
.mc-marquee:hover .mc-marquee-track{animation-play-state:paused;}
.mc-marquee-seg{display:flex;gap:3rem;padding-right:3rem;white-space:nowrap;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;}
.mc-marquee-seg b{color:var(--ochre-soft);font-family:'Rozha One',serif;font-weight:400;}
@keyframes mc-marquee{to{transform:translateX(-50%)}}

/* ---- category tiles: real product photos + dark overlay ---- */
.mc-cat-tile{min-height:260px;}
.mc-cat-tile h3{text-shadow:0 2px 14px rgba(0,0,0,.45);}
.mc-cat-tile.t-caj{background:linear-gradient(to top, rgba(26,32,22,.88) 16%, rgba(26,32,22,.34) 55%, rgba(26,32,22,.12)), url('/wp-content/uploads/2026/06/phoca_thumb_l_IMG_6518-600x399.jpg') center/cover no-repeat;}
.mc-cat-tile.t-prip{background:linear-gradient(to top, rgba(34,24,15,.88) 16%, rgba(34,24,15,.34) 55%, rgba(34,24,15,.12)), url('/wp-content/uploads/2026/06/phoca_thumb_l_IMG_6560-600x399.jpg') center/cover no-repeat;}
.mc-cat-tile.t-kom{background:linear-gradient(to top, rgba(46,32,12,.88) 16%, rgba(46,32,12,.34) 55%, rgba(46,32,12,.12)), url('/wp-content/uploads/2026/06/phoca_thumb_l_IMG_6551-600x399.jpg') center/cover no-repeat;color:var(--cream);}
.mc-cat-tile:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 18px 44px -16px rgba(58,42,30,.45);}

/* ---- trust row icons ---- */
.mc-trust-icon{width:64px;height:64px;border-radius:50%;background:#fff;border:1px solid var(--cream-deep);display:flex;align-items:center;justify-content:center;margin:0 auto .8rem;font-size:1.7rem;box-shadow:0 6px 18px rgba(58,42,30,.08);}

/* ---- subtle texture on cream sections ---- */
.gb-container-mc-cats, .gb-container-mc-trust{
  background-image:
    radial-gradient(circle at 12% 16%, rgba(201,138,46,.08), transparent 42%),
    radial-gradient(circle at 88% 86%, rgba(63,94,58,.07), transparent 46%);
}

/* ---- scroll reveal (class added by js/mc-effects.js) ---- */
.mc-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);}
.mc-reveal.is-in{opacity:1;transform:translateY(0);}

/* ---- woo shop grid: uniform product cards ---- */
.woocommerce ul.products li.product{
  background:#fff;border:1px solid var(--cream-deep);border-radius:var(--radius);
  padding:1rem 1rem 1.5rem;text-align:center;
  box-shadow:0 4px 18px rgba(58,42,30,.05);
  transition:transform .35s var(--ease-out), box-shadow .35s ease;
}
.woocommerce ul.products li.product:hover{transform:translateY(-6px);box-shadow:0 18px 44px -18px rgba(58,42,30,.35);}
.woocommerce ul.products li.product a img{
  width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;
  border-radius:12px;margin-bottom:.9rem;box-shadow:none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:'Rozha One',serif;font-size:1.2rem;font-weight:400;color:var(--bark);}
.woocommerce ul.products li.product .price{font-size:1.05rem;margin-bottom:.7rem;}

/* featured-products block (home) */
li.wc-block-product{
  background:#fff;border:1px solid var(--cream-deep);border-radius:var(--radius);
  padding:1rem 1rem 1.5rem;
  box-shadow:0 4px 18px rgba(58,42,30,.05);
  transition:transform .35s var(--ease-out), box-shadow .35s ease;
}
li.wc-block-product:hover{transform:translateY(-6px);box-shadow:0 18px 44px -18px rgba(58,42,30,.35);}
li.wc-block-product .wc-block-components-product-image img{
  width:100%;aspect-ratio:1/1;object-fit:contain !important;background:#fff;border-radius:12px;
}
li.wc-block-product h3{font-size:1.15rem;}
li.wc-block-product h3 a{color:var(--bark);}

/* single product gallery */
.woocommerce div.product div.images img{background:#fff;border:1px solid var(--cream-deep);border-radius:var(--radius);}
.woocommerce div.product div.images{margin-bottom:2rem;}

/* ---- footer (markup via generate_before_footer hook) ---- */
.mc-footer{background:var(--green-deep);color:var(--cream-deep);padding:4rem 2rem 2.5rem;}
.mc-footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:2.5rem;}
.mc-footer h4{
  font-family:'Epilogue',sans-serif;font-size:.8rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ochre-soft);margin-bottom:1rem;
}
.mc-footer-brand img{height:54px;width:auto;margin-bottom:1rem;}
.mc-footer-brand p, .mc-footer-addr{font-size:.9rem;line-height:1.7;color:rgba(243,234,214,.75);}
.mc-footer a{color:var(--cream-deep);display:block;padding:.25rem 0;font-size:.95rem;}
.mc-footer a:hover{color:var(--ochre-soft);}
.site-footer .site-info{border-top:1px solid rgba(243,234,214,.16);}

/* ---- mobile (~390px) ---- */
@media (max-width:880px){
  .mc-hero{padding-bottom:7.5rem !important;}
  .mc-hero-art{order:-1;min-height:300px;margin-bottom:1rem;}
  .mc-hero-rotator{width:min(260px,72%);}
  .mc-ring{width:min(310px,86%);}
  .mc-ring-2{width:min(360px,98%);}
  .mc-hero-badge{width:84px;height:84px;bottom:6px;left:2%;}
  .mc-hero-cta{justify-content:center;}
  .mc-footer-grid{grid-template-columns:1fr;gap:2rem;}
  .mc-cat-tile{min-height:200px;}
}
@media (max-width:480px){
  .mc-topbar-inner{justify-content:center;text-align:center;font-size:.78rem;padding:.45rem 1rem;}
  .mc-topbar-contact{gap:1rem;justify-content:center;}
  .mc-marquee-seg{font-size:.78rem;gap:2rem;padding-right:2rem;}
}

/* ---- reduced motion: everything visible & static ---- */
@media (prefers-reduced-motion:reduce){
  .mc-reveal{opacity:1 !important;transform:none !important;transition:none !important;}
  .mc-hero-rotator,.mc-ring,.mc-ring-2{animation:none !important;}
  .mc-hero-rotator img{transition:none !important;}
  .mc-marquee-track{animation:none !important;width:auto;flex-wrap:wrap;justify-content:center;}
  .mc-marquee-seg[aria-hidden="true"]{display:none;}
  .mc-cat-tile,.mc-step,.mc-card,.woocommerce ul.products li.product,li.wc-block-product{transition:none !important;}
}

/* kill 100vw alignfull bleed (scrollbar width) */
html{overflow-x:hidden;}

/* ============================================================
   UI PASS 2 (2026-06-10) — Davor's inspect findings
   ============================================================ */
/* 1) drop the white content boxes — let the cream/paper show */
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container,
.separate-containers .paging-navigation,
.inside-page-header { background-color: transparent; }

/* 2) checkout: order summary (and form card) get a white card on cream */
.wp-block-woocommerce-checkout-order-summary-block {
  background: #fff;
  border: 1px solid rgba(58,42,30,.14);
  border-radius: 14px;
  padding: 6px 18px;
}
.wc-block-components-checkout-step { background: transparent; }

/* 3) page-title band for shop/cart/checkout/account ("same header") */
.mc-page-band {
  background: linear-gradient(135deg, var(--green-deep), var(--green));
  margin: 0 0 36px;
  padding: 52px 24px 46px;
}
.mc-page-band .mc-band-inner { max-width: 1200px; margin: 0 auto; }
.mc-page-band h1 {
  font-family: 'Rozha One', serif; color: var(--cream);
  margin: 0; font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 400;
}
.mc-page-band .mc-band-crumb { color: var(--cream-deep); font-size: .85rem; margin-bottom: 10px; }
.mc-page-band .mc-band-crumb a { color: var(--ochre-soft); }
/* hide the duplicate default titles where the band shows */
body.mc-has-band .entry-header .entry-title,
body.mc-has-band .woocommerce-products-header { display: none; }
/* band is full-bleed: remove top padding of content area under it */
body.mc-has-band .site-main { margin-top: 0; }

/* hide duplicate Woo breadcrumb under the band */
body.mc-has-band .woocommerce-breadcrumb { display: none; }

/* ============================================================
   UI PASS 3 (2026-06-10) — unified green heroes + cart icon
   ============================================================ */
/* all inner-page heroes → same green band as Trgovina (homepage keeps its own) */
body:not(.home) [class*="gb-container-mc-"][class*="-hero"] {
  background: linear-gradient(135deg, var(--green-deep), var(--green)) !important;
}
body:not(.home) [class*="gb-container-mc-"][class*="-hero"] h1 { color: var(--cream) !important; }
body:not(.home) [class*="gb-container-mc-"][class*="-hero"] .mc-label { color: var(--ochre-soft) !important; }
body:not(.home) [class*="gb-container-mc-"][class*="-hero"] p:not(.mc-label) { color: var(--cream-deep) !important; }

/* cart menu item: icon + count bubble (GP Premium wc-menu-item) */
.main-navigation .wc-menu-item .cart-contents { position: relative; padding-right: 10px; }
.main-navigation .wc-menu-item .number-of-items {
  position: absolute; top: 8px; right: -4px;
  background: var(--ochre); color: #fff;
  border-radius: 999px; font-size: .62rem; font-weight: 700;
  min-width: 17px; height: 17px; line-height: 17px; text-align: center; padding: 0 4px;
}
/* hover mini-cart dropdown → white card matching the design */
.main-navigation .wc-menu-item .sub-menu {
  background: #fff !important; min-width: 320px; padding: 16px !important;
  border-radius: 14px; border: 1px solid rgba(58,42,30,.12);
  box-shadow: 0 22px 48px rgba(58,42,30,.20); right: 0; left: auto;
}
.main-navigation .wc-menu-item .sub-menu .widget_shopping_cart_content { color: var(--bark); }
.main-navigation .wc-menu-item .sub-menu a { color: var(--bark) !important; }
.main-navigation .wc-menu-item .sub-menu .woocommerce-mini-cart__buttons a.button {
  background: var(--green); color: #fff !important; border-radius: 999px; padding: 9px 16px; display: inline-block;
}
.main-navigation .wc-menu-item .sub-menu .woocommerce-mini-cart__buttons a.checkout { background: var(--ochre); }
.main-navigation .wc-menu-item .sub-menu img { width: 46px; border-radius: 8px; }

/* cart icon: icon + count badge only (hide amount text) */
.wc-menu-item .cart-contents .amount { display: none; }
.wc-menu-item .cart-contents { display: inline-flex; align-items: center; }

/* UPN QR box (thank-you / view order) */
.mc-upn-box { background:#fff; border:1px solid rgba(58,42,30,.14); border-radius:16px; padding:22px 24px; margin:26px 0; }
.mc-upn-box h3 { margin:0 0 8px; }
.mc-upn-grid { display:flex; gap:26px; align-items:center; flex-wrap:wrap; }
#mc-upn-canvas { border:8px solid #fff; box-shadow:0 6px 22px rgba(58,42,30,.16); border-radius:10px; }
.mc-upn-table { border-collapse:collapse; font-size:.95rem; }
.mc-upn-table td { padding:4px 16px 4px 0; }
.mc-upn-table td:first-child { color:#7a6a58; }

/* ============================================================
   UI PASS 4 (2026-06-10) — band full-bleed + contained prose
   ============================================================ */
/* page band: true full width (breakout of GP container, like GB alignfull) */
.mc-page-band {
  width: 100vw; position: relative;
  left: 50%; right: 50%;
  margin-left: -50vw; margin-right: -50vw;
}
/* prose pages: contained inner column, same rhythm as home */
.mc-prose { padding: 56px 24px 64px; }
.mc-prose > * { max-width: 1180px; margin-left: auto; margin-right: auto; }
.mc-prose > p, .mc-prose > ul, .mc-prose > ol, .mc-prose > blockquote { max-width: 56rem; }
.mc-prose > h2 { max-width: 56rem; margin-top: 2.2em; }
.mc-prose > h3 { max-width: 56rem; margin-top: 1.6em; }


/* ============================================================
   EDITORIAL PASS (2026-06-10) — enriched content pages
   (lede, image+text splits, pull-quotes, stat bands, benefit +
    recipe cards, 5-step flow, notes, read-next) — Numen
   ============================================================ */

/* ---- lede: large intro type ---- */
.mc-lede{max-width:46rem;margin:0 auto;font-size:1.28rem;line-height:1.75;color:var(--bark-soft);text-align:center;}
.mc-lede em{color:var(--green-deep);}

/* ---- image + text split ---- */
.mc-split{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;}
.mc-split-copy h2{font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.15;margin-bottom:1rem;}
.mc-split-copy p{line-height:1.8;color:var(--bark-soft);margin-bottom:1rem;}
.mc-split-copy p:last-child{margin-bottom:0;}
.mc-split-copy ul{line-height:1.8;color:var(--bark-soft);padding-left:1.2rem;margin:0 0 1rem;}
.mc-split-img{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:0 24px 60px rgba(58,42,30,.18);background:#fff;transform:rotate(-1.5deg);transition:transform .5s var(--ease-out);}
.mc-split.rev .mc-split-img{transform:rotate(1.5deg);order:2;}
.mc-split-img img{display:block;width:100%;height:auto;}
.mc-split-img figcaption{background:var(--cream);border-top:1px solid var(--cream-deep);padding:.75rem 1.2rem;font-size:.85rem;font-style:italic;color:var(--bark-soft);}
/* reveal states keep the tilt */
.mc-split-img.mc-reveal{transform:translateY(26px) rotate(-1.5deg);}
.mc-split.rev .mc-split-img.mc-reveal{transform:translateY(26px) rotate(1.5deg);}
.mc-split-img.mc-reveal.is-in{transform:translateY(0) rotate(-1.5deg);}
.mc-split.rev .mc-split-img.mc-reveal.is-in{transform:translateY(0) rotate(1.5deg);}
.mc-split-img:hover{transform:rotate(0) scale(1.01) !important;}

/* ---- editorial inline links ---- */
.mc-split-copy a:not(.mc-btn),.mc-card p a,.mc-recipe a,.mc-note a,.mc-lede a{
  color:var(--green-deep);font-weight:600;border-bottom:2px solid var(--ochre-soft);
  transition:color .2s ease,border-color .2s ease;}
.mc-split-copy a:not(.mc-btn):hover,.mc-card p a:hover,.mc-recipe a:hover,.mc-note a:hover,.mc-lede a:hover{color:var(--ochre);border-bottom-color:var(--ochre);}

/* ---- pull-quote (ochre accent) ---- */
.mc-pullquote{max-width:50rem;margin:0 auto;text-align:center;padding:0 1rem;}
.mc-pullquote::before{content:"\201C";display:block;font-family:'Rozha One',serif;font-size:4.6rem;line-height:.55;color:var(--ochre);margin-bottom:1.1rem;}
.mc-pullquote p{font-family:'Rozha One',serif;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.4;color:var(--bark);margin:0;}
.mc-pullquote cite{display:block;margin-top:1.1rem;font-style:normal;font-size:.78rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--ochre);}
.mc-pq-dark p{color:var(--cream);}
.mc-pq-dark::before{color:var(--ochre-soft);}
.mc-pq-dark cite{color:var(--ochre-soft);}

/* ---- stat band ---- */
.mc-stat-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center;}
.mc-stat b{display:block;font-family:'Rozha One',serif;font-weight:400;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1;color:var(--ochre);}
.mc-stat span{display:block;margin-top:.6rem;color:var(--bark-soft);font-size:.95rem;line-height:1.5;}
.mc-stats-dark .mc-stat b{color:var(--ochre-soft);}
.mc-stats-dark .mc-stat span{color:var(--cream-deep);}

/* ---- card grids (benefits, pripomočki, read-next) ---- */
.mc-card-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;}
.mc-card-grid.cols-3{grid-template-columns:repeat(3,1fr);}
.mc-card-grid.cols-4{grid-template-columns:repeat(4,1fr);}
.mc-card h3{font-size:1.22rem;margin:0 0 .5rem;}
.mc-card p{color:var(--bark-soft);line-height:1.65;font-size:.96rem;margin:0 0 .4rem;}
.mc-card ul{color:var(--bark-soft);line-height:1.7;font-size:.95rem;padding-left:1.1rem;margin:.2rem 0 0;}
.mc-icon{width:56px;height:56px;border-radius:50%;background:var(--cream);border:1px solid var(--cream-deep);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--green-deep);}
.mc-icon svg{width:26px;height:26px;}
.mc-card-link{display:inline-block;margin-top:.7rem;font-weight:600;font-size:.92rem;color:var(--green-deep);}
.mc-card-link:hover{color:var(--ochre);}

/* ---- recipe cards ---- */
.mc-recipe{padding:0;overflow:hidden;display:flex;flex-direction:column;}
.mc-recipe-head{background:linear-gradient(135deg,var(--green-deep),var(--green));padding:1.3rem 1.7rem;}
.mc-recipe-kicker{display:block;font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ochre-soft);}
.mc-recipe-head h3{color:var(--cream);font-size:1.4rem;margin:.25rem 0 0;}
.mc-recipe-body{padding:1.5rem 1.7rem 1.7rem;}
.mc-recipe-body h4{font-family:'Epilogue',sans-serif;font-size:.74rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ochre);margin:1.1rem 0 .45rem;}
.mc-recipe-body h4:first-child{margin-top:0;}
.mc-recipe-body ul,.mc-recipe-body ol{padding-left:1.15rem;margin:0;color:var(--bark-soft);line-height:1.7;font-size:.95rem;}
.mc-recipe-head.r-bark{background:linear-gradient(135deg,var(--bark),var(--bark-soft));}
.mc-recipe-head.r-ochre{background:linear-gradient(135deg,var(--ochre),var(--ochre-soft));}
.mc-recipe-head.r-ochre h3{color:var(--bark);}
.mc-recipe-head.r-ochre .mc-recipe-kicker{color:rgba(58,42,30,.75);}

/* ---- note (honesty / bonton) ---- */
.mc-note{max-width:56rem;margin:0 auto;background:var(--cream);border-left:4px solid var(--ochre);border-radius:0 var(--radius) var(--radius) 0;padding:1.2rem 1.6rem;color:var(--bark-soft);font-size:.95rem;line-height:1.7;}
.mc-note ul{margin:.3rem 0 0;padding-left:1.1rem;}

/* ---- 5-step flow (priprava) ---- */
.mc-steps-flow{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.3rem;}
.mc-steps-flow .mc-step{padding:1.6rem 1.2rem;}
.mc-steps-flow .mc-step h3{font-size:1.1rem;}
.mc-steps-flow .mc-step p{font-size:.9rem;}

/* ---- read-next ---- */
.mc-next{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
a.mc-next-card{display:block;color:inherit;}
.mc-next-kicker{display:block;font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ochre);margin-bottom:.5rem;}
a.mc-next-card h3{color:var(--bark);transition:color .25s ease;}
a.mc-next-card:hover h3{color:var(--green-deep);}

/* ---- responsive ---- */
@media (max-width:880px){
  .mc-lede{font-size:1.12rem;}
  .mc-split{grid-template-columns:1fr;gap:2rem;}
  .mc-split.rev .mc-split-img{order:0;}
  .mc-card-grid,.mc-card-grid.cols-3,.mc-card-grid.cols-4{grid-template-columns:1fr;}
  .mc-stat-grid{grid-template-columns:1fr;gap:1.8rem;}
  .mc-next{grid-template-columns:1fr;}
}
@media (min-width:881px) and (max-width:1120px){
  .mc-card-grid.cols-4{grid-template-columns:repeat(2,1fr);}
}

/* band v formatu vsebinskih hero pasic (centrirano, label + h1 + sub) */
.mc-page-band { padding: 4rem 2rem; text-align: center; margin-bottom: 0; }
.mc-page-band .mc-band-inner { max-width: 1180px; margin: 0 auto; }
.mc-page-band h1 { font-size: clamp(2.4rem, 5vw, 4rem); }
.mc-page-band .mc-hero-sub, .mc-hero-sub { color: var(--cream-deep); margin-top: 10px; }
/* legal page polish */
.mc-legal h2 { color: var(--green-deep); border-left: 4px solid var(--ochre); padding-left: 14px; }
.mc-note { background: var(--cream-deep); border-left: 4px solid var(--ochre); border-radius: 10px; padding: 14px 18px; margin-bottom: 1.6rem; }
.mc-legal-foot { margin-top: 2.4rem; padding-top: 1.4rem; border-top: 1px solid rgba(58,42,30,.15); }
.mc-legal-foot .mc-btn-ghost { margin-left: 12px; color: var(--green-deep); text-decoration: underline; }

/* WPForms submit -> brand */
.wpforms-form button[type=submit], .wpforms-form .wpforms-submit {
  background: var(--green) !important; border: none !important; color: #fff !important;
  border-radius: 999px !important; padding: 12px 28px !important; font-weight: 600 !important;
  transition: background .2s, transform .2s !important;
}
.wpforms-form button[type=submit]:hover { background: var(--ochre) !important; transform: translateY(-2px); }

/* ============================================================
   PROSE container fix (per Davor) — center the CONTAINER, not children
   ============================================================ */
.gb-container.mc-prose {
  max-width: 1180px !important;
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* one consistent 56rem column inside; !important beats shorthand-margin resets */
.mc-prose > * {
  max-width: 56rem;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ============================================================
   Shop grid: tighter 15px gap (per Davor)
   ============================================================ */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px !important;
  width: 100%;
}
.woocommerce ul.products li.product {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}
@media (max-width: 1024px) { .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 768px)  { .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 480px)  { .woocommerce ul.products { grid-template-columns: 1fr; } }

/* ============================================================
   WIDTH UNIFICATION (2026-06-10) — vsi vsebinski inner-ji = 1200px,
   enako kot header (.inside-header), topbar in footer grid.
   Bralni stolpec besedila (56rem) ostane tipografski znotraj 1200.
   ============================================================ */
.mc-ritual-grid, .mc-cat-grid, .mc-trust-grid, .mc-contact-grid,
.mc-split, .mc-stat-grid, .mc-card-grid, .mc-steps-flow, .mc-next,
.mc-band-inner, .mc-hero-grid, .mc-footer-grid, .mc-upn-grid {
  max-width: 1200px !important;
}
.gb-container.mc-prose { max-width: 1200px !important; }
.mc-page-band .mc-band-inner { max-width: 1200px; }

/* pogoji/prose: otroci cez celotnih 1200 (po Davorju) */
.mc-prose > * { max-width: 1200px !important; }

/* CTA pasice -> green #3f5e3a (po Davorju) */
.gb-container[class*="mc-home-cta"], .gb-container[class*="mc-"][class*="-cta"] { background-color: var(--green) !important; background-image: none !important; }

/* fix: CTA-green samo za sekcijske pasice, ne za gumb-wrapperje */
.mc-hero-cta { background: transparent !important; }