/**
 * Arimaa Loyalty Connect Frontend Styles
 */

/* Common styling for Arimaa Loyalty notices (used by PHP hooks and Thank You page) */
.arimaa-loyalty-notice {
    background-color: #e6f7ff; /* Light blue background */
    border-left: 5px solid #0073aa; /* Blue left border */
    padding: 15px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    color: #31708f; /* Default text color for info messages */
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.arimaa-loyalty-notice h4 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #005a87; /* Darker blue for heading */
    font-size: 1.1em;
}

.arimaa-loyalty-notice p {
    margin-bottom: 0;
    line-height: 1.6;
    color: #31708f;
}

.arimaa-loyalty-notice a {
    color: #005a87; /* Link color consistent with heading */
    text-decoration: underline;
}

/* --- Styling for the Arimaa ERROR notice WHEN OUTPUT BY PHP HOOK --- */
/* This targets the div output by your PHP display_coupon_error_notice function.
   This will primarily be for non-AJAX contexts or as a fallback. */
div.woocommerce-error.arimaa-loyalty-notice.arimaa-loyalty-coupon-error {
    background-color: #e6f7ff !important;
    border-left-color: #0073aa !important;
    color: #31708f !important; /* Or a more "error" like red: #721c24 !important; */
    padding: 15px 20px !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

div.woocommerce-error.arimaa-loyalty-notice.arimaa-loyalty-coupon-error a {
    color: #005a87 !important;
}

.woocommerce-error li a[href*="arimaa.app"],
.woocommerce-message li a[href*="arimaa.app"],
.woocommerce-info li a[href*="arimaa.app"] {
    color: #005a87; /* Your desired link color */
    text-decoration: underline;
}

/* --- NEW: Styling for Arimaa ERROR content within a standard WC AJAX notice --- */
.woocommerce-error li span.arimaa-loyalty-ajax-error-content {
    display: block; /* Allows padding, margin, and treating it as a block */
    background-color: #f8d7da; /* Light red/pink background for error */
    border-left: 5px solid #d9534f; /* Darker red left border */
    padding: 10px 15px;
    margin: 5px 0; /* Add some vertical spacing if needed within the li */
    border-radius: 4px;
    color: #721c24; /* Dark red text for errors */
    line-height: 1.5; /* Adjust line height for readability */
}

.woocommerce-error li span.arimaa-loyalty-ajax-error-content a {
    color: #721c24; /* Make link color consistent with error text */
    text-decoration: underline;
    font-weight: bold; /* Make the link stand out a bit more */
}

/* --- Styling for the DEFAULT JS-added notice --- */
p.alc-default-privacy-notice {
    font-size: 0.8em !important;
    margin-top: 10px !important;
    margin-bottom: 1em !important;
    clear: both !important;
    display: block !important;
    width: 100% !important;
    background-color: #f8f9fa;
    padding: 8px 10px;
    border-left: 3px solid #6c757d;
    color: #495057;
    border-radius: 3px;
}

p.alc-default-privacy-notice a {
    color: #005a87;
    text-decoration: underline;
}