/**
 * ALJA — Inner Pages Stylesheet
 * Styles partagés pour toutes les pages hors homepage :
 * archive ateliers, idées cadeaux, entreprises, à propos, single atelier.
 *
 * @package ALJA
 * @since   1.0.0
 */

/* ═══════════════════════════════════════
   INNER PAGE HERO
   ═══════════════════════════════════════ */

.alja-inner-hero {
    position: relative;
    padding-block: var(--alja-hero-pad-block);   /* même respiration sur toutes les bannières — voir main.css */
    overflow: hidden;
    display: flex;
    align-items: center;
}

/* Variant couleurs */
.alja-inner-hero--primary {
    background: var(--wp--preset--gradient--hero);
}

.alja-inner-hero--rose-gold {
    background: var(--wp--preset--gradient--rose-gold);
}

.alja-inner-hero--dark {
    background: linear-gradient(135deg, var(--wp--preset--color--charcoal) 0%, var(--wp--preset--color--secondary) 100%);
}

.alja-inner-hero--sand {
    background: var(--wp--preset--gradient--sand-fade);
}

/* Overlays décoratifs */
.alja-inner-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(ellipse 60% 80% at 80% 0%, rgba(255,255,255,0.08) 0%, transparent 60%),
        radial-gradient(ellipse 40% 60% at 0% 100%, rgba(0,0,0,0.06) 0%, transparent 60%);
    pointer-events: none;
}

/* Forme décoratives SVG/CSS */
.alja-inner-hero::after {
    content: '';
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.12);
    inset-inline-end: -80px;
    bottom: -80px;
    pointer-events: none;
}

/* ── Variante bannière avec image de fond ──────────────────────────
   Pages « Nos Ateliers » / catégories / villes : la photo du terme
   (ou l'image par défaut) remplace le dégradé. Ni lignes ni formes
   décoratives, juste un voile teinté pour garder le texte lisible. */
.alja-inner-hero--has-bg::before,
.alja-inner-hero--has-bg::after {
    display: none;
}

/* Variante "clean" : aucune ligne ni forme décorative (avec ou sans image) */
.alja-inner-hero--clean::before,
.alja-inner-hero--clean::after {
    display: none;
}

/* Pages Ateliers sans image de fond : dégradé vert pur (le preset « Hero
   Gradient » vert → bleu reste réservé à l'accueil et aux CTA). */
.alja-inner-hero--listing:not(.alja-inner-hero--has-bg) {
    background: linear-gradient(135deg, #3A8A6A 0%, #2D6E53 100%);
}

/* Page Événements : voile or (univers Événements) au lieu du vert commun.
   Brun-or dense côté texte (blanc lisible), plus clair vers le formulaire.
   Les pages Ateliers gardent le voile vert par défaut. */
.alja-enterprise-hero .alja-inner-hero__bg::after {
    background: linear-gradient(135deg, rgba(104, 72, 16, 0.88) 0%, rgba(160, 118, 30, 0.80) 50%, rgba(212, 164, 58, 0.72) 100%);
}
.alja-enterprise-hero.alja-inner-hero--dark:not(.alja-inner-hero--has-bg) {
    background: linear-gradient(135deg, #5C3F0E 0%, #B8892A 100%);
}

/* Voile rose/or quand une image de fond est posée sur le hero rose-gold */
.alja-inner-hero--rose-gold .alja-inner-hero__bg::after {
    background: linear-gradient(135deg, rgba(146, 84, 70, 0.85) 0%, rgba(180, 134, 52, 0.78) 100%);
}

/* CTA sans cercle décoratif */
.alja-cta--clean::before,
.alja-cta--clean::after {
    content: none;
}

.alja-inner-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
}

.alja-inner-hero__bg::after {
    content: '';
    position: absolute;
    inset: 0;
    /* Voile vert (univers Ateliers : archive, catégories, villes, contact, à propos).
       Le second arrêt était le bleu boutique (#2A6B7C) : remplacé par le vert
       de marque (#3A8A6A) — vert ateliers, bleu produits, or événements, rose bons cadeaux. */
    background: linear-gradient(135deg, rgba(31, 58, 47, 0.86) 0%, rgba(58, 138, 106, 0.78) 100%);
}

.alja-inner-hero__container {
    position: relative;
    z-index: 1;
    max-width: var(--alja-site-max);
    margin-inline: auto;
    padding-inline: var(--alja-gutter);
    width: 100%;
}

.alja-inner-hero__breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-block-end: 1.25rem;
    font-size: var(--wp--preset--font-size--xs);
    color: rgba(255, 255, 255, 0.7);
}

.alja-inner-hero__breadcrumb a {
    color: inherit;
    text-decoration: none;
    transition: color var(--wp--custom--transition--fast);
}

.alja-inner-hero__breadcrumb a:hover {
    color: var(--wp--preset--color--white);
}

.alja-inner-hero__breadcrumb-sep {
    opacity: 0.5;
    font-size: 0.625rem;
}

.alja-inner-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.875rem;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: var(--wp--custom--border-radius--full);
    font-size: var(--wp--preset--font-size--xs);
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-block-end: 1rem;
    backdrop-filter: blur(8px);
}

.alja-inner-hero__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: clamp(2rem, 4.5vw, 3.5rem);
    font-weight: 700;
    color: var(--wp--preset--color--white);
    line-height: 1.2;
    margin-block-end: 1rem;
    letter-spacing: -0.02em;
    max-width: 680px;
}

.alja-inner-hero__subtitle {
    font-family: var(--wp--preset--font-family--body);
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
    max-width: 560px;
    margin-block-end: 0;
}

.alja-inner-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    /* Le sous-titre ne porte plus de marge basse : c'est au bloc de boutons
       de se décoller du texte, sinon ils s'y collent (page Entreprises). */
    margin-block-start: 2rem;
}

/* Hero dark variant — text colors */
.alja-inner-hero--sand .alja-inner-hero__title,
.alja-inner-hero--sand .alja-inner-hero__subtitle {
    color: var(--wp--preset--color--charcoal);
}

.alja-inner-hero--sand .alja-inner-hero__breadcrumb {
    color: var(--wp--preset--color--gray-600);
}

/* Hero stats inline */
.alja-inner-hero__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-block-start: 1.5rem;
    padding-block-start: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.alja-inner-hero__stat {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.alja-inner-hero__stat-number {
    font-family: var(--wp--preset--font-family--heading);
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--wp--preset--color--white);
    line-height: 1;
}

.alja-inner-hero__stat-label {
    font-size: var(--wp--preset--font-size--xs);
    color: rgba(255, 255, 255, 0.65);
    font-weight: 500;
}

/* ═══════════════════════════════════════
   DENSITÉ MOBILE — bannières internes
   Sur téléphone la bannière repoussait le contenu utile sous la ligne
   de flottaison. On resserre les espacements partout, et sur les pages
   de liste (ateliers, boutique) on retire l'eyebrow et la description :
   l'internaute y vient chercher des cartes, pas un texte d'intention.
   ═══════════════════════════════════════ */

@media (max-width: 767px) {
    /* Le padding mobile vient du jeton --alja-hero-pad-block (main.css). */
    .alja-inner-hero__breadcrumb {
        margin-block-end: 0.75rem;
    }

    /* Badge décoratif : l'information est déjà portée par le titre
       et par le reste de la page. */
    .alja-inner-hero__eyebrow {
        display: none;
    }

    .alja-inner-hero__title {
        font-size: 1.75rem;
        margin-block-end: 0.625rem;
    }

    /* Taille inchangée : ce texte est en blanc à 80% sur photo, le
       réduire dégraderait une lisibilité déjà juste. On ne reprend
       que la marge. */
    .alja-inner-hero__subtitle {
        margin-block-end: 0;
    }

    /* Pages de liste : la bannière se réduit au fil d'Ariane + titre */
    .alja-inner-hero--listing .alja-inner-hero__subtitle {
        display: none;
    }

    .alja-inner-hero--listing .alja-inner-hero__title {
        margin-block-end: 0;
    }
}

/* ═══════════════════════════════════════
   FILTER TABS (ATELIERS ARCHIVE)
   ═══════════════════════════════════════ */

.alja-filter-tabs {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    padding-block: 0.8rem;
    background: var(--wp--preset--color--white);
    position: sticky;
    top: 0;
    z-index: 10;
}

.alja-filter-tabs__inner {
    display: flex;
    gap: 0.5rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    padding-inline: var(--alja-gutter);
    max-width: var(--alja-site-max);
    margin-inline: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

.alja-filter-tabs__inner::-webkit-scrollbar {
    display: none;
}

.alja-filter-tab {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1.125rem;
    background: var(--wp--preset--color--white);
    border: 1.5px solid var(--wp--preset--color--gray-200);
    border-radius: var(--wp--custom--border-radius--full);
    font-size: var(--wp--preset--font-size--sm);
    font-weight: 500;
    color: var(--wp--preset--color--charcoal);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: all var(--wp--custom--transition--fast);
    flex-shrink: 0;
}

.alja-filter-tab:hover {
    border-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary);
}

.alja-filter-tab.is-active,
.alja-filter-tab[aria-current="page"] {
    background: var(--wp--preset--color--charcoal);
    border-color: var(--wp--preset--color--charcoal);
    color: var(--wp--preset--color--white);
}

/* Mobile : bande de catégories resserrée. Les pastilles gardent 36px
   de haut — au-dessus de la cible tactile confortable — mais la bande
   ne consomme plus la hauteur d'une demi-carte. */
@media (max-width: 767px) {
    .alja-filter-tabs {
        padding-block: 0.625rem;
    }

    .alja-filter-tab {
        padding: 0.4375rem 0.875rem;
        font-size: 0.8125rem;
    }

    /* La grille démarre juste sous la bande */
    .alja-archive-layout {
        padding-block-start: 1rem;
    }
}

/* ═══════════════════════════════════════
   TAXONOMY ARCHIVE HERO
   (catégories, niveaux, lieux — term pages)
   ═══════════════════════════════════════ */

.alja-archive-hero {
    background: linear-gradient(135deg, var(--wp--preset--color--sand-light, #FAF7F2) 0%, #fff 100%);
    border-bottom: 1px solid var(--wp--preset--color--gray-200, #E5E7EB);
    padding-block: var(--alja-hero-pad-block);
}

.alja-archive-hero__inner {
    max-width: var(--alja-site-max, 1320px);
    margin-inline: auto;
    padding-inline: var(--alja-gutter, 1.5rem);
}

.alja-archive-hero__breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    color: var(--wp--preset--color--gray-500, #6B7280);
    margin-block-end: 1rem;
    flex-wrap: wrap;
}

.alja-archive-hero__breadcrumb a {
    color: var(--wp--preset--color--gray-500, #6B7280);
    text-decoration: none;
    transition: color 200ms;
}

.alja-archive-hero__breadcrumb a:hover {
    color: var(--wp--preset--color--charcoal, #1F2937);
}

.alja-archive-hero__title {
    font-size: clamp(1.75rem, 4vw, 2.75rem);
    font-weight: 800;
    color: var(--wp--preset--color--charcoal, #1F2937);
    margin: 0 0 0.75rem;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.alja-archive-hero__desc {
    font-size: 1.0625rem;
    color: var(--wp--preset--color--gray-600, #4B5563);
    line-height: 1.65;
    max-width: 640px;
    margin: 0 0 1rem;
}

.alja-archive-hero__count {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.9375rem;
    color: var(--wp--preset--color--primary, #3A8A6A);
    background: #ECFDF5;
    border: 1px solid rgba(58,138,106,0.2);
    border-radius: 6.25rem;
    padding: 0.375rem 0.875rem;
    font-weight: 600;
    margin: 0;
}


/* ═══════════════════════════════════════
   ATELIERS ARCHIVE LAYOUT
   ═══════════════════════════════════════ */

/* ── Neutralise le margin-block-start injecté par WP (.is-layout-flow > *) ── */
.wp-block-group > .alja-archive-layout,
:where(.is-layout-flow) > .alja-archive-layout,
main > .alja-archive-layout {
    margin-block-start: 0 !important;
}

/* Supprime tout espace résiduel entre les blocs WP dans le template archive */
.wp-block-group > * + .alja-archive-layout {
    margin-block-start: 0 !important;
}

.alja-archive-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    max-width: var(--alja-site-max);
    margin-inline: auto;
    margin-block-start: 0;
    padding: 1.75rem var(--alja-gutter) 3rem;
}

@media (min-width: 1024px) {
    .alja-archive-layout {
        grid-template-columns: 270px 1fr;
        align-items: start;
        gap: 2rem;
        padding-block: 2.5rem 4rem;
    }
}



/* WooCommerce wrapper — centrage --alja-site-max */
.alja-wc-wrapper {
    max-width: var(--alja-site-max);
    margin-inline: auto;
    padding-inline: var(--alja-gutter);
    padding-block: var(--wp--preset--spacing--60);
    width: 100%;
    box-sizing: border-box;
}

/* Sidebar filters */
.alja-archive-sidebar {
    background: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: var(--wp--custom--border-radius--xl);
    padding: var(--alja-pad-panel);
    /* Mobile: not sticky */
    position: static;
}

@media (min-width: 1024px) {
    .alja-archive-sidebar {
        padding: 1.25rem;
        position: sticky;
        top: 80px;
    }

    /* « Appliquer » flotte en bas de l'écran tant que la sidebar est
       plus haute que le viewport, puis se repose à sa place naturelle
       en fin de liste : plus jamais besoin de scroller pour appliquer. */
    .alja-sidebar-apply-btn {
        position: sticky;
        bottom: 1rem;
        z-index: 5;
        /* Halo au fond du panneau : masque les options qui passent
           sous le bouton pendant le défilement. */
        box-shadow: 0 0 0 8px var(--wp--preset--color--white),
                    0 10px 24px rgba(0, 0, 0, 0.16);
    }
}

/* Sur mobile : masquer la sidebar par défaut avec toggle possible */
@media (max-width: 1023px) {
    .alja-archive-sidebar {
        order: -1; /* sidebar avant la grille sur mobile */
    }
}

.alja-archive-sidebar__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--md);
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin-block-end: var(--alja-stack-lg);
    padding-block-end: var(--alja-stack-md);
    border-bottom: 1px solid var(--wp--preset--color--gray-200);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.alja-archive-sidebar__reset {
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--primary);
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}

.alja-archive-filter-group {
    margin-block-end: var(--alja-stack-lg);
    padding-block-end: var(--alja-stack-lg);
    border-bottom: 1px solid var(--wp--preset--color--gray-200);
}

.alja-archive-filter-group:last-child {
    margin-block-end: 0;
    padding-block-end: 0;
    border-bottom: none;
}

.alja-archive-filter-group__label {
    font-size: var(--wp--preset--font-size--xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--wp--preset--color--charcoal);
    margin-block-end: var(--alja-stack-md);
}

.alja-archive-filter-option {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-block-end: var(--alja-stack-xs);
    cursor: pointer;
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--charcoal-light);
    transition: color var(--wp--custom--transition--fast);
}

.alja-archive-filter-option:hover {
    color: var(--wp--preset--color--primary);
}

.alja-archive-filter-option input[type="checkbox"],
.alja-archive-filter-option input[type="radio"] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--wp--preset--color--primary);
    flex-shrink: 0;
    cursor: pointer;
}

/* Price range */
.alja-price-range {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.alja-price-range__input {
    flex: 1;
    padding: 0.5rem 0.75rem;
    border: 1.5px solid var(--wp--preset--color--gray-200);
    border-radius: var(--wp--custom--border-radius--md);
    font-size: var(--wp--preset--font-size--sm);
    font-family: var(--wp--preset--font-family--body);
    color: var(--wp--preset--color--charcoal);
    background: var(--wp--preset--color--white);
    outline: none;
    transition: border-color var(--wp--custom--transition--fast);
    width: 100%;
}

.alja-price-range__input:focus {
    border-color: var(--wp--preset--color--primary);
}

.alja-price-range__sep {
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--gray-600);
    flex-shrink: 0;
}

.alja-sidebar-apply-btn {
    display: block;
    width: 100%;
    padding: 0.75rem;
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--sm);
    font-weight: 600;
    border: none;
    border-radius: var(--wp--custom--border-radius--md);
    cursor: pointer;
    margin-block-start: 1.25rem;
    transition: background-color var(--wp--custom--transition--fast);
    text-align: center;
    text-decoration: none;
}

.alja-sidebar-apply-btn:hover {
    background: var(--wp--preset--color--primary-dark);
}

/* Libellé + compteur d'une option de filtre */
.alja-archive-filter-option__label {
    flex: 1;
    min-width: 0;
}

.alja-archive-filter-option__count {
    flex-shrink: 0;
    font-size: var(--wp--preset--font-size--xs);
    font-variant-numeric: tabular-nums;
    color: var(--wp--preset--color--gray-600);
    background: var(--wp--preset--color--gray-100, #F3F4F6);
    border-radius: var(--wp--custom--border-radius--full);
    padding: 0.0625rem 0.4375rem;
    line-height: 1.5;
}

/* Groupe dont aucun atelier ne porte encore de valeur */
.alja-archive-filter-group__hint {
    margin: 0 0 0.75rem;
    font-size: var(--wp--preset--font-size--xs);
    line-height: 1.5;
    color: var(--wp--preset--color--gray-600);
}

/* Terme sans aucun atelier : visible mais non cliquable */
.alja-archive-filter-option.is-empty {
    opacity: 0.45;
    cursor: not-allowed;
}

.alja-archive-filter-option.is-empty:hover {
    color: var(--wp--preset--color--charcoal-light);
}

.alja-archive-filter-option.is-empty input {
    cursor: not-allowed;
}

/* Zone défilante — utile seulement dans le panneau mobile */
.alja-archive-sidebar__scroll {
    display: contents;
}

/* Aucun résultat (grille + layout d'archive) */
.alja-no-results {
    text-align: center;
    padding: var(--wp--preset--spacing--60, 3rem) 1rem;
}

.alja-no-results__text {
    font-size: var(--wp--preset--font-size--lg);
    font-weight: 600;
    color: var(--wp--preset--color--gray-600);
    margin: 0;
}

.alja-no-results__cta {
    display: inline-block;
    margin-block-start: 1.25rem;
    padding: 0.625rem 1.5rem;
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    border-radius: var(--wp--custom--border-radius--md);
    text-decoration: none;
    font-weight: 600;
}

.alja-no-results__cta:hover {
    background: var(--wp--preset--color--primary-dark);
}

/* ═══════════════════════════════════════
   FILTRES ATELIERS — PANNEAU MOBILE
   Sous 1024px la sidebar sort du flux et devient une feuille du bas :
   les cartes ateliers deviennent le premier contenu de la page.
   Rien n'est déplacé dans le DOM, tout est fait en CSS.
   ═══════════════════════════════════════ */

/* Déclencheur + voile : masqués hors mobile.
   [hidden] est répété partout car une règle `display` de classe
   l'emporterait sinon sur l'attribut. */
.alja-filters-fab,
.alja-filters-backdrop,
.alja-filters-drawer__close {
    display: none;
}

.alja-filters-fab[hidden],
.alja-filters-backdrop[hidden],
.alja-filters-fab__count[hidden] {
    display: none !important;
}

@media (max-width: 1023px) {

    .alja-archive-sidebar--drawer {
        position: fixed;
        inset: auto 0 0 0;
        z-index: 1200;
        max-height: min(85vh, 44rem);
        display: flex;
        flex-direction: column;
        gap: 0;
        border: none;
        border-radius: 1.25rem 1.25rem 0 0;
        box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.22);
        padding: 1.5rem 1.25rem calc(1rem + env(safe-area-inset-bottom, 0px));
        transform: translateY(101%);
        visibility: hidden;
        transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1), visibility 0.32s;
    }

    .alja-archive-sidebar--drawer.is-open {
        transform: translateY(0);
        visibility: visible;
    }

    /* Poignée de préhension */
    .alja-archive-sidebar--drawer::before {
        content: "";
        position: absolute;
        top: 0.5rem;
        left: 50%;
        transform: translateX(-50%);
        width: 2.5rem;
        height: 0.25rem;
        border-radius: 0.125rem;
        background: var(--wp--preset--color--gray-200);
    }

    .alja-archive-sidebar--drawer .alja-archive-sidebar__scroll {
        display: block;
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        margin-inline: -1.25rem;
        padding-inline: 1.25rem;
    }

    /* Boutique : les filtres sont dans un <form>, qui doit donc porter
       la colonne flex pour que « Appliquer » reste collé en bas. */
    .alja-archive-sidebar--drawer .alja-shop-filters-form {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
    }

    .alja-archive-sidebar--drawer .alja-sidebar-apply-btn {
        flex: 0 0 auto;
        margin-block-start: 1rem;
        padding-block: 0.875rem;
    }

    .alja-archive-sidebar--drawer .alja-filters-drawer__close {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 1.125rem;
        right: 0.875rem;
        width: 2rem;
        height: 2rem;
        padding: 0;
        border: none;
        border-radius: 50%;
        background: var(--wp--preset--color--gray-100, #F3F4F6);
        color: var(--wp--preset--color--charcoal);
        cursor: pointer;
    }

    .alja-archive-sidebar--drawer .alja-filters-drawer__close svg {
        width: 1rem;
        height: 1rem;
    }

    /* Le titre laisse la place au bouton de fermeture */
    .alja-archive-sidebar--drawer .alja-archive-sidebar__title {
        padding-right: 2.5rem;
    }

    /* Bouton flottant « Filtres » — hors flux, les cartes restent en tête */
    .alja-filters-fab {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px));
        z-index: 960;
        padding: 0.75rem 1.375rem;
        border: none;
        border-radius: var(--wp--custom--border-radius--full);
        background: var(--wp--preset--color--charcoal);
        color: var(--wp--preset--color--white);
        font-family: var(--wp--preset--font-family--body);
        font-size: var(--wp--preset--font-size--sm);
        font-weight: 600;
        cursor: pointer;
        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.28);
    }

    .alja-filters-fab svg {
        width: 1.0625rem;
        height: 1.0625rem;
    }

    .alja-filters-fab__count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.25rem;
        height: 1.25rem;
        padding-inline: 0.3125rem;
        border-radius: var(--wp--custom--border-radius--full);
        background: var(--wp--preset--color--primary);
        color: var(--wp--preset--color--white);
        font-size: 0.6875rem;
        font-weight: 700;
        line-height: 1;
    }

    .alja-filters-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1150;
        background: rgba(0, 0, 0, 0.45);
    }

    /* Fige la page derrière le panneau */
    body.alja-filters-open {
        overflow: hidden;
    }
}

@media (prefers-reduced-motion: reduce) {
    .alja-archive-sidebar--drawer {
        transition: none;
    }
}

/* ─── Active filter badges ─────────────────────────────────── */

.alja-filter-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-block: 0.875rem 1.125rem;
    padding-block-end: 1rem;
    border-bottom: 1px solid var(--wp--preset--color--gray-200);
    animation: alja-badges-in 200ms ease both;
}

@keyframes alja-badges-in {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.alja-filter-badges[hidden] {
    display: none;
}

.alja-filter-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.3125rem 0.625rem 0.3125rem 0.75rem;
    background: #ECFDF5;
    border: 1.5px solid rgba(58, 138, 106, 0.3);
    border-radius: var(--wp--custom--border-radius--full);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--wp--preset--color--primary, #3A8A6A);
    white-space: nowrap;
    transition: background var(--wp--custom--transition--fast),
                border-color var(--wp--custom--transition--fast);
    animation: alja-badge-pop 180ms ease both;
}

@keyframes alja-badge-pop {
    from { opacity: 0; transform: scale(0.85); }
    to   { opacity: 1; transform: scale(1); }
}

.alja-filter-badge:hover {
    background: #D1FAE5;
    border-color: var(--wp--preset--color--primary, #3A8A6A);
}

.alja-filter-badge__remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
    background: rgba(58, 138, 106, 0.15);
    border: none;
    border-radius: 50%;
    color: var(--wp--preset--color--primary, #3A8A6A);
    font-size: 0.625rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    transition: background var(--wp--custom--transition--fast),
                color var(--wp--custom--transition--fast),
                transform 150ms ease;
}

.alja-filter-badge__remove:hover {
    background: var(--wp--preset--color--primary, #3A8A6A);
    color: #fff;
    transform: scale(1.15);
}

/* Badge état : appliqué (vert, filtre actif en URL) */
.alja-filter-badge[data-state="applied"] {
    background: #ECFDF5;
    border-color: rgba(58, 138, 106, 0.4);
    color: var(--wp--preset--color--primary, #3A8A6A);
}

/* Badge état : en attente (amber, sélectionné mais pas encore appliqué) */
.alja-filter-badge[data-state="pending"] {
    background: #FFFBEB;
    border: 1.5px dashed rgba(217, 119, 6, 0.55);
    color: #92400E;
}

.alja-filter-badge[data-state="pending"] .alja-filter-badge__remove {
    background: rgba(217, 119, 6, 0.12);
    color: #92400E;
}

.alja-filter-badge[data-state="pending"] .alja-filter-badge__remove:hover {
    background: #D97706;
    color: #fff;
}

/* Point indicateur "en attente" */
.alja-filter-badge__pending-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #D97706;
    flex-shrink: 0;
    animation: alja-dot-pulse 1.4s ease-in-out infinite;
}

@keyframes alja-dot-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.45; transform: scale(0.7); }
}

/* Bouton Appliquer quand des changements sont en attente */
.alja-sidebar-apply-btn.has-pending {
    background: #D97706;
    box-shadow: 0 0 0 0 rgba(217, 119, 6, 0.4);
    animation: alja-apply-pulse 2s ease-in-out infinite;
}

.alja-sidebar-apply-btn.has-pending:hover {
    background: #B45309;
    animation: none;
}

@keyframes alja-apply-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(217, 119, 6, 0.45); }
    60%  { box-shadow: 0 0 0 8px rgba(217, 119, 6, 0); }
    100% { box-shadow: 0 0 0 0 rgba(217, 119, 6, 0); }
}

/* ═══════════════════════════════════════
   PRODUCT CARDS (Idées cadeaux)
   ═══════════════════════════════════════ */

.alja-products-section {
    background: var(--wp--preset--color--white);
    padding-block: var(--wp--preset--spacing--70);
}

.alja-products-section__inner {
    max-width: var(--alja-site-max);
    margin-inline: auto;
    padding-inline: var(--alja-gutter);
}

/* La vue liste et le carrousel pilotent eux-mêmes leur affichage :
   sans ces :not(), cette règle les repassait en grille (product-card.css
   est chargé avant pages.css, à spécificité égale c'est elle qui gagnait). */
.alja-products-grid:not(.alja-cards--list):not(.alja-cards--carousel) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

@media (min-width: 640px) {
    .alja-products-grid:not(.alja-cards--list):not(.alja-cards--carousel) {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1024px) {
    .alja-products-grid:not(.alja-cards--list):not(.alja-cards--carousel) {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1440px) {
    .alja-products-grid:not(.alja-cards--list):not(.alja-cards--carousel) {
        grid-template-columns: repeat(5, 1fr);
    }
}


/* NOTE : Les styles .alja-product-card* ont été déplacés dans
           assets/css/product-card.css (source unique de vérité).
           Ne pas rajouter de styles carte ici. */


/* ═══════════════════════════════════════
   GIFT VOUCHERS
   ═══════════════════════════════════════ */

.alja-gift-section {
    padding-block: var(--wp--preset--spacing--60);
    background: var(--wp--preset--color--sand-light);
}

.alja-gift-section__inner {
    max-width: var(--alja-site-max);
    margin-inline: auto;
    padding-inline: var(--alja-gutter);
}

.alja-gift-section__header {
    text-align: center;
    margin-block-end: var(--wp--preset--spacing--40);
}

.alja-gift-section__eyebrow {
    display: inline-block;
    font-size: var(--wp--preset--font-size--xs);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--wp--preset--color--rose);
    margin-block-end: 0.5rem;
}

.alja-gift-section__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--3-xl);
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin-block-end: 0.75rem;
}

.alja-gift-section__subtitle {
    font-size: var(--wp--preset--font-size--md);
    color: var(--wp--preset--color--gray-600);
    max-width: 500px;
    margin-inline: auto;
}

.alja-gift-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

@media (min-width: 640px) {
    .alja-gift-cards {
        grid-template-columns: repeat(3, 1fr);
    }
}

.alja-gift-card {
    position: relative;
    border-radius: var(--wp--custom--border-radius--xl);
    overflow: hidden;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    transition: transform var(--wp--custom--transition--base),
                box-shadow var(--wp--custom--transition--base);
}

.alja-gift-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

/* ── Disposition éventail 3D (page Idées Cadeaux) ──────────────
   Carte centrale droite devant, cartes latérales inclinées en
   perspective derrière — animation d'entrée + redressement au
   survol, façon présentoir de cartes cadeaux. */
.alja-gift-cards--fan {
    display: flex;
    grid-template-columns: none;
    justify-content: center;
    align-items: stretch;
    gap: 0;
    perspective: 1400px;
    padding-block: 1rem 0.75rem;
}

.alja-gift-cards--fan .alja-gift-card {
    width: min(350px, 88vw);
    flex: 0 0 auto;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.16);
    transition: transform 350ms cubic-bezier(0.22, 0.85, 0.35, 1.15),
                box-shadow 350ms ease;
    animation: alja-gift-rise 650ms cubic-bezier(0.22, 0.85, 0.35, 1) both;
}

.alja-gift-cards--fan .alja-gift-card--tier-1 {
    transform: rotateY(16deg) rotateZ(-5deg) translateX(2.5rem) translateY(0.875rem) scale(0.95);
    z-index: 1;
    animation-delay: 120ms;
}
.alja-gift-cards--fan .alja-gift-card--tier-2 {
    transform: translateY(-0.5rem);
    z-index: 2;
    box-shadow: 0 26px 64px rgba(0, 0, 0, 0.24);
}
.alja-gift-cards--fan .alja-gift-card--tier-3 {
    transform: rotateY(-16deg) rotateZ(5deg) translateX(-2.5rem) translateY(0.875rem) scale(0.95);
    z-index: 1;
    animation-delay: 240ms;
}

/* Survol : la carte se redresse et passe devant */
.alja-gift-cards--fan .alja-gift-card:hover {
    transform: translateY(-0.875rem) scale(1.03);
    z-index: 3;
    box-shadow: 0 30px 72px rgba(0, 0, 0, 0.3);
}

@keyframes alja-gift-rise {
    from {
        opacity: 0;
        transform: translateY(3rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .alja-gift-cards--fan .alja-gift-card { animation: none; }
}

/* Mobile / tablette : cartes empilées, sans perspective */
@media (max-width: 991px) {
    .alja-gift-cards--fan {
        flex-direction: column;
        align-items: center;
        gap: 1.25rem;
        perspective: none;
    }
    .alja-gift-cards--fan .alja-gift-card--tier-1,
    .alja-gift-cards--fan .alja-gift-card--tier-2,
    .alja-gift-cards--fan .alja-gift-card--tier-3 {
        transform: none;
    }
    .alja-gift-cards--fan .alja-gift-card:hover {
        transform: translateY(-6px);
    }
}

/* ── Le concept en 3 étapes (page Bons Cadeaux) ───────────────── */
.alja-gift-how {
    margin-block-start: 2.5rem;
    text-align: center;
}

.alja-gift-how__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--xl);
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin: 0 0 1.5rem;
}

.alja-gift-how__steps {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    max-width: 1080px;
    text-align: start;
}

@media (min-width: 768px) {
    .alja-gift-how__steps {
        grid-template-columns: repeat(3, 1fr);
    }
}

.alja-gift-how__step {
    background: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: var(--wp--custom--border-radius--lg);
    padding: 1.25rem;
}

.alja-gift-how__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--wp--preset--color--rose);
    color: var(--wp--preset--color--white);
    font-family: var(--wp--preset--font-family--heading);
    font-weight: 700;
    font-size: var(--wp--preset--font-size--sm);
    margin-block-end: 0.75rem;
}

.alja-gift-how__step-title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--md);
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin: 0 0 0.375rem;
}

.alja-gift-how__step-desc {
    margin: 0;
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--gray-600);
    line-height: 1.55;
}

/* Gradient backgrounds per tier */
.alja-gift-card--tier-1 {
    background: linear-gradient(145deg, #FEF3C7 0%, #FDE68A 100%);
}

.alja-gift-card--tier-2 {
    background: linear-gradient(145deg,
        var(--wp--preset--color--rose) 0%,
        color-mix(in srgb, var(--wp--preset--color--rose) 68%, #2E1512) 100%);
}

.alja-gift-card--tier-3 {
    background: linear-gradient(145deg, var(--wp--preset--color--rose) 0%, var(--wp--preset--color--accent) 100%);
}

.alja-gift-card__inner {
    padding: 2rem 1.75rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* En-tête carte : logo ALJA + mention "Bon cadeau" */
.alja-gift-card__brand {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-block-end: 1.25rem;
}
.alja-gift-card__brand svg,
.alja-gift-card__brand-logo {
    background: #fff;
    border-radius: 50%;
    padding: 3px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    flex-shrink: 0;
}
.alja-gift-card__brand-logo {
    width: 28px;
    height: 28px;
    object-fit: cover;
    display: block;
}
.alja-gift-card--tier-1 .alja-gift-card__brand { color: #78501C; }
.alja-gift-card--tier-2 .alja-gift-card__brand,
.alja-gift-card--tier-3 .alja-gift-card__brand { color: rgba(255, 255, 255, 0.9); }

.alja-gift-card__tag {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: var(--wp--custom--border-radius--full);
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-block-end: 0.875rem;
}

.alja-gift-card--tier-1 .alja-gift-card__tag {
    background: rgba(120, 80, 0, 0.12);
    color: #78501C;
}

.alja-gift-card--tier-2 .alja-gift-card__tag,
.alja-gift-card--tier-3 .alja-gift-card__tag {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.9);
}

.alja-gift-card__amount {
    font-family: var(--wp--preset--font-family--heading);
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 700;
    line-height: 1;
    margin-block-end: 0.25rem;
}

.alja-gift-card--tier-1 .alja-gift-card__amount {
    color: #78501C;
}

.alja-gift-card--tier-2 .alja-gift-card__amount,
.alja-gift-card--tier-3 .alja-gift-card__amount {
    color: var(--wp--preset--color--white);
}

/* "Jusqu'à" au-dessus du montant + devise claire */
.alja-gift-card__upto {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.7;
    margin-block-end: 0.25rem;
}
.alja-gift-card--tier-1 .alja-gift-card__upto { color: #78501C; }
.alja-gift-card--tier-2 .alja-gift-card__upto,
.alja-gift-card--tier-3 .alja-gift-card__upto { color: rgba(255, 255, 255, 0.85); }

.alja-gift-card__mad {
    font-size: 1.25rem;
    font-weight: 600;
    opacity: 0.85;
    letter-spacing: 0.02em;
}

.alja-gift-card__label {
    font-size: var(--wp--preset--font-size--md);
    font-weight: 600;
    margin-block-end: 0.875rem;
    color: inherit;
    opacity: 0.75;
}

.alja-gift-card--tier-1 .alja-gift-card__label { color: #78501C; }
.alja-gift-card--tier-2 .alja-gift-card__label,
.alja-gift-card--tier-3 .alja-gift-card__label { color: rgba(255,255,255,0.8); }

.alja-gift-card__items {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    flex: 1;
}

.alja-gift-card__item {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: var(--wp--preset--font-size--xs);
}

.alja-gift-card--tier-1 .alja-gift-card__item { color: #78501C; }
.alja-gift-card--tier-2 .alja-gift-card__item,
.alja-gift-card--tier-3 .alja-gift-card__item { color: rgba(255,255,255,0.85); }

.alja-gift-card__item::before {
    content: '✓';
    font-weight: 700;
    flex-shrink: 0;
    margin-block-start: 0.0625rem;
}

.alja-gift-card__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: var(--wp--custom--border-radius--md);
    font-size: var(--wp--preset--font-size--sm);
    font-weight: 700;
    text-decoration: none;
    transition: all var(--wp--custom--transition--base);
    cursor: pointer;
    border: none;
}

.alja-gift-card--tier-1 .alja-gift-card__cta {
    background: rgba(120, 80, 0, 0.15);
    color: #78501C;
}

.alja-gift-card--tier-1 .alja-gift-card__cta:hover {
    background: rgba(120, 80, 0, 0.25);
}

.alja-gift-card--tier-2 .alja-gift-card__cta,
.alja-gift-card--tier-3 .alja-gift-card__cta {
    background: rgba(255, 255, 255, 0.2);
    color: var(--wp--preset--color--white);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.alja-gift-card--tier-2 .alja-gift-card__cta:hover,
.alja-gift-card--tier-3 .alja-gift-card__cta:hover {
    background: rgba(255, 255, 255, 0.32);
}

/* ═══════════════════════════════════════
   ENTERPRISE SERVICES
   ═══════════════════════════════════════ */

.alja-services-section {
    padding-block: var(--wp--preset--spacing--70);
    background: var(--wp--preset--color--white);
}

.alja-services-section__inner {
    max-width: var(--alja-site-max);
    margin-inline: auto;
    padding-inline: var(--alja-gutter);
}

.alja-services-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

@media (min-width: 640px) {
    .alja-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .alja-services-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.alja-service-card {
    position: relative;
    border-radius: var(--wp--custom--border-radius--xl);
    overflow: hidden;
    text-decoration: none;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    cursor: pointer;
    transition: transform var(--wp--custom--transition--base),
                box-shadow var(--wp--custom--transition--base);
}

.alja-service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
}

/* Background gradient per service */
.alja-service-card--teambuilding  { background: linear-gradient(145deg, #1E4A3C 0%, #2A6B7C 100%); }
.alja-service-card--masterclass   { background: linear-gradient(145deg, #2D2D2D 0%, #4A4A4A 100%); }
.alja-service-card--bachelor      { background: linear-gradient(145deg, #C4827B 0%, #E8A0A0 100%); }
.alja-service-card--anniversaire  { background: linear-gradient(145deg, #D4A43A 0%, #E8C970 100%); }
.alja-service-card--stand         { background: linear-gradient(145deg, #3A8A6A 0%, #4CA37F 100%); }
.alja-service-card--gender-reveal { background: linear-gradient(145deg, #A855F7 0%, #EC4899 100%); }

/* Decorative texture */
.alja-service-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(ellipse at 80% 20%, rgba(255,255,255,0.08) 0%, transparent 60%);
}

/* Emoji icon top-right */
.alja-service-card__emoji {
    position: absolute;
    top: 1.25rem;
    inset-inline-end: 1.25rem;
    font-size: 2.5rem;
    line-height: 1;
    opacity: 0.35;
    transition: opacity var(--wp--custom--transition--base),
                transform var(--wp--custom--transition--base);
}

.alja-service-card:hover .alja-service-card__emoji {
    opacity: 0.6;
    transform: scale(1.1) rotate(-5deg);
}

.alja-service-card__content {
    position: relative;
    z-index: 1;
    padding: 1.75rem;
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
}

.alja-service-card__tag {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    background: rgba(255,255,255,0.2);
    border-radius: var(--wp--custom--border-radius--full);
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255,255,255,0.85);
    margin-block-end: 0.625rem;
    backdrop-filter: blur(4px);
}

.alja-service-card__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--xl);
    font-weight: 700;
    color: var(--wp--preset--color--white);
    margin-block-end: 0.5rem;
    line-height: 1.2;
}

.alja-service-card__desc {
    font-size: var(--wp--preset--font-size--xs);
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.alja-service-card__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    color: white;
    margin-block-start: 0.875rem;
    font-size: 0.875rem;
    transition: background-color var(--wp--custom--transition--fast),
                transform var(--wp--custom--transition--fast);
    backdrop-filter: blur(4px);
}

.alja-service-card:hover .alja-service-card__arrow {
    background: rgba(255,255,255,0.35);
    transform: translateX(3px);
}

/* ═══════════════════════════════════════
   ENTERPRISE CTA
   ═══════════════════════════════════════ */

.alja-enterprise-cta {
    padding-block: var(--wp--preset--spacing--60);
    background: var(--wp--preset--color--sand-light);
}

.alja-enterprise-cta__inner {
    max-width: var(--alja-site-max);
    margin-inline: auto;
    padding-inline: var(--alja-gutter);
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: center;
}

@media (min-width: 768px) {
    .alja-enterprise-cta__inner {
        grid-template-columns: 1fr auto;
    }
}

.alja-enterprise-cta__text-block {}

.alja-enterprise-cta__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--2-xl);
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin-block-end: 0.625rem;
}

.alja-enterprise-cta__desc {
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--gray-600);
    line-height: 1.6;
}

.alja-enterprise-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    flex-shrink: 0;
}

/* ═══════════════════════════════════════
   HERO BUTTON VARIANTS (for dark backgrounds)
   ═══════════════════════════════════════ */

.alja-btn--white {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    background: var(--wp--preset--color--white);
    color: var(--wp--preset--color--secondary);
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--sm);
    font-weight: 700;
    border: none;
    border-radius: var(--wp--custom--border-radius--md);
    text-decoration: none;
    cursor: pointer;
    transition: all var(--wp--custom--transition--base);
}

.alja-btn--white:hover {
    background: var(--wp--preset--color--sand-light);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.alja-btn--outline-white {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.4);
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--sm);
    font-weight: 600;
    border-radius: var(--wp--custom--border-radius--md);
    text-decoration: none;
    cursor: pointer;
    transition: all var(--wp--custom--transition--base);
}

.alja-btn--outline-white:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.7);
}

/* ═══════════════════════════════════════
   SERVICE DETAIL SECTIONS
   ═══════════════════════════════════════ */

.alja-service-detail-section {
    padding-block: var(--wp--preset--spacing--60);
    background: var(--wp--preset--color--white);
}

.alja-service-detail-section--alt {
    background: var(--wp--preset--color--sand-light);
}

.alja-service-detail {
    max-width: 1000px;
    margin-inline: auto;
    padding-inline: var(--wp--preset--spacing--40);
}

.alja-service-detail__content {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.alja-service-detail__header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-block-end: 0.875rem;
}

.alja-service-detail__emoji {
    font-size: 2rem;
}

.alja-service-detail__tag {
    font-size: var(--wp--preset--font-size--xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--wp--preset--color--primary);
}

.alja-service-detail__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--2-xl);
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin-block-end: 0.875rem;
}

.alja-service-detail__desc {
    font-size: var(--wp--preset--font-size--md);
    color: var(--wp--preset--color--charcoal-light);
    line-height: 1.7;
    margin-block-end: 1.25rem;
}

.alja-service-detail__features {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.alja-service-detail__feature {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--charcoal);
}

.alja-service-detail__check {
    color: var(--wp--preset--color--primary);
    font-weight: 700;
}

/* ═══════════════════════════════════════
   ABOUT PAGE
   ═══════════════════════════════════════ */

.alja-about-story {
    padding-block: var(--wp--preset--spacing--70);
    background: var(--wp--preset--color--white);
}

.alja-about-story__inner {
    max-width: var(--alja-site-max);
    margin-inline: auto;
    padding-inline: var(--alja-gutter);
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 768px) {
    .alja-about-story__inner {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
}

.alja-about-story__image-wrap {
    position: relative;
    border-radius: var(--wp--custom--border-radius--xl);
    overflow: hidden;
    aspect-ratio: 4 / 3;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
}

.alja-about-story__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Decorative floating badge */
.alja-about-story__badge {
    position: absolute;
    bottom: 1.5rem;
    inset-inline-end: 1.5rem;
    background: var(--wp--preset--color--white);
    border-radius: var(--wp--custom--border-radius--lg);
    padding: 0.875rem 1.25rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 160px;
}

.alja-about-story__badge-icon {
    display: inline-flex;
    line-height: 1;
    flex-shrink: 0;
    color: var(--wp--preset--color--accent);
}

.alja-about-story__badge-icon .alja-icon { width: 26px; height: 26px; }

.alja-about-story__badge-text {}

.alja-about-story__badge-number {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--xl);
    font-weight: 700;
    color: var(--wp--preset--color--primary);
    line-height: 1;
}

.alja-about-story__badge-label {
    font-size: 0.625rem;
    font-weight: 500;
    color: var(--wp--preset--color--gray-600);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.alja-about-story__content {}

.alja-about-story__eyebrow {
    font-size: var(--wp--preset--font-size--xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--wp--preset--color--primary);
    margin-block-end: 0.875rem;
}

.alja-about-story__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--3-xl);
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    line-height: 1.2;
    margin-block-end: 1.25rem;
}

.alja-about-story__text {
    font-size: var(--wp--preset--font-size--md);
    color: var(--wp--preset--color--charcoal-light);
    line-height: 1.7;
    margin-block-end: 1.25rem;
}

/* About mission cards */
.alja-about-mission {
    padding-block: var(--wp--preset--spacing--70);
    background: var(--wp--preset--color--sand-light);
}

.alja-about-mission__inner {
    max-width: var(--alja-site-max);
    margin-inline: auto;
    padding-inline: var(--alja-gutter);
}

.alja-about-mission__header {
    text-align: center;
    margin-block-end: var(--wp--preset--spacing--50);
}

.alja-mission-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

@media (min-width: 640px) {
    .alja-mission-cards {
        grid-template-columns: repeat(3, 1fr);
    }
}

.alja-mission-card {
    padding: 2rem 1.5rem;
    background: var(--wp--preset--color--white);
    border-radius: var(--wp--custom--border-radius--xl);
    text-align: center;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
    transition: transform var(--wp--custom--transition--base),
                box-shadow var(--wp--custom--transition--base);
}

.alja-mission-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

.alja-mission-card__icon {
    width: 4rem;
    height: 4rem;
    border-radius: var(--wp--custom--border-radius--lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    margin-inline: auto;
    margin-block-end: 1.25rem;
}

.alja-mission-card--1 .alja-mission-card__icon { background: #D1FAE5; color: #047857; }
.alja-mission-card--2 .alja-mission-card__icon { background: #FEF3C7; color: #92400E; }
.alja-mission-card--3 .alja-mission-card__icon { background: #FCE7F3; color: #9D174D; }

.alja-mission-card__icon .alja-icon { width: 28px; height: 28px; }

.alja-mission-card__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--lg);
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin-block-end: 0.625rem;
}

.alja-mission-card__desc {
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--gray-600);
    line-height: 1.6;
}

/* Values */
.alja-values {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-block-start: var(--wp--preset--spacing--50);
}

@media (min-width: 768px) {
    .alja-values {
        grid-template-columns: repeat(4, 1fr);
    }
}

.alja-value-card {
    padding: 1.25rem;
    border-radius: var(--wp--custom--border-radius--lg);
    border: 1.5px solid var(--wp--preset--color--gray-200);
    text-align: center;
    transition: border-color var(--wp--custom--transition--fast);
}

.alja-value-card:hover {
    border-color: var(--wp--preset--color--primary-light);
}

.alja-value-card__icon {
    margin-block-end: 0.625rem;
    color: var(--wp--preset--color--primary);
}

.alja-value-card__icon .alja-icon { width: 28px; height: 28px; }

.alja-value-card__label {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--sm);
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin-block-end: 0.375rem;
}

.alja-value-card__desc {
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--gray-600);
    line-height: 1.5;
}

/* ═══════════════════════════════════════
   SINGLE ATELIER ENRICHMENT
   ═══════════════════════════════════════ */

.alja-single-hero {
    position: relative;
    max-height: 520px;
    overflow: hidden;
}

.alja-single-hero__image {
    width: 100%;
    height: 100%;
    max-height: 520px;
    object-fit: cover;
    border-radius: 0 0 var(--wp--custom--border-radius--xl) var(--wp--custom--border-radius--xl);
}

.alja-single-layout {
    max-width: var(--alja-site-max);
    margin-inline: auto;
    padding: var(--wp--preset--spacing--60) var(--alja-gutter);
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
}

@media (min-width: 900px) {
    .alja-single-layout {
        grid-template-columns: 1fr 360px;
        align-items: start;
    }
}

/* Single atelier main content */
.alja-single-content {}

.alja-single-content__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-block-end: 1rem;
}

.alja-single-content__tag {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.75rem;
    border-radius: var(--wp--custom--border-radius--full);
    font-size: var(--wp--preset--font-size--xs);
    font-weight: 600;
    text-decoration: none;
    transition: opacity var(--wp--custom--transition--fast);
}

.alja-single-content__tag:hover { opacity: 0.8; }
.alja-single-content__tag--category { background: var(--wp--preset--color--sand); color: var(--wp--preset--color--charcoal); }
.alja-single-content__tag--level    { background: var(--wp--preset--color--secondary); color: white; }
.alja-single-content__tag--location { background: var(--wp--preset--color--primary-light); color: white; }

.alja-single-content__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin-block-end: 1rem;
    line-height: 1.2;
}

.alja-single-content__meta-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    padding-block: 1rem;
    border-top: 1px solid var(--wp--preset--color--gray-200);
    border-bottom: 1px solid var(--wp--preset--color--gray-200);
    margin-block-end: 1.75rem;
}

.alja-single-content__meta-item {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--charcoal-light);
}

.alja-single-content__meta-icon {
    width: 1rem;
    height: 1rem;
    stroke: var(--wp--preset--color--gray-400);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

.alja-single-content__meta-value {
    font-weight: 600;
    color: var(--wp--preset--color--charcoal);
}

/* Learning outcomes */
.alja-learnings {
    margin-block-end: 1.75rem;
    padding: 1.5rem;
    background: var(--wp--preset--color--sand-light);
    border-radius: var(--wp--custom--border-radius--lg);
    border: 1px solid var(--wp--preset--color--sand);
}

.alja-learnings__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--md);
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin-block-end: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.alja-learnings__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}

@media (min-width: 600px) {
    .alja-learnings__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.alja-learnings__item {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--charcoal-light);
    line-height: 1.4;
}

.alja-learnings__item::before {
    content: '✓';
    color: var(--wp--preset--color--primary);
    font-weight: 700;
    flex-shrink: 0;
    margin-block-start: 0.0625rem;
}

/* Materials */
.alja-materials {
    margin-block-end: 1.75rem;
}

.alja-materials__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--md);
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin-block-end: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.alja-materials__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.alja-materials__item {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.875rem;
    background: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: var(--wp--custom--border-radius--full);
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--charcoal);
}

.alja-materials__item::before {
    content: '📦';
    font-size: 0.875rem;
}

/* Booking sidebar */
.alja-booking-sidebar {
    background: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: var(--wp--custom--border-radius--xl);
    padding: 1.75rem;
    position: sticky;
    top: 80px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

.alja-booking-sidebar__price-row {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
    margin-block-end: 0.25rem;
}

.alja-booking-sidebar__price {
    font-family: var(--wp--preset--font-family--heading);
    font-size: clamp(1.75rem, 2.5vw, 2.25rem);
    font-weight: 700;
    color: var(--wp--preset--color--primary);
}

.alja-booking-sidebar__unit {
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--gray-600);
}

.alja-booking-sidebar__rating {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-block-end: 1.25rem;
    font-size: var(--wp--preset--font-size--sm);
}

.alja-booking-sidebar__stars {
    color: var(--wp--preset--color--accent);
}

.alja-booking-sidebar__separator {
    height: 1px;
    background: var(--wp--preset--color--gray-200);
    margin-block: 1.25rem;
}

.alja-booking-sidebar__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 1rem;
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--md);
    font-weight: 700;
    border: none;
    border-radius: var(--wp--custom--border-radius--md);
    cursor: pointer;
    text-decoration: none;
    transition: background-color var(--wp--custom--transition--fast),
                transform var(--wp--custom--transition--fast);
    margin-block-end: 0.75rem;
}

.alja-booking-sidebar__btn:hover {
    background: var(--wp--preset--color--primary-dark);
    transform: translateY(-1px);
}

.alja-booking-sidebar__note {
    text-align: center;
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--gray-600);
    line-height: 1.5;
}

/* Artisan mini-card in sidebar */
.alja-artisan-mini-card {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 1rem;
    background: var(--wp--preset--color--sand-light);
    border-radius: var(--wp--custom--border-radius--lg);
    text-decoration: none;
    transition: background-color var(--wp--custom--transition--fast);
}

.alja-artisan-mini-card:hover {
    background: var(--wp--preset--color--sand);
}

.alja-artisan-mini-card__avatar {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--wp--preset--color--white);
    flex-shrink: 0;
}

.alja-artisan-mini-card__info {}

.alja-artisan-mini-card__name {
    font-size: var(--wp--preset--font-size--sm);
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin-block-end: 0.125rem;
}

.alja-artisan-mini-card__label {
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--gray-600);
}

/* Related ateliers */
.alja-related {
    padding-block: var(--wp--preset--spacing--60);
    background: var(--wp--preset--color--sand-light);
}

.alja-related__inner {
    max-width: var(--alja-site-max);
    margin-inline: auto;
    padding-inline: var(--alja-gutter);
}

/* ═══════════════════════════════════════════════════════════════
   HOMEPAGE — ILS NOUS FONT CONFIANCE (logos partenaires)
   ═══════════════════════════════════════════════════════════════ */

.alja-trust-section {
    padding-block: 2.5rem;
    background: var(--wp--preset--color--white);
    border-top: 1px solid var(--wp--preset--color--gray-200);
    border-bottom: 1px solid var(--wp--preset--color--gray-200);
}

.alja-trust-section__inner {
    max-width: var(--alja-site-max);
    margin-inline: auto;
    padding-inline: var(--alja-gutter);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.75rem;
}

.alja-trust-section__label {
    font-size: var(--wp--preset--font-size--xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--wp--preset--color--gray-400);
    margin: 0;
    text-align: center;
}

.alja-trust-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2rem 3rem;
}

.alja-trust-logo {
    display: flex;
    align-items: center;
    transition: filter var(--wp--custom--transition--fast), opacity var(--wp--custom--transition--fast), transform var(--wp--custom--transition--fast);
    filter: grayscale(100%);
    opacity: 0.5;
    text-decoration: none;
}

.alja-trust-logo:hover,
.alja-trust-logo:focus-visible {
    filter: grayscale(0%);
    opacity: 1;
    transform: translateY(-2px);
}

.alja-trust-logo__img {
    height: 40px;
    width: auto;
    max-width: 140px;
    object-fit: contain;
    display: block;
}

@media (min-width: 768px) {
    .alja-trust-logos {
        flex-wrap: nowrap;
        gap: 3rem 4rem;
    }
}

/* ═══════════════════════════════════════════════════════════════
   HOMEPAGE — NOS PRODUITS (grille wide 4 kits)
   ═══════════════════════════════════════════════════════════════ */

.alja-hp-products {
    padding-block: var(--wp--preset--spacing--70, 4rem);
    background: var(--wp--preset--color--white);
}

.alja-hp-products__inner {
    max-width: 1400px;
    margin-inline: auto;
    padding-inline: var(--alja-gutter, 1.5rem);
}

.alja-hp-products__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-block-end: var(--wp--preset--spacing--50, 2.5rem);
    flex-wrap: wrap;
}

.alja-hp-products__eyebrow {
    display: block;
    font-size: var(--wp--preset--font-size--xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--wp--preset--color--primary);
    margin-block-end: 0.375rem;
}

.alja-hp-products__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin: 0 0 0.375rem;
    line-height: 1.2;
}

.alja-hp-products__subtitle {
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--gray-600);
    margin: 0;
    max-width: 480px;
}

.alja-hp-products__see-all {
    flex-shrink: 0;
    font-size: var(--wp--preset--font-size--sm);
    font-weight: 600;
    color: var(--wp--preset--color--primary);
    text-decoration: none;
    transition: color var(--wp--custom--transition--fast);
    white-space: nowrap;
}
.alja-hp-products__see-all:hover {
    color: var(--wp--preset--color--secondary);
}

/* Grille : 1 → 2 → 4 colonnes */
.alja-hp-products__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}
@media (min-width: 480px) {
    .alja-hp-products__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
    .alja-hp-products__grid { grid-template-columns: repeat(4, 1fr); }
}

/* Carte produit homepage */
.alja-hp-product-card {
    display: flex;
    flex-direction: column;
    background: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: var(--wp--custom--border-radius--xl);
    overflow: hidden;
    transition: transform var(--wp--custom--transition--fast), box-shadow var(--wp--custom--transition--fast);
}
.alja-hp-product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,.1);
}

.alja-hp-product-card__image-link {
    display: block;
    text-decoration: none;
}
.alja-hp-product-card__image-wrap {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
    background: var(--wp--preset--color--sand-light, #FBF7F2);
}
.alja-hp-product-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 400ms ease;
    display: block;
}
.alja-hp-product-card:hover .alja-hp-product-card__image {
    transform: scale(1.05);
}

.alja-hp-product-card__badge {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    background: var(--wp--preset--color--error, #DC2626);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.625rem;
    border-radius: var(--wp--custom--border-radius--full);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    z-index: 1;
}

.alja-hp-product-card__sold-out {
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.alja-hp-product-card__sold-out span {
    background: var(--wp--preset--color--charcoal);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.75rem;
    border-radius: var(--wp--custom--border-radius--full);
    text-transform: uppercase;
}

.alja-hp-product-card__body {
    padding: 1rem 1rem 0.5rem;
    flex: 1;
}

.alja-hp-product-card__name {
    font-family: var(--wp--preset--font-family--heading);
    font-size: 1rem;
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin: 0 0 0.5rem;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.alja-hp-product-card__name-link {
    color: inherit;
    text-decoration: none;
    transition: color var(--wp--custom--transition--fast);
}
.alja-hp-product-card__name-link:hover { color: var(--wp--preset--color--primary); }

.alja-hp-product-card__price {
    font-size: 1rem;
    font-weight: 700;
    color: var(--wp--preset--color--primary);
}
.alja-hp-product-card__price del {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--wp--preset--color--gray-400);
    margin-inline-end: 0.25rem;
}

.alja-hp-product-card__footer {
    padding: 0.75rem 1rem 1rem;
}

.alja-hp-product-card__cta {
    display: block;
    text-align: center;
    padding: 0.625rem 1rem;
    border: 1.5px solid var(--wp--preset--color--primary);
    border-radius: var(--wp--custom--border-radius--md);
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--wp--preset--color--primary);
    text-decoration: none;
    transition: background var(--wp--custom--transition--fast), color var(--wp--custom--transition--fast);
}
.alja-hp-product-card__cta:hover {
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
}

/* ═══════════════════════════════════════════════════════════════
   L3 — Page Entreprise : polish design + nouveau process B2B
   ═══════════════════════════════════════════════════════════════ */

/* ── Hero — 2 colonnes : texte + formulaire de devis ──────────── */
.alja-enterprise-hero { position: relative; overflow: hidden; }
.alja-enterprise-hero .alja-inner-hero__container { position: relative; z-index: 1; }

.alja-enterprise-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: clamp(2rem, 5vw, 4rem);
    align-items: center;   /* texte et carte de devis centrés l'un sur l'autre */
}

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

/* Stats sans ligne de séparation */
.alja-enterprise-hero .alja-inner-hero__stats {
    border-top: none;
    padding-block-start: 0;
    margin-block-start: 1.5rem;
}

/* Le texte occupe la colonne de gauche et se centre sur la hauteur de la
   carte (align-items: center) : plus besoin de remonter artificiellement
   la carte pour compenser le fil d'Ariane. */

/* ── Carte formulaire de devis (lead) ─────────────────────────── */
.alja-lead-card {
    background: #fff;
    border-radius: var(--wp--custom--border-radius--lg, 1.25rem);
    padding: clamp(1.5rem, 3vw, 2rem);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
    scroll-margin-top: 110px;
}

.alja-lead-card__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin: 0 0 0.25rem;
}

.alja-lead-card__subtitle {
    font-size: 0.875rem;
    color: var(--wp--preset--color--gray-600);
    margin: 0 0 1rem;
    line-height: 1.5;
}

.alja-lead-form { display: grid; gap: 0.625rem; }
.alja-lead-form__fields { display: grid; gap: 0.625rem; }
.alja-lead-form__fields[hidden] { display: none; }

.alja-lead-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    align-items: start;                  /* un message d'erreur n'étire pas le champ voisin */
}

@media (max-width: 480px) {
    .alja-lead-form__row { grid-template-columns: 1fr; }
    /* Date + participants : deux champs courts, restent côte à côte */
    .alja-lead-form__row--compact { grid-template-columns: 1fr 1fr; gap: 0.5rem; }
    .alja-lead-form__row--compact .alja-lead-form__optional { display: none; }   /* étiquette sur une ligne */
    .alja-lead-form__row--compact input { padding-inline: 0.625rem; }
}

.alja-lead-form__field { display: grid; gap: 0.3rem; min-width: 0; align-content: start; }

.alja-lead-form label {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--wp--preset--color--gray-700, #374151);
}
.alja-lead-form__optional {
    font-weight: 400;
    color: var(--wp--preset--color--gray-600, #6B7280);
}

.alja-lead-form input,
.alja-lead-form select,
.alja-lead-form textarea {
    width: 100%;
    min-height: 2.75rem;                 /* 44 px — cible tactile */
    padding: 0.55rem 0.875rem;
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: var(--wp--custom--border-radius--md, 0.625rem);
    font: inherit;
    font-size: 1rem;                     /* 16 px : évite le zoom automatique iOS à la saisie */
    font-weight: 400;
    color: var(--wp--preset--color--charcoal);
    background: var(--wp--preset--color--gray-50, #F9FAFB);
    transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}
.alja-lead-form input::placeholder,
.alja-lead-form textarea::placeholder {
    color: var(--wp--preset--color--gray-500, #6B7280);
    opacity: 1;
    font-size: 0.875rem;                 /* placeholders plus discrets que la saisie */
}
/* Sur desktop, pas de zoom iOS à craindre : saisie un cran plus petite */
@media (min-width: 981px) {
    .alja-lead-form input,
    .alja-lead-form select,
    .alja-lead-form textarea,
    .alja-lead-form .alja-multiselect__trigger { font-size: 0.9375rem; }
}
.alja-lead-form select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 2.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.875rem center;
}
.alja-lead-form input[type="date"] { min-width: 0; }
.alja-lead-form input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0.65; cursor: pointer; }
.alja-lead-form input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
.alja-lead-form input[type="number"]::-webkit-inner-spin-button { opacity: 1; }

.alja-lead-form input:focus,
.alja-lead-form select:focus,
.alja-lead-form textarea:focus {
    outline: none;
    background: #fff;
    border-color: var(--wp--preset--color--accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--accent) 22%, transparent);
}

.alja-lead-form textarea { resize: vertical; min-height: 4.25rem; }

/* Erreurs de saisie : bordure + message court sous le champ (JS), :user-invalid en repli natif.
   Le message tient sur une ligne et n'agrandit pas la rangée du voisin (align-items: start). */
.alja-lead-form__error {
    display: none;
    align-items: flex-start;
    gap: 0.3rem;
    margin-top: -0.05rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: #B4232A;                      /* 5,9:1 sur blanc */
}
.alja-lead-form__error:not(:empty) { display: flex; }
.alja-lead-form__error:not(:empty)::before {
    content: "!";
    flex: none;
    width: 0.9rem;
    height: 0.9rem;
    margin-top: 0.05rem;
    border-radius: 50%;
    background: #B4232A;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 0.9rem;
    text-align: center;
}
.alja-lead-form__field:has(.is-invalid) > label,
.alja-lead-form__field:has(:user-invalid) > label { color: #B4232A; }
.alja-lead-form input.is-invalid,
.alja-lead-form input:user-invalid {
    border-color: #B4232A;
    background: #FFF6F6;
}
.alja-lead-form input.is-invalid:focus,
.alja-lead-form input:user-invalid:focus {
    border-color: #B4232A;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(180, 35, 42, 0.18);
}

/* Type d'activité — choix multiples en puces */
/* ── Multi-sélection « Type d'activité » ─────────────────────── */
.alja-multiselect { position: relative; }
.alja-multiselect__label {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--wp--preset--color--gray-700, #374151);
}

/* Déclencheur : même gabarit que les autres champs */
.alja-lead-form .alja-multiselect__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    min-height: 2.75rem;
    padding: 0.4rem 0.75rem 0.4rem 0.875rem;
    border: 1px solid var(--wp--preset--color--gray-200, #E5E7EB);
    border-radius: var(--wp--custom--border-radius--md, 0.625rem);
    background: var(--wp--preset--color--gray-50, #F9FAFB);
    font: inherit;
    font-size: 1rem;
    color: var(--wp--preset--color--charcoal);
    text-align: left;
    cursor: pointer;
    transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}
.alja-lead-form .alja-multiselect__trigger:hover { border-color: var(--wp--preset--color--gray-300, #D1D5DB); }
.alja-lead-form .alja-multiselect__trigger:focus-visible,
.alja-multiselect.is-open .alja-multiselect__trigger {
    outline: none;
    background: #fff;
    border-color: var(--wp--preset--color--accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--accent) 22%, transparent);
}
.alja-multiselect__value {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    flex: 1;
}
.alja-multiselect__placeholder { color: var(--wp--preset--color--gray-500, #6B7280); font-size: 0.875rem; }
.alja-multiselect__chevron {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--wp--preset--color--gray-500, #6B7280);
    transition: transform 200ms ease;
}
.alja-multiselect.is-open .alja-multiselect__chevron { transform: rotate(180deg); }

/* Étiquettes des choix retenus, dans le déclencheur */
.alja-multiselect__tag {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.3rem 0.15rem 0.6rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--wp--preset--color--accent) 14%, #fff);
    color: var(--wp--preset--color--charcoal);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
}
.alja-multiselect__tag-remove {
    display: inline-grid;
    place-items: center;
    width: 1.125rem;
    height: 1.125rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
    opacity: 0.7;
    transition: background 150ms ease, opacity 150ms ease;
}
.alja-multiselect__tag-remove:hover,
.alja-multiselect__tag-remove:focus-visible {
    opacity: 1;
    background: color-mix(in srgb, var(--wp--preset--color--accent) 30%, #fff);
    outline: none;
}
.alja-multiselect__more {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--wp--preset--color--accent);
}

/* Panneau déroulant */
.alja-multiselect__panel {
    position: absolute;
    z-index: 30;
    inset-inline: 0;
    top: calc(100% + 0.375rem);
    padding: 0.375rem;
    border: 1px solid var(--wp--preset--color--gray-200, #E5E7EB);
    border-radius: var(--wp--custom--border-radius--md, 0.75rem);
    background: #fff;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14), 0 2px 6px rgba(0, 0, 0, 0.06);
    transform-origin: top center;
    animation: alja-ms-in 160ms ease;
}
@keyframes alja-ms-in {
    from { opacity: 0; transform: translateY(-4px) scale(0.98); }
    to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
    .alja-multiselect__panel { animation: none; }
    .alja-multiselect__chevron { transition: none; }
}
.alja-multiselect.is-ready:not(.is-open) .alja-multiselect__panel { display: none; }
/* Pas assez de place sous le champ (le hero rogne ce qui déborde) : on ouvre vers le haut */
.alja-multiselect.is-up .alja-multiselect__panel {
    top: auto;
    bottom: calc(100% + 0.375rem);
    transform-origin: bottom center;
}
/* Mobile : le panneau se déplie dans la carte plutôt qu'en superposition
   (rien à rogner, rien qui passe sous le pouce) */
@media (max-width: 980px) {
    .alja-multiselect__panel,
    .alja-multiselect.is-up .alja-multiselect__panel {
        position: static;
        margin-top: 0.375rem;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    }
}

/* Sans JS : pas de déclencheur, la liste est simplement dépliée en ligne */
.alja-multiselect:not(.is-ready) .alja-multiselect__trigger { display: none; }
.alja-multiselect:not(.is-ready) .alja-multiselect__panel {
    position: static;
    animation: none;
    box-shadow: none;
    background: var(--wp--preset--color--gray-50, #F9FAFB);
}

.alja-multiselect__options {
    display: grid;
    gap: 0.125rem;
    max-height: 18.75rem;               /* 7 activités visibles sans défilement */
    overflow-y: auto;
    overscroll-behavior: contain;
}
.alja-lead-form .alja-multiselect__option {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.625rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--wp--preset--color--charcoal);
    cursor: pointer;
    user-select: none;
    transition: background 120ms ease;
}
.alja-multiselect__option:hover { background: var(--wp--preset--color--gray-50, #F9FAFB); }
.alja-multiselect__option:has(input:checked) {
    background: color-mix(in srgb, var(--wp--preset--color--accent) 10%, #fff);
}
.alja-lead-form .alja-multiselect__option input {
    position: absolute;
    width: 1px; height: 1px;
    min-height: 0;
    opacity: 0;
    pointer-events: none;
}
.alja-multiselect__box {
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    width: 1.125rem;
    height: 1.125rem;
    border: 1.5px solid var(--wp--preset--color--gray-300, #D1D5DB);
    border-radius: 0.3rem;
    background: #fff;
    color: #fff;
    transition: background 120ms ease, border-color 120ms ease;
}
.alja-multiselect__box .alja-icon { opacity: 0; transform: scale(0.6); transition: opacity 120ms ease, transform 120ms ease; }
.alja-multiselect__option:has(input:checked) .alja-multiselect__box {
    background: var(--wp--preset--color--accent);
    border-color: var(--wp--preset--color--accent);
}
.alja-multiselect__option:has(input:checked) .alja-multiselect__box .alja-icon { opacity: 1; transform: none; }
/* Variante radio (choix unique) : rond avec point central */
.alja-multiselect__box--radio { border-radius: 50%; }
.alja-multiselect__box--radio::after {
    content: '';
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #fff;
    transform: scale(0);
    transition: transform 120ms ease;
}
.alja-multiselect__option:has(input:checked) .alja-multiselect__box--radio::after { transform: none; }
.alja-multiselect__option:has(input:focus-visible) {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--wp--preset--color--accent) 45%, transparent);
}
.alja-multiselect__text { flex: 1; min-width: 0; }

.alja-multiselect__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 0.25rem;
    padding: 0.5rem 0.625rem 0.25rem;
    border-top: 1px solid var(--wp--preset--color--gray-100, #F3F4F6);
    font-size: 0.75rem;
    color: var(--wp--preset--color--gray-600, #6B7280);
}
.alja-multiselect__clear {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-weight: 600;
    color: var(--wp--preset--color--accent);
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.alja-multiselect__clear[hidden] { display: none; }

/* Honeypot — masqué visuellement, présent pour les bots */
.alja-lead-form__hp {
    position: absolute !important;
    width: 1px; height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    margin: -1px;
}

.alja-lead-form__submit {
    border: 0;
    cursor: pointer;
    justify-content: center;
    width: 100%;
    min-height: 3rem;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.alja-lead-form__submit:disabled,
.alja-lead-form__submit.is-loading {
    opacity: 0.75;
    cursor: wait;
}
.alja-lead-form__submit.is-loading .alja-lead-form__submit-label { display: none; }
.alja-lead-form__submit.is-loading .alja-lead-form__submit-loading { display: inline; }
.alja-lead-form__submit.is-loading .alja-icon {
    animation: aljaLeadSpin 900ms linear infinite;
}
@keyframes aljaLeadSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
    .alja-lead-form__submit.is-loading .alja-icon { animation: none; }
}

.alja-lead-form__feedback {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--wp--preset--color--primary-dark, #2D6E53);
    line-height: 1.5;
}
.alja-lead-form__feedback.is-error { color: #B4232A; }

/* État envoyé : remplace les champs, même hauteur de carte ou moins */
.alja-lead-form__success {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 0.5rem;
    padding: 1.5rem 0.5rem 0.5rem;
    outline: none;
}
.alja-lead-form__success[hidden] { display: none; }
.alja-lead-form__success-icon {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--wp--preset--color--primary) 14%, #fff);
    color: var(--wp--preset--color--primary-dark, #2D6E53);
    margin-bottom: 0.25rem;
}
.alja-lead-form__success-title {
    margin: 0;
    font-family: var(--wp--preset--font-family--heading);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
}
.alja-lead-form__success-text {
    margin: 0 0 0.5rem;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--wp--preset--color--gray-600);
    max-width: 30rem;
}

.alja-enterprise-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}
.alja-enterprise-hero__actions .alja-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* ── Bouton accent (or moutarde — signature de la page Entreprises) ── */
.alja-btn--accent {
    background-color: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--white);
}

.alja-btn--accent:hover {
    background-color: color-mix(in srgb, var(--wp--preset--color--accent) 85%, #000);
    color: var(--wp--preset--color--white);
    transform: translateY(-1px);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--wp--preset--color--accent) 35%, transparent);
}

.alja-btn--accent:active { transform: translateY(0); }

.alja-btn--accent .alja-icon { color: currentColor; }

/* ── WhatsApp button (vert WhatsApp officiel) ─────────────────── */
.alja-btn--whatsapp {
    background: #25D366;
    color: #ffffff !important;
    border: 1px solid #25D366;
    padding: 0.875rem 1.5rem;
    border-radius: 999px;
    font-weight: 700;
    text-decoration: none;
    transition: background 150ms ease, transform 100ms ease;
}
.alja-btn--whatsapp:hover { background: #1FB855; color: #ffffff !important; transform: translateY(-1px); }
.alja-btn--whatsapp .alja-icon { color: #fff; }

.alja-btn--ghost-primary {
    background: transparent;
    color: var(--wp--preset--color--primary);
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--primary) 35%, transparent);
    padding: 0.7rem 1.2rem;
    border-radius: 999px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    transition: all 150ms ease;
}
.alja-btn--ghost-primary:hover {
    background: color-mix(in srgb, var(--wp--preset--color--primary) 10%, transparent);
    border-color: var(--wp--preset--color--primary);
}

/* ── Process B2B 4 étapes ─────────────────────────────────────── */
.alja-enterprise-process {
    background: var(--wp--preset--color--sand-light);
    padding: clamp(2.5rem, 5vw, 4rem) 1.25rem;
}
.alja-enterprise-process__inner {
    max-width: 1180px;
    margin: 0 auto;
}

.alja-section-header--center {
    /* neutralise le display:flex de .alja-section-header (main.css) */
    display: block;
    text-align: center;
    max-width: 760px;
    margin: 0 auto 2rem;
}
.alja-section-header--center .alja-section-header__eyebrow {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--wp--preset--color--accent);
    margin-bottom: 0.75rem;
}
.alja-section-header--center .alja-section-header__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    margin: 0 0 0.75rem;
    color: var(--wp--preset--color--charcoal);
}
.alja-section-header--center .alja-section-header__subtitle {
    font-size: 1rem;
    color: var(--wp--preset--color--gray-600);
    margin: 0;
    line-height: 1.6;
}

.alja-enterprise-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
@media (max-width: 980px) { .alja-enterprise-steps { grid-template-columns: repeat(2, 1fr); gap: 1rem; } }
@media (max-width: 560px) { .alja-enterprise-steps { grid-template-columns: 1fr; } }

.alja-enterprise-step {
    position: relative;
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--primary) 12%, var(--wp--preset--color--gray-200));
    border-radius: 18px;
    padding: 1.75rem 1.25rem 1.5rem;
    text-align: center;
    transition: transform 200ms ease, box-shadow 200ms ease;
}
.alja-enterprise-step:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,0.06); }

.alja-enterprise-step__num {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    width: 28px;
    height: 28px;
    background: var(--wp--preset--color--accent);
    color: #fff;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--wp--preset--font-family--heading);
    font-weight: 800;
    font-size: 0.875rem;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--wp--preset--color--accent) 35%, transparent);
}

.alja-enterprise-step__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: 1rem;
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin: 0.75rem 0 0.5rem;
}
.alja-enterprise-step__desc {
    font-size: 0.875rem;
    color: var(--wp--preset--color--gray-600);
    line-height: 1.55;
    margin: 0;
}

/* ── Mur de logos clients (3 lignes + zone « ajoutez votre logo ») ── */
.alja-clients {
    background: #fff;
    padding: clamp(2.5rem, 5vw, 3.5rem) 1.25rem;
}

.alja-clients__inner {
    max-width: 1180px;
    margin: 0 auto;
}

/* Grille flexible : le nombre de logos décide seul du nombre de lignes */
.alja-clients__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 1rem;
    margin-block-start: 0.5rem;
}

@media (max-width: 560px) {
    .alja-clients__grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
}

.alja-clients__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: 0.75rem;
    transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}

.alja-clients__logo:hover {
    border-color: color-mix(in srgb, var(--wp--preset--color--accent) 55%, var(--wp--preset--color--gray-200));
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.07);
    transform: translateY(-2px);
}

.alja-clients__logo img {
    max-height: 60px;
    max-width: 100%;
    width: auto;
    object-fit: contain;
}

/* Tuile « Ajoutez votre logo » — même gabarit qu'une tuile logo */
.alja-clients__join {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 84px;
    padding: 0.75rem 1rem;
    border: 1.5px dashed color-mix(in srgb, var(--wp--preset--color--accent) 60%, transparent);
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--wp--preset--color--accent) 7%, transparent);
    color: color-mix(in srgb, var(--wp--preset--color--accent) 78%, #000);
    font-weight: 700;
    font-size: 0.8125rem;
    line-height: 1.3;
    text-decoration: none;
    text-align: center;
    transition: background 200ms ease, border-color 200ms ease, transform 150ms ease;
}

.alja-clients__join:hover {
    background: color-mix(in srgb, var(--wp--preset--color--accent) 14%, transparent);
    border-color: var(--wp--preset--color--accent);
    transform: translateY(-2px);
}

.alja-clients__join-plus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    flex-shrink: 0;
    border-radius: 999px;
    background: var(--wp--preset--color--accent);
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1;
}

/* ── Nos formules — explorateur à onglets ─────────────────────── */
.alja-formules {
    padding: clamp(2.5rem, 5vw, 4rem) 1.25rem;
}

.alja-formules__inner {
    max-width: 1180px;
    margin: 0 auto;
}

.alja-formules__layout {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    gap: clamp(1.5rem, 4vw, 3rem);
    align-items: start;
    margin-block-start: 2.5rem;
}

.alja-formules__menu {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: sticky;
    top: 96px;
}

.alja-formules__tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: 0.875rem;
    font: inherit;
    text-align: left;
    cursor: pointer;
    scroll-margin-top: 110px;
    transition: border-color 200ms ease, background 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}

.alja-formules__tab:hover {
    border-color: color-mix(in srgb, var(--wp--preset--color--accent) 50%, var(--wp--preset--color--gray-200));
    transform: translateX(4px);
}

.alja-formules__tab.is-active {
    border-color: var(--wp--preset--color--accent);
    background: color-mix(in srgb, var(--wp--preset--color--accent) 9%, #fff);
    box-shadow: 0 8px 24px color-mix(in srgb, var(--wp--preset--color--accent) 22%, transparent);
    transform: translateX(4px);
}

.alja-formules__tab-text {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.alja-formules__tab-title {
    font-family: var(--wp--preset--font-family--heading);
    font-weight: 700;
    font-size: 1rem;
    color: var(--wp--preset--color--charcoal);
}

.alja-formules__tab-tag {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--wp--preset--color--gray-600);
}

.alja-formules__tab.is-active .alja-formules__tab-tag {
    color: color-mix(in srgb, var(--wp--preset--color--accent) 78%, #000);
}

.alja-formules__tab-arrow {
    display: inline-flex;
    color: var(--wp--preset--color--accent);
    opacity: 0;
    transform: translateX(-6px);
    transition: opacity 250ms ease, transform 250ms ease;
}

.alja-formules__tab.is-active .alja-formules__tab-arrow {
    opacity: 1;
    transform: none;
}

.alja-formules__panels { min-width: 0; }

.alja-formules__panel {
    --panel-pad: clamp(1.5rem, 3.5vw, 2.75rem);
    background: #fff;
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: 1.25rem;
    padding: var(--panel-pad);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.05);
}

/* ── Diaporama en haut du détail (pleine largeur du panneau) ──── */
.alja-formules__slider {
    position: relative;
    margin: calc(-1 * var(--panel-pad)) calc(-1 * var(--panel-pad)) 1.75rem;
    border-radius: calc(1.25rem - 1px) calc(1.25rem - 1px) 0 0;
    overflow: hidden;
    background: var(--wp--preset--color--gray-100, #F3F4F6);
}

.alja-formules__slider-track {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.alja-formules__slider-track::-webkit-scrollbar { display: none; }

.alja-formules__slide {
    flex: 0 0 100%;
    scroll-snap-align: start;
    height: clamp(220px, 28vw, 340px);
}

.alja-formules__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.alja-formules__slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--wp--preset--color--charcoal);
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    transition: background 150ms ease, transform 150ms ease;
}

.alja-formules__slider-btn:hover {
    background: #fff;
    transform: translateY(-50%) scale(1.06);
}

.alja-formules__slider-btn--prev { left: 0.875rem; }
.alja-formules__slider-btn--prev .alja-icon { transform: rotate(180deg); }
.alja-formules__slider-btn--next { right: 0.875rem; }

.alja-formules__slider-dots {
    position: absolute;
    bottom: 0.875rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.4rem;
}

.alja-formules__slider-dot {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.55);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    transition: background 150ms ease, transform 150ms ease;
}

.alja-formules__slider-dot.is-active {
    background: var(--wp--preset--color--accent);
    transform: scale(1.25);
}

.alja-formules__panel.is-visible {
    animation: aljaFormuleIn 350ms ease both;
}

@keyframes aljaFormuleIn {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .alja-formules__panel.is-visible { animation: none; }
    .alja-formules__tab,
    .alja-formules__tab:hover,
    .alja-formules__tab.is-active { transform: none; }
}

.alja-formules__panel-tag {
    display: inline-block;
    padding: 0.3rem 0.75rem;
    background: color-mix(in srgb, var(--wp--preset--color--accent) 14%, transparent);
    color: color-mix(in srgb, var(--wp--preset--color--accent) 72%, #000);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-block-end: 0.875rem;
}

.alja-formules__panel-title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: clamp(1.375rem, 2.5vw, 1.875rem);
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin: 0 0 0.75rem;
}

.alja-formules__panel-desc {
    font-size: 1rem;
    color: var(--wp--preset--color--gray-600);
    line-height: 1.65;
    margin: 0 0 1.5rem;
    max-width: 620px;
}

.alja-formules__features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1.5rem;
    list-style: none;
    padding: 0;
    margin: 0 0 1.75rem;
}

@media (max-width: 560px) {
    .alja-formules__features { grid-template-columns: 1fr; }
}

.alja-formules__feature {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    font-size: 0.9375rem;
    color: var(--wp--preset--color--gray-700, #374151);
    line-height: 1.5;
}

.alja-formules__feature-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.375rem;
    height: 1.375rem;
    flex-shrink: 0;
    margin-top: 0.05rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--wp--preset--color--accent) 16%, transparent);
    color: color-mix(in srgb, var(--wp--preset--color--accent) 68%, #000);
}

.alja-formules__panel-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

/* Responsive : menu horizontal scrollable sous 880px */
@media (max-width: 880px) {
    .alja-formules__layout { grid-template-columns: 1fr; }

    .alja-formules__menu {
        position: static;
        flex-direction: row;
        overflow-x: auto;
        padding-block-end: 0.5rem;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .alja-formules__tab {
        flex: 0 0 auto;
        min-width: 200px;
    }

    .alja-formules__tab:hover,
    .alja-formules__tab.is-active { transform: none; }

    .alja-formules__tab-arrow { display: none; }
}

/* ── Service cards — icônes SVG (replace .alja-service-card__emoji) ── */
.alja-service-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: color-mix(in srgb, var(--wp--preset--color--primary) 9%, var(--wp--preset--color--sand-light));
    color: var(--wp--preset--color--primary-dark);
    margin-bottom: 1rem;
    flex-shrink: 0;
    transition: transform 200ms ease, background 200ms ease;
}
.alja-service-card:hover .alja-service-card__icon {
    background: color-mix(in srgb, var(--wp--preset--color--primary) 16%, var(--wp--preset--color--sand-light));
    transform: rotate(-4deg) scale(1.05);
}
.alja-service-card__icon .alja-icon { width: 30px; height: 30px; }

.alja-service-card__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--wp--preset--color--primary);
    transition: transform 150ms ease, color 150ms ease;
}
.alja-service-card__arrow:hover { transform: translateX(4px); color: var(--wp--preset--color--accent); }
.alja-service-card__arrow .alja-icon { width: 20px; height: 20px; }

/* Per-card subtle accent — same brand-token mix as homepage categories */
.alja-service-card--teambuilding    .alja-service-card__icon { background: color-mix(in srgb, var(--wp--preset--color--primary) 11%, var(--wp--preset--color--sand-light));    color: var(--wp--preset--color--primary-dark); }
.alja-service-card--masterclass     .alja-service-card__icon { background: color-mix(in srgb, var(--wp--preset--color--secondary) 11%, var(--wp--preset--color--sand-light));  color: var(--wp--preset--color--secondary); }
.alja-service-card--bachelor        .alja-service-card__icon { background: color-mix(in srgb, var(--wp--preset--color--rose) 13%, var(--wp--preset--color--sand-light));       color: color-mix(in srgb, var(--wp--preset--color--rose) 80%, var(--wp--preset--color--charcoal)); }
.alja-service-card--anniversaire    .alja-service-card__icon { background: color-mix(in srgb, var(--wp--preset--color--accent) 13%, var(--wp--preset--color--sand-light));     color: color-mix(in srgb, var(--wp--preset--color--accent) 75%, var(--wp--preset--color--charcoal)); }
.alja-service-card--stand           .alja-service-card__icon { background: color-mix(in srgb, var(--wp--preset--color--secondary) 10%, var(--wp--preset--color--sand-light));  color: var(--wp--preset--color--secondary); }
.alja-service-card--cadeaux         .alja-service-card__icon { background: color-mix(in srgb, var(--wp--preset--color--accent) 11%, var(--wp--preset--color--sand-light));     color: color-mix(in srgb, var(--wp--preset--color--accent) 75%, var(--wp--preset--color--charcoal)); }

/* ── Service detail sections (replace .alja-service-detail__emoji) ── */
.alja-service-detail__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--wp--preset--color--primary) 10%, var(--wp--preset--color--sand-light));
    color: var(--wp--preset--color--primary-dark);
    margin-right: 0.75rem;
    flex-shrink: 0;
}
.alja-service-detail__icon .alja-icon { width: 24px; height: 24px; }

.alja-service-detail__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--wp--preset--color--primary) 12%, transparent);
    color: var(--wp--preset--color--primary);
    margin-right: 0.5rem;
    flex-shrink: 0;
}
.alja-service-detail__check .alja-icon { width: 14px; height: 14px; }

.alja-service-detail__actions {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}
.alja-service-detail__actions .alja-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* ── Final enterprise CTA polish ──────────────────────────────── */
.alja-enterprise-cta__eyebrow {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--wp--preset--color--accent);
    margin-bottom: 0.5rem;
}
.alja-enterprise-cta__actions {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}
.alja-enterprise-cta__actions .alja-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* ═══════════════════════════════════════════════════════════════
   PAGE IDÉES CADEAUX — thème rose (--wp--preset--color--rose)
   Overrides scopés .alja-gifts-page : les composants partagés
   (header de section, cartes produits, CTA) passent au rose
   uniquement sur cette page — cohérence avec le hero rose doré.
   ═══════════════════════════════════════════════════════════════ */

.alja-gifts-page .alja-section-header__link {
    color: var(--wp--preset--color--rose);
}

/* Hero sans boutons d'action : même padding que les autres bannières
   (jeton --alja-hero-pad-block), le sous-titre clôt le bloc */
.alja-gifts-page .alja-inner-hero__subtitle {
    margin-block-end: 0;
}

/* Cartes produits (kits artisanaux) */
.alja-gifts-page .alja-product-card__price,
.alja-gifts-page .alja-product-card__price ins {
    color: color-mix(in srgb, var(--wp--preset--color--rose) 80%, #000);
}

.alja-gifts-page .alja-product-card__add-to-cart {
    background: var(--wp--preset--color--rose);
}

.alja-gifts-page .alja-product-card__add-to-cart:hover {
    background: color-mix(in srgb, var(--wp--preset--color--rose) 78%, #000);
}

.alja-gifts-page .alja-product-card__badge--bestseller,
.alja-gifts-page .alja-product-card__badge--new {
    background: var(--wp--preset--color--rose);
}

/* « Voir le produit » plein : hérite du fond rose de la règle
   .alja-gifts-page .alja-product-card__add-to-cart ci-dessus */

/* Pastilles de variantes : sélection en rose */
.alja-gifts-page .alja-product-card__variant:hover {
    border-color: var(--wp--preset--color--rose);
}

.alja-gifts-page .alja-product-card__variant.is-selected {
    background: var(--wp--preset--color--rose);
    border-color: var(--wp--preset--color--rose);
    color: #fff;
}

/* Swatches couleur / image : bordure rose, fond du swatch préservé */
.alja-gifts-page .alja-product-card__variant--color:hover,
.alja-gifts-page .alja-product-card__variant--color.is-selected {
    background: var(--alja-swatch, #ccc);
    border-color: var(--wp--preset--color--rose);
}

.alja-gifts-page .alja-product-card__variant--image:hover,
.alja-gifts-page .alja-product-card__variant--image.is-selected {
    background: #fff;
    border-color: var(--wp--preset--color--rose);
}

.alja-gifts-page .alja-product-card__cat {
    color: color-mix(in srgb, var(--wp--preset--color--rose) 70%, #6B7280);
}

/* CTA final (fond rose doré posé dans le pattern) */
.alja-gifts-page .alja-cta__btn--primary {
    color: var(--wp--preset--color--rose);
}

.alja-gifts-page .alja-cta__btn--outline:hover {
    background: rgba(255, 255, 255, 0.15);
}

/* ═══════════════════════════════════════════════════════════════
   PAGE CONTACT
   ═══════════════════════════════════════════════════════════════ */

.alja-contact-section {
    padding-block: var(--wp--preset--spacing--70);
    background: var(--wp--preset--color--white);
}

.alja-contact-section__inner {
    max-width: 1100px;
    margin-inline: auto;
    padding-inline: var(--alja-gutter, 1.5rem);
}

.alja-contact-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}
@media (min-width: 768px) {
    .alja-contact-grid { grid-template-columns: repeat(3, 1fr); }
}

.alja-contact-card {
    background: var(--wp--preset--color--sand-light, #FBF7F2);
    border: 1px solid #EDE9E0;
    border-radius: 1.25rem;
    padding: 2rem 1.75rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}

.alja-contact-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--wp--preset--color--primary) 12%, #fff);
    color: var(--wp--preset--color--primary);
}
.alja-contact-card__icon svg { width: 22px; height: 22px; }

.alja-contact-card__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin: 0;
}

.alja-contact-card__text {
    font-size: 0.9375rem;
    color: var(--wp--preset--color--gray-600);
    line-height: 1.6;
    margin: 0;
}
.alja-contact-card__text--muted {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
.alja-contact-card__text--muted svg { width: 16px; height: 16px; flex-shrink: 0; }

.alja-contact-card__line {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--wp--preset--color--charcoal);
    text-decoration: none;
    transition: color 150ms ease;
}
.alja-contact-card__line svg { width: 16px; height: 16px; flex-shrink: 0; color: var(--wp--preset--color--primary); }
.alja-contact-card__line:hover { color: var(--wp--preset--color--primary); }

.alja-contact-card__link {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--wp--preset--color--primary);
    text-decoration: none;
    margin-top: auto;
}
.alja-contact-card__link:hover { text-decoration: underline; }

.alja-contact-card__whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: auto;
    padding: 0.75rem 1.375rem;
    border-radius: 999px;
    background: #25D366;
    color: #fff;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    transition: transform 200ms ease, box-shadow 200ms ease;
}
.alja-contact-card__whatsapp svg { width: 18px; height: 18px; }
.alja-contact-card__whatsapp:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(37, 211, 102, 0.35);
    color: #fff;
}

.alja-contact-social-label {
    text-align: center;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--wp--preset--color--gray-600);
    margin: 3rem 0 0.75rem;
}
.alja-contact-social {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.75rem 1.75rem;
}
.alja-contact-social a {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--wp--preset--color--primary);
    text-decoration: none;
}
.alja-contact-social a:hover { text-decoration: underline; }

/* ═══════════════════════════════════════════════════════════════
   PAGE FAQ — accordéons natifs <details>
   ═══════════════════════════════════════════════════════════════ */

.alja-faq-section {
    padding-block: var(--wp--preset--spacing--70);
    background: var(--wp--preset--color--white);
}

.alja-faq-section__inner {
    max-width: 780px;
    margin-inline: auto;
    padding-inline: var(--alja-gutter, 1.5rem);
}

.alja-faq-group { margin-block-end: 2.5rem; }

.alja-faq-group__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin: 0 0 1rem;
}

.alja-faq-item {
    background: var(--wp--preset--color--sand-light, #FBF7F2);
    border: 1px solid #EDE9E0;
    border-radius: 0.875rem;
    margin-block-end: 0.75rem;
    overflow: hidden;
    transition: border-color 200ms ease, box-shadow 200ms ease;
}
.alja-faq-item[open] {
    border-color: color-mix(in srgb, var(--wp--preset--color--primary) 35%, #EDE9E0);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

.alja-faq-item__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.125rem 1.375rem;
    font-weight: 600;
    font-size: 0.9875rem;
    color: var(--wp--preset--color--charcoal);
    cursor: pointer;
    list-style: none;
    user-select: none;
}
.alja-faq-item__question::-webkit-details-marker { display: none; }

.alja-faq-item__chevron {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--wp--preset--color--primary);
    transition: transform 250ms ease;
}
.alja-faq-item__chevron svg { width: 18px; height: 18px; }
.alja-faq-item[open] .alja-faq-item__chevron { transform: rotate(180deg); }

.alja-faq-item__answer {
    margin: 0;
    padding: 0 1.375rem 1.25rem;
    font-size: 0.9375rem;
    color: var(--wp--preset--color--gray-600);
    line-height: 1.7;
}

.alja-faq-cta {
    text-align: center;
    background: var(--wp--preset--color--sand-light, #FBF7F2);
    border-radius: 1.25rem;
    padding: 2.25rem 1.5rem;
    margin-block-start: 1.5rem;
}
.alja-faq-cta__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin: 0 0 1.125rem;
}
.alja-faq-cta__actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}
.alja-faq-cta__btn {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    border-radius: 999px;
    border: 1.5px solid var(--wp--preset--color--gray-200);
    background: #fff;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--wp--preset--color--charcoal);
    text-decoration: none;
    transition: border-color 200ms ease, transform 200ms ease;
}
.alja-faq-cta__btn:hover { border-color: var(--wp--preset--color--primary); transform: translateY(-2px); }
.alja-faq-cta__btn--primary {
    background: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
    color: #fff;
}
.alja-faq-cta__btn--primary:hover { color: #fff; }

/* ═══════════════════════════════════════════════════════════════
   PAGE MENTIONS LÉGALES — prose
   ═══════════════════════════════════════════════════════════════ */

.alja-legal-section {
    padding-block: var(--wp--preset--spacing--70);
    background: var(--wp--preset--color--white);
}

.alja-legal-section__inner {
    max-width: 760px;
    margin-inline: auto;
    padding-inline: var(--alja-gutter, 1.5rem);
}

.alja-legal-section__inner h2 {
    font-family: var(--wp--preset--font-family--heading);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin: 2.25rem 0 0.625rem;
}
.alja-legal-section__inner h2:first-child { margin-top: 0; }

.alja-legal-section__inner p {
    font-size: 0.9375rem;
    color: var(--wp--preset--color--gray-600);
    line-height: 1.75;
    margin: 0 0 0.75rem;
}
.alja-legal-section__inner a {
    color: var(--wp--preset--color--primary);
    text-decoration: none;
}
.alja-legal-section__inner a:hover { text-decoration: underline; }

.alja-legal-updated {
    margin-top: 2.5rem !important;
    font-size: 0.8125rem !important;
    color: var(--wp--preset--color--gray-400, #9CA3AF) !important;
}

/* ── Contact : maps + formulaire ─────────────────────────────── */

.alja-contact-card__map {
    width: 100%;
    border-radius: 0.75rem;
    overflow: hidden;
    border: 1px solid #EDE9E0;
    aspect-ratio: 16 / 10;
}
.alja-contact-card__map iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.alja-contact-form-wrap {
    max-width: 720px;
    margin: 3.5rem auto 0;
    background: var(--wp--preset--color--sand-light, #FBF7F2);
    border: 1px solid #EDE9E0;
    border-radius: 1.25rem;
    padding: clamp(1.5rem, 4vw, 2.5rem);
}

.alja-contact-form-head { text-align: center; margin-block-end: 1.5rem; }
.alja-contact-form-head__title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--wp--preset--color--charcoal);
    margin: 0 0 0.375rem;
}
.alja-contact-form-head__subtitle {
    font-size: 0.9rem;
    color: var(--wp--preset--color--gray-600);
    margin: 0;
}

.alja-contact-notice {
    border-radius: 0.75rem;
    padding: 0.875rem 1.125rem;
    font-size: 0.9rem;
    font-weight: 600;
    margin-block-end: 1.25rem;
}
.alja-contact-notice--success {
    background: color-mix(in srgb, var(--wp--preset--color--primary) 12%, #fff);
    color: var(--wp--preset--color--primary-dark, #2F6B52);
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--primary) 30%, #fff);
}
.alja-contact-notice--error {
    background: #FDECEA;
    color: #B3261E;
    border: 1px solid #F5C6C0;
}

.alja-contact-form__row--2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 1rem;
}
@media (min-width: 640px) {
    .alja-contact-form__row--2 { grid-template-columns: 1fr 1fr; }
}

.alja-contact-form__field { margin: 0 0 1rem; }
.alja-contact-form__field label {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--wp--preset--color--charcoal);
    margin-block-end: 0.3rem;
}
.alja-contact-form__field label span { color: #C0392B; }
.alja-contact-form__field input,
.alja-contact-form__field textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 0.75rem 0.9375rem;
    border: 1px solid #DDD6C9;
    border-radius: 0.625rem;
    font-size: 0.9375rem;
    background: #fff;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}
.alja-contact-form__field input:focus,
.alja-contact-form__field textarea:focus {
    outline: none;
    border-color: var(--wp--preset--color--primary);
    box-shadow: 0 0 0 3px rgba(58, 138, 106, 0.12);
}

.alja-contact-form__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.9375rem 1.75rem;
    border: none;
    border-radius: 999px;
    background: var(--wp--preset--color--primary);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 200ms ease, transform 200ms ease, box-shadow 200ms ease;
}
.alja-contact-form__submit:hover {
    background: var(--wp--preset--color--primary-dark, #2F6B52);
    transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(58, 138, 106, 0.3);
}

/* ═══════════════════════════════════════
   PAGINATION DES ARCHIVES D'ATELIERS
   ═══════════════════════════════════════ */

.alja-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.375rem;
    margin-block-start: 2.5rem;
}

.alja-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.375rem;
    height: 2.375rem;
    padding-inline: 0.75rem;
    border: 1.5px solid var(--wp--preset--color--gray-200);
    border-radius: var(--wp--custom--border-radius--md);
    background: var(--wp--preset--color--white);
    font-size: var(--wp--preset--font-size--sm);
    font-weight: 600;
    color: var(--wp--preset--color--charcoal);
    text-decoration: none;
    transition: all var(--wp--custom--transition--fast);
}

.alja-pagination .page-numbers:hover {
    border-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary);
}

.alja-pagination .page-numbers.current {
    background: var(--wp--preset--color--charcoal);
    border-color: var(--wp--preset--color--charcoal);
    color: var(--wp--preset--color--white);
}

.alja-pagination .page-numbers.dots {
    border-color: transparent;
    background: none;
}

/* Le panneau de filtres flottant occupe le bas de l'écran sur mobile */
@media (max-width: 1023px) {
    .alja-pagination { margin-block-end: 4rem; }
}

/* ═══════════════════════════════════════════════════════════════
   ÉVÉNEMENTS — NOS ACTIVITÉS (cartes portrait, image + dégradé)
   ═══════════════════════════════════════════════════════════════ */
.alja-activities {
    padding: 5rem 0;
    background: var(--wp--preset--color--white, #fff);
    --carousel-gap: 1.25rem;
    --carousel-per-view: 4;
    /* Bord de la carte suivante laissé visible : on voit qu'il y a une suite */
    --carousel-peek: 3.5rem;
}
.alja-activities__inner {
    max-width: var(--wp--style--global--wide-size, 1280px);
    margin: 0 auto;
    padding: 0 1.5rem;
}
/* ── Carrousel générique (scroll-snap, sans librairie) ── */
.alja-activities .alja-carousel { margin-top: 2.5rem; }
.alja-carousel { position: relative; }
.alja-carousel__track {
    list-style: none;
    margin: 0;
    /* overflow-x:auto force aussi overflow-y → l'ombre et le soulèvement au survol
       seraient rognés. On déborde volontairement (marges négatives) et on rend
       la même place en padding : l'ombre a de l'air, le calage reste identique. */
    --carousel-bleed-x: 1.5rem;
    --carousel-bleed-y: 1.25rem;
    padding: var(--carousel-bleed-y) var(--carousel-bleed-x) 3rem;
    margin: calc(-1 * var(--carousel-bleed-y)) calc(-1 * var(--carousel-bleed-x)) -2rem;
    display: flex;
    gap: var(--carousel-gap);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--carousel-bleed-x);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}
.alja-carousel__track::-webkit-scrollbar { display: none; }
.alja-carousel__slide {
    flex: 0 0 calc((100% - var(--carousel-peek, 0px) - (var(--carousel-per-view) - 1) * var(--carousel-gap)) / var(--carousel-per-view));
    scroll-snap-align: start;
    min-width: 0;
}
/* Voiles de bord : un dégradé blanc signale la suite à droite (et le retour
   à gauche une fois défilé). Masqués en début / fin de piste par le script. */
.alja-carousel::before,
.alja-carousel::after {
    content: '';
    position: absolute;
    top: 0; bottom: 1rem;
    width: 5rem;
    pointer-events: none;
    z-index: 2;
    opacity: 1;
    transition: opacity 200ms ease;
}
.alja-carousel::before { left: -1.5rem; background: linear-gradient(90deg, #fff 20%, rgba(255,255,255,0)); }
.alja-carousel::after  { right: -1.5rem; background: linear-gradient(270deg, #fff 20%, rgba(255,255,255,0)); }
.alja-carousel.is-start::before { opacity: 0; }
.alja-carousel.is-end::after    { opacity: 0; }
.alja-carousel__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 0.75rem;
}
.alja-carousel__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid var(--wp--preset--color--gray-200, #E5E7EB);
    border-radius: 999px;
    background: #fff;
    color: var(--wp--preset--color--charcoal);
    cursor: pointer;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease, opacity 150ms ease;
}
.alja-carousel__btn:hover {
    background: var(--wp--preset--color--charcoal);
    border-color: var(--wp--preset--color--charcoal);
    color: #fff;
}
.alja-carousel__btn:disabled { opacity: 0.35; cursor: default; }
.alja-carousel__btn:disabled:hover {
    background: #fff;
    border-color: var(--wp--preset--color--gray-200, #E5E7EB);
    color: var(--wp--preset--color--charcoal);
}
[data-carousel-prev] .alja-icon { transform: rotate(180deg); }
.alja-carousel__dots {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
    min-width: 4rem;
}
/* Un point par page (et non par carte) ; bouton cliquable */
.alja-carousel__dot {
    width: 0.5rem;
    height: 0.5rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: var(--wp--preset--color--gray-200, #E5E7EB);
    cursor: pointer;
    transition: background 150ms ease, width 200ms ease;
}
.alja-carousel__dot:hover { background: var(--wp--preset--color--gray-400, #9CA3AF); }
.alja-carousel__dot:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 3px; }
.alja-carousel__dot.is-active {
    width: 1.375rem;
    background: var(--wp--preset--color--accent);
}
@media (prefers-reduced-motion: reduce) {
    .alja-carousel__track { scroll-behavior: auto; }
}

/* ── Carte activité : média 4:3 + corps ── */
.alja-activity {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: var(--wp--custom--border-radius--xl, 1.25rem);
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--wp--preset--color--gray-200, #E5E7EB);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}
.alja-activity:hover {
    transform: translateY(-4px);
    border-color: transparent;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
}
.alja-activity__media {
    position: relative;
    aspect-ratio: 4 / 3;
    display: grid;
    place-items: center;
    background: var(--wp--preset--color--sand-light, #F6F1EA);
    overflow: hidden;
}
.alja-activity__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms ease;
}
.alja-activity:hover .alja-activity__image { transform: scale(1.04); }
@media (prefers-reduced-motion: reduce) {
    .alja-activity, .alja-activity__image { transition: none; }
}
/* Sans image : icône du thème sur fond sable, motif discret */
.alja-activity__icon {
    position: relative;
    width: 4.5rem;
    height: 4.5rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #fff;
    color: var(--wp--preset--color--primary-dark, #2D6E53);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07);
}
.alja-activity__media::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--wp--preset--color--accent) 18%, transparent) 0, transparent 40%),
        radial-gradient(circle at 80% 75%, color-mix(in srgb, var(--wp--preset--color--primary) 14%, transparent) 0, transparent 45%);
}
.alja-activity--has-image .alja-activity__media::before { display: none; }
.alja-activity__tag {
    position: absolute;
    top: 0.875rem;
    left: 0.875rem;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--wp--preset--color--charcoal);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    backdrop-filter: blur(4px);
}
.alja-activity__body {
    display: grid;
    gap: 0.45rem;
    padding: 1.125rem 1.25rem 1.25rem;
    color: var(--wp--preset--color--charcoal, #2D2D2D);
}
.alja-activity__title {
    margin: 0;
    font-family: var(--wp--preset--font-family--heading, inherit);
    font-size: 1.125rem;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}
.alja-activity__desc {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--wp--preset--color--gray-600, #6B7280);
}
.alja-activity__cta {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.35rem;
    min-height: 2.25rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--wp--preset--color--accent, #D4A43A);   /* jaune doré, comme le bouton « Recevoir mon devis » */
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1.5px;
    width: max-content;
    transition: gap 150ms ease, color 150ms ease;
}
.alja-activity__cta:hover { gap: 0.6rem; color: var(--wp--preset--color--accent-dark, #B8892C); }

@media (max-width: 1280px) {
    .alja-activities { --carousel-per-view: 3; }
}
@media (max-width: 1080px) {
    .alja-activities { --carousel-per-view: 2; --carousel-peek: 2.5rem; }
}
@media (max-width: 720px) {
    .alja-activities { padding: 3.5rem 0; --carousel-gap: 0.875rem; }
    .alja-carousel__btn { width: 2.5rem; height: 2.5rem; }
    .alja-carousel__slide { flex-basis: 84%; }
    .alja-carousel::before, .alja-carousel::after { width: 2.5rem; }
    .alja-activity__body { padding: 1rem; }
    .alja-activity__desc { font-size: 0.875rem; }
}


/* ═══════════════════════════════════════
   VIDÉOS — page Événements (Shorts YouTube)
   Cartes paysage dans le carrousel générique ; lecteur vertical (9:16)
   dans une boîte de dialogue au clic.
   ═══════════════════════════════════════ */
.alja-videos {
    padding: 5rem 0;
    background: var(--wp--preset--color--sand-light, #F6F1EA);
    --carousel-gap: 1.25rem;
    --carousel-per-view: 3;
    --carousel-peek: 3.5rem;
}
.alja-videos__inner {
    max-width: var(--wp--style--global--wide-size, 1280px);
    margin: 0 auto;
    padding: 0 1.5rem;
}
.alja-videos .alja-carousel { margin-top: 2.5rem; }
/* Voiles de bord de la couleur du fond (le générique est blanc) */
.alja-videos .alja-carousel::before { background: linear-gradient(90deg, var(--wp--preset--color--sand-light, #F6F1EA) 20%, rgba(246,241,234,0)); }
.alja-videos .alja-carousel::after  { background: linear-gradient(270deg, var(--wp--preset--color--sand-light, #F6F1EA) 20%, rgba(246,241,234,0)); }

.alja-video {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font: inherit;
    color: inherit;
}
.alja-video:focus-visible { outline: none; }
.alja-video:focus-visible .alja-video__media { outline: 3px solid var(--wp--preset--color--accent); outline-offset: 3px; }
.alja-video__media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    border-radius: var(--wp--custom--border-radius--xl, 1.25rem);
    overflow: hidden;
    background: #111;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    transition: transform 200ms ease, box-shadow 200ms ease;
}
.alja-video:hover .alja-video__media { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16); }
.alja-video__thumb {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms ease;
}
.alja-video:hover .alja-video__thumb { transform: scale(1.04); }
.alja-video__media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,0.35));
    pointer-events: none;
}
.alja-video__play {
    position: absolute;
    left: 50%; top: 50%;
    z-index: 1;
    width: 3.75rem; height: 3.75rem;
    margin: -1.875rem 0 0 -1.875rem;
    display: grid; place-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: var(--wp--preset--color--primary-dark, #2D6E53);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    transition: transform 200ms ease, background 200ms ease;
}
.alja-video__play svg { margin-left: 3px; }
.alja-video:hover .alja-video__play { transform: scale(1.08); background: #fff; }
.alja-video__title {
    display: block;
    margin-top: 0.75rem;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--wp--preset--color--charcoal);
}
@media (prefers-reduced-motion: reduce) {
    .alja-video__media, .alja-video__thumb, .alja-video__play { transition: none; }
}
@media (max-width: 1080px) { .alja-videos { --carousel-per-view: 2; --carousel-peek: 2.5rem; } }
@media (max-width: 720px)  { .alja-videos { padding: 3.5rem 0; --carousel-gap: 0.875rem; } }

/* Lecteur : format d'origine (vertical), centré, fond sombre */
.alja-video-modal {
    /* Le reset global (* { margin: 0 }) supprime le margin:auto par lequel le
       navigateur centre un <dialog> : on le rétablit, avec le calage plein écran. */
    position: fixed;
    inset: 0;
    margin: auto;
    border: 0;
    padding: 0;
    background: transparent;
    max-width: none;
    max-height: none;
    width: fit-content;
    height: fit-content;
    overflow: visible;
}
.alja-video-modal::backdrop { background: rgba(10, 12, 12, 0.88); backdrop-filter: blur(4px); }
.alja-video-modal__player {
    width: min(92vw, calc(86vh * 9 / 16));
    aspect-ratio: 9 / 16;
    border-radius: 1.25rem;
    overflow: hidden;
    background: #000;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
}
.alja-video-modal__player iframe { display: block; width: 100%; height: 100%; border: 0; }
.alja-video-modal__close {
    position: fixed;
    top: 1rem; right: 1rem;
    width: 2.75rem; height: 2.75rem;
    display: grid; place-items: center;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    cursor: pointer;
    transition: background 150ms ease;
}
.alja-video-modal__close:hover { background: rgba(255, 255, 255, 0.28); }
.alja-video-modal__close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }