/**
 * RightAir Foundation Design Tokens
 * Montserrat is the only text font. Icon fonts remain exempt.
 */
:root {
    --ra-font-family: Montserrat, sans-serif;
    --ra-weight-body: 400;
    --ra-weight-heading: 800;
    --ra-weight-label: 600;
    --ra-weight-button: 600;

    --ra-primary: #0271ba;
    --ra-primary-light: #48a0dc;
    --ra-primary-soft: #ebf4fa;
    --ra-text: #303a50;
    --ra-text-muted: #5e6e84;
    --ra-border: #d3d8df;
    --ra-surface: #ffffff;
    --ra-success: #8cc63f;
    --ra-error: #ff0066;

    --ra-radius-field: 10px;
    --ra-radius-button: 999px;
    --ra-radius-card: 12px;
    --ra-space-field: 12px;
    --ra-space-button-y: 8px;
    --ra-space-button-x: 20px;
    --ra-component-gap: 10px;

    /* Backward-compatible aliases. */
    --rightair-blue: var(--ra-primary);
    --rightair-blue-light: var(--ra-primary-light);
    --rightair-blue-soft: var(--ra-primary-soft);
    --rightair-slate: var(--ra-text-muted);
    --rightair-pink: var(--ra-error);
    --rightair-white: var(--ra-surface);
}

body, button, input, select, textarea {
    font-family: var(--ra-font-family);
}
body { font-weight: var(--ra-weight-body); }
h1, h2, h3, h4, h5, h6 { font-weight: var(--ra-weight-heading); }

/* Icon font exception required by Divi. */
.et-pb-icon { font-family: 'ETmodules' !important; }


/* Shared button tokens. Product Card actions and slider controls remain
 * component-owned and intentionally do not inherit Foundation button geometry. */
:root {
    --ra-button-height: 40px;
    --ra-button-radius: 999px;
    --ra-button-padding-x: 20px;
    --ra-button-font-size: 14px;
    --ra-button-gap: 10px;
}


/* v0.5.1 - Product Card responsive button blueprint
 * Desktop values remain administrator-controlled. On mobile, Foundation
 * consumers mirror the approved one-column Product Card action geometry.
 * Product Card and Slider component styles are not targeted here.
 */
@media (max-width: 767px) {
    :root {
        --ra-button-height: 43px;
        --ra-button-padding-x: 8px;
        --ra-button-font-size: 14px;
        --ra-button-gap: 7px;
    }
}


/* Divi body-row integration. The Workbench toggle adds `.ra-shell` directly
 * to `.et-l--body .et_pb_row`; these rules let the shared shell override
 * Divi row width values without affecting header or footer layouts. */
.et-l--body .et_pb_row.ra-shell {
    box-sizing: border-box;
    width: calc(100% - 28px) !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}