/*
Theme Name: Centauro (Blocksy Child)
Theme URI: https://www.centaurocoffee.com
Description: Centauro Coffee redesign — Botanical Origin. Child theme of Blocksy.
Author: Centauro Coffee
Template: blocksy
Version: 1.1.0
Text Domain: centauro
*/

:root{
  --cc-forest:#2E4636;
  --cc-forest-2:#23362a;
  --cc-moss:#5C7355;
  --cc-clay:#C36A4A;
  --cc-clay-dark:#A8542F;
  --cc-sand:#E7D8C6;
  --cc-linen:#F7F4EE;
  --cc-ink:#14211B;
}

/* ---------- Base ---------- */
body{ background:var(--cc-linen); color:var(--cc-ink); }
h1,h2,h3,h4,.entry-title,.page-title,.woocommerce-loop-product__title,.product_title{
  font-family:"Cormorant Garamond",Georgia,serif; color:var(--cc-forest);
}
body,p,li,input,select,textarea,button,.button,.price{
  font-family:"Inter",system-ui,-apple-system,sans-serif;
}
a{ color:var(--cc-clay); }
a:hover{ color:var(--cc-clay-dark); }

/* ---------- Announcement top bar ---------- */
.cc-topbar{
  background:var(--cc-clay); color:#fff; text-align:center;
  font-size:13px; font-weight:500; padding:9px 12px; letter-spacing:.02em;
}
.cc-topbar span{ margin:0 10px; white-space:nowrap; }

/* ---------- Header (Forest bg, white logo + nav) ---------- */
#header.ct-header,
#header [data-row],
#header [data-row] [data-column]{ background-color:var(--cc-forest) !important; }
#header .ct-menu-link,
#header a,
#header .ct-toggle-close,
#header [class*="search"] svg,
#header svg{ color:#fff !important; fill:#fff !important; }
#header .ct-menu-link:hover{ color:var(--cc-sand) !important; }
#header .site-logo-container,
#header .ct-logo-container{ max-width:none !important; }
#header .default-logo,
#header .site-logo-container img,
#header .ct-logo-container img{ max-height:88px !important; max-width:260px !important; width:auto !important; height:auto !important; }
/* keep the logo inside the green band, and nudge the whole logo upward.
   real DOM: .site-branding > a.site-logo-container > img  (branding is a column flex,
   so align-self can't move it vertically — use transform to physically lift it). */
#header [data-row="middle"]{ min-height:104px !important; align-items:center !important; }
#header .site-branding{ margin:0 !important; }
#header .site-logo-container{ display:inline-block; transform:translateY(-18px); }
@media (max-width:768px){
  #header .default-logo,
  #header .site-logo-container img,
  #header .ct-logo-container img{ max-height:62px !important; max-width:200px !important; }
  #header [data-row="middle"]{ min-height:86px !important; }
  #header .site-logo-container{ transform:translateY(-10px); }
}
/* hero/cover: constrain content width so long headings wrap (don't clip) */
.wp-block-cover__inner-container{ max-width:880px; margin-left:auto; margin-right:auto; }
.wp-block-cover h1{ font-size:clamp(30px,5vw,50px) !important; line-height:1.08 !important; overflow-wrap:break-word; }
.wp-block-cover h2{ overflow-wrap:break-word; }

/* WooCommerce archive/category banner — clean dark banner, all text readable */
.hero-section[data-type="type-2"]{ position:relative; isolation:isolate; }
.hero-section[data-type="type-2"]::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(rgba(30,46,36,.74), rgba(20,33,27,.82));
}
.hero-section[data-type="type-2"] > *,
.hero-section[data-type="type-2"] .woocommerce-products-header{ position:relative; z-index:2; }
.hero-section[data-type="type-2"],
.hero-section[data-type="type-2"] *{ color:#fff !important; }
.hero-section[data-type="type-2"] .term-description,
.hero-section[data-type="type-2"] .woocommerce-products-header p{
  max-width:760px; margin-left:auto; margin-right:auto; font-size:15px; line-height:1.6;
  text-shadow:0 1px 6px rgba(0,0,0,.5);
}
/* shop ("Προϊόντα") archive has no category image -> show a rich coffee photo
   instead of the flat gray, with a lighter overlay so the photo reads through */
.woocommerce-shop .hero-section[data-type="type-2"],
.post-type-archive-product .hero-section[data-type="type-2"]{
  background-image:url('/wp-content/uploads/2026/06/cc-banner-1.jpg');
  background-size:cover; background-position:center center;
}
.woocommerce-shop .hero-section[data-type="type-2"]::after,
.post-type-archive-product .hero-section[data-type="type-2"]::after{
  background:linear-gradient(rgba(30,46,36,.48), rgba(20,33,27,.62));
}
.woocommerce-shop .hero-section[data-type="type-2"] .page-title,
.post-type-archive-product .hero-section[data-type="type-2"] .page-title{
  text-shadow:0 2px 14px rgba(0,0,0,.6);
}
/* hide the out-of-place front-page title bar */
.home h1.page-title, .home .page-title{ display:none !important; }
.home .entry-header, .home .ct-page-title-default{ display:none !important; }
/* the logo image already contains the name → hide the duplicate text title/tagline */
#header .site-title-container,
#header .site-title,
#header .site-description{ display:none !important; }
#offcanvas.ct-header [data-row],
#offcanvas.ct-header{ background-color:var(--cc-forest) !important; }
/* header cart link + count badge */
#header .cc-cart-menu > a{ display:inline-flex !important; align-items:center; gap:6px; }
#header .cc-cart-count{ background:var(--cc-clay); color:#fff !important; border-radius:20px; padding:1px 8px; font-size:12px; font-weight:700; }

/* ---- tasting notes pills ---- */
.cc-notes{ display:flex; flex-wrap:wrap; gap:6px; margin:8px 0; }
.cc-note{ background:var(--cc-sand); color:var(--cc-forest); font-size:12px; font-weight:600; padding:3px 10px; border-radius:20px; }
.woocommerce ul.products li.product .cc-notes{ justify-content:center; }
/* ---- character tagline ---- */
.cc-tagline{ font-family:"Cormorant Garamond",Georgia,serif; font-style:italic; font-size:19px; color:var(--cc-moss); margin:6px 0 10px; }
/* ---- roast scale ---- */
.cc-roast{ display:flex; align-items:center; gap:8px; margin:8px 0 12px; font-size:13px; color:var(--cc-ink); }
.cc-roast-dots{ display:inline-flex; gap:5px; }
.cc-dot{ width:12px; height:12px; border-radius:50%; background:#e0d8c9; display:inline-block; }
.cc-dot.on{ background:var(--cc-clay); }
/* ---- product card badge ---- */
.woocommerce ul.products li.product{ position:relative; }
.cc-badge{ position:absolute; top:12px; left:12px; z-index:2; background:var(--cc-forest); color:#fff; font-size:11px; font-weight:700; letter-spacing:.02em; padding:4px 9px; border-radius:20px; }
/* ---- freshness proof list ---- */
.cc-fresh-list{ margin:6px 0 6px 18px; padding:0; font-size:13px; }
.cc-fresh-list li{ margin:2px 0; }
.cc-fresh-urgency{ display:block; margin-top:6px; font-size:13px; color:var(--cc-clay-dark); font-weight:600; }

/* ---- designed category cards ---- */
.cc-cats{ display:flex; flex-wrap:wrap; gap:24px; justify-content:center; max-width:1080px; margin:22px auto 0; }
.cc-cat-card{ flex:1 1 330px; max-width:480px; background:#fff; border:1px solid var(--cc-sand); border-radius:18px; overflow:hidden; box-shadow:0 6px 22px rgba(20,33,27,.08); text-decoration:none; color:var(--cc-ink); transition:transform .2s, box-shadow .2s; }
.cc-cat-card:hover{ transform:translateY(-5px); box-shadow:0 14px 32px rgba(20,33,27,.14); }
.cc-cat-card img{ width:100%; height:230px; object-fit:cover; display:block; background:var(--cc-sand); }
.cc-cat-body{ padding:22px 24px 28px; text-align:center; }
.cc-cat-body h3{ font-size:27px; margin:0 0 6px; color:var(--cc-forest); }
.cc-cat-body p{ color:var(--cc-moss); margin:0 0 18px; font-size:15px; }
.cc-cat-btn{ display:inline-block; background:var(--cc-clay); color:#fff; font-weight:600; padding:11px 26px; border-radius:11px; font-size:15px; }
.cc-cat-card:hover .cc-cat-btn{ background:var(--cc-clay-dark); }

/* ---------- Buttons / CTAs -> Clay ---------- */
.wp-block-button__link,
.button, button.button, input[type=submit], input[type=submit].button,
.wc-block-components-button,
.single_add_to_cart_button,
.checkout-button,
.added_to_cart,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.ct-button{
  background-color:var(--cc-clay) !important;
  border-color:var(--cc-clay) !important;
  color:#fff !important;
  border-radius:10px !important;
}
.wp-block-button__link:hover,.button:hover,button.button:hover,
.wc-block-components-button:hover,.single_add_to_cart_button:hover,
.checkout-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{
  background-color:var(--cc-clay-dark) !important; border-color:var(--cc-clay-dark) !important;
}
/* Secondary button utility */
.cc-btn-secondary .wp-block-button__link{
  background:transparent !important; color:var(--cc-forest) !important;
  border:1.5px solid var(--cc-forest) !important;
}

/* ---------- Shop / product cards ---------- */
.onsale,.wc-block-components-product-badge,.ct-badge{ background:var(--cc-clay) !important; color:#fff !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:1.25rem; }
.price,.woocommerce-Price-amount{ color:var(--cc-ink); font-weight:600; }
.woocommerce ul.products li.product img{ border-radius:10px; }

/* ---------- Single product (PDP) ---------- */
.cc-freshness{
  display:flex; gap:10px; align-items:flex-start;
  background:#fff; border:1px solid var(--cc-sand); border-radius:12px;
  padding:12px 14px; margin:14px 0; font-size:14px; color:var(--cc-ink);
}
.cc-freshness strong{ color:var(--cc-forest); }
.cc-trust-row{ display:flex; flex-wrap:wrap; gap:8px 18px; margin:14px 0; font-size:13px; color:var(--cc-moss); }
.cc-trust-row span{ display:inline-flex; gap:6px; align-items:center; font-weight:500; }

/* ---------- Footer (Forest) ---------- */
.ct-footer, footer .ct-footer{ background:var(--cc-forest); color:#e7e2d6; }
.ct-footer a{ color:var(--cc-sand); }
.ct-footer h3,.ct-footer .widget-title{ color:#fff; font-family:"Cormorant Garamond",serif; }

/* ---------- Sticky mobile add-to-cart ---------- */
@media (max-width:768px){
  .single-product form.cart{
    position:sticky; bottom:0; z-index:50;
    background:rgba(247,244,238,.97); padding:10px; margin:0 -15px;
    box-shadow:0 -4px 16px rgba(20,33,27,.12); backdrop-filter:blur(4px);
  }
  .single-product form.cart .single_add_to_cart_button{ width:100%; padding:15px !important; font-size:16px !important; }
}

/* ---------- Free-shipping progress (cart) accent ---------- */
.cc-free-ship-bar{ background:var(--cc-sand); border-radius:10px; padding:10px 14px; margin:10px 0; font-size:14px; color:var(--cc-forest); }
