/* Pas de défilement horizontal parasite : la page ne bouge plus de gauche à droite (mobile). */
html{overflow-x:hidden;max-width:100%;overscroll-behavior-x:none}
body{max-width:100%;overscroll-behavior-x:none}
@supports (overflow:clip){html,body{overflow-x:clip}}
img,video,iframe{max-width:100%}

/* iPhone : un champ dont la police est inférieure à 16 px déclenche un zoom automatique qui décale la page. On force 16 px sur mobile. */
@media (max-width:900px){
	html body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="file"]):not([type="color"]):not([type="hidden"]),
	html body select,
	html body textarea{font-size:16px!important}
}

/* Finitions : sélecteur d'apparence lisible, logo de connexion mobile. */
html body .as-row-theme{align-items:center;flex-wrap:wrap;gap:8px;height:auto!important;min-height:60px;padding-top:10px!important;padding-bottom:10px!important}
html body .as-row-theme .as-seg{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--as-surface-2,rgba(120,130,150,.16));border:1px solid var(--as-line,rgba(120,130,150,.3));margin-left:auto}
html body .as-row-theme .as-seg button{font:700 14px/1 var(--as-font,system-ui,sans-serif)!important;min-height:38px;padding:0 12px;border-radius:10px;border:0;background:transparent!important;color:var(--as-ink,#0b1220)!important;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
html body .as-row-theme .as-seg button::before{content:"";font-size:14px}
html body .as-row-theme .as-seg button[data-theme-set="auto"]::before{content:"\25D0"}
html body .as-row-theme .as-seg button[data-theme-set="light"]::before{content:"\2600\FE0E"}
html body .as-row-theme .as-seg button[data-theme-set="dark"]::before{content:"\263E"}
html body .as-row-theme .as-seg button[aria-pressed="true"]{background:#17b7e2!important;color:#04202a!important;box-shadow:0 2px 8px rgba(23,183,226,.35)}
/* Mobile : le libellé « Apparence » garde sa ligne, le sélecteur passe dessous en pleine largeur (plus de chevauchement). */
@media (max-width:760px){
	html body .as-row-theme{display:flex!important;flex-wrap:wrap!important;align-items:center!important}
	html body .as-row-theme .as-seg{flex:1 1 100%!important;width:100%!important;margin-left:0!important;order:5;justify-content:space-between}
	html body .as-row-theme .as-seg button{flex:1 1 0;min-width:0;justify-content:center;padding:0 6px}
}
/* Feuille Compte : tout le contenu reste atteignable, rien ne passe sous le bas de l'écran. */
html body .as-sheet{padding-bottom:calc(48px + var(--as-safe,0px))!important;max-height:min(86vh,860px)!important;-webkit-overflow-scrolling:touch;overflow-x:hidden}

/* Page de connexion / inscription en mobile : logo de la marque sur une pastille blanche. */
@media (max-width:900px){
	html body.coab-auth-screen .coaba-mobile-logo{display:flex!important;width:fit-content!important;padding:10px 16px!important;border-radius:16px!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important;margin-bottom:22px!important}
	html body.coab-auth-screen .coaba-mobile-logo-img{max-width:150px!important;max-height:40px!important;width:auto!important;height:auto!important}
}

/* Message d'apparence */
#coab-th{position:fixed;left:50%;transform:translate(-50%,16px);bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:99991;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:10px 12px 10px 16px;border-radius:999px;background:#f1f5f9;color:#0b1220;font:600 14px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 12px 34px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
#coab-th.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
#coab-th button{border:0;cursor:pointer;font:inherit}
#coab-th .go{background:#0b1220;color:#fff;border-radius:999px;padding:8px 14px;font-weight:800;white-space:nowrap}
#coab-th .x{background:transparent;color:#475569;width:26px;height:26px;font-size:18px;line-height:1}
@media(min-width:900px){#coab-th{bottom:24px}}