/*
 * WihdaTec Pro – Premium Accueil v1.0.2
 * Création : 12-10-2026 à 17:15:11 (Montréal)
 * Mise à jour : 12-10-2026 à 17:28:46 (Montréal) — réglages des flèches.
 * Uniquement le bloc d'accueil sélectionné par le JavaScript.
 * Ne définit aucune taille de photo, police, hauteur de carte ou style des autres blocs.
 */

body.home .wih-pa-rail,
body.front-page .wih-pa-rail {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: flex-start !important;
    gap: var(--wih-pa-gap, 10px) !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

body.home .wih-pa-rail::-webkit-scrollbar,
body.front-page .wih-pa-rail::-webkit-scrollbar {
    display: none;
}

body.home .wih-pa-rail > .switcher-item.masonery_item,
body.front-page .wih-pa-rail > .switcher-item.masonery_item {
    /* Annulation limitée aux coordonnées Masonry calculées pour cette rangée. */
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    float: none !important;
    display: block !important;
    flex: 0 0 var(--wih-pa-card-width, 260px) !important;
    width: var(--wih-pa-card-width, 260px) !important;
    max-width: var(--wih-pa-card-width, 260px) !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    scroll-snap-align: start;
}

body.home .wih-pa-controls,
body.front-page .wih-pa-controls {
    position: relative !important;
}

body.home .wih-pa-controls > .wih-pa-fleche,
body.front-page .wih-pa-controls > .wih-pa-fleche {
    position: absolute;
    top: var(--wih-pa-fleche-top, 38%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 42px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: var(--wih-pa-fleche-fond, #FB4210);
    color: var(--wih-pa-fleche-texte, #FFFFFF);
    font: 700 25px/1 Arial, sans-serif;
    cursor: pointer;
    box-shadow: 0 2px 5px rgb(0 0 0 / 16%);
}
body.home .wih-pa-controls > .wih-pa-precedente,
body.front-page .wih-pa-controls > .wih-pa-precedente { left: var(--wih-pa-fleche-retrait, 0px); }
body.home .wih-pa-controls > .wih-pa-suivante,
body.front-page .wih-pa-controls > .wih-pa-suivante { right: var(--wih-pa-fleche-retrait, 0px); }
body.home .wih-pa-controls > .wih-pa-fleche:disabled,
body.front-page .wih-pa-controls > .wih-pa-fleche:disabled {
    opacity: .3;
    cursor: default;
}
body.home .wih-pa-controls > .wih-pa-fleche:focus-visible,
body.front-page .wih-pa-controls > .wih-pa-fleche:focus-visible {
    outline: 3px solid #044353;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    body.home .wih-pa-rail,
    body.front-page .wih-pa-rail { scroll-behavior: auto; }
}
/* Respecter la désactivation native des flèches quand tout est déjà visible. */
body.home .wih-pa-controls > .wih-pa-fleche[hidden],
body.front-page .wih-pa-controls > .wih-pa-fleche[hidden] {
    display: none !important;
}

/* L'ordre du défilement reste stable en arabe ; le texte garde son sens RTL. */
html[dir="rtl"] body.home .wih-pa-rail { direction: ltr !important; }
html[dir="rtl"] body.home .wih-pa-rail > .switcher-item { direction: rtl !important; }


/*
 * v1.0.2 — Cadre unique autour du carrousel Premium de l'accueil.
 * Deux calques sont placés hors de la grille (frères de .wih-pa-rail),
 * sans changer sa largeur, sa hauteur, ses cartes ni les flèches.
 * Le contour est volontairement NON interactif (pointer-events: none).
 */
body.home .wih-pa-controls > .wih-pa-cadre-contour,
body.front-page .wih-pa-controls > .wih-pa-cadre-contour {
    position: absolute;
    top: calc(0px - var(--wih-pa-cadre-distance, 10px));
    right: calc(0px - var(--wih-pa-cadre-distance, 10px));
    bottom: calc(0px - var(--wih-pa-cadre-distance, 10px));
    left: calc(0px - var(--wih-pa-cadre-distance, 10px));
    border: var(--wih-pa-cadre-epaisseur, 2px) var(--wih-pa-cadre-style, solid) var(--wih-pa-cadre-couleur, #FB4210);
    border-radius: var(--wih-pa-cadre-arrondi, 8px);
    box-sizing: border-box;
    z-index: 8;
    pointer-events: none;
}
body.home .wih-pa-controls > .wih-pa-cadre-libelle,
body.front-page .wih-pa-controls > .wih-pa-cadre-libelle {
    position: absolute;
    top: calc(0px - var(--wih-pa-cadre-distance, 10px));
    left: 16px;
    transform: translateY(-50%);
    z-index: 9;
    max-width: calc(100% - 32px);
    padding: 0 8px;
    margin: 0;
    background: var(--wih-pa-cadre-fond-titre, #FFFFFF);
    color: var(--wih-pa-cadre-texte, #044353);
    font-family: var(--wih-pa-cadre-police, inherit);
    font-size: var(--wih-pa-cadre-taille, 16px);
    font-weight: var(--wih-pa-cadre-graisse, 700);
    line-height: 1.35;
    border: 0;
    pointer-events: none;
}