/*
 * Primitives WooCommerce partagées — Casas Vela Theme v0.3.
 * La sémantique et le markup Woo restent natifs.
 */

body.wp-theme-casas-vela :is(
    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-error,
    .wc-block-components-notice-banner
) {
    box-sizing: border-box;
    border: 1px solid rgba(36, 72, 74, 0.18);
    border-radius: 12px;
    background: #f7f0e6;
    color: #24484a;
    box-shadow: none;
    font-family: Inter, sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
}

body.wp-theme-casas-vela :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
    padding: 16px 18px 16px 50px;
}

body.wp-theme-casas-vela :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before {
    top: 16px;
    left: 18px;
    color: #24484a;
}

body.wp-theme-casas-vela :is(.woocommerce-message, .wc-block-components-notice-banner.is-success) {
    background: #f1eee3;
}

body.wp-theme-casas-vela :is(.woocommerce-error, .wc-block-components-notice-banner.is-error) {
    border-color: rgba(154, 88, 72, 0.28);
    background: #fbf1ec;
}

body.wp-theme-casas-vela .woocommerce-error::before {
    color: #9a5848;
}

body.wp-theme-casas-vela .wc-block-components-notice-banner {
    gap: 12px;
    padding: 14px 16px;
}

body.wp-theme-casas-vela .wc-block-components-notice-banner > svg {
    flex: 0 0 24px;
    background-color: #24484a;
}

body.wp-theme-casas-vela .wc-block-components-notice-banner.is-error > svg {
    background-color: #9a5848;
}

body.wp-theme-casas-vela :is(
    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-error,
    .wc-block-components-notice-banner
) a {
    color: inherit;
    font-weight: 600;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
}

body.wp-theme-casas-vela :is(
    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-error,
    .wc-block-components-notice-banner
) :is(a, button):focus-visible {
    outline: 2px solid #24484a;
    outline-offset: 2px;
    box-shadow: none;
}

body.wp-theme-casas-vela :is(
    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-error,
    .wc-block-components-notice-banner
) :is(a, button):focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}

@media (max-width: 600px) {
    body.wp-theme-casas-vela :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
        padding: 14px 14px 14px 46px;
    }

    body.wp-theme-casas-vela :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before {
        top: 14px;
        left: 16px;
    }

    body.wp-theme-casas-vela .wc-block-components-notice-banner {
        padding: 13px 14px;
    }
}