/* Sitewide readable text contrast and shared header/footer refinements */
:root { --site-dark-text: #303b38; --site-light-text: #fff; }
body.template-color-3 { color: var(--site-dark-text); }
/* The header light strips use dark lettering; dark navigation uses white. */
.header-main_area .header-middle_area, .header-main_area .header-top_area,
.header-main_area .header-bottom_area, .header-main_area .header-sticky {
  color: var(--site-dark-text);
}
.header-main_area .header-middle_area a, .header-main_area .header-top_area a { color: var(--site-dark-text); }
/* Intentionally dark image-backed panels need bright text. */
.hiraola-footer_area .footer-top_area, .hiraola-footer_area .footer-top_area p,
.hiraola-footer_area .footer-top_area span, .hiraola-footer_area .footer-top_area li,
.hiraola-footer_area .footer-top_area a, .hiraola-footer_area .footer-top_area h3,
.hiraola-footer_area .footer-top_area h4, .hiraola-footer_area .footer-top_area h5,
.breadcrumb-area, .breadcrumb-area h1, .breadcrumb-area h2,
.breadcrumb-area .breadcrumb-content, .breadcrumb-area .breadcrumb-content a,
.breadcrumb-area .breadcrumb-content span { color: #fff !important; }
.hiraola-footer_area .footer-bottom_area, .hiraola-footer_area .footer-bottom_area a,
.hiraola-footer_area .footer-bottom_area span { color: #fff; }
/* Light surfaced content: dark readable text without altering product image rendering. */
.hiraola-product_area>.container, .hiraola-product-tab_area>.container,
.hiraola-product-tab_area-2>.container, .hiraola-content_wrapper>.container,
.hiraola-cart-area>.container, .hiraola-checkout_area>.container,
.hiraola-product-details_area>.container, .hiraola-product-details_area-2>.container,
.hiraola-login-register_area .login-form, .hiraola-wishlist_area .container,
.hiraola-shopping-cart-area .container, .hiraola-account-page-area .container,
.hiraola-contact_area .container, .hiraola-about-us_area .container,
.card, .modal-content, .table, input, textarea, select {
  color: #fff;
}
.hiraola-footer_area .footer-top_area input, .hiraola-footer_area .footer-top_area textarea { color: var(--site-dark-text)!important; }
/* API home message */
.sa-live-message-overlay { position: fixed; inset: 0; z-index: 2147483000; background: rgba(7, 25, 22, .68); display: flex; align-items: center; justify-content: center; padding: 16px; }
.sa-live-message-modal { position: relative; width: min(100%, 510px); max-height: min(86vh, 780px); overflow-y: auto; background: #fcfaf6; color: #303b38; border-radius: 12px; box-shadow: 0 24px 72px rgba(0,0,0,.33); border: 1px solid #e0d9c6; padding: 30px 28px 25px; }
.sa-live-message-modal h2 { font-size: 23px; font-weight: 650; color: #153e35; margin: 0 40px 16px 0; line-height: 1.3; }
.sa-live-message-content { font-size: 15px; line-height: 1.7; color: #303b38; overflow-wrap: anywhere; white-space: pre-wrap; }
.sa-live-message-close { position: absolute; right: 13px; top: 10px; width: 38px; height: 38px; border-radius: 50%; border: 0; background: #eee9df; color: #273b34; font-size: 25px; cursor: pointer; line-height: 1; }
.sa-live-message-close:hover, .sa-live-message-close:focus { background: #ded7c9; outline-offset: 3px; }
@media (max-width: 575px) { .sa-live-message-modal { padding: 26px 18px 22px; } .sa-live-message-modal h2 { font-size: 20px; } }