/* En-tête : navigation desktop (complète app.css) */

/* Entrées de premier niveau : soulignement qui glisse au survol */
.hdr__link { position: relative; display: flex; align-items: center; gap: 4px; padding: 12px 0; font-weight: 600; color: #232357; white-space: nowrap; cursor: pointer; transition: color .2s ease; }
.hdr__link::after { content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 3px; border-radius: 3px; background: #E50002; transform: scaleX(0); transform-origin: left center; transition: transform .25s cubic-bezier(.4, 0, .2, 1); }
.hdr__link:hover, .hdr__link:focus-visible, .hdr__dropdown:hover > .hdr__link, .hdr__dropdown:focus-within > .hdr__link { color: #3F3F7F; outline: none; }
.hdr__link:hover::after, .hdr__link:focus-visible::after, .hdr__dropdown:hover > .hdr__link::after, .hdr__dropdown:focus-within > .hdr__link::after { transform: scaleX(1); }
.hdr__chevron { font-size: 14px; transition: transform .25s ease; }
.hdr__dropdown:hover .hdr__chevron, .hdr__dropdown:focus-within .hdr__chevron { transform: rotate(180deg); }

/* Menu déroulant : carte blanche arrondie, ombre douce, apparition en fondu */
.hdr__dropdown { position: relative; display: flex; align-items: center; }
.hdr__panel { position: absolute; top: calc(100% - 2px); left: -14px; z-index: 60; width: max-content; min-width: 230px; max-width: 380px; margin: 0; padding: 10px; list-style: none; background: #fff; border-radius: 14px; box-shadow: 0 18px 44px rgba(35, 35, 87, .18), 0 2px 8px rgba(35, 35, 87, .08); opacity: 0; visibility: hidden; transform: translateY(10px); pointer-events: none; transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s; }
.hdr__panel::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }  /* pont pour garder le menu ouvert entre le titre et la carte */
.hdr__panel::after { content: ""; position: absolute; top: -6px; left: 26px; width: 12px; height: 12px; background: #fff; border-radius: 2px; transform: rotate(45deg); }
.hdr__dropdown:hover > .hdr__panel, .hdr__dropdown:focus-within > .hdr__panel { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; transition-delay: 0s; }

.hdr__item { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 14px; border-radius: 9px; font-size: 15px; font-weight: 600; color: #232357; text-decoration: none; white-space: nowrap; transition: background-color .15s ease, color .15s ease; }
.hdr__item:hover, .hdr__item:focus-visible { background: #F1F1F8; color: #3F3F7F; outline: none; }
.hdr__item-arrow { font-size: 16px; color: #E50002; opacity: 0; transform: translateX(-6px); transition: opacity .15s ease, transform .15s ease; }
.hdr__item:hover .hdr__item-arrow, .hdr__item:focus-visible .hdr__item-arrow { opacity: 1; transform: translateX(0); }
.hdr__item-icon { font-size: 15px; color: #707070; }

/* Barre de navigation : ombre plus douce une fois la page défilée */
header.scrolled { box-shadow: 0 6px 24px rgba(35, 35, 87, .10); }