/**
 * 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-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;

    /* 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;
}

/* Main Container */
.w2r-container {
    width: 100%;
    font-size: 14px;
}

.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;
}