/*
 * R12 contrast + layering hardening
 * Fixes copy being washed out by decorative/contrast layers and standardizes
 * readable contrast across light and dark surfaces.
 */

:root{
  --mhf-text-dark:#09241B;
  --mhf-text-body:#42544A;
  --mhf-text-muted:#5B6A61;
  --mhf-text-light:#FFFFFF;
  --mhf-text-light-soft:rgba(255,255,255,.84);
  --mhf-gold-text:#80580B;
}

/* ---------------------------------------------------------
   Critical homepage layer order
   Artwork < protective gradient < copy
   --------------------------------------------------------- */
.v4-world{isolation:isolate!important}
.v4-world img{z-index:3!important}
.v4-world-maamoul:after,
.v4-world-pantry:after,
.v4-world-fun:after{z-index:5!important;pointer-events:none!important}
.v4-world-copy{position:absolute!important;z-index:12!important;color:var(--mhf-text-dark)!important}
.v4-world-copy h3,
.v4-world-copy>span{position:relative!important;z-index:13!important;opacity:1!important}
.v4-world-copy small{position:relative!important;z-index:13!important;opacity:1!important}

.v4-world-maamoul .v4-world-copy,
.v4-world-pantry .v4-world-copy{color:var(--mhf-text-dark)!important}
.v4-world-maamoul .v4-world-copy h3,
.v4-world-pantry .v4-world-copy h3{color:var(--mhf-text-dark)!important;text-shadow:none!important}
.v4-world-maamoul .v4-world-copy small,
.v4-world-pantry .v4-world-copy small{color:#42564B!important;background:rgba(255,255,255,.82)!important;border-color:rgba(9,36,27,.10)!important}
.v4-world-maamoul .v4-world-copy>span,
.v4-world-pantry .v4-world-copy>span{color:var(--mhf-text-dark)!important;background:rgba(255,255,255,.92)!important;border-color:rgba(9,36,27,.12)!important;box-shadow:0 8px 22px rgba(9,36,27,.07)!important}

.v4-world-fun .v4-world-copy{color:#fff!important}
.v4-world-fun .v4-world-copy h3,
.v4-world-fun .v4-world-copy>span{color:#fff!important}
.v4-world-fun .v4-world-copy small{color:#fff!important;background:rgba(64,9,13,.28)!important;border-color:rgba(255,255,255,.22)!important}
.v4-world-fun .v4-world-copy>span{background:rgba(64,9,13,.35)!important;border-color:rgba(255,255,255,.24)!important;box-shadow:0 8px 24px rgba(52,6,10,.18)!important}

/* Closing panels use their overlay only as a copy-protection background. */
.v4-closing-panel{isolation:isolate!important}
.v4-closing-panel img{z-index:3!important}
.v4-store-panel:before,.v4-private-panel:before{z-index:5!important;pointer-events:none!important}
.v4-closing-panel>div{position:relative!important;z-index:12!important;opacity:1!important}
.v4-closing-panel h2,.v4-closing-panel p,.v4-closing-panel b,.v4-closing-panel span{position:relative!important;z-index:13!important;opacity:1!important;text-shadow:none!important}

.v4-store-panel{color:var(--mhf-text-dark)!important}
.v4-store-panel h2,.v4-store-panel b{color:var(--mhf-text-dark)!important}
.v4-store-panel p{color:#42544A!important}
.v4-store-panel span{color:var(--mhf-gold-text)!important}

.v4-private-panel{color:#fff!important}
.v4-private-panel h2,.v4-private-panel b{color:#fff!important}
.v4-private-panel p{color:rgba(255,255,255,.86)!important}
.v4-private-panel span{color:#F6D481!important}

/* ---------------------------------------------------------
   Homepage dark-surface contrast
   --------------------------------------------------------- */
.v4-hero-copy>p{color:rgba(255,255,255,.86)!important}
.v4-hero-meta span{color:rgba(255,255,255,.78)!important}
.v4-hero-bottom .shell{color:rgba(255,255,255,.76)!important}
.v4-hero-bottom a{color:#fff!important}
.v4-business-side p{color:rgba(255,255,255,.84)!important}
.v4-business-side li{color:rgba(255,255,255,.88)!important}
.v4-brand-copy p{color:rgba(255,255,255,.86)!important}
.v4-brand-copy .link-arrow{color:#fff!important}
.v4-values-row,.v4-values-row span{color:rgba(255,255,255,.84)!important}

/* ---------------------------------------------------------
   Generic light-surface contrast
   --------------------------------------------------------- */
.v4-section-intro>p,
.section-heading>p,
.page-hero-copy .lede,
.policy-content p,
.policy-content li,
.faq-a,
.contact-detail,
.shipping-overview p,
.private-label-copy p,
.product-subtitle,
.product-purchase-note,
.product-help-card p,
.product-mini-specs span{color:var(--mhf-text-body)!important}

.eyebrow,
.v4-overline,
.product-price-label,
.product-fact small,
.product-sku span,
.contact-detail small,
.form-section-title{opacity:1!important}

/* ---------------------------------------------------------
   Dark sections / cards
   --------------------------------------------------------- */
.section-green,
.section-green h1,.section-green h2,.section-green h3,.section-green h4,
.section-green strong{color:#fff!important}
.section-green p,.section-green li,.section-green small{color:rgba(255,255,255,.86)!important}
.section-green .eyebrow,.section-green .v4-overline{color:#F6D481!important}
.section-green a:not(.btn){color:#fff!important}
.section-green .btn-outline{color:#fff!important;border-color:rgba(255,255,255,.52)!important}
.section-green .btn-outline:hover{background:#fff!important;color:var(--green)!important}

/* Business and checkout dark cards. */
.checkout-summary,.order-summary{color:#fff!important}
.checkout-summary p,.order-summary p{color:rgba(255,255,255,.84)!important}
.checkout-summary .summary-row,.order-summary .summary-row,
.checkout-summary .summary-row span,.order-summary .summary-row span{color:rgba(255,255,255,.86)!important}

/* ---------------------------------------------------------
   Footer/header microcopy: still subtle, never faint
   --------------------------------------------------------- */
.utility-bar{color:rgba(255,255,255,.82)!important}
.utility-bar a{color:#fff!important}
.footer-brand p{color:rgba(255,255,255,.78)!important}
.footer-col a,.footer-col span{color:rgba(255,255,255,.78)!important}
.footer-col a:hover{color:#fff!important}
.footer-bottom{color:rgba(255,255,255,.68)!important}
.newsletter-copy p{color:rgba(255,255,255,.82)!important}

/* ---------------------------------------------------------
   Forms + WooCommerce readability
   --------------------------------------------------------- */
.field label,.woocommerce form .form-row label{color:var(--mhf-text-dark)!important;opacity:1!important}
.field input,.field select,.field textarea,
.woocommerce input.input-text,.woocommerce select,.woocommerce textarea{color:#17251F!important;background:#fff!important}
.field input::placeholder,.field textarea::placeholder,
.woocommerce input::placeholder,.woocommerce textarea::placeholder{color:#69766F!important;opacity:1!important}
.woocommerce-error,.woocommerce-info,.woocommerce-message{color:#26352D!important}
.woocommerce table.shop_table th{color:var(--mhf-text-dark)!important}
.woocommerce table.shop_table td{color:#33443A!important}

/* ---------------------------------------------------------
   Product page contrast
   --------------------------------------------------------- */
.product-heading-block h1,.product-price-main,.product-fact strong,.product-purchase-copy strong,
.product-assurance-item strong,.product-details-card h2,.product-help-card h3{color:var(--mhf-text-dark)!important}
.product-heading-meta,.product-sku,.product-fact small,.product-assurance-item small{opacity:1!important}
.product-assurance-item small{color:#5B6A61!important}
.product-purchase-copy p{color:#55655B!important}
.product-availability.is-available{color:#1A7546!important}

/* ---------------------------------------------------------
   Prevent decorative layers from intercepting/obscuring copy
   --------------------------------------------------------- */
.page-hero-copy,.section-heading,.v4-section-intro,.contact-layout>* ,.form-layout>* ,.faq-layout>*{
  position:relative;z-index:3;
}
.mhf-leaf-drift{pointer-events:none!important}

@media(max-width:767px){
  .v4-world-copy{z-index:12!important}
  .v4-closing-panel>div{z-index:12!important}
  .v4-store-panel p,.v4-private-panel p{font-size:15px!important;line-height:1.65!important}
}