/**
 * LV Peptides — WooCommerce Notice Styling
 * @see Requirements: 21.1, 21.2, 21.3, 21.4
 */

.woocommerce-message {
    border-left: 4px solid var(--color-success);
    background: var(--lv-white);
    color: var(--lv-navy);
    padding: var(--space-4);
    margin-bottom: var(--space-4);
    border-radius: var(--radius-sm);
    font-family: var(--font-family);
    font-size: var(--font-size-base);
}

.woocommerce-error {
    border-left: 4px solid var(--color-error);
    background: var(--lv-white);
    color: var(--lv-navy);
    padding: var(--space-4);
    padding-left: 2.5rem;
    margin-bottom: var(--space-4);
    border-radius: var(--radius-sm);
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    list-style: none;
    position: relative;
}

.woocommerce-error::before {
    position: absolute;
    left: var(--space-3);
    top: var(--space-4);
}

.woocommerce-error li {
    padding-left: 0;
    margin-bottom: var(--space-2);
}

.woocommerce-info {
    border-left: 4px solid var(--color-info);
    background: var(--lv-white);
    color: var(--lv-navy);
    padding: var(--space-4);
    padding-left: var(--space-8);
    margin-bottom: var(--space-4);
    border-radius: var(--radius-sm);
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    position: relative;
}

.woocommerce-info::before {
    position: absolute;
    left: var(--space-3);
    top: var(--space-4);
}

/* Sticky cart CTA (mobile) */
.lv-cart-sticky-cta {
    display: none;
}

@media (max-width: 767px) {
    .lv-cart-sticky-cta {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--lv-white);
        box-shadow: var(--shadow-lg);
        padding: var(--space-3) var(--space-4);
        z-index: 999;
    }

    .lv-cart-sticky-cta__btn {
        display: block;
        width: 100%;
        background: var(--lv-teal);
        color: var(--lv-white);
        text-align: center;
        padding: var(--space-3);
        border-radius: var(--radius-sm);
        font-family: var(--font-family);
        font-weight: 600;
        text-decoration: none;
        min-height: 44px;
        line-height: 44px;
    }
}