/* =====================================================================
   WebSee — styles des vues FRONT des modules 4.5 (gabarit front.html.twig).
   Tout est scopé sous .ws-front pour ne pas heurter le thème du site client.
   ===================================================================== */

.ws-front {
    --ws-bleuclair: #19abe3;
    --ws-bleufonce: #253542;
    --ws-orange:    #e56e1e;
    max-width: 920px;
    margin: 1.5rem auto;
    padding: 0 .75rem;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #2b3640;
}

.ws-front .ws-front-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 22px rgba(37,53,66,.12);
    padding: 1.5rem 1.75rem;
}

/* Titres : filet orange à gauche (cohérent avec l'admin) */
.ws-front h1, .ws-front h2, .ws-front h3 {
    color: var(--ws-bleufonce);
    border-left: 4px solid var(--ws-orange);
    padding: .1rem 0 .1rem .7rem;
    margin: 0 0 1.2rem;
    font-weight: 600;
}
.ws-front h2 { font-size: 1.4rem; }

/* Tableau d'informations */
.ws-front .ws-infos th { color: var(--ws-bleufonce); width: 36%; white-space: nowrap; vertical-align: top; }
.ws-front .ws-infos td { vertical-align: top; }

/* Boutons de marque */
.ws-front .btn-ws-map { background: var(--ws-bleuclair); border-color: var(--ws-bleuclair); color: #fff; }
.ws-front .btn-ws-map:hover { background: #1496c7; border-color: #1496c7; color: #fff; }

/* Galerie photos */
.ws-front .ws-gallery img { border-radius: 8px; object-fit: cover; }
.ws-front .ws-actions .btn { min-width: 150px; }

/* Bouton primaire de marque */
.ws-front .btn-ws-primary {
    background: var(--ws-bleuclair);
    border-color: var(--ws-bleuclair);
    color: #fff;
}
.ws-front .btn-ws-primary:hover,
.ws-front .btn-ws-primary:focus {
    background: #1496c7;
    border-color: #1496c7;
    color: #fff;
}

/* Module disponibilité */
.ws-front .ws-dispo-img {
    max-height: 340px;
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
}
.ws-front .ws-dispo-title {
    margin-top: .5rem;
}
.ws-front .ws-dispo-desc {
    color: #444;
}

/* Titres du contenu front : Bootstrap Reboot force line-height:1.2 sur h1..h6 et écrase
   la base (style2-base.css, chargée AVANT Bootstrap). On rétablit le 1.5 de la charte,
   scopé à .wrapper-contents pour ne viser QUE le contenu/les balises front et laisser
   les composants Bootstrap (navbar, modales…) à leur 1.2. La spécificité (0,1,1) > Reboot
   (0,0,1), donc gagne indépendamment de l'ordre de chargement. */
.wrapper-contents h1,
.wrapper-contents h2,
.wrapper-contents h3,
.wrapper-contents h4,
.wrapper-contents h5,
.wrapper-contents h6 { line-height: 1.5; }

/* Empilement des modales Bootstrap au-dessus de la charte. Les z-index aberrants de style2.css
   (10^8, 10^16, 10^6, 99999) ont été ramenés à une échelle saine (≤ 1030) ; restent des
   menus déroulants legacy à 10000. On place donc modale + backdrop juste au-dessus (11000). */
.modal { z-index: 11000 !important; }
.modal-backdrop { z-index: 10900 !important; }