/* ══════════════════════════════════════════════════════════════
   Version mobile (≤ 760 px) : menu burger, barre d'actions en bas,
   pages qui défilent normalement.
   ══════════════════════════════════════════════════════════════ */
.burger{display:none}

@media (max-width:760px){
  html,body{overflow-x:hidden!important;overflow-y:auto!important;height:auto!important}
  body{padding-bottom:64px}

  /* ── Les pages défilent (la règle « tout dans l'écran » reste pour l'ordinateur) ── */
  body:not(:has(.hero-carousel)) .ecran{height:auto!important;min-height:0!important;overflow:visible!important}
  body:has(.hero-carousel) .ecran{height:calc(100svh - 64px)!important}
  .split{min-height:calc(100svh - 120px)!important;height:auto!important;overflow:visible!important}
  .texte{padding:1.6rem 1.2rem 2rem!important}

  /* ── En-tête : réseaux · langues · burger ── */
  .topnav{position:sticky!important;top:0;display:flex!important;align-items:center;justify-content:space-between;
    gap:.6rem;height:56px!important;padding:0 .9rem!important;z-index:700!important}
  .topnav .socials{order:1}
  .topnav .langs{order:2;margin-left:auto}
  .burger{order:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-.4rem;
    background:none;border:0;cursor:pointer;color:#FDF4E6}
  .burger span{position:relative;display:block;width:22px;height:1.5px;background:currentColor;transition:background .2s}
  .burger span::before,.burger span::after{content:"";position:absolute;left:0;width:22px;height:1.5px;background:currentColor;transition:transform .25s}
  .burger span::before{top:-7px}.burger span::after{top:7px}
  .topnav.menu-ouvert .burger span{background:transparent}
  .topnav.menu-ouvert .burger span::before{transform:translateY(7px) rotate(45deg)}
  .topnav.menu-ouvert .burger span::after{transform:translateY(-7px) rotate(-45deg)}

  .topnav .menu{position:fixed!important;left:0;right:0;top:56px;bottom:0;z-index:699;display:flex!important;flex-direction:column;
    align-items:stretch;justify-content:flex-start;flex-wrap:nowrap!important;overflow-y:auto!important;overflow-x:hidden!important;
    padding:1rem 1.4rem 6rem;background:#630D13;transform:translateX(100%);visibility:hidden;transition:transform .3s ease,visibility .3s}
  .topnav.menu-ouvert .menu{transform:none;visibility:visible}
  .topnav .menu > a,.topnav .menu .nav-trigger{display:flex!important;align-items:center;justify-content:space-between;
    padding:1rem .2rem!important;font-size:.8rem!important;letter-spacing:.14em;border-bottom:1px solid rgba(253,244,230,.14);
    color:#FDF4E6!important;white-space:normal!important}
  .topnav .menu a::after{display:none!important}
  .menu .nav-dropdown{display:block!important;position:static!important}
  .menu .nav-dropdown::after{display:none}
  .menu .nav-submenu{position:static!important;transform:none!important;width:auto!important;max-height:none!important;
    display:none;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    background:rgba(0,0,0,.15)!important;border:0!important;box-shadow:none!important;padding:.3rem 0 .6rem!important}
  .menu .nav-dropdown.open .nav-submenu{display:block}
  .menu .nav-submenu a{padding:.7rem 1rem!important;font-size:.72rem!important;border:0}
  body.menu-bloque{overflow:hidden!important}

  /* ── Barre d'actions fixée en bas ── */
  #floating-actions{position:fixed!important;top:auto!important;left:0!important;right:0!important;bottom:0!important;
    flex-direction:row!important;gap:0!important;align-items:stretch!important;z-index:650!important;
    background:#630D13;box-shadow:0 -6px 20px rgba(20,4,3,.3);padding-bottom:env(safe-area-inset-bottom)}
  #floating-actions .rdv-flottant,#floating-actions .tel-flottant{flex:1 1 50%!important;width:auto!important;min-width:0!important;max-width:none!important;
    height:64px!important;min-height:64px!important;border-radius:0!important;border:0!important;box-shadow:none!important;
    font-size:.64rem!important;letter-spacing:.12em!important;transform:none!important;background:#630D13!important;color:#FDF4E6!important}
  #floating-actions .tel-flottant{border-left:1px solid rgba(253,244,230,.2)!important}
  #floating-actions .rdv-flottant:hover,#floating-actions .tel-flottant:hover{background:#7a1a20!important;color:#FDF4E6!important}

  /* « Posez votre question » : pastille ronde au-dessus de la barre */
  #chat-bulle{width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;
    padding:0!important;border-radius:50%!important;right:14px!important;left:auto!important;bottom:76px!important;justify-content:center!important}
  #chat-bulle span{display:none!important}
  html body #chat-bulle{width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important}
  #chat-bulle svg{width:22px!important;height:22px!important}
  #chat-fen{bottom:72px!important;max-height:calc(100svh - 140px)!important}

  /* ── Pages de domaines et pages SEO ── */
  .expert-photo-carousel,.expert-photo{height:260px!important;min-height:260px!important}
  .expert-hero{gap:1.2rem!important}
  .evaluation-points{grid-template-columns:1fr!important}
  .expert-cta{flex-direction:column;align-items:flex-start;gap:1rem}

  /* ── Frises (or/argent, antiquités, estimations) : tout visible d'emblée ── */
  .tl-etape{opacity:1!important;transform:none!important;animation:none!important}
  .tl::before,.tl-ligne{height:calc(100% - 1.4rem)!important;animation:none!important}

  /* ── Qui suis-je et pages en deux parties : texte sur toute la largeur ── */
  .texte{max-width:none!important;width:auto!important}

  /* ── Domaines d'expertise : mosaïque en 2 colonnes ── */
  .cols{display:grid!important;grid-template-columns:1fr 1fr!important;flex:none!important}
  .col{grid-template-rows:auto!important;display:flex!important;flex-direction:column}
  .col-head{font-size:.95rem!important;padding:.7rem .4rem!important;min-height:3.4rem;display:flex;align-items:center;justify-content:center}
  .cols .tile{min-height:130px!important;flex:0 0 130px}
  .tile h3{font-size:1rem!important}

  /* ── Galerie ── */
  .vr-fond{position:fixed!important}
  .vr-piste{position:relative!important;height:300px!important;margin-top:1rem}
  .vr-carte{height:240px!important}
  .vr-fleche{top:150px!important;transform:none!important;width:42px!important;height:42px!important;z-index:6}
  .vr-legende{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:auto!important;
    max-width:none!important;padding:1rem 1.2rem 1.4rem!important;text-align:center}
  .vr-notice{display:block!important;font-size:.8rem!important;max-height:none!important;overflow:visible!important}
  .vr-compte{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;text-align:center;padding-bottom:1.4rem}

  /* ── Pied de page plus compact ── */
  .pied-site{padding:2rem 1.2rem 1.2rem!important}
  .pied-in{grid-template-columns:1fr 1fr!important;gap:1.4rem!important}
  .pied-logo,.pied-credit{grid-column:1/-1}
  .pied-logo img{width:64px!important}
}

/* Pas de zoom au double-tap ni au focus d'un champ (iOS zoome sous 16 px) */
html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (max-width:760px){
  input,select,textarea{font-size:16px!important}
}