/*
 * Coffeeno UI Foundation — dev1
 * Shared visual tokens for Coffeeno Core customer-facing UI.
 * Elementor remains the presentation layer: its Global Primary/Text colors
 * become the default Coffeeno brand/text colors when available.
 */
:root {
    --coffeeno-color-brand: var(--e-global-color-primary, #d8252b);
    --coffeeno-color-text: var(--e-global-color-text, #222222);
    --coffeeno-color-muted: #6b6b6b;
    --coffeeno-color-bg: #f2f2f2;
    --coffeeno-color-surface: #ffffff;
    --coffeeno-color-surface-soft: #f7f7f7;
    --coffeeno-color-border: #e1e1e1;
    --coffeeno-color-border-strong: #cfcfcf;
    --coffeeno-color-danger: #971d1d;
    --coffeeno-color-danger-soft: #fff0f0;
    --coffeeno-color-warning-soft: #fff9e9;
    --coffeeno-color-warning-border: #efd58b;

    --coffeeno-radius-xs: 8px;
    --coffeeno-radius-sm: 10px;
    --coffeeno-radius-md: 14px;
    --coffeeno-radius-lg: 20px;
    --coffeeno-radius-pill: 999px;

    --coffeeno-space-1: 4px;
    --coffeeno-space-2: 8px;
    --coffeeno-space-3: 12px;
    --coffeeno-space-4: 16px;
    --coffeeno-space-5: 20px;
    --coffeeno-space-6: 24px;
    --coffeeno-space-8: 32px;

    --coffeeno-touch-target: 44px;
    --coffeeno-shadow-card: 0 8px 24px rgba(0,0,0,.07);
    --coffeeno-shadow-float: 0 12px 36px rgba(0,0,0,.18);
    --coffeeno-focus-ring: 0 0 0 3px rgba(216,37,43,.18);
}

/* Mobile cart stabilization: centered above sticky navigation and hidden while product modal is open. */
@media(max-width:767px){
  .coffeeno-cart-fab{left:50%!important;right:auto!important;bottom:calc(112px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:min(360px,calc(100vw - 44px))!important;justify-content:center!important}
}
html.coffeeno-modal-open .coffeeno-cart-fab{display:none!important}