/*
Theme Name: Lenant27 Child
Theme URI: https://belfort.qodeinteractive.com
Description: A child theme of Belfort
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: belfort
Template: lenant27
*/


/* ============================================================
   Mobile fix for Belfort Apartment Info Table on villa pages
   ============================================================ */
@media (max-width: 768px) {

    .qodef-apartment-info-table .qodef-e-ait-item-content {
        align-items: center !important;
        gap: 10px !important;
        padding: 12px 14px !important;
    }

    /* Row number: tight, non-shrink */
    .qodef-apartment-info-table .qodef-e-ait-item-content .qodef-e-count {
        flex: 0 0 auto !important;
        font-size: 14px !important;
        padding-right: 6px !important;
    }

    /* Label: smaller, let it wrap but not steal all the space */
    .qodef-apartment-info-table .qodef-e-ait-item-content .qodef-e-title {
        flex: 1 1 auto !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
        letter-spacing: 0.06em !important;
        margin: 0 !important;
    }

    /* Value: keep it on ONE line, right-aligned, no fat padding */
    .qodef-apartment-info-table .qodef-e-ait-item-content .qodef-e-base {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        padding-right: 0 !important;
        padding-left: 8px !important;
        margin-left: auto !important;
        text-align: right !important;
    }

    /* Section title at the top of the table ("Votre villa en détail") */
    .qodef-apartment-info-table .qodef-e-ait-table > .qodef-e-title {
        font-size: 24px !important;
        line-height: 1.2 !important;
        padding: 0 14px 14px !important;
    }
}

/* Narrower phones (iPhone SE etc.) — tighten further */
@media (max-width: 420px) {
    .qodef-apartment-info-table .qodef-e-ait-item-content {
        padding: 10px 12px !important;
        gap: 8px !important;
    }
    .qodef-apartment-info-table .qodef-e-ait-item-content .qodef-e-title {
        font-size: 10.5px !important;
    }
    .qodef-apartment-info-table .qodef-e-ait-item-content .qodef-e-base {
        font-size: 12px !important;
    }
}
/* ============================================================
   VILLA A — Reserved state
   Flip LENANT_VILLA_A_RESERVED to false in functions.php to revert.
   ============================================================ */

/* --- MENU: small bronze "Réservée" under "VILLA A", no pill --- */
body.villa-a-reserved .menu-item-villa-a > a {
    opacity: 1 !important;
    line-height: 1.15 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    display: block !important;
}
body.villa-a-reserved .menu-item-villa-a > a::after {
    content: 'Réservée';
    display: block;
    font-family: 'Jost', sans-serif;
    font-size: 8px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #c9a876;
    margin: 6px 0 0 0;
    padding: 0;
    background: transparent;
    border: none;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    opacity: 1;
}

/* --- VILLA A PAGE: hide original "Disponible" chip --- */
body.villa-a-reserved.is-villa-a-page .v-status,
body.villa-a-reserved.is-villa-a-page [class*="qodef-e-status"] {
    display: none !important;
}

/* --- The Réservée chip --- */
.v-status-reserved { display: none; }

body.villa-a-reserved.is-villa-a-page .v-status-reserved {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    font-size: 10px;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: #6d6660;
    padding: 7px 18px;
    border: 1px solid rgba(109, 102, 96, 0.4);
    border-radius: 20px;
    background: rgba(109, 102, 96, 0.08);
    font-weight: 500;
    font-family: 'Jost', sans-serif;
    margin: 0 !important;
}
body.villa-a-reserved.is-villa-a-page .v-status-reserved::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #6d6660;
    border-radius: 50%;
    flex-shrink: 0;
}

/* --- Note: block, full width, below the chip row --- */
.v-reserved-note { display: none; }
body.villa-a-reserved.is-villa-a-page .v-reserved-note {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin-top: 18px !important;
    padding-top: 16px !important;
    border-top: 1px solid rgba(138, 133, 128, 0.25);
    font-size: 12px !important;
    color: #6d6963 !important;
    line-height: 1.65 !important;
    font-style: italic !important;
    max-width: 480px !important;
    letter-spacing: 0.02em !important;
    font-family: 'Jost', sans-serif !important;
    margin-left: auto !important;
    text-align: right !important;
}

/* --- Fallback: if note somehow lands inside a flex row, force wrap --- */
body.villa-a-reserved.is-villa-a-page *:has(> .v-reserved-note) {
    flex-wrap: wrap !important;
}
body.villa-a-reserved.is-villa-a-page *:has(> .v-status-reserved) {
    flex-wrap: wrap !important;
}