/* ============================================================
   EXTRAS.CSS — Le temps d'un Passage 78 — v3 (sept. 2026)
   Menu, pied de page, mode sombre, accessibilité, boutons
   flottants, curseur accessible. Chargé sur TOUTES les pages.
   ============================================================ */

/* ================================================================
   0. ACCESSIBILITÉ DE BASE — focus visible, lien d'évitement
   ================================================================ */
a:focus-visible, button:focus-visible, [role="button"]:focus-visible, [role="tab"]:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible, summary:focus-visible {
  outline: 3px solid #2980b9 !important;
  outline-offset: 3px !important;
  border-radius: 4px;
}
[data-theme="dark"] a:focus-visible, [data-theme="dark"] button:focus-visible,
[data-theme="dark"] [tabindex]:focus-visible, [data-theme="dark"] [role="tab"]:focus-visible {
  outline-color: #7fe3cd !important;
}
.ltdp-skip {
  position: fixed; left: 16px; top: 12px; z-index: 100000;
  padding: .85rem 1.3rem; border-radius: 999px;
  background: #163353; color: #fff !important; text-decoration: none !important;
  font-family: "tt_chocolates_bold", sans-serif; font-size: 14px; letter-spacing: .08em;
  transform: translateY(-160%); transition: transform .3s;
}
.ltdp-skip:focus { transform: none; }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* ================================================================
   1. MENU BURGER — panneau scindé
   ================================================================ */
#nav .nav-container {
  flex-direction: row !important;
  align-items: stretch !important;
  padding: 0 !important;
  overflow: hidden;
}
@media (max-width: 767px) {
  #nav .nav-container { flex-direction: column !important; }
}
.nav-col-brand {
  width: 36%;
  flex-shrink: 0;
  background: linear-gradient(155deg, #163353 0%, #1f5c8a 45%, #2980b9 75%, #1abc9c 100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 4vw 3.5vw;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.nav-col-brand::before {
  content: '';
  position: absolute;
  width: 260px; height: 260px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.12);
  right: -80px; bottom: 8%;
  pointer-events: none;
}
.nav-col-brand::after {
  content: '';
  position: absolute;
  width: 160px; height: 160px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.08);
  right: -20px; top: 28%;
  pointer-events: none;
}
@media (max-width: 767px) {
  .nav-col-brand {
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 4vw 5.33334vw;
    min-height: unset;
  }
  .nav-brand-body,
  .nav-brand-foot,
  .nav-col-brand::before,
  .nav-col-brand::after { display: none !important; }
}
#nav .logo-container { padding: 0 !important; margin-bottom: 0; flex-shrink: 0; }
#nav .logo-container .logo { display: block; width: clamp(96px, 10vw, 160px) !important; max-width: none !important; }
#nav .logo-container img { filter: brightness(0) invert(1); width: 100%; }
@media (max-width: 767px) { #nav .logo-container .logo { width: 84px !important; } }

.nav-brand-body { margin: auto 0; }
.nav-tagline {
  font-family: 'kokoro-regular', serif;
  font-size: clamp(1rem, 1.6vw, 1.5rem);
  line-height: 1.45;
  color: rgba(255,255,255,.95) !important;
  margin: 0 0 .4rem;
}
.nav-location {
  font-family: 'tt_chocolates_regular', sans-serif;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.72) !important;
  margin: 0;
}
.nav-brand-foot { display: flex; flex-direction: column; gap: .7rem; }
.nav-brand-phone {
  font-family: 'tt_chocolates_bold', sans-serif;
  font-size: 15px;
  letter-spacing: .1em;
  color: #fff !important;
  text-decoration: none !important;
  transition: opacity .2s;
}
.nav-brand-phone:hover { opacity: .8; }
.nav-brand-socials { display: flex; gap: 1.2rem; }
.nav-brand-socials a {
  font-family: 'tt_chocolates_regular', sans-serif;
  font-size: 11px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(255,255,255,.75) !important;
  text-decoration: none !important;
  transition: color .2s;
}
.nav-brand-socials a:hover { color: #fff !important; }

#nav .menu-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4vw 5.5vw 4vw 5vw !important;
  box-sizing: border-box;
  overflow-y: auto;
  background: #fff;
}
@media (max-width: 767px) {
  #nav .menu-container { padding: 6vw 5.33334vw !important; justify-content: flex-start; }
}
#nav .menu.main { margin: 0 !important; font-size: inherit !important; }
#nav .menu.main .menu-item {
  display: block !important;
  overflow: hidden !important;
  position: relative;
  border-bottom: 1px solid rgba(22,22,21,.08) !important;
}
#nav .menu.main .menu-item:first-child { border-top: 1px solid rgba(22,22,21,.08) !important; }
#nav .menu.main .menu-item a {
  display: flex !important;
  align-items: baseline;
  gap: 1.2rem;
  padding: .7rem 3.5rem .7rem 0 !important;
  font-family: 'kokoro-regular', serif !important;
  font-size: clamp(1.8rem, 3.8vw, 4.6rem) !important;
  line-height: 1.1 !important;
  font-style: normal !important;
  font-weight: normal !important;
  letter-spacing: -.01em !important;
  text-decoration: none !important;
  color: #161615 !important;
  background: transparent !important;
  border: none !important;
  width: 100%;
  box-sizing: border-box;
  transition: color .3s ease, padding-left .6s cubic-bezier(.19,1,.22,1) !important;
}
#nav .menu.main .menu-item a::before {
  content: attr(data-num);
  font-family: 'tt_chocolates_bold', sans-serif;
  font-size: 12px;
  letter-spacing: .2em;
  color: #117a65;
  min-width: 1.8em;
  transform: translateY(-.6em);
}
#nav .menu.main .menu-item a:hover,
#nav .menu.main .menu-item a:focus-visible {
  color: #1c6a9e !important;
  font-style: italic !important;
}
#nav .menu.main .menu-item a:hover { padding-left: .8rem !important; }
#nav .menu.main .menu-item a::after { content: none !important; }
#nav .menu.main .menu-item a span::after { display: none !important; }
#nav .menu.main .menu-item a span { pointer-events: none; }
@media (max-width: 767px) {
  #nav .menu.main .menu-item a { font-size: clamp(1.7rem, 8.4vw, 3rem) !important; padding: .6rem 1rem .6rem 0 !important; }
}

/* ── Alias Particuliers / Professionnels (toujours visibles) ── */
.nav-sub-toggle { display: none !important; }
.nav-sub-panel,
.nav-sub-panel.is-open {
  max-height: none !important;
  overflow: visible;
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  padding: .9rem 0 1.1rem 3rem;
  font-size: inherit !important;
  border-bottom: 1px solid rgba(22,22,21,.08);
}
@media (max-width: 767px) { .nav-sub-panel, .nav-sub-panel.is-open { padding-left: 0; } }
.nav-sub-link {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  padding: .7rem 1.2rem .7rem 1rem;
  border-radius: 999px;
  border: 1.5px solid rgba(41,128,185,.35);
  font-family: 'tt_chocolates_bold', sans-serif;
  font-size: clamp(12px, 1vw, 15px) !important;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #1c6a9e !important;
  text-decoration: none !important;
  transition: background .3s, color .3s, border-color .3s, transform .5s cubic-bezier(.19,1,.22,1);
  opacity: 0;
  transform: translateY(12px);
}
#page.nav-open ~ #nav .nav-sub-link { opacity: 1; transform: none; transition-delay: .55s, .55s, 0s, .55s; transition-property: opacity, transform, background, color; transition-duration: .5s, .6s, .3s, .3s; }
#page.nav-open ~ #nav .nav-sub-link + .nav-sub-link { transition-delay: .65s, .65s, 0s, .65s; }
.nav-sub-link i { font-size: .95em; }
.nav-sub-link::before { content: none !important; }
.nav-sub-link:hover, .nav-sub-link:focus-visible, .nav-sub-link[aria-current="page"] {
  background: #2980b9; color: #fff !important; border-color: #2980b9;
}
.nav-sub-link span { pointer-events: none; }

#nav .menu.small {
  margin-top: 1.6rem !important;
  padding-top: 1.2rem !important;
  border-top: 1px solid rgba(22,22,21,.08) !important;
  font-size: 0 !important;
}
#nav .menu.small .menu-item { display: inline-block !important; overflow: visible !important; }
#nav .menu.small .menu-item .link-container { display: inline-block; height: auto !important; }
#nav .menu.small .menu-item a {
  font-family: 'tt_chocolates_regular', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #595c61 !important;
  padding: .3rem 0 !important;
  margin-right: 1.8rem !important;
  text-decoration: none !important;
  display: inline-block !important;
  background: transparent !important;
  border: none !important;
  transition: color .2s !important;
}
#nav .menu.small .menu-item a:hover { color: #1c6a9e !important; }
#nav .menu.small .menu-item a::after { content: none !important; }
#nav .menu.small .menu-item a span::after { display: none !important; }

[data-theme="dark"] .nav-col-brand { background: linear-gradient(155deg, #0d1f35 0%, #163353 45%, #1f5c8a 75%, #1abc9c 100%) !important; }
[data-theme="dark"] #nav .menu-container,
[data-theme="dark"] #nav .panel,
[data-theme="dark"] #nav .nav-container { background: #1a1a1a !important; }
[data-theme="dark"] #nav .overlay { background: rgba(0,0,0,0.7) !important; }
[data-theme="dark"] #nav .menu.main .menu-item a { color: #e8e8e8 !important; }
[data-theme="dark"] #nav .menu.main .menu-item a:hover,
[data-theme="dark"] #nav .menu.main .menu-item a:focus-visible { color: #7cc0ec !important; }
[data-theme="dark"] #nav .menu.main .menu-item a::before { color: #5fd6bd; }
[data-theme="dark"] #nav .menu.main .menu-item,
[data-theme="dark"] #nav .menu.main .menu-item:first-child,
[data-theme="dark"] .nav-sub-panel,
[data-theme="dark"] #nav .menu.small { border-color: rgba(255,255,255,.08) !important; }
[data-theme="dark"] .nav-sub-link { color: #7cc0ec !important; border-color: rgba(124,192,236,.4); }
[data-theme="dark"] .nav-sub-link:hover, [data-theme="dark"] .nav-sub-link[aria-current="page"] { background: #7cc0ec; color: #0d1b2a !important; }
[data-theme="dark"] #nav .menu.small .menu-item a { color: #a9adb3 !important; }
[data-theme="dark"] #nav .menu.small .menu-item a:hover { color: #7cc0ec !important; }

/* ================================================================
   2. PIED DE PAGE
   ================================================================ */
#footer address { font-style: normal; }
#footer address .fa-phone-square,
#footer address .fa-phone,
#footer address a[href^="tel:"],
#footer address a[href^="mailto:"],
#footer address a[href^="mailto:"] .fa-envelope { color: #1c6a9e !important; text-decoration: none !important; }
#footer address a[href^="tel:"]:hover,
#footer address a[href^="mailto:"]:hover { opacity: .75; }
#footer a, #footer address a { text-decoration: none !important; }
#footer .underlined-links a::after,
#footer a.has-hover-line::before,
#footer a.has-arrow::after,
#footer .social a::after,
#footer .social a::before { display: none !important; content: none !important; }
#footer a.has-arrow { padding-right: 0 !important; }
#footer .social a { transition: color .2s, letter-spacing .4s; }
#footer .social a:hover { color: #1c6a9e !important; letter-spacing: .16em; }
@media (max-width: 640px) { #footer .logo { max-width: 120px !important; margin: 0 auto; } }
.createamweb { text-align: center; font-size: 0.85rem; padding: 1rem; }
.createamweb a { color: inherit; text-decoration: none; }
.createamweb a:hover { text-decoration: underline; }

/* ================================================================
   3. RESPONSIVE GLOBAL
   ================================================================ */
html, body { overflow-x: hidden; }
@supports (overflow: clip) { html, body { overflow-x: clip; } }
img { max-width: 100%; height: auto; display: block; }
@media (max-width: 480px) {
  #header .logo { width: 140px !important; max-width: 140px !important; }
  .nav-toggle-container { padding-top: 6vw; }
}
.services-grid { display: flex; flex-wrap: wrap; padding: 0 5.33334vw; }
@media (min-width: 64em) { .services-grid { padding: 0 3.90625vw; } }
.services-grid .wpb_column { padding: 0.9375vw; box-sizing: border-box; }
@media (max-width: 640px) { .services-grid .wpb_column { width: 100% !important; } }
.contact-form { width: 100%; }
#transition-overlay { pointer-events: none; }
#page { padding-bottom: 0; }

/* Bouton circulaire (Contact / Prendre RDV) */
#button-circle-01 { text-align: center; }
.button.circle.btn-contact {
  display: block;
  margin: 0 auto;
  position: relative;
  width: clamp(160px, 18vw, 240px) !important;
  height: clamp(160px, 18vw, 240px) !important;
  max-width: none !important;
  max-height: none !important;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.button.circle.btn-contact .text-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  padding: 0 10% 28% !important;
  text-align: center !important;
  mix-blend-mode: normal !important;
  pointer-events: none;
  position: relative;
  z-index: 1;
}
.button.circle.btn-contact .text {
  font-size: clamp(14px, 1.6vw, 22px) !important;
  text-align: center !important;
  line-height: 1.2 !important;
  color: #161615 !important;
  transition: color .3s ease !important;
}
.button.circle.btn-contact .arrow {
  position: absolute !important;
  width: clamp(22px, 2.5vw, 34px) !important;
  height: auto !important;
  left: 50% !important;
  top: auto !important;
  bottom: 20% !important;
  transform: translateX(-50%) !important;
  stroke: #161615 !important;
  mix-blend-mode: normal !important;
  z-index: 1;
  transition: stroke .3s ease !important;
}
.vc_desktop .button.circle.btn-contact:hover .text,
.button.circle.btn-contact:focus-visible .text { color: #fff !important; }
.vc_desktop .button.circle.btn-contact:hover .arrow,
.button.circle.btn-contact:focus-visible .arrow { stroke: #fff !important; }
.button.circle.btn-contact:focus-visible .fill { transform: translateY(-75%); }
@media (max-width: 640px) {
  .button.circle.btn-contact { width: clamp(150px, 45vw, 190px) !important; height: clamp(150px, 45vw, 190px) !important; }
}
[data-theme="dark"] .button.circle { background: #121212 !important; border-color: rgba(255,255,255,0.55) !important; }
[data-theme="dark"] .button.circle .fill { background: #ffffff !important; }
[data-theme="dark"] .button.circle .text,
[data-theme="dark"] .button.circle.btn-contact .text { color: #ffffff !important; }
[data-theme="dark"] .button.circle .arrow,
[data-theme="dark"] .button.circle.btn-contact .arrow { stroke: #ffffff !important; }
[data-theme="dark"] .button.circle.btn-contact:hover .text { color: #161615 !important; }
[data-theme="dark"] .button.circle.btn-contact:hover .arrow { stroke: #161615 !important; }

/* ================================================================
   4. VARIABLES & MODE SOMBRE
   ================================================================ */
:root {
  --ltdp-btn-bg: #ffffff;
  --ltdp-btn-border: #2980b9;
  --ltdp-btn-icon: #1c6a9e;
  --ltdp-btn-hover: #2980b9;
  --ltdp-btn-hover-icon: #ffffff;
  --ltdp-text: #161615;
  --ltdp-accent: #2980b9;
}
[data-theme="dark"] {
  --primary-color: #5dade2;
  --secondary-color: #48c9b0;
  --body-text-color: #e0e0e0;
  --light-gray: #121212;
  --ltdp-btn-bg: #1e1e1e;
  --ltdp-btn-border: #5dade2;
  --ltdp-btn-icon: #7cc0ec;
  --ltdp-btn-hover: #5dade2;
  --ltdp-btn-hover-icon: #121212;
  --ltdp-text: #e0e0e0;
  --ltdp-accent: #5dade2;
  color-scheme: dark;
}
[data-theme="dark"] html,
[data-theme="dark"] body { background: #121212 !important; color: #e0e0e0 !important; }
[data-theme="dark"] #page,
[data-theme="dark"] #barba { background: #121212 !important; }
[data-theme="dark"] .section,
[data-theme="dark"] .section.white,
[data-theme="dark"] [id^="content-one-column"],
[data-theme="dark"] #header { background-color: #121212 !important; }
[data-theme="dark"] .headline-xl,
[data-theme="dark"] .headline-l,
[data-theme="dark"] .all-caps-l,
[data-theme="dark"] .all-caps-s { color: #e0e0e0 !important; }
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4 { color: #e8e8e8; }
[data-theme="dark"] p { color: #c8c8c8; }
[data-theme="dark"] .underlined-links a, [data-theme="dark"] p a:not([class]) { color: #90caf9 !important; }
[data-theme="dark"] .small-bdt-1,
[data-theme="dark"] .small-bdb-1,
[data-theme="dark"] .small-bdr-1,
[data-theme="dark"] .small-bdl-1,
[data-theme="dark"] .medium-bdl-1,
[data-theme="dark"] .large-bdr-1 { border-color: rgba(255,255,255,0.15) !important; }
[data-theme="dark"] .small-pe-bdb-1::after { background: rgba(255,255,255,0.15) !important; }
[data-theme="dark"] .logo-container a,
[data-theme="dark"] .nav-container .logo { filter: brightness(0) invert(1); }
[data-theme="dark"] #footer { background: #0d0d0d !important; border-color: rgba(255,255,255,0.1) !important; }
[data-theme="dark"] #footer p,
[data-theme="dark"] #footer address,
[data-theme="dark"] #footer strong,
[data-theme="dark"] #footer i { color: #c8c8c8 !important; }
html[data-theme="dark"] #footer a,
html[data-theme="dark"] #footer address a,
html[data-theme="dark"] #footer address a[href^="tel:"],
html[data-theme="dark"] #footer address a[href^="mailto:"],
html[data-theme="dark"] #footer address a[href^="mailto:"] .fa-envelope,
html[data-theme="dark"] #footer address .fa-phone-square,
html[data-theme="dark"] #footer address i { color: #e8e8e8 !important; }
[data-theme="dark"] .createamweb,
[data-theme="dark"] .createamweb a { color: #9a9a9a !important; }
[data-theme="dark"] .servicebox { background: #1e1e1e !important; border-color: rgba(255,255,255,0.1) !important; }
[data-theme="dark"] .servicebox a, [data-theme="dark"] .servicebox h2, [data-theme="dark"] .servicebox h3 { color: #e0e0e0 !important; }
[data-theme="dark"] .servicebox p { color: #b0b0b0 !important; }
[data-theme="dark"] .contact-form input[type="text"],
[data-theme="dark"] .contact-form input[type="email"],
[data-theme="dark"] .contact-form input[type="tel"],
[data-theme="dark"] .contact-form textarea,
[data-theme="dark"] .contact-form select { background: transparent !important; color: #e0e0e0 !important; }
[data-theme="dark"] .contact-form select option { background: #1e1e1e; color: #e0e0e0; }
[data-theme="dark"] .contact-form p { color: #c8c8c8 !important; }
[data-theme="dark"] #transition-overlay .panel { background: #1a1a1a !important; }
[data-theme="dark"] .has-arrow::after { filter: invert(1) brightness(2); }
[data-theme="dark"] .msg-box { border-color: #5dade2 !important; }
[data-theme="dark"] .msg-box h1 { color: #5dade2 !important; }
[data-theme="dark"] .msg-box p { color: #c8c8c8 !important; }

/* ================================================================
   5. MODES D'ACCESSIBILITÉ
   ================================================================ */
/* Taille du texte (zoom sur le contenu) */
html.ltdp-font-large  #page { zoom: 1.12; }
html.ltdp-font-xlarge #page { zoom: 1.25; }
@supports not (zoom: 1) {
  html.ltdp-font-large  #page p, html.ltdp-font-large  #page li, html.ltdp-font-large #page address,
  html.ltdp-font-large  #page input, html.ltdp-font-large #page select, html.ltdp-font-large #page textarea { font-size: 112% !important; }
  html.ltdp-font-xlarge #page p, html.ltdp-font-xlarge #page li, html.ltdp-font-xlarge #page address,
  html.ltdp-font-xlarge #page input, html.ltdp-font-xlarge #page select, html.ltdp-font-xlarge #page textarea { font-size: 125% !important; }
}
/* Contraste renforcé */
html.ltdp-contrast body, html.ltdp-contrast #page, html.ltdp-contrast .section { background: #fff !important; }
html.ltdp-contrast p, html.ltdp-contrast li, html.ltdp-contrast address,
html.ltdp-contrast label, html.ltdp-contrast .cf-privacy, html.ltdp-contrast .cf-required-note { color: #000 !important; }
html.ltdp-contrast a:not(.rf-btn):not(.nav-sub-link):not(.ltdp-skip) { text-decoration: underline !important; text-underline-offset: .18em; }
html.ltdp-contrast .cf-field label { color: #222 !important; }
html.ltdp-contrast .cf-field input, html.ltdp-contrast .cf-field textarea, html.ltdp-contrast .cf-field select { border-bottom-color: #000 !important; }
html.ltdp-contrast[data-theme="dark"] body, html.ltdp-contrast[data-theme="dark"] #page, html.ltdp-contrast[data-theme="dark"] .section { background: #000 !important; }
html.ltdp-contrast[data-theme="dark"] p, html.ltdp-contrast[data-theme="dark"] li, html.ltdp-contrast[data-theme="dark"] address,
html.ltdp-contrast[data-theme="dark"] label, html.ltdp-contrast[data-theme="dark"] .cf-field label { color: #fff !important; }
/* Police très lisible */
html.ltdp-readable body, html.ltdp-readable p, html.ltdp-readable li, html.ltdp-readable address,
html.ltdp-readable label, html.ltdp-readable input, html.ltdp-readable textarea, html.ltdp-readable select,
html.ltdp-readable h1, html.ltdp-readable h2, html.ltdp-readable h3, html.ltdp-readable h4,
html.ltdp-readable a, html.ltdp-readable button, html.ltdp-readable span, html.ltdp-readable blockquote {
  font-family: Verdana, Tahoma, "Trebuchet MS", Arial, sans-serif !important;
  font-style: normal !important;
  letter-spacing: .03em !important;
  word-spacing: .12em !important;
}
html.ltdp-readable p, html.ltdp-readable li { line-height: 1.85 !important; }
html.ltdp-readable .fa, html.ltdp-readable .fas, html.ltdp-readable .fa-solid, html.ltdp-readable .fab,
html.ltdp-readable [class^="fa-"], html.ltdp-readable [class*=" fa-"] { font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important; letter-spacing: 0 !important; }
/* Liens soulignés */
html.ltdp-underline a:not(.rf-btn):not(.nav-sub-link):not(.ltdp-skip):not(.button) { text-decoration: underline !important; text-decoration-thickness: 2px !important; text-underline-offset: .2em !important; }
/* Animations réduites */
html.ltdp-no-motion *, html.ltdp-no-motion *::before, html.ltdp-no-motion *::after {
  animation-duration: .001ms !important; animation-iteration-count: 1 !important;
  transition-duration: .001ms !important; scroll-behavior: auto !important;
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } }

/* ================================================================
   6. BOUTONS FLOTTANTS
   ================================================================ */
#ltdp-floating-btns {
  position: fixed;
  bottom: 28px;
  right: 20px;
  z-index: 9000;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.ltdp-fab {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--ltdp-btn-bg);
  border: 2px solid var(--ltdp-btn-border);
  color: var(--ltdp-btn-icon);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  line-height: 1;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.3s cubic-bezier(.19,1,.22,1), opacity 0.3s ease, box-shadow .3s;
  text-decoration: none;
  box-shadow: 0 6px 18px -6px rgba(22,51,83,.35);
  position: relative;
  overflow: visible;
  padding: 0;
}
.ltdp-fab:hover, .ltdp-fab[aria-expanded="true"] {
  background-color: var(--ltdp-btn-hover);
  color: var(--ltdp-btn-hover-icon);
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 12px 24px -8px rgba(41,128,185,.6);
}
.ltdp-fab::before {
  content: attr(data-tooltip);
  position: absolute;
  right: 58px;
  top: 50%;
  transform: translateY(-50%) translateX(6px);
  background-color: #163353;
  color: #fff;
  font-family: "tt_chocolates_medium", sans-serif;
  font-size: 13px;
  white-space: nowrap;
  padding: 6px 10px;
  border-radius: 8px;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease, transform .3s ease;
}
.ltdp-fab:hover::before, .ltdp-fab:focus-visible::before { opacity: 1; transform: translateY(-50%); }
#ltdp-top-btn { opacity: 0; pointer-events: none; transform: translateY(10px); }
#ltdp-top-btn.ltdp-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
#ltdp-lang-btn span { font-size: 11px; font-weight: 700; letter-spacing: 0.04em; pointer-events: none; font-family: "tt_chocolates_bold", sans-serif; }
[data-theme="dark"] .ltdp-fab { background-color: #1e1e1e !important; border-color: #5dade2 !important; color: #7cc0ec !important; }
[data-theme="dark"] .ltdp-fab:hover { background-color: #5dade2 !important; color: #121212 !important; }
@media (max-width: 480px) {
  #ltdp-floating-btns { bottom: 16px; right: 10px; gap: 8px; }
  .ltdp-fab { width: 44px; height: 44px; font-size: 15px; }
  .ltdp-fab::before { display: none; }
}

/* ================================================================
   7. PANNEAU ACCESSIBILITÉ
   ================================================================ */
#ltdp-a11y-panel {
  position: fixed;
  bottom: 28px;
  right: 82px;
  width: min(340px, calc(100vw - 110px));
  max-height: calc(100vh - 56px);
  overflow-y: auto;
  background: var(--ltdp-btn-bg);
  color: var(--ltdp-text);
  border: 1px solid rgba(41,128,185,.3);
  border-radius: 20px;
  padding: 18px;
  display: none;
  flex-direction: column;
  gap: 14px;
  z-index: 9001;
  box-shadow: 0 30px 60px -20px rgba(22,51,83,.45);
  font-family: "tt_chocolates_regular", system-ui, sans-serif;
  box-sizing: border-box;
}
#ltdp-a11y-panel.ltdp-open { display: flex; animation: ltdp-pop .45s cubic-bezier(.19,1,.22,1); }
@keyframes ltdp-pop { from { opacity: 0; transform: translateY(12px) scale(.97); } }
#ltdp-a11y-panel .ltdp-a11y-label {
  font-family: "tt_chocolates_bold", sans-serif;
  font-size: 13px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ltdp-text);
  opacity: 1;
  text-align: left;
  display: flex; align-items: center; gap: 8px;
}
#ltdp-a11y-panel .ltdp-a11y-label i { color: #2980b9; font-size: 16px; }
.ltdp-a11y-group { display: flex; flex-direction: column; gap: 6px; border-top: 1px solid rgba(22,22,21,.08); padding-top: 12px; }
[data-theme="dark"] .ltdp-a11y-group { border-color: rgba(255,255,255,.1); }
.ltdp-a11y-group > span { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--ltdp-text); opacity: .75; }
.ltdp-a11y-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.ltdp-a11y-row.two { grid-template-columns: 1fr 1fr; }
#ltdp-a11y-panel button {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 44px;
  background: transparent;
  border: 1.5px solid rgba(41,128,185,.35);
  color: var(--ltdp-text);
  border-radius: 12px;
  padding: 8px 10px;
  cursor: pointer;
  font-family: "tt_chocolates_medium", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  transition: background-color .2s, color .2s, border-color .2s;
}
#ltdp-a11y-panel .ltdp-toggle { justify-content: space-between; text-align: left; }
#ltdp-a11y-panel .ltdp-toggle::after {
  content: ""; flex-shrink: 0; width: 34px; height: 20px; border-radius: 20px;
  background: rgba(22,22,21,.15) radial-gradient(circle at 10px 10px, #fff 7px, transparent 7.5px);
  transition: background .3s;
}
#ltdp-a11y-panel .ltdp-toggle[aria-pressed="true"]::after {
  background: #1abc9c radial-gradient(circle at 24px 10px, #fff 7px, transparent 7.5px);
}
#ltdp-a11y-panel button:hover { border-color: #2980b9; background: rgba(41,128,185,.08); }
#ltdp-a11y-panel button[aria-pressed="true"]:not(.ltdp-toggle) { background: #2980b9; border-color: #2980b9; color: #fff; }
#ltdp-a11y-panel .ltdp-a11y-reset { border-style: dashed; font-size: 13px; }
#ltdp-a11y-panel .ltdp-a11y-close {
  position: absolute; right: 10px; top: 10px; width: 36px; height: 36px; min-height: 0; padding: 0; border-radius: 50%; border-color: transparent;
}
[data-theme="dark"] #ltdp-a11y-panel { background: #1e1e1e !important; border-color: rgba(93,173,226,.4) !important; }
[data-theme="dark"] #ltdp-a11y-panel button { border-color: rgba(93,173,226,.4); color: #e0e0e0; }
@media (max-width: 480px) {
  #ltdp-a11y-panel { right: 62px; bottom: 16px; width: calc(100vw - 76px); padding: 14px; }
  .ltdp-a11y-row { grid-template-columns: 1fr 1fr 1fr; }
}

/* ================================================================
   8. CURSEUR ACCESSIBLE « PASSAGE »
   Point contrasté (double contour blanc + bleu nuit) + anneau
   magnétique qui se transforme en loupe sur les images.
   Uniquement sur souris ; désactivable dans le panneau.
   ================================================================ */
html.ltdp-cur-on, html.ltdp-cur-on body, html.ltdp-cur-on a, html.ltdp-cur-on button,
html.ltdp-cur-on [role="button"], html.ltdp-cur-on [role="tab"], html.ltdp-cur-on label,
html.ltdp-cur-on select, html.ltdp-cur-on .rf-gallery, html.ltdp-cur-on summary { cursor: none !important; }
html.ltdp-cur-on input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
html.ltdp-cur-on textarea, html.ltdp-cur-on [contenteditable="true"] { cursor: text !important; }

.ltdp-cur { position: fixed; left: 0; top: 0; z-index: 2147483000; pointer-events: none; --cur-s: 1; }
html.ltdp-font-large .ltdp-cur { --cur-s: 1.22; }
html.ltdp-font-xlarge .ltdp-cur { --cur-s: 1.45; }
html.ltdp-cursor-big .ltdp-cur { --cur-s: 1.75; }
.ltdp-cur-dot, .ltdp-cur-ring { position: fixed; left: 0; top: 0; border-radius: 50%; will-change: transform; }
.ltdp-cur-dot {
  width: calc(10px * var(--cur-s)); height: calc(10px * var(--cur-s));
  margin: calc(-5px * var(--cur-s)) 0 0 calc(-5px * var(--cur-s));
  background: #163353;
  box-shadow: 0 0 0 calc(2.5px * var(--cur-s)) #fff, 0 0 0 calc(3.5px * var(--cur-s)) rgba(22,51,83,.35), 0 3px 10px rgba(0,0,0,.35);
  transition: opacity .25s, width .3s, height .3s, margin .3s, background .3s;
}
.ltdp-cur-ring {
  display: grid; place-items: center;
  width: calc(44px * var(--cur-s)); height: calc(44px * var(--cur-s));
  margin: calc(-22px * var(--cur-s)) 0 0 calc(-22px * var(--cur-s));
  border: calc(2px * var(--cur-s)) solid #2980b9;
  box-shadow: 0 0 0 1.5px rgba(255,255,255,.9), inset 0 0 0 1.5px rgba(255,255,255,.7);
  box-sizing: border-box;
  transition: width .5s cubic-bezier(.19,1,.22,1), height .5s cubic-bezier(.19,1,.22,1), margin .5s cubic-bezier(.19,1,.22,1),
              background .4s, border-color .4s, border-radius .4s, opacity .25s, box-shadow .4s;
}
.ltdp-cur-ring::before {
  content: ""; position: absolute; inset: calc(-6px * var(--cur-s)); border-radius: 50%;
  background: conic-gradient(from 0deg, #1abc9c, #2980b9, #163353, #1abc9c);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2.5px));
          mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2.5px));
  opacity: 0; transition: opacity .4s;
  animation: ltdp-spin 2.6s linear infinite;
}
@keyframes ltdp-spin { to { transform: rotate(360deg); } }
.ltdp-cur-label {
  font-family: "tt_chocolates_bold", system-ui, sans-serif; font-size: calc(11px * var(--cur-s));
  letter-spacing: .16em; text-transform: uppercase; color: #fff; white-space: nowrap;
  opacity: 0; transform: scale(.6); transition: opacity .3s, transform .5s cubic-bezier(.19,1,.22,1);
}
/* Survol d'un lien / bouton */
html.ltdp-cur-link .ltdp-cur-ring {
  width: calc(64px * var(--cur-s)); height: calc(64px * var(--cur-s));
  margin: calc(-32px * var(--cur-s)) 0 0 calc(-32px * var(--cur-s));
  background: rgba(41,128,185,.14); border-color: #1abc9c;
}
html.ltdp-cur-link .ltdp-cur-dot { background: #1abc9c; }
/* Survol d'une image : loupe « Voir / Découvrir » */
html.ltdp-cur-media .ltdp-cur-ring {
  width: calc(108px * var(--cur-s)); height: calc(108px * var(--cur-s));
  margin: calc(-54px * var(--cur-s)) 0 0 calc(-54px * var(--cur-s));
  background: linear-gradient(135deg, rgba(22,51,83,.92), rgba(41,128,185,.9) 60%, rgba(26,188,156,.9));
  border-color: transparent;
  box-shadow: 0 18px 40px -12px rgba(22,51,83,.7), 0 0 0 1.5px rgba(255,255,255,.9);
  backdrop-filter: blur(2px);
}
html.ltdp-cur-media .ltdp-cur-ring::before { opacity: 1; }
html.ltdp-cur-media .ltdp-cur-label { opacity: 1; transform: none; }
html.ltdp-cur-media .ltdp-cur-dot { opacity: 0; }
/* Aimantation sur les petits boutons */
html.ltdp-cur-snap .ltdp-cur-ring { border-color: #1abc9c; background: rgba(26,188,156,.12); }
html.ltdp-cur-snap .ltdp-cur-dot { opacity: 0; }
/* Clic */
html.ltdp-cur-down .ltdp-cur-ring { transform-origin: center; }
html.ltdp-cur-down .ltdp-cur-dot { background: #1abc9c; }
.ltdp-cur-burst {
  position: fixed; z-index: 2147482999; pointer-events: none; border-radius: 50%;
  width: 20px; height: 20px; margin: -10px 0 0 -10px;
  border: 2px solid #1abc9c; box-shadow: 0 0 0 1px rgba(255,255,255,.8);
  animation: ltdp-burst .7s cubic-bezier(.19,1,.22,1) forwards;
}
@keyframes ltdp-burst { to { transform: scale(4.2); opacity: 0; } }
/* Masqué (hors fenêtre, champ texte, mode classique) */
html.ltdp-cur-hidden .ltdp-cur-dot, html.ltdp-cur-hidden .ltdp-cur-ring,
html.ltdp-cur-text .ltdp-cur-dot, html.ltdp-cur-text .ltdp-cur-ring { opacity: 0; }
html.ltdp-cursor-classic .ltdp-cur { display: none !important; }
/* Mode sombre */
[data-theme="dark"] .ltdp-cur-dot { background: #fff; box-shadow: 0 0 0 calc(2.5px * var(--cur-s)) #163353, 0 0 0 calc(3.5px * var(--cur-s)) rgba(255,255,255,.4), 0 3px 10px rgba(0,0,0,.5); }
[data-theme="dark"] .ltdp-cur-ring { border-color: #7cc0ec; box-shadow: 0 0 0 1.5px rgba(0,0,0,.6), inset 0 0 0 1.5px rgba(0,0,0,.4); }
/* Contraste renforcé : curseur jaune/noir très visible */
html.ltdp-contrast .ltdp-cur-dot { background: #000; box-shadow: 0 0 0 3px #ffd400, 0 0 0 5px #000; }
html.ltdp-contrast .ltdp-cur-ring { border-color: #000; box-shadow: 0 0 0 3px #ffd400; }
@media (prefers-reduced-motion: reduce) { .ltdp-cur-ring::before { animation: none; } }
@media (hover: none), (pointer: coarse) { .ltdp-cur { display: none !important; } }

/* Contraste AA du pied de page (le bleu d'origine #2980b9 était à 4.3:1) */
html:not([data-theme="dark"]) #footer p, html:not([data-theme="dark"]) #footer p strong,
html:not([data-theme="dark"]) .createamweb, html:not([data-theme="dark"]) .createamweb a { color: #1c6a9e; }