/* HYMC INC. v5 — Pages & Homepage Sections
   MATCHES ACTUAL PHP TEMPLATE CLASS NAMES */

/* ─── SECTION HEADERS (PHP uses single-dash, not BEM __) ─── */
.hymc-inc-section-header{margin-bottom:2.5rem}
.hymc-inc-section-header--light{color:#fff}
.hymc-inc-section-header--light h2{color:#fff}
.hymc-inc-section-header--light p{color:rgba(255,255,255,.55)}
.hymc-inc-kicker{display:block;font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}
.hymc-inc-section-header--light .hymc-inc-kicker{color:rgba(255,255,255,.5)}
.hymc-inc-section-header p{font-size:.92rem;color:var(--text-2);max-width:560px}
.hymc-inc-section-cta{margin-top:1.5rem}

/* ─── ISLAND COLLECTIVE ─── */
.hymc-inc-collective{padding:var(--section-pad) 0}
.hymc-inc-collective-inner{max-width:800px}
.hymc-inc-collective-title{margin-bottom:.5rem}
.hymc-inc-collective-statement,.hymc-inc-collective-sub{color:var(--text-2);font-size:.95rem;line-height:1.65;margin-bottom:1rem}
.hymc-inc-collective-islands{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}
.hymc-inc-island-tag{display:inline-flex;padding:.3rem .7rem;font-size:.68rem;font-weight:500;border-radius:var(--radius-pill);color:var(--text-2);border:1px solid var(--border);transition:border-color .15s,color .15s}
.hymc-inc-island-tag:hover{border-color:var(--text-2);color:var(--text)}
.hymc-inc-island-tag--more{color:var(--text-3)}

/* ─── PILLARS GRID (Sauces/Spices/Apparel) ─── */
.hymc-inc-pillars{padding:var(--section-pad) 0}
.hymc-inc-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.hymc-inc-pillar-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:320px;border-radius:var(--radius);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);text-decoration:none;color:var(--text);transition:border-color .2s}
.hymc-inc-pillar-card:hover{border-color:var(--border-h)}
.hymc-inc-pillar-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,var(--bg) 100%);z-index:1}
.hymc-inc-pillar-content{position:relative;z-index:2;padding:1.5rem}
.hymc-inc-pillar-kicker{display:block;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.3rem}
.hymc-inc-pillar-content h3{font-size:1.15rem;font-weight:800;margin-bottom:.3rem}
.hymc-inc-pillar-content p{font-size:.82rem;color:var(--text-2);line-height:1.5;margin-bottom:.5rem}
.hymc-inc-pillar-cta{font-size:.72rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}

/* ─── CULTURE GRID ─── */
.hymc-inc-culture-home{padding:var(--section-pad) 0}
.hymc-inc-culture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.hymc-inc-culture-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center;transition:border-color .2s}
.hymc-inc-culture-card:hover{border-color:var(--border-h)}
.hymc-inc-culture-icon{font-size:1.6rem;margin-bottom:.5rem;display:block}
.hymc-inc-culture-card h3{font-size:.88rem;font-weight:700;margin-bottom:.25rem}
.hymc-inc-culture-card p{font-size:.78rem;color:var(--text-2);line-height:1.5;margin:0}

/* ─── CARNIVAL GRID ─── */
.hymc-inc-carnival-home{position:relative;padding:var(--section-pad) 0}
.hymc-inc-carnival-bg{position:absolute;inset:0;background:var(--bg-muted);z-index:0}
.hymc-inc-carnival-home .hymc-inc-container{position:relative;z-index:1}
.hymc-inc-carnival-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.hymc-inc-carnival-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:border-color .2s}
.hymc-inc-carnival-card:hover{border-color:var(--border-h)}
.hymc-inc-carnival-card h3{font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:.3rem}
.hymc-inc-carnival-location{display:block;font-size:.78rem;color:var(--text-2)}
.hymc-inc-carnival-season{display:block;font-size:.72rem;color:var(--text-3);margin-top:.15rem}

/* ─── RECIPE GRID ─── */
.hymc-inc-recipes-home{padding:var(--section-pad) 0}
.hymc-inc-recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.hymc-inc-recipe-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s;text-decoration:none;color:var(--text);display:flex;flex-direction:column}
.hymc-inc-recipe-card:hover{border-color:var(--border-h)}
.hymc-inc-recipe-card--placeholder{min-height:200px;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}
.hymc-inc-recipe-image{aspect-ratio:3/2;overflow:hidden;background:var(--bg-muted)}
.hymc-inc-recipe-image img{width:100%;height:100%;object-fit:cover}
.hymc-inc-recipe-info{padding:1rem;flex:1}
.hymc-inc-recipe-info h3{font-size:.92rem;font-weight:700;margin-bottom:.2rem}
.hymc-inc-recipe-info p{font-size:.78rem;color:var(--text-2);line-height:1.5}
.hymc-inc-recipe-link{display:inline-flex;font-size:.7rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-top:.4rem}
.hymc-inc-recipe-placeholder{padding:2rem;text-align:center}

/* ─── APPAREL BLOCK ─── */
.hymc-inc-apparel-home{padding:var(--section-pad) 0}
.hymc-inc-split-block{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.hymc-inc-split-visual{aspect-ratio:4/5;background:var(--bg-muted);border-radius:var(--radius);overflow:hidden}
.hymc-inc-split-visual img{width:100%;height:100%;object-fit:cover}
.hymc-inc-split-content h2{margin-bottom:.5rem}
.hymc-inc-split-content p{color:var(--text-2);font-size:.92rem;line-height:1.6;margin-bottom:1.25rem}
.hymc-inc-apparel-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-top:2rem}
.hymc-inc-apparel-placeholder{aspect-ratio:4/5;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}

/* ─── NEWSLETTER BLOCK ─── */
.hymc-inc-newsletter-home{position:relative;padding:var(--section-pad) 0}
.hymc-inc-newsletter-bg{position:absolute;inset:0;background:var(--bg-muted);z-index:0}
.hymc-inc-newsletter-home .hymc-inc-container{position:relative;z-index:1}
.hymc-inc-newsletter-inner{max-width:540px;text-align:center;margin:0 auto}
.hymc-inc-newsletter-inner h2{margin-bottom:.3rem}
.hymc-inc-newsletter-inner p{color:var(--text-2);font-size:.88rem;margin-bottom:1.5rem}
.hymc-inc-newsletter-form-wrap{margin-bottom:.5rem}
.hymc-inc-signup-form--large{display:flex;gap:.4rem;justify-content:center}
.hymc-inc-signup-form--large input[type="email"]{flex:1;max-width:300px;padding:.7rem 1rem;font-family:var(--font-body);font-size:.88rem;background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);border-radius:var(--radius-sm)}
.hymc-inc-signup-form--large input:focus{outline:none;border-color:var(--accent)}
.hymc-inc-newsletter-fine{font-size:.72rem;color:var(--text-3);margin-top:.5rem}

/* ─── SOCIAL / COMMUNITY ─── */
.hymc-inc-social-home{padding:var(--section-pad) 0}
.hymc-inc-social-home .hymc-inc-social-links{justify-content:flex-start}
.hymc-inc-social--large a{width:42px;height:42px}
.hymc-inc-social-cta{margin-top:1.5rem}
.hymc-inc-social-handle{font-size:.88rem;color:var(--text-2);margin-bottom:.75rem}

/* ─── PRODUCT CAROUSEL (featured products) ─── */
.hymc-inc-product-carousel{margin-top:1rem}

/* ─── ISLAND GRID (culture page) ─── */
.hymc-inc-island-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.hymc-inc-island-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center;transition:border-color .2s}
.hymc-inc-island-card:hover{border-color:var(--border-h)}

/* ─── ACTIVATION GRID (carnivals page) ─── */
.hymc-inc-activation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}

/* ─── CONTACT / WHOLESALE / ABOUT / STORY GRIDS ─── */
.hymc-inc-contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem}
.hymc-inc-wholesale-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.hymc-inc-wholesale-benefits{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.hymc-inc-wholesale-benefit{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:border-color .2s}
.hymc-inc-wholesale-benefit:hover{border-color:var(--border-h)}
.hymc-inc-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.hymc-inc-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}

/* ─── USAGE GRID (sauces/spices pages) ─── */
.hymc-inc-usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.hymc-inc-usage-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center;transition:border-color .2s}
.hymc-inc-usage-card:hover{border-color:var(--border-h)}

/* ─── SHOP FILTERS ─── */
.hymc-inc-shop-filters{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}

/* ─── SINGLE POST ─── */
.hymc-inc-single__content{max-width:var(--narrow);margin:0 auto}
.hymc-inc-single__content p{font-size:1rem;line-height:1.8;margin-bottom:1.5em}
.hymc-inc-single__content img{border-radius:var(--radius);margin:2em 0}
.hymc-inc-single__content blockquote{border-left:3px solid var(--accent);padding:.8rem 1.2rem;margin:1.5em 0;font-family:var(--font-display);font-style:italic;color:var(--text-2);background:var(--bg-card);border-radius:0 var(--radius-sm) var(--radius-sm) 0}

/* ─── CONTENT + SIDEBAR ─── */
.hymc-inc-content-sidebar{display:grid;grid-template-columns:1fr 280px;gap:2.5rem}
.hymc-inc-sidebar .widget{margin-bottom:1.5rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}
.hymc-inc-sidebar .widget-title{font-family:var(--font-body);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}

/* ─── 404 ─── */
.hymc-inc-404{text-align:center;padding:5rem 0}
.hymc-inc-404__code{font-size:5rem;font-weight:900;background:var(--gradient-caribbean);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:.5rem}

/* ─── PLACEHOLDER GRID ─── */
.hymc-inc-placeholder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.hymc-inc-placeholder-item{aspect-ratio:1/1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}

/* ─── PAGE HERO (matches PHP classes) ─── */
.hymc-inc-page-hero-inner{text-align:center;padding:3rem 0 2rem;width:100%}
.hymc-inc-page-hero-title{font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:900;margin-bottom:.3rem}
.hymc-inc-page-hero-sub{font-size:.88rem;color:var(--text-2);max-width:440px;margin:0 auto}
.hymc-inc-page-hero-overlay{display:none}

/* ═══ HOMEPAGE CLEANUP — reduce blank space, add placeholders ═══ */

/* Tighten section spacing */
.hymc-inc-section{padding:4rem 0}
.hymc-inc-pillars{padding:4rem 0}
.hymc-inc-collective{padding:4rem 0}
.hymc-inc-culture-home{padding:4rem 0}
.hymc-inc-recipes-home{padding:4rem 0}
.hymc-inc-carnival-home{padding:4rem 0}
.hymc-inc-apparel-home{padding:4rem 0}
.hymc-inc-newsletter-home{padding:4rem 0}
.hymc-inc-social-home{padding:4rem 0}

/* Placeholder styling for empty image areas */
.hymc-inc-pillar-card{
  background:var(--bg-card);
  background-image:url('../images/palm-placeholder.svg');
  background-size:cover;background-position:center;
  min-height:280px;
}
.hymc-inc-recipe-card--placeholder,
.hymc-inc-recipe-placeholder{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);
  padding:2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;min-height:200px;
  background-image:url('../images/palm-placeholder.svg');background-size:60%;
  background-position:center;background-repeat:no-repeat;
}
.hymc-inc-apparel-placeholder{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);
  background-image:url('../images/palm-placeholder.svg');background-size:cover;background-position:center;
}
.hymc-inc-placeholder-item{
  background-image:url('../images/palm-placeholder.svg');background-size:cover;background-position:center;
}

/* Empty WC product image placeholder */
.woocommerce ul.products li.product .wp-post-image[src*="placeholder"],
.woocommerce ul.products li.product img.wp-post-image[src*="woocommerce-placeholder"]{
  opacity:.5;
}

/* Carnival section — tighter, grid styled */
.hymc-inc-carnival-home{background:var(--bg-muted)}
.hymc-inc-carnival-bg{display:none}

/* Social section — less height */
.hymc-inc-social-home .hymc-inc-section-header{margin-bottom:1.5rem}

/* Newsletter — centered, compact */
.hymc-inc-newsletter-home{background:var(--bg-muted)}
.hymc-inc-newsletter-bg{display:none}

/* Wave divider between sections */
.hymc-inc-wave-divider{
  width:100%;height:40px;
  background-image:url('../images/wave-placeholder.svg');
  background-size:cover;background-position:center;
  margin:0;
}

/* ═══ PAGE TEMPLATE CONTENT STYLING ═══ */

/* Narrow content container */
.hymc-inc-narrow{max-width:var(--narrow)!important;margin:0 auto}
.hymc-inc-narrow h2{margin-top:2.5rem;margin-bottom:.6rem;font-size:1.4rem}
.hymc-inc-narrow h3{margin-top:2rem;margin-bottom:.5rem}
.hymc-inc-narrow p{font-size:.95rem;line-height:1.75;color:var(--text-2);margin-bottom:1.2rem}
.hymc-inc-narrow ul,.hymc-inc-narrow ol{padding-left:1.5rem;margin-bottom:1.2rem;color:var(--text-2)}
.hymc-inc-narrow li{margin-bottom:.4rem;line-height:1.6}
.hymc-inc-narrow a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.hymc-inc-narrow blockquote{border-left:3px solid var(--accent);padding:.8rem 1.2rem;margin:1.5rem 0;font-family:var(--font-display);font-style:italic;color:var(--text-2);background:var(--bg-card);border-radius:0 var(--radius-sm) var(--radius-sm) 0}

/* Story content */
.hymc-inc-story-content h2{margin-top:2.5rem}
.hymc-inc-story-content p{line-height:1.8}

/* Page section spacing */
.hymc-inc-page-hero--culture,.hymc-inc-page-hero--story,
.hymc-inc-page-hero--about,.hymc-inc-page-hero--contact,
.hymc-inc-page-hero--wholesale,.hymc-inc-page-hero--faq,
.hymc-inc-page-hero--sauces,.hymc-inc-page-hero--spices,
.hymc-inc-page-hero--apparel,.hymc-inc-page-hero--recipes,
.hymc-inc-page-hero--carnivals,.hymc-inc-page-hero--newsletter{
  background:var(--bg-muted);
}

/* CTA sections in pages */
.hymc-inc-cta-band{padding:3rem 0;text-align:center;background:var(--bg-muted);margin-top:3rem}
.hymc-inc-cta-band h2{margin-bottom:.5rem}
.hymc-inc-cta-band p{color:var(--text-2);margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}

/* Team / Values grid */
.hymc-inc-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:2rem}
.hymc-inc-value-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center}
.hymc-inc-value-card h3{font-size:.9rem;margin-bottom:.3rem}
.hymc-inc-value-card p{font-size:.8rem;color:var(--text-2)}

/* FAQ page */
.hymc-inc-faq-list{max-width:700px;margin:0 auto}

/* Contact form area */
.hymc-inc-contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}
.hymc-inc-contact-form h3{margin-bottom:1rem}
.hymc-inc-contact-info-block{margin-top:2rem}
.hymc-inc-contact-info-block h3{margin-bottom:.5rem}
.hymc-inc-contact-info-block p{color:var(--text-2);font-size:.88rem}

/* Wholesale benefits */
.hymc-inc-wholesale-feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem}
.hymc-inc-wholesale-feature h3{font-size:.95rem;margin-bottom:.3rem}
.hymc-inc-wholesale-feature p{font-size:.82rem;color:var(--text-2)}

/* ═══ SCROLL ANIMATIONS ═══ */
.hymc-fade-up{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
.hymc-fade-up.is-visible{opacity:1;transform:translateY(0)}
.hymc-fade-up:nth-child(2){transition-delay:.1s}
.hymc-fade-up:nth-child(3){transition-delay:.2s}
.hymc-fade-up:nth-child(4){transition-delay:.15s}

/* Responsive page grids */
@media(max-width:768px){
  .hymc-inc-values-grid{grid-template-columns:1fr}
  .hymc-inc-wholesale-benefits{grid-template-columns:1fr!important}
}