/******************************************************
 * HEALING THYME – WOO BRAND UI SYSTEM
 * Applies globally to WooCommerce + Elementor UI
 * Organized by UX areas for easy maintenance
 ******************************************************/

/* ================================================
   BRAND COLOR NOTES (for reference)
   Forest Green: #2F4F3F
   Soft Sage Light: #E5EBE3
   Page Soft: #F1F5F0
   Gold Button: #B9844D
   Gold Hover: #DB9D5C
   Accent Red (errors): #B0413E
   Charcoal Text: #151515
   ================================================*/


/******************************************************
 * 1) STORE NOTICE BANNER (Top Promo)
 ******************************************************/
.woocommerce-store-notice,
p.demo_store {
    background-color: #2F4F3F;
    color: #FFFFFF;
    padding: 12px 20px;
    text-align: center;
    font-size: 18px;
    font-family: 'Special Elite', cursive;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

.woocommerce-store-notice a,
p.demo_store a {
    color: #FFFFFF;
    text-decoration: underline;
}

.woocommerce-store-notice .woocommerce-store-notice__dismiss-link,
p.demo_store .woocommerce-store-notice__dismiss-link {
    color: #FFFFFF;
    margin-left: 10px;
}

@media (max-width: 768px) {
    .woocommerce-store-notice,
    p.demo_store {
        padding: 10px 12px;
        font-size: 14px;
        line-height: 1.3;
    }

    .woocommerce-store-notice__dismiss-link {
        display: inline-block;
        margin-left: 6px;
        white-space: nowrap;
    }
}


/******************************************************
 * 2) WC NOTICES (INFO / SUCCESS / ERROR)
 ******************************************************/

/* INFO notice – sage + gold accent */
.woocommerce-info {
    background: #E5EBE3 !important;
    border-left: 4px solid #2F4F3F !important;
    color: #151515 !important;
    padding: 15px 20px 15px 50px;
    border-radius: 6px;
    position: relative;
}

.woocommerce-info::before {
    color: #2F4F3F !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 20px !important;
}

/* SUCCESS notice – consistent with brand */
.woocommerce-message {
    background: #E5EBE3 !important;
    border-left: 4px solid #2F4F3F !important;
    color: #151515 !important;
    padding: 15px 20px 15px 50px;
    border-radius: 6px;
    position: relative;
}

.woocommerce-message::before {
    color: #2F4F3F !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 20px !important;
}

/* ERROR notice – elegant warm red */
.woocommerce-error {
    background: #FBEDEC !important;
    border-left: 4px solid #B0413E !important;
    color: #151515 !important;
    padding: 15px 20px 15px 50px;
    border-radius: 6px;
    position: relative;
}

.woocommerce-error::before {
    color: #B0413E !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 20px !important;
}

/* Ensure icon weight */
.woocommerce-error::before,
.woocommerce-message::before,
.woocommerce-info::before {
    font-weight: bold !important;
}

 /* buttons inside notices */
.woocommerce-message .button,
.woocommerce-info .button {
    background: #B9844D !important;
    color: #FFFFFF !important;
    padding: 10px 18px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-left: 10px;
    margin-top: 8px;
}

.woocommerce-message .button:hover,
.woocommerce-info .button:hover {
    background: #DB9D5C !important;
}


/******************************************************
 * 3) INLINE "VIEW CART" LINK (Ajax Add to Cart CTA)
 ******************************************************/
a.added_to_cart.wc-forward {
    color: #2F4F3F !important; /* forest green text */
    font-family: var(--e-global-typography-accent-font-family), sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    margin-left: 8px;
    padding: 0.5em 0.6em;
    display: inline-block;
    text-decoration: none !important;
}


/******************************************************
 * 4) SELECT2 DROPDOWNS (Checkout, Country/State, etc.)
 ******************************************************/
.select2-container .select2-results__option--highlighted {
    background-color: #B9844D !important;
    color: #ffffff !important;
}

.select2-container .select2-results__option--selected {
    background-color: #DB9D5C !important;
    color: #ffffff !important;
}


/******************************************************
 * 5) VALIDATION FIXES (remove WC green borders)
 ******************************************************/
.woocommerce-validated .select2-selection {
    border-color: #000000 !important;
    box-shadow: none !important;
}

.woocommerce-validated input.input-text,
.woocommerce-validated select {
    border-color: #000000 !important;
    box-shadow: none !important;
}


/******************************************************
 * 6) NATIVE SELECT (Cart quantity dropdowns use this)
 ******************************************************/
select {
    border: 1px solid #000000 !important;
    background-color: #F9F8F4 !important;
    border-radius: 6px !important;
    padding: 10px !important;
    color: #333333 !important;
}

select:focus {
    border-color: #B9844D !important;
    outline: none !important;
}


/******************************************************
 * 7) MISC
 ******************************************************/
.menu-indent {
    padding-left: 5px !important;
}

.grecaptcha-badge {
    visibility: hidden;
}

/******************************************************
 * SQUARE GIFT CARD APPLY BUTTON (GLOBAL)
 ******************************************************/
#square-gift-card-apply-btn {
    background-color: #B9844D !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    font-weight: inherit !important;
    font-family: inherit !important;
    cursor: pointer;
}

#square-gift-card-apply-btn:hover {
    background-color: #DB9D5C !important;
    color: #FFFFFF !important;
}