/* HYMC INC. v5 — Matte Pastel Caribbean × dbrand Minimal */
:root{
  /* Primary Palette — Matte Caribbean */
  --lilac:#C8B6FF;--pastel-blue:#A7D8FF;--soft-purple:#9D7BFF;--palm:#BFE6C8;--sand:#F4EFEA;
  --charcoal:#1C1C1C;--off-white:#FAFAF8;
  /* Caribbean Text Gradient */
  --gradient-caribbean:linear-gradient(90deg,#38BDF8,#60A5FA,#A78BFA,#C084FC);
  /* Functional */
  --accent:#9D7BFF;--accent-hover:#8B6AE8;
  --cta:#E8E0D4;--cta-text:#1C1C1C;--cta-hover:#D9D0C3;
  --red:#D62828;--green:#4CAF50;
  /* Typography */
  --font-display:'Playfair Display',Georgia,serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  /* Layout */
  --container:1200px;--narrow:800px;--gap:20px;--section-pad:80px;
  --radius:8px;--radius-sm:5px;--radius-pill:999px;
  --ease:cubic-bezier(.4,0,.2,1);--tr:.2s var(--ease);
}
/* Dark */
[data-theme="dark"],:root{
  --bg:#0F0F0F;--bg-raised:#161616;--bg-card:#1A1A1A;--bg-card-h:#1F1F1F;--bg-muted:#121212;
  --border:rgba(255,255,255,.06);--border-h:rgba(255,255,255,.12);
  --text:#E8E8E8;--text-2:rgba(255,255,255,.55);--text-3:rgba(255,255,255,.3);
  --input-bg:#1A1A1A;--input-border:rgba(255,255,255,.08);--input-text:#E8E8E8;
  --shadow:0 2px 12px rgba(0,0,0,.3);
}
/* Light */
[data-theme="light"]{
  --bg:#FAFAF8;--bg-raised:#FFF;--bg-card:#FFF;--bg-card-h:#F7F7F5;--bg-muted:#F4EFEA;
  --border:rgba(0,0,0,.06);--border-h:rgba(0,0,0,.12);
  --text:#1C1C1C;--text-2:rgba(0,0,0,.5);--text-3:rgba(0,0,0,.28);
  --input-bg:#FFF;--input-border:rgba(0,0,0,.08);--input-text:#1C1C1C;
  --shadow:0 2px 12px rgba(0,0,0,.06);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body.hymc-inc-body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.7;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-decoration:none;transition:color var(--tr)}
a:hover{color:var(--accent-hover)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
::selection{background:var(--soft-purple);color:#fff}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.15;color:var(--text);font-weight:700}
h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:900}
h2{font-size:clamp(1.5rem,3.5vw,2.2rem)}
h3{font-size:clamp(1.15rem,2.5vw,1.5rem)}
h4{font-size:1.05rem;font-family:var(--font-body);font-weight:600}
p{margin-bottom:1em;color:var(--text-2)}
strong{font-weight:600;color:var(--text)}

/* Gradient text for "Caribbean" */
.hymc-gradient-text{background:var(--gradient-caribbean);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hymc-muted{color:var(--text-3)}

.hymc-inc-container{width:100%;max-width:var(--container);margin:0 auto;padding:0 2rem}

/* Sections */
.hymc-inc-section{padding:var(--section-pad) 0}
.hymc-inc-section--alt{background:var(--bg-raised)}
.hymc-inc-section--muted{background:var(--bg-muted)}
.hymc-inc-section__header{text-align:center;margin-bottom:2.5rem}
.hymc-inc-section__kicker{font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);margin-bottom:.6rem;display:block}
.hymc-inc-section__title{margin-bottom:.4rem}
.hymc-inc-section__subtitle{font-size:.92rem;color:var(--text-2);max-width:520px;margin:0 auto}

/* Buttons — FLAT, MATTE, NO GLOW */
.hymc-inc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.8rem;font-family:var(--font-body);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:1.5px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--tr),color var(--tr),border-color var(--tr);line-height:1.4}
.hymc-inc-btn--primary{background:var(--text);color:var(--bg);border-color:var(--text)}
.hymc-inc-btn--primary:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.hymc-inc-btn--gold{background:var(--cta);color:var(--cta-text);border-color:var(--cta)}
.hymc-inc-btn--gold:hover{background:var(--cta-hover);border-color:var(--cta-hover)}
.hymc-inc-btn--outline{background:transparent;color:var(--text);border-color:var(--border-h)}
.hymc-inc-btn--outline:hover{border-color:var(--text)}
.hymc-inc-btn--accent{background:var(--accent);color:#fff;border-color:var(--accent)}
.hymc-inc-btn--accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.hymc-inc-btn--sm{padding:.5rem 1.2rem;font-size:.7rem}

/* Pills */
.hymc-inc-pill{display:inline-flex;padding:.28rem .7rem;font-size:.65rem;font-weight:500;border-radius:var(--radius-pill);color:var(--text-2);border:1px solid var(--border);transition:border-color var(--tr),color var(--tr)}
.hymc-inc-pill:hover{border-color:var(--text-2);color:var(--text)}

/* Forms */
.hymc-inc-form input,.hymc-inc-form textarea,.hymc-inc-form select{width:100%;padding:.75rem 1rem;font-family:var(--font-body);font-size:.88rem;color:var(--input-text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);transition:border-color var(--tr)}
.hymc-inc-form input:focus,.hymc-inc-form textarea:focus{outline:none;border-color:var(--accent)}
.hymc-inc-form label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);margin-bottom:.3rem}

/* Social */
.hymc-inc-social-links{display:flex;gap:.5rem}
.hymc-inc-social-links a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);color:var(--text-3);transition:color var(--tr),border-color var(--tr)}
.hymc-inc-social-links a:hover{color:var(--accent);border-color:var(--accent)}
.hymc-inc-social-links a svg{width:15px;height:15px}

/* Pagination */
.hymc-inc-pagination{display:flex;justify-content:center;gap:.35rem;margin-top:3rem}
.hymc-inc-pagination .page-numbers{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-2);background:var(--bg-card);border:1px solid var(--border);text-decoration:none;transition:all var(--tr)}
.hymc-inc-pagination .page-numbers:hover,.hymc-inc-pagination .page-numbers.current{background:var(--accent);color:#fff;border-color:var(--accent)}

.hymc-inc-breadcrumbs{font-size:.7rem;color:var(--text-3);margin-bottom:.8rem}
.hymc-inc-breadcrumbs a{color:var(--text-3)}.hymc-inc-breadcrumbs a:hover{color:var(--accent)}

.hymc-reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
.hymc-reveal.is-visible{opacity:1;transform:none}

.hymc-inc-skip-link{position:absolute;top:-100%;left:1rem;z-index:99999;padding:.5rem 1rem;background:var(--accent);color:#fff;font-weight:600;border-radius:0 0 5px 5px}
.hymc-inc-skip-link:focus{top:0}

.hymc-inc-divider{height:1px;border:none;background:var(--border);margin:3rem 0}

/* BEM aliases — map to template single-dash classes */
.hymc-inc-section__header{margin-bottom:2.5rem}
.hymc-inc-section__kicker{display:block;font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}
.hymc-inc-section__title{margin-bottom:.4rem}
.hymc-inc-section__subtitle{font-size:.92rem;color:var(--text-2);max-width:520px;margin:0 auto}

/* ═══ LIGHT MODE REFINEMENT ═══ */
[data-theme="light"]{
  --bg:#FFFFFF;--bg-raised:#FAFAFA;--bg-card:#FFFFFF;--bg-card-h:#F8F8F8;--bg-muted:#F5F5F5;
  --border:rgba(0,0,0,0.06);--border-h:rgba(0,0,0,0.12);
  --text:#111111;--text-2:rgba(0,0,0,0.55);--text-3:rgba(0,0,0,0.3);
  --input-bg:#FFFFFF;--input-border:rgba(0,0,0,0.12);--input-text:#111111;
  --shadow:0 1px 8px rgba(0,0,0,0.06);
}
[data-theme="light"] .hymc-inc-header{background:#FFFFFF;border-bottom-color:rgba(0,0,0,0.06)}
[data-theme="light"] .hymc-inc-hero{background:#111}
[data-theme="light"] .hymc-inc-footer{background:#F5F5F5}
[data-theme="light"] .hymc-inc-footer-newsletter-band{background:#FAFAFA}
[data-theme="light"] .woocommerce ul.products li.product{background:#FFFFFF;border-color:rgba(0,0,0,0.08)}
[data-theme="light"] .woocommerce ul.products li.product .button,
[data-theme="light"] .woocommerce ul.products li.product a.add_to_cart_button{background:#111!important;color:#fff!important}
[data-theme="light"] .woocommerce ul.products li.product .button:hover{background:var(--accent)!important}
[data-theme="light"] .hymc-inc-btn--primary{background:#111;color:#fff;border-color:#111}
[data-theme="light"] .hymc-inc-btn--outline{border-color:rgba(0,0,0,0.15);color:#111}
[data-theme="light"] .woocommerce div.product form.cart .single_add_to_cart_button{background:#111!important;color:#fff!important}
[data-theme="light"] .hymc-inc-page-hero{background:#F5F5F5}
/* Light mode gradient text stays vibrant */
[data-theme="light"] .hymc-gradient-text{background:linear-gradient(90deg,#2563EB,#4F46E5,#7C3AED,#9333EA);-webkit-background-clip:text;background-clip:text}

/* ═══ GLOBAL FIXES ═══ */

/* ═══ HEADER OFFSET — SINGLE SOURCE OF TRUTH ═══ */
/* Fixed header is 60px tall. Content must push below it. */
/* Pages WITH hero: hero has margin-top:60px (set in components.css) */
/* Pages WITHOUT hero: main gets padding-top:60px */
.hymc-inc-main{padding-top:60px}
/* Pages with hero or page-hero — hero handles the offset */
.hymc-inc-main:has(.hymc-inc-hero),
.hymc-inc-main:has(.hymc-inc-page-hero){padding-top:0}
/* Fallback for no :has support */
body.home .hymc-inc-main{padding-top:0}
body.page-template .hymc-inc-main{padding-top:0}

/* WC notices below header */
.woocommerce-notices-wrapper:first-child{padding-top:70px}
.hymc-inc-main .woocommerce-notices-wrapper:first-child{padding-top:0}


/* ═══ LIGHT MODE — COMPREHENSIVE FIX ═══ */
[data-theme="light"]{
  --bg:#FFFFFF;--bg-raised:#FAFAFA;--bg-card:#FFFFFF;--bg-card-h:#F5F5F5;--bg-muted:#F3F3F3;
  --border:rgba(0,0,0,.08);--border-h:rgba(0,0,0,.15);
  --text:#111;--text-2:rgba(0,0,0,.55);--text-3:rgba(0,0,0,.3);
  --input-bg:#FFF;--input-border:rgba(0,0,0,.12);--input-text:#111;
  --shadow:0 1px 6px rgba(0,0,0,.06);
}
/* Light mode header */
[data-theme="light"] .hymc-inc-header{background:#FFF;border-bottom-color:rgba(0,0,0,.06)}
/* Light hero stays dark */
[data-theme="light"] .hymc-inc-hero{background:#111}
/* Light mode buttons — FILLED with hover */
[data-theme="light"] .hymc-inc-btn--primary{background:#111;color:#fff;border-color:#111}
[data-theme="light"] .hymc-inc-btn--primary:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
[data-theme="light"] .hymc-inc-btn--outline{background:transparent;color:#111;border-color:rgba(0,0,0,.2)}
[data-theme="light"] .hymc-inc-btn--outline:hover{background:#111;color:#fff;border-color:#111}
[data-theme="light"] .hymc-inc-btn--gold{background:#E8E0D4;color:#111;border-color:#E8E0D4}
[data-theme="light"] .hymc-inc-btn--gold:hover{background:#111;color:#fff;border-color:#111}
/* Light mode footer */
[data-theme="light"] .hymc-inc-footer{background:#F5F5F5}
/* Light mode cards */
[data-theme="light"] .hymc-inc-pillar-card{background:#FFF;border-color:rgba(0,0,0,.08)}
[data-theme="light"] .hymc-inc-pillar-card:hover{border-color:rgba(0,0,0,.18)}
[data-theme="light"] .hymc-inc-pillar-overlay{background:linear-gradient(180deg,transparent 30%,#FFF 100%)}
[data-theme="light"] .hymc-inc-carnival-card{border-color:rgba(0,0,0,.08)}
[data-theme="light"] .hymc-inc-carnival-card:hover{border-color:rgba(0,0,0,.18)}
/* Light mode kicker */
[data-theme="light"] .hymc-inc-kicker{color:var(--accent)}
/* Light gradient text — deeper for legibility */
[data-theme="light"] .hymc-gradient-text{background:linear-gradient(90deg,#2563EB,#4F46E5,#7C3AED,#9333EA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* Light WC buttons */
[data-theme="light"] .woocommerce ul.products li.product .button,
[data-theme="light"] .woocommerce ul.products li.product a.button,
[data-theme="light"] .woocommerce ul.products li.product a.add_to_cart_button,
[data-theme="light"] .woocommerce ul.products li.product a.product_type_variable{background:#111!important;color:#fff!important;border-color:#111!important}
[data-theme="light"] .woocommerce ul.products li.product .button:hover,
[data-theme="light"] .woocommerce ul.products li.product a.button:hover{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
[data-theme="light"] .woocommerce div.product form.cart .single_add_to_cart_button{background:#111!important;color:#fff!important;border-color:#111!important}
[data-theme="light"] .woocommerce div.product form.cart .single_add_to_cart_button:hover{background:var(--accent)!important;color:#fff!important}
/* Light mode page hero */
[data-theme="light"] .hymc-inc-page-hero{background:#F3F3F3}
/* Light mode island tags */
[data-theme="light"] .hymc-inc-island-tag{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.12)}
[data-theme="light"] .hymc-inc-island-tag:hover{color:#111;border-color:rgba(0,0,0,.3)}