/* ===== Escale V skin (rose) ===== */
:root {
    --rose: #F8CCE0;
    --text: #111;
    --muted: #6b7280;
    --border: #e5e7eb;
}

.escalev-skin,
.wc-bookings-booking-form,
.bc-calendar {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    color: var(--text);
}

.escalev-container {
    max-width: 1150px;
    margin: 0 auto;
    padding: 8px 16px;
}

.escalev-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 6px 0 14px;
}

.escalev-tab {
    background: #eee;
    border-radius: 999px;
    padding: 10px 18px;
    text-align: center;
    font-weight: 700;
}

.escalev-tab.is-active {
    background: var(--rose);
}

.escalev-grid {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 24px;
}

@media (max-width: 980px) {
    .escalev-grid {
        grid-template-columns: 1fr;
    }
}

.escalev-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px;
}

.escalev-sub {
    color: var(--muted);
    margin: 0 0 10px;
}

/* pills personnes */
.escalev-pills {
    display: flex;
    gap: 10px;
    margin: 8px 0 6px;
    flex-wrap: wrap;
}

.escalev-pills .pill {
    border: 1px solid var(--border);
    background: #fff;
    border-radius: 999px;
    padding: 10px 16px;
    cursor: pointer;
    transition: .05s;
}

.escalev-pills .pill.is-active {
    background: var(--rose);
    border-color: var(--rose);
    font-weight: 700;
}

.escalev-pills .pill.is-disabled {
    opacity: .35;
    pointer-events: none;
}

.escalev-button {
    display: block;
    width: 100%;
    text-align: center;
    background: var(--rose);
    border: 0;
    border-radius: 12px;
    padding: 14px 18px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    cursor: pointer;
}

.escalev-note {
    color: var(--muted);
    font-size: .92rem;
}

/* cadrage calendrier (tes templates) */
.escalev-calendar .wc-bookings-booking-form {
    border: 0;
    padding: 0;
}

.escalev-calendar .wc-bookings-date-picker {
    border-radius: 12px;
    border: 1px solid var(--border);
    overflow: hidden;
}

/* Harmoniser un peu le header existant */
.bc-calendar-header .room-list a.active {
    border-bottom: 2px solid var(--rose);
}

.bc-calendar-header .calendar-display .option li a.active {
    color: var(--rose);
}

/* Garder vos couleurs “Réservé/Dispo”, mais nettoyage */
.booking-table td {
    font-size: 15px;
}

/* Ne jamais afficher l’image, le titre, etc., dans notre wrapper */
.escalev-container .product,
.escalev-container .summary,
.escalev-container .product_title,
.escalev-container .images,
.escalev-container .price,
.escalev-container .woocommerce-product-gallery {
    display: none !important;
}


.escalev-skin,
.escalev-results,
.escv-packs,
.rcv-catering,
.escv-extras,
.escv-soins {
    color: #111;
}

.escalev-skin a,
.escalev-results a,
.escv-packs a,
.rcv-catering a,
.escv-extras a,
.escv-soins a {
    color: inherit;
    text-decoration: none;
}

.escalev-skin :where(h1, h2, h3, h4, h5, h6, p, li, span, div),
.escalev-results :where(h1, h2, h3, h4, h5, h6, p, li, span, div),
.escv-packs :where(h1, h2, h3, h4, h5, h6, p, li, span, div),
.rcv-catering :where(h1, h2, h3, h4, h5, h6, p, li, span, div),
.escv-extras :where(h1, h2, h3, h4, h5, h6, p, li, span, div),
.escv-soins :where(h1, h2, h3, h4, h5, h6, p, li, span, div) {
    color: #111;
}

.escalev-skin *,
.escalev-results *,
.escv-packs *,
.rcv-catering *,
.escv-extras *,
.escv-soins * {
    box-sizing: border-box;
}

.escalev-skin .elementor,
.escalev-skin .elementor-widget,
.escalev-skin .elementor-section {
    color: inherit;
}



/* ===== Escale V: verrouillage d'affichage dans notre zone racine ===== */
#escv-root {
    color: #111;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Hérite la couleur dans tous les éléments courants (ID => forte spécificité) */
#escv-root :where(h1, h2, h3, h4, h5, h6, p, li, span, div, a, strong, em, small) {
    color: #111;
}

/* Neutralise les couleurs imposées par Elementor sur .elementor-* */
#escv-root :where(.elementor, .elementor-section, .elementor-container, .elementor-widget, .elementor-widget-container, .elementor-text-editor, .elementor-heading-title) {
    color: inherit;
}

/* Evite les surprises de box-model */
#escv-root,
#escv-root * {
    box-sizing: border-box;
}

/* Normalise les marges/rythmes de base dans notre zone (cohérent avec ton local) */
#escv-root :where(h1, h2, h3) {
    margin: 0 0 .6rem;
    line-height: 1.25;
}

#escv-root :where(p) {
    margin: 0 0 .75rem;
    line-height: 1.5;
}

#escv-root :where(ul, ol) {
    margin: .5rem 0 .75rem 1.25rem;
}

/* Liens = couleur héritée, sans soulignement par défaut */
#escv-root a {
    color: inherit;
    text-decoration: none;
}

#escv-root a:hover {
    text-decoration: underline;
}

/* Boutons/pills de ta skin gardent leur look (au cas où un style global s’invite) */
#escv-root .escalev-button,
#escv-root .escv-pill,
#escv-root .escv-continue,
#escv-root .escv-car-btn,
#escv-root .escv-back-btn {
    color: inherit;
}

/* (Optionnel ultime recours, à décommenter si un bloc résiste)
#escv-root * { color:#111 !important; }
*/