/* =========================================================
   SIARE — HOMEPAGE COLOR REPAIR
   Targets the real home.html markup:
   #customization.customization-section and #contact.contact-section
   Color correction only; preserves layout, images, links and scripts.
   Load AFTER all other stylesheets.
========================================================= */

/* ---------- Homepage CUSTOMIZATION showcase ---------- */
body.home-page #customization.customization-section {
  background-color: #F5F2EB !important;
  background-image: none !important;
  color: #24231E !important;
}

body.home-page #customization.customization-section::before,
body.home-page #customization.customization-section::after {
  background: transparent !important;
  box-shadow: none !important;
}

body.home-page #customization.customization-section .customization-inner,
body.home-page #customization.customization-section .customization-copy,
body.home-page #customization.customization-section .customization-visual {
  color: #24231E !important;
  background-color: transparent !important;
}

body.home-page #customization.customization-section .customization-eyebrow {
  color: #896936 !important;
}

body.home-page #customization.customization-section .customization-title,
body.home-page #customization.customization-section .customization-title span {
  color: #24231E !important;
}

body.home-page #customization.customization-section .customization-title span:last-child {
  color: #927344 !important;
}

body.home-page #customization.customization-section .customization-lead {
  color: #34322B !important;
}

body.home-page #customization.customization-section .customization-description {
  color: #666258 !important;
}

body.home-page #customization.customization-section .customization-kicker {
  color: #806843 !important;
}

body.home-page #customization.customization-section .customization-visual-main {
  background: #EAE5DA !important;
  border-color: rgba(140, 107, 55, .28) !important;
}

body.home-page #customization.customization-section .customization-visual img {
  display: block;
  max-width: 100%;
}

body.home-page #customization.customization-section .customization-visual figcaption,
body.home-page #customization.customization-section .customization-visual figcaption span {
  color: #71695A !important;
  background: transparent !important;
}

body.home-page #customization.customization-section .customization-button,
body.home-page #customization.customization-section a.customization-button,
body.home-page #customization.customization-section .customization-button:visited {
  background: #D8BE87 !important;
  background-image: none !important;
  border: 1px solid #B99A60 !important;
  color: #24231E !important;
  box-shadow: 0 5px 16px rgba(89, 67, 31, .08) !important;
  text-decoration: none !important;
}

body.home-page #customization.customization-section .customization-button span,
body.home-page #customization.customization-section .customization-button .customization-button-arrow {
  color: #24231E !important;
}

@media (hover: hover) and (pointer: fine) {
  body.home-page #customization.customization-section .customization-button:hover,
  body.home-page #customization.customization-section a.customization-button:hover {
    background: #E7D3A7 !important;
    background-image: none !important;
    border-color: #927344 !important;
    color: #24231E !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(89, 67, 31, .12) !important;
  }
}

/* ---------- Homepage CONTACT section ---------- */
body.home-page #contact.contact-section {
  background-color: #F7F5EF !important;
  color: #24231E !important;
}

body.home-page #contact.contact-section .contact-eyebrow {
  color: #896936 !important;
}

body.home-page #contact.contact-section .contact-section-title,
body.home-page #contact.contact-section .contact-title,
body.home-page #contact.contact-section .contact-heading h2 {
  color: #24231E !important;
}

body.home-page #contact.contact-section .contact-description,
body.home-page #contact.contact-section .contact-lead {
  color: #666258 !important;
}

/* Facebook / Instagram / TikTok cards */
body.home-page #contact.contact-section .contact-social-link,
body.home-page #contact.contact-section .contact-social-link:link,
body.home-page #contact.contact-section .contact-social-link:visited {
  background: #FFFDF8 !important;
  background-image: none !important;
  border: 1px solid rgba(140, 107, 55, .42) !important;
  color: #24231E !important;
  box-shadow: 0 4px 16px rgba(39, 37, 29, .045) !important;
  text-decoration: none !important;
}

body.home-page #contact.contact-section .contact-social-link > span:not(.contact-social-icon):not(.contact-link-arrow) {
  color: #24231E !important;
}

body.home-page #contact.contact-section .contact-social-icon,
body.home-page #contact.contact-section .contact-link-arrow {
  color: #896936 !important;
}

/* WhatsApp and Email cards */
body.home-page #contact.contact-section .contact-action-link,
body.home-page #contact.contact-section .contact-action-link:link,
body.home-page #contact.contact-section .contact-action-link:visited {
  background: #FFFDF8 !important;
  background-image: none !important;
  border: 1px solid rgba(140, 107, 55, .42) !important;
  color: #24231E !important;
  box-shadow: 0 4px 16px rgba(39, 37, 29, .045) !important;
  text-decoration: none !important;
}

body.home-page #contact.contact-section .contact-action-copy strong {
  color: #24231E !important;
}

body.home-page #contact.contact-section .contact-action-copy small {
  color: #6F6B63 !important;
}

body.home-page #contact.contact-section .contact-action-icon {
  background: #F3EBDD !important;
  color: #896936 !important;
}

body.home-page #contact.contact-section .contact-action-link-disabled {
  background: #F0EDE6 !important;
  color: #6F6B63 !important;
  box-shadow: none !important;
}

/* Main quote CTA: champagne surface, never a solid black button */
body.home-page #contact.contact-section .contact-quote-link,
body.home-page #contact.contact-section .contact-quote-link:link,
body.home-page #contact.contact-section .contact-quote-link:visited {
  background: linear-gradient(125deg, #F0E5D0 0%, #E9D9B8 100%) !important;
  background-image: linear-gradient(125deg, #F0E5D0 0%, #E9D9B8 100%) !important;
  border: 1px solid rgba(140, 107, 55, .48) !important;
  color: #24231E !important;
  box-shadow: 0 8px 24px rgba(89, 67, 31, .065) !important;
  text-decoration: none !important;
}

body.home-page #contact.contact-section .contact-quote-eyebrow,
body.home-page #contact.contact-section .contact-quote-action,
body.home-page #contact.contact-section .contact-quote-action span {
  color: #76592F !important;
}

body.home-page #contact.contact-section .contact-quote-copy strong {
  color: #24231E !important;
}

body.home-page #contact.contact-section .contact-quote-description {
  color: #5F594E !important;
}

body.home-page #contact.contact-section .contact-quote-arrow {
  background: rgba(255, 253, 248, .62) !important;
  border-color: rgba(140, 107, 55, .50) !important;
  color: #76592F !important;
}

/* Consistent, restrained hover states: no black fill or black text contrast loss. */
@media (hover: hover) and (pointer: fine) {
  body.home-page #contact.contact-section .contact-social-link:hover,
  body.home-page #contact.contact-section .contact-action-link:not(.contact-action-link-disabled):hover {
    background: #F4EBDD !important;
    border-color: #927344 !important;
    color: #24231E !important;
    box-shadow: 0 8px 20px rgba(39, 37, 29, .075) !important;
    transform: translateY(-2px);
  }

  body.home-page #contact.contact-section .contact-social-link:hover > span:not(.contact-social-icon):not(.contact-link-arrow),
  body.home-page #contact.contact-section .contact-action-link:hover .contact-action-copy strong {
    color: #24231E !important;
  }

  body.home-page #contact.contact-section .contact-social-link:hover .contact-link-arrow,
  body.home-page #contact.contact-section .contact-action-link:hover .contact-link-arrow {
    color: #76592F !important;
    transform: translate(3px, -2px);
  }

  body.home-page #contact.contact-section .contact-quote-link:hover {
    background: linear-gradient(125deg, #F5EBD9 0%, #EFDFBF 100%) !important;
    background-image: linear-gradient(125deg, #F5EBD9 0%, #EFDFBF 100%) !important;
    border-color: #927344 !important;
    color: #24231E !important;
    transform: translateY(-2px);
  }

  body.home-page #contact.contact-section .contact-quote-link:hover .contact-quote-copy strong,
  body.home-page #contact.contact-section .contact-quote-link:hover .contact-quote-description {
    color: #24231E !important;
  }
}