/* =====================================================================
   KERNEL Gallery — surcouche du gabarit Orisa.
   On ne touche pas à main.css : on ne redéfinit QUE les accents de marque.
   Les neutres et le thème clair/sombre restent pilotés par main.css.
   Identité : EMBER #ea5930, LIME #b9ce10. Polices du gabarit conservées.
   À lier JUSTE APRÈS main.css.
   ===================================================================== */

/* ------------------------------------------------ accents de marque (globaux) */
:root{
  --at-theme-primary:#ea5930;         /* EMBER — remplace l'orange du gabarit */
  --at-theme-primary-rgb:234, 89, 48;
  --ember:#ea5930;
  --lime:#b9ce10;
}

/* le gabarit garde quelques orange en dur (#F0460E / #FF4D1C) — rattrapage */
.at-theme-primary,.bg-primary-1{background-color:var(--ember) !important}

/* ------------------------------------------------ accents de couleur ponctuels */
.card_case__studies-metric-value{color:var(--ember) !important}   /* chiffre overlay des cartes projet */
.at-faq-number{color:var(--ember) !important}                      /* numéros de la FAQ */
.sec-2-home-5__star--filled,.journey-list__link{color:var(--ember) !important}

/* ------------------------------------------------ wordmark texte (placeholder logo) */
.kernel-wordmark{font-weight:800;font-size:1.3rem;letter-spacing:.01em;line-height:1;
  color:inherit;display:inline-block;text-decoration:none;white-space:nowrap}
.kernel-wordmark--footer{font-size:1.6rem}
/* contextes à fond sombre : wordmark en blanc */
.at-banner-thumb .kernel-wordmark,
.at-footer-area .kernel-wordmark,
.at-offcanvas-2-wrapper .kernel-wordmark{color:#fff}

/* ------------------------------------------------ pied de page : e-mail trop long */
/* contact@kernel.epitech.africa au rendu h4 déborde sa colonne : on le borne. */
.at-footer-title-wrap h5{font-size:clamp(1.05rem,2vw,1.5rem) !important;word-break:break-word;overflow-wrap:anywhere}

/* =====================================================================
   ESPACEMENT — un seul écart UNIFORME entre toutes les sections.
   (les 9 sections viennent de 3 pages du gabarit : paddings d'origine
   inégaux ; on impose un rythme régulier et modéré.)
   ===================================================================== */
:root{--gap:60px}

/* écart identique entre chaque section (marge haute uniforme) */
.at-banner-thumb,
.sec-4-home-5,
.sec-6-home-5,
.sec-2-home-5,
.at-sec9-area,
.home-5-section-7,
.alt-faq-area,
.at-footer-area{margin-top:var(--gap) !important}

/* inset interne modéré et uniforme (remplace pt-100/120/130/145, pb-80/100/120) */
.sec-4-home-5,
.sec-6-home-5,
.sec-2-home-5,
.at-sec9-area,
.home-5-section-7,
.alt-faq-area{padding-top:var(--gap) !important;padding-bottom:var(--gap) !important}

/* hero : ramené au même rythme + anti-chevauchement conservé (léger) */
.sec-1-home-15{padding-top:var(--gap) !important;padding-bottom:0 !important}
.sec-1-home-15__title-block{padding-top:36px !important}      /* air image -> wordmark, modéré */
.sec-1-home-15__title-meta{margin-top:12px !important}        /* légendes sous le wordmark, sans excès */
.sec-1-home-15__title{font-size:clamp(44px,12vw,173px) !important}  /* responsive */
.at-banner-thumb{margin-bottom:0 !important}

/* =====================================================================
   CARTES « À LA UNE » — avatar builder (remplace la grosse métrique)
   + logos techno officiels dans les tags.
   ===================================================================== */
.card_case__studies-visual{position:relative}
.kernel-builder{position:absolute;left:16px;bottom:16px;z-index:6;
  display:inline-flex;align-items:center;gap:10px;
  padding:5px 15px 5px 5px;border-radius:999px;
  background:rgba(20,20,18,.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  box-shadow:0 6px 18px rgba(0,0,0,.25)}
.kernel-builder__avatar{width:38px !important;height:38px !important;border-radius:50%;object-fit:cover;
  border:2px solid #fff;flex:0 0 auto}
.kernel-builder__name{color:#fff;font-weight:600;font-size:.92rem;line-height:1;white-space:nowrap}

/* logo techno devant le nom (monochrome, suit la couleur du texte) */
.card_case__studies-tag{display:inline-flex !important;align-items:center;gap:6px}
.kernel-tech__logo{width:14px !important;height:14px !important;flex:0 0 auto;display:inline-block;object-fit:contain}

/* =====================================================================
   PAGE GALERIE (galerie.html)
   ===================================================================== */
/* onglet nav actif */
.kernel-nav-active > a{color:var(--ember) !important}

/* badge « À la une » = ember */
.bg-theme-primary{background-color:var(--ember) !important}

/* avatar builder en haut à gauche de l'image (variante du pill accueil) */
.kernel-builder--tl{top:16px;left:16px;bottom:auto;z-index:4}
/* au-dessus de l'overlay natif de survol de portfolio-2 */
.alt-portfolio-thumb .kernel-builder--tl,
.alt-portfolio-thumb .alt-portfolio-tag{z-index:5}

/* rythme uniforme (comme l'accueil) */
.sec-1-portfolio-3{padding-top:clamp(100px,10vw,140px) !important;padding-bottom:0 !important}
.sec-1-portfolio-3 .container{padding-bottom:0 !important}   /* supprime le pb-60 qui créait un grand vide */
.sec-galerie-featured{padding-top:var(--gap) !important;padding-bottom:0 !important}
.sec-galerie-grid{padding-top:var(--gap) !important;padding-bottom:var(--gap) !important;margin-top:var(--gap) !important}

/* ---- corrections galerie (retours Edwin) ---- */
/* 1. titre du header sur UNE seule ligne (fz-ds-1 débordait sur 2 lignes) */
.sec-1-portfolio-3 h1{font-size:clamp(34px,4.6vw,66px) !important;line-height:1.05 !important}
@media(min-width:992px){.sec-1-portfolio-3 h1{white-space:nowrap}}

/* 3. carte « à la une » (fond sombre) : logos techno noirs invisibles -> passés en clair */
.card_case__studies-tag .kernel-tech__logo{filter:brightness(0) invert(1);opacity:.9}

/* 4. images de la grille toutes à la MÊME taille (la dernière carte était plus petite) */
.alt-portfolio-item .alt-portfolio-thumb{aspect-ratio:16/11;overflow:hidden}
.alt-portfolio-item .alt-portfolio-thumb > img{width:100% !important;height:100% !important;object-fit:cover}

/* =====================================================================
   PAGE DÉTAIL PROJET (detail-projet.html)
   ===================================================================== */
/* rythme uniforme var(--gap), on neutralise les gros paddings du gabarit */
.sec-1-portfolio-details-2{padding-top:clamp(104px,11vw,150px) !important;padding-bottom:var(--gap) !important}
.sec-1-portfolio-details-2 .pb-120{padding-bottom:var(--gap) !important}
.sec-1-portfolio-details-2 .about-me-slider-active{padding-top:var(--gap) !important;padding-bottom:var(--gap) !important}
.sec-1-portfolio-details-2 .testimonial-author{padding-bottom:var(--gap) !important}
.sec-2-portfolio-details-1{padding-top:var(--gap) !important;padding-bottom:var(--gap) !important;margin-top:var(--gap) !important}

/* méta : technos avec logos (fond clair -> logo en encre via currentColor) */
.kernel-meta-techs{gap:14px;max-width:62%}
.kernel-meta-tech{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--ink)}

/* builder dans la colonne méta : version en ligne (pas la pastille sombre) */
.kernel-builder--static{position:static !important;background:transparent !important;padding:0 !important;
  box-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;gap:9px}
.kernel-builder--static .kernel-builder__avatar{width:34px !important;height:34px !important;border:2px solid var(--ink)}
.kernel-builder--static .kernel-builder__name{color:var(--ink) !important;font-weight:600}

/* =====================================================================
   PAGE BUILDERS (builders.html)
   ===================================================================== */
.sec-builders-grid{padding-top:var(--gap) !important;padding-bottom:var(--gap) !important;margin-top:var(--gap) !important}

/* carte builder — premium épuré, portraits homogènes, thème clair/sombre OK */
.kernel-builder-card{margin-bottom:0}
.kernel-bcard{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;
  background:var(--at-neutral-0);border:1px solid var(--at-neutral-200);border-radius:16px;overflow:hidden;
  transition:transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease, border-color .35s ease}
.kernel-builder-card:hover .kernel-bcard,
.kernel-builder-card.force-hover .kernel-bcard{transform:translateY(-6px);box-shadow:0 18px 38px rgba(16,16,14,.14);border-color:var(--ember)}
/* photo héros + zoom doux + dégradé d'ancrage */
.kernel-bcard__photo{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--at-neutral-100)}
.kernel-bcard__photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.kernel-builder-card:hover .kernel-bcard__photo img,
.kernel-builder-card.force-hover .kernel-bcard__photo img{transform:scale(1.05)}
.kernel-bcard__photo::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(16,16,14,.5),rgba(16,16,14,.1) 38%,transparent 60%)}
/* badges club SUR la photo — NETS, fond plein (encre), sans flou */
.kernel-bcard__clubs{position:absolute;top:12px;left:12px;z-index:2;display:flex;flex-wrap:wrap;gap:6px}
.kernel-club-badge{display:inline-block;font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700;
  padding:4px 9px;border-radius:999px;color:#fff;background:var(--ink);line-height:1.5}
/* corps épuré : nom + une ligne meta */
.kernel-bcard__body{padding:16px 18px 16px;display:flex;flex-direction:column;flex:1}
.kernel-bcard__name{font-size:1.35rem;line-height:1.1;margin:0;transition:color .3s ease}
.kernel-builder-card:hover .kernel-bcard__name,
.kernel-builder-card.force-hover .kernel-bcard__name{color:var(--ember)}
.kernel-bcard__role{color:var(--muted);margin:6px 0 0;font-size:.9rem;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kernel-bcard__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:auto;padding-top:14px}
.kernel-bcard__count{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:500;color:var(--muted)}
.kernel-bcard__count i{font-size:.9em}
/* bouton rond flèche « voir le profil » */
.kernel-bcard__go{width:38px;height:38px;flex:0 0 auto;border-radius:50%;border:1px solid var(--at-neutral-200);
  display:inline-flex;align-items:center;justify-content:center;color:var(--ink);font-size:.85rem;
  transition:background .3s ease,border-color .3s ease,color .3s ease}
.kernel-bcard__go i{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.kernel-builder-card:hover .kernel-bcard__go,
.kernel-builder-card.force-hover .kernel-bcard__go{background:var(--ember);border-color:var(--ember);color:#fff}
.kernel-builder-card:hover .kernel-bcard__go i,
.kernel-builder-card.force-hover .kernel-bcard__go i{transform:translateX(3px)}

/* ---- builders : barre d'outils une ligne (filtres | compteur + recherche + tri) */
.kernel-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.kernel-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.kernel-tools{display:flex;align-items:center;gap:10px;margin-left:auto}
.kernel-count{font-size:.85rem;font-weight:600;color:var(--muted);white-space:nowrap}
.kernel-empty{display:none;text-align:center;color:var(--muted);padding:48px 0;font-size:1.05rem}
.kernel-filters .filter-btn.active{background:var(--ember) !important;border-color:var(--ember) !important;color:#fff !important}

/* recherche extensible */
.kernel-search{display:inline-flex;align-items:center;border:1px solid transparent;border-radius:999px;transition:border-color .35s ease,background .35s ease}
.kernel-search.ouvert{border-color:var(--at-neutral-200);background:var(--at-neutral-0)}
.kernel-search__toggle{width:44px;height:44px;border-radius:999px;border:1px solid var(--at-neutral-200);
  background:var(--at-neutral-0);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);flex:0 0 auto;transition:border-color .3s ease,background .3s ease}
.kernel-search.ouvert .kernel-search__toggle{border-color:transparent;background:transparent}
.kernel-search__wrap{width:0;overflow:hidden;display:flex;align-items:center;transition:width .35s cubic-bezier(.34,1.56,.64,1)}
.kernel-search.ouvert .kernel-search__wrap{width:220px}
.kernel-search__wrap input{width:100%;height:44px;border:none;background:transparent;outline:none;color:inherit;font-size:.95rem;padding:0 4px}
.kernel-search__wrap input::placeholder{color:var(--muted)}
.kernel-search__clear{border:none;background:transparent;color:var(--muted);cursor:pointer;padding:0 12px 0 4px;font-size:14px;flex:0 0 auto}

/* dropdown de tri custom */
.kernel-sort{position:relative}
.kernel-sort__btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;
  border:1px solid var(--at-neutral-200);background:var(--at-neutral-0);color:inherit;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .25s ease}
.kernel-sort__btn:hover{border-color:var(--at-neutral-300)}
.kernel-sort__btn .chev{transition:transform .25s ease}
.kernel-sort.ouvert .kernel-sort__btn{border-color:var(--ember)}
.kernel-sort.ouvert .kernel-sort__btn .chev{transform:rotate(180deg)}
.kernel-sort__panel{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;z-index:30;
  background:var(--at-neutral-0);border:1px solid var(--at-neutral-200);border-radius:14px;padding:6px;
  box-shadow:0 18px 40px rgba(16,16,14,.14);list-style:none;margin:0;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.kernel-sort.ouvert .kernel-sort__panel{opacity:1;visibility:visible;transform:translateY(0)}
.kernel-sort__opt{display:block;width:100%;text-align:left;padding:10px 14px;border-radius:9px;cursor:pointer;
  font-size:.9rem;color:inherit;border:none;background:transparent;transition:background .15s ease}
.kernel-sort__opt:hover{background:var(--at-neutral-100)}
.kernel-sort__opt.is-active{background:var(--ember);color:#fff}
/* recherche fermée mais avec texte actif : loupe en ember (indice) */
.kernel-search.actif .kernel-search__toggle{border-color:var(--ember);color:var(--ember)}

/* =====================================================================
   HEADER — retirer la pastille blanche de la nav centrale (encoche sur le hero)
   ===================================================================== */
.header-12 .at-main-menu{background-color:transparent !important;border-radius:0 !important;
  padding:0 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}

/* =====================================================================
   GALERIE — bouton Tags + panneau tags (bounce) + pastilles multi-sélection
   ===================================================================== */
.sec-galerie-grid .kernel-toolbar{padding-bottom:34px}
.kernel-tagsbtn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:999px;
  border:1px solid var(--at-neutral-200);background:var(--at-neutral-0);color:inherit;font-size:.78rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.04em;cursor:pointer;white-space:nowrap;
  transition:border-color .25s ease,background .25s ease,color .25s ease}
.kernel-tagsbtn .chev{transition:transform .25s ease}
.kernel-tagsbtn.on{border-color:var(--ember)}
.kernel-tagsbtn.on .chev{transform:rotate(180deg)}
.kernel-tagsbtn.has{background:var(--ember);border-color:var(--ember);color:#fff}

.kernel-tagspanel{overflow:hidden;max-height:0;opacity:0;margin:0;
  transition:max-height .4s ease,opacity .3s ease,margin .4s ease}
.kernel-tagspanel.open{max-height:360px;opacity:1;margin-top:18px;margin-bottom:34px}
.kernel-tagspanel__inner{border:1px solid var(--at-neutral-200);border-radius:14px;padding:18px 18px 20px;
  background:var(--at-neutral-0);transform:translateY(-14px);
  transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.kernel-tagspanel.open .kernel-tagspanel__inner{transform:translateY(0)}
.kernel-tagspanel__label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}
.kernel-tagspanel__list{display:flex;flex-wrap:wrap;gap:8px}
.kernel-tagpill{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;
  border:1px solid var(--at-neutral-200);background:transparent;color:inherit;font-size:.82rem;cursor:pointer;
  transition:background .2s ease,border-color .2s ease,color .2s ease}
.kernel-tagpill:hover{border-color:var(--at-neutral-300)}
.kernel-tagpill .kernel-tech__logo{width:14px !important;height:14px !important}
.kernel-tagpill.on{background:var(--ember);border-color:var(--ember);color:#fff}
.kernel-tagpill.on .kernel-tech__logo{filter:brightness(0) invert(1)}

/* =====================================================================
   PAGE DÉTAIL BUILDER (detail-builder.html)
   ===================================================================== */
/* rythme uniforme var(--gap) ; le top dégage le header fixe comme detail-projet */
.sec-1-builder-details{padding-top:clamp(104px,11vw,150px) !important;padding-bottom:var(--gap) !important}
/* écart régulier entre les blocs du profil, sans vide final */
.sec-1-builder-details .block-content{margin-bottom:var(--gap)}
.sec-1-builder-details .block-content.mb-0{margin-bottom:0}
/* coche des stats en ember */
.builder-tick{color:var(--ember) !important;flex:0 0 auto}
/* badges club sous le nom : pastille encre pleine, thème-safe (s'inverse en sombre) */
.builder-clubs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.builder-clubs .kernel-club-badge{background:var(--at-neutral-950);color:var(--at-neutral-0)}
/* liens builder : pills GitHub/LinkedIn + bouton Contacter sur une ligne */
.builder-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px}

/* ---- carte « à la une » galerie : titre sur 2 lignes propres ---- */
/* le max-width:60% du gabarit étranglait la 1re ligne (« Zeno — toute la gestion »)
   et la cassait en 3 lignes ; on élargit et on borne la taille. */
.card_case__studies-title{max-width:100% !important}
.card_case__studies-title,.card_case__studies-title a{font-size:clamp(2rem,3vw,2.75rem) !important;line-height:1.14 !important}

.at_fade_anim,.at-rise-animation,.reveal-text,.reveal-text *{opacity:1!important;transform:none!important;visibility:visible!important}

/* =====================================================================
   HEADER v2 — switch thème on/off (gauche), menu + « Se connecter » (droite),
   hero descendu. (Édité en direct, sans script de build.)
   ===================================================================== */
.kernel-switch{display:inline-flex;align-items:center;cursor:pointer;flex:0 0 auto}
.kernel-switch .input{position:absolute;opacity:0;width:0;height:0}
.kernel-switch__track{position:relative;display:block;width:46px;height:26px;border-radius:999px;
  background:var(--at-neutral-200);border:1px solid var(--at-neutral-300);
  transition:background .25s ease,border-color .25s ease}
.kernel-switch__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.28);transition:transform .25s ease}
.kernel-switch .input:checked + .kernel-switch__track{background:var(--ember);border-color:var(--ember)}
.kernel-switch .input:checked + .kernel-switch__track .kernel-switch__thumb{transform:translateX(20px)}
.kernel-switch .input:focus-visible + .kernel-switch__track{outline:2px solid var(--ember);outline-offset:2px}

/* menu horizontal dans le groupe de droite */
.at-header-right .at-main-menu nav ul{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}

/* hero accueil : descendu, moins collé au header */
.sec-1-home-15{padding-top:calc(var(--gap) + 10px) !important;padding-bottom:0 !important}

/* =====================================================================
   TOGGLE THÈME vertical, flottant à gauche (lune haut / soleil bas) — style Ohio
   ===================================================================== */
.kernel-theme-toggle{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:60;cursor:pointer}
.kernel-theme-toggle .input{position:absolute;opacity:0;width:0;height:0}
.kernel-theme-toggle__track{position:relative;width:40px;height:80px;border-radius:999px;
  background:var(--at-neutral-100);border:1px solid var(--at-neutral-300);
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  padding:11px 0;box-shadow:0 8px 22px rgba(0,0,0,.10)}
.kernel-theme-toggle__ico{position:relative;z-index:2;display:flex;line-height:0;color:var(--at-neutral-900)}
.kernel-theme-toggle__thumb{position:absolute;left:4px;bottom:4px;width:32px;height:32px;border-radius:50%;
  background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.22);transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:1}
.kernel-theme-toggle .input:checked + .kernel-theme-toggle__track .kernel-theme-toggle__thumb{transform:translateY(-40px)}
.kernel-theme-toggle .input:focus-visible + .kernel-theme-toggle__track{outline:2px solid var(--ember);outline-offset:3px}
/* en dark, le thumb blanc reste blanc (contraste), les icônes passent clair via les jetons */
/* Sur mobile le toggle centre-gauche chevauchait les pills du hero :
   on le descend en bas a gauche, hors du contenu, et on l'horizontalise. */
@media (max-width:575.98px){
  .kernel-theme-toggle{left:14px;top:auto;bottom:16px;transform:none}
  .kernel-theme-toggle__track{flex-direction:row;width:72px;height:36px;padding:0 10px}
  .kernel-theme-toggle__thumb{left:4px;top:4px;bottom:auto;width:28px;height:28px}
  .kernel-theme-toggle .input:checked + .kernel-theme-toggle__track .kernel-theme-toggle__thumb{transform:translateX(36px)}
}

/* espace Galerie/Builders : la vraie cause était le padding 10px 24px des liens du gabarit */
.at-header-right .at-main-menu nav ul li a{padding:8px 10px !important}

/* =====================================================================
   BARRE STICKY compacte (remplace le bouton « MENU » + offcanvas vide).
   main.js ajoute .header-sticky sur #header-sticky au scroll → on l'affiche.
   ===================================================================== */
#header-sticky.kernel-sticky-nav{
  position:fixed;top:14px;left:50%;z-index:70;
  display:flex;align-items:center;gap:4px;
  padding:7px 7px 7px 18px;border-radius:999px;
  background:var(--at-neutral-0);border:1px solid var(--at-neutral-200);
  box-shadow:0 12px 34px rgba(0,0,0,.14);
  transform:translate(-50%,-150%);opacity:0;pointer-events:none;
  transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;
}
#header-sticky.kernel-sticky-nav.header-sticky{transform:translate(-50%,0);opacity:1;pointer-events:auto}
#header-sticky.kernel-sticky-nav a{color:var(--at-neutral-900);font-weight:600;font-size:.95rem;
  padding:8px 13px;border-radius:999px;line-height:1;transition:color .2s ease,background .2s ease}
#header-sticky.kernel-sticky-nav a:hover{color:var(--ember)}
#header-sticky.kernel-sticky-nav .kernel-sticky-nav__logo{font-weight:800;padding-right:14px}
#header-sticky.kernel-sticky-nav .kernel-sticky-nav__logo:hover{color:var(--at-neutral-900)}
#header-sticky.kernel-sticky-nav .kernel-sticky-nav__cta{background:var(--ember);color:#fff;padding:9px 17px}
#header-sticky.kernel-sticky-nav .kernel-sticky-nav__cta:hover{color:#fff;opacity:.92}

/* ======================================================================
   BOUTON FLOTTANT « REMONTER » — icône nette (ember) + bounce à l'apparition
   ====================================================================== */
.back-to-top-btn{background:var(--ember) !important;color:#fff !important;box-shadow:0 10px 24px rgba(234,89,48,.32) !important;display:flex !important;align-items:center;justify-content:center}
.back-to-top-btn svg{width:16px;height:16px;transform:none !important;stroke:#fff}
.back-to-top-btn:hover{background:#d44e28 !important;transform:translateY(-4px)}
/* bounce quand le wrapper devient visible (classe posée par main.js au scroll) */
.back-to-top-wrapper.back-to-top-btn-show{animation:kernel-float-in .5s cubic-bezier(.2,.9,.3,1.4) both}
@keyframes kernel-float-in{
  0%{opacity:0;transform:translateY(24px) scale(.6)}
  60%{opacity:1;transform:translateY(-6px) scale(1.08)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
/* petit rebond continu discret pour attirer l'oeil, en pause au survol */
.back-to-top-wrapper.back-to-top-btn-show .back-to-top-btn{animation:kernel-bounce 2.4s ease-in-out 1s infinite}
.back-to-top-wrapper.back-to-top-btn-show:hover .back-to-top-btn{animation-play-state:paused}
@keyframes kernel-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (prefers-reduced-motion:reduce){
  .back-to-top-wrapper.back-to-top-btn-show,
  .back-to-top-wrapper.back-to-top-btn-show .back-to-top-btn{animation:none}
}