/**
 * Way2Rentals Configuration - CSS Variables & Main Container
 * @package Way2Rentals
 */

/* CSS Variables */
:root {
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;

    /* Backgrounds */
    --color-bg-main: #fafafa;
    --color-bg-panel: #fff;
    --color-bg-card: #f5f5f5;
    --color-bg-header: #3498db;

    /* Text */
    --color-text-main: #212121;
    --color-text-theme: #314a89;
    --color-text-header: #fff;
    --color-text-detail: #5c5c5c;
    --color-text-muted: #757575;
    --color-text-price: #388e3c;
    --color-text-discount: #d32f2f;

    /* Buttons */
    --color-btn-bg: #3498db;
    --color-btn-text: #fff;
    --color-btn-selected-bg: #1976d2;
    --color-btn-selected-text: #fff;

    /* Cards */
    --color-card-selected-bg: #e3f2fd;
    --color-card-selected-border: #1976d2;
    --color-bg-selected: rgba(52, 152, 219, 0.05);

    /* Status */
    --color-success: #4caf50;
    --color-error: #f44336;
    --color-warning: #ff9800;
    --color-warning-hover: #e65100;
    --color-info: #2196f3;

    /* Alert backgrounds */
    --color-error-bg: #fff6f6;
    --color-error-light-bg: #f8d7da;
    --color-error-light-border: #f5c6cb;
    --color-success-bg: #d4edda;
    --color-success-border: #c3e6cb;
    --color-warning-bg: #fff3cd;
    --color-warning-border: #ffeaa7;
    --color-info-bg: #d0dce4;
    --color-info-border: #0b6ebe;

 

    /* Borders & Dividers */
    --color-border: #e0e0e0;

    /* Shadows */
    --shadow-main: 0 2px 8px rgba(0, 0, 0, 0.1);

    /* Promotion ribbon */
    --promo-ribbon-bg: #e63946;
    --promo-ribbon-text: #fff;
    --promo-ribbon-font-size: 0.6rem;

    /* Typography */
    --font-family-base: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Main Container */
.w2r-container {
    width: 100%;
    font-size: 14px;
    /* Enforce the plugin font so labels/inputs render consistently instead of
       inheriting the theme's font (booking) or Bootstrap's body font (fleet). */
    font-family: var(--font-family-base);
}

/* Form controls don't inherit font-family by default — enforce it explicitly. */
.w2r-container input,
.w2r-container select,
.w2r-container textarea,
.w2r-container button {
    font-family: var(--font-family-base);
}

/*
 * Heading defense.
 * Themes frequently force their own font and line-height onto h1–h6 (often with
 * !important — e.g. a serif "Georgia" heading font at line-height:3). Normalise
 * only the font so plugin headings render consistently regardless of theme.
 * Sizes, weight, margin and colour are deliberately left untouched so the
 * existing per-component / theme sizing is preserved.
 */
.w2r-container h1,
.w2r-container h2,
.w2r-container h3,
.w2r-container h4,
.w2r-container h5,
.w2r-container h6 {
    font-family: var(--font-family-base) !important;
    line-height: 1.3 !important;
}

.is-layout-constrained>.w2r-container {
    max-width: 1300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* WordPress theme override — remove side padding on mobile */
.has-global-padding {
    padding-right: 0px !important;
    padding-left: 0px !important;
}