/* CEMROCK v121 – systematic text-contrast corrections.
   This layer follows the original stylesheets and deliberately scopes changes
   to known light or dark backgrounds. Keep the original visual composition. */

/* All standard .section-paper2 blocks are dark in the final theme.
   Earlier light-theme title rules mistakenly rendered these headings nearly black. */
.section-paper2 .intro-grid h2,
.section-paper2 .intro-grid h3,
.section-paper2 .intro-grid h4,
.section-paper2 .intro-grid strong {
  color:#f7f7f3 !important;
  -webkit-text-fill-color:#f7f7f3 !important;
  opacity:1 !important;
}
.section-paper2 .intro-grid p,
.section-paper2 .intro-grid .lead,
.section-paper2 .intro-grid .muted {
  color:#e5e8e8 !important;
  -webkit-text-fill-color:#e5e8e8 !important;
}

/* Inspiration tiles: their inherited background is very dark, including
   on the 'Magyar felhasználói példák' section. Restore title, copy and links. */
body[data-page="uses"] .inspiration-grid .inspiration {
  color:#f6f6f2 !important;
  background-color:#202225 !important;
  border-color:rgba(255,255,255,.38) !important;
}
body[data-page="uses"] .inspiration-grid .inspiration h3,
body[data-page="uses"] .inspiration-grid .inspiration strong {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
}
body[data-page="uses"] .inspiration-grid .inspiration p,
body[data-page="uses"] .inspiration-grid .inspiration .muted {
  color:#dce0e2 !important;
  -webkit-text-fill-color:#dce0e2 !important;
  opacity:1 !important;
}
body[data-page="uses"] .inspiration-grid .inspiration a,
body[data-page="uses"] .section-paper2 .inspiration-grid .inspiration a {
  color:#ffab65 !important;
  -webkit-text-fill-color:#ffab65 !important;
  opacity:1 !important;
  text-decoration:underline;
  text-underline-offset:3px;
}
body[data-page="uses"] .inspiration-grid .inspiration a:hover,
body[data-page="uses"] .inspiration-grid .inspiration a:focus-visible {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Contact: the "empty buttons" were text labels inheriting dark body text. */
body[data-page="contact"] .bulk-callout .packaging-guide,
body[data-page="contact"] .bulk-callout .packaging-guide__label {
  color:#e7e9eb !important;
  -webkit-text-fill-color:#e7e9eb !important;
  opacity:1 !important;
}
body[data-page="contact"] .bulk-callout .packaging-guide__item {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:#25272a !important;
  border-color:#ff9146 !important;
  opacity:1 !important;
}

/* Team cards: preserve the established dark gradient of .person .body.
   Its white titles and light-gray roles are intentionally high contrast. */

/* Light background on the Spanish product hero: inherited white titles made
   important product information nearly invisible. Dark text only on Buñol. */
body[data-page="products"] .product-hero:not(.mersin-bg),
body[data-page="products"] .product-hero:not(.mersin-bg) h1,
body[data-page="products"] .product-hero:not(.mersin-bg) h2,
body[data-page="products"] .product-hero:not(.mersin-bg) h3,
body[data-page="products"] .product-hero:not(.mersin-bg) strong,
body[data-page="products"] .product-hero:not(.mersin-bg) .product-code {
  color:#17181a !important;
  -webkit-text-fill-color:#17181a !important;
}
body[data-page="products"] .product-hero:not(.mersin-bg) .lead,
body[data-page="products"] .product-hero:not(.mersin-bg) p,
body[data-page="products"] .product-hero:not(.mersin-bg) .breadcrumb,
body[data-page="products"] .product-hero:not(.mersin-bg) .breadcrumb a,
body[data-page="products"] .product-hero:not(.mersin-bg) .source-note {
  color:#3b4248 !important;
  -webkit-text-fill-color:#3b4248 !important;
}
body[data-page="products"] .product-hero:not(.mersin-bg) .btn-ghost {
  color:#17181a !important;
  -webkit-text-fill-color:#17181a !important;
  border-color:#343638 !important;
}
body[data-page="products"] .product-hero:not(.mersin-bg) .btn-ghost:hover,
body[data-page="products"] .product-hero:not(.mersin-bg) .btn-ghost:focus-visible {
  background:#17181a !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
/* Product facts on the dark Turkish pack card. The light Buñol pack is exempt. */
.product-card.mersin .spec,
.product-card.mersin .spec b,
.product-card.mersin .spec strong,
.product-card.mersin .spec .value {
  color:#f7f7f3 !important;
  -webkit-text-fill-color:#f7f7f3 !important;
}
.product-card.mersin .spec span,
.product-card.mersin .spec small {
  color:#d2d7db !important;
  -webkit-text-fill-color:#d2d7db !important;
}
.product-card.bunol .spec span { color:#54585b !important; }

/* Download cards have charcoal backgrounds and cream type badges. */
.doc-card,
.section-paper2 .doc-card,
.doc-category-section .doc-card {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.doc-card .doc-type {
  color:#813300 !important;
  -webkit-text-fill-color:#813300 !important;
  opacity:1 !important;
}
.doc-card .doc-main span,
.doc-card .doc-main small {
  color:#dce1e4 !important;
  -webkit-text-fill-color:#dce1e4 !important;
}

/* Scientific references over a charcoal section; links inherited dark text. */
body[data-page="uses"] .plaster-tech__source,
body[data-page="uses"] .plaster-tech__source span {
  color:#dce1e4 !important;
  -webkit-text-fill-color:#dce1e4 !important;
  font-size:max(.75rem,12px);
  opacity:1 !important;
}
body[data-page="uses"] .plaster-tech__source a {
  color:#ffab65 !important;
  -webkit-text-fill-color:#ffab65 !important;
  text-decoration:underline;
  text-underline-offset:2px;
}

/* Orange action bands must use dark lettering, not near-white or orange on orange. */
.cta-band,
.cta-band h1,.cta-band h2,.cta-band h3,
.cta-band p,.cta-band strong,
.cta-band .lead,.cta-band .eyebrow,
.cta-band .cta-inner > div {
  color:#161719 !important;
  -webkit-text-fill-color:#161719 !important;
}
.cta-band .eyebrow::before { background:#161719 !important; }

/* Low-contrast orange eyebrow above the light contact form. */
body[data-page="contact"] .contact-form .eyebrow {
  color:#a43d00 !important;
  -webkit-text-fill-color:#a43d00 !important;
}

/* Headings on dark panels remain legible, even when they live inside a light-
   themed parent section with overly broad legacy selectors. */
.section-bulk-order .bulk-callout h2,
.section-bulk-order .bulk-callout h3,
.section-bulk-order .bulk-callout strong {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.section-bulk-order .bulk-callout p,
.section-bulk-order .bulk-callout small {
  color:#e6e8e8 !important;
  -webkit-text-fill-color:#e6e8e8 !important;
}

/* Action buttons retain white text on their own dark pill background even
   if their surrounding hero or orange CTA is using dark foreground text. */
body[data-page="products"] .product-hero:not(.mersin-bg) .btn-dark,
body[data-page="products"] .product-hero:not(.mersin-bg) .btn-dark:hover,
.cta-band a.btn,
.cta-band a.btn:hover,
.cta-band a.btn:focus-visible {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* Doc badges have a very pale background; use deep burnt-orange text. */
body[data-page="docs"] .doc-category-section .doc-card .doc-type,
body[data-page="docs"] .doc-card .doc-type,
body[data-page="products"] .doc-card .doc-type {
  color:#813300 !important;
  -webkit-text-fill-color:#813300 !important;
}

/* Retain two-column composition on mobile, but remove the 10px type that
   was previously used in the compact inspiration cards. */
@media(max-width:760px){
  body[data-page="uses"] .inspiration-grid .inspiration h3 {
    font-size:clamp(.90rem,3.4vw,1.05rem) !important;
    line-height:1.18 !important;
  }
  body[data-page="uses"] .inspiration-grid .inspiration p,
  body[data-page="uses"] .inspiration-grid .inspiration a {
    font-size:clamp(.79rem,2.85vw,.9rem) !important;
    line-height:1.42 !important;
  }
  body[data-page="uses"] .inspiration-grid .inspiration{padding:14px !important;}
  .packaging-guide__label{font-size:.82rem !important;}
  .packaging-guide__item{font-size:.85rem !important;}
}

/* The Mersin breadcrumb's last (non-link) label was a little too muted. */
body[data-page="products"] .product-hero.mersin-bg .breadcrumb,
body[data-page="products"] .product-hero.mersin-bg .breadcrumb a {
  color:#e6e8eb !important;
  -webkit-text-fill-color:#e6e8eb !important;
}


/* A13 | CEMROCK – uniform, optically centered product CTA icons.
   Only the two homepage product-detail CTA badges are affected. */
body[data-page="home"] .products-grid .product-card .linkline .cta-arrow {
  display:grid !important;
  place-items:center !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  padding:0 !important;
  margin:0 !important;
  flex:0 0 44px !important;
  line-height:0 !important;
  border-radius:50% !important;
  box-sizing:border-box !important;
  background:rgba(17,18,20,.14) !important;
}
body[data-page="home"] .products-grid .product-card .linkline .cta-arrow svg {
  display:block !important;
  width:24px !important;
  height:24px !important;
  overflow:visible;
  fill:none;
  stroke:#111214;
  stroke-width:2.45;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0;
}
@media (max-width:760px) {
  body[data-page="home"] .products-grid .product-card .linkline .cta-arrow {
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex-basis:42px !important;
  }
  body[data-page="home"] .products-grid .product-card .linkline .cta-arrow svg {
    width:23px !important;
    height:23px !important;
  }
}