/* Klas 237 · Téléphone : rien ne se superpose.
   Chargé en dernier : il prime sur les anciennes règles. */

/* Lien d'évitement : entièrement hors de l'écran, visible seulement au clavier */
.kx-skip-nav{position:fixed!important;left:0;top:0;z-index:3000;height:0;overflow:visible}
.kx-skip{position:fixed!important;left:12px!important;top:12px!important;transform:translateY(-300%)!important;transition:transform .15s}
.kx-skip:focus,.kx-skip:focus-visible{transform:none!important}

/* Plus aucun bouton flottant, à toutes les tailles : Assistant, Aide et A+ sont dans l'en-tête */
.kx-dock{display:none!important}
.kx-mclone{display:none}
.kx-mtools{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:nowrap}
.kx-mtool{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--k-line,#e3e1d6);background:#fff;color:var(--k-ink,#141b2e);font:700 .92rem/1 var(--k-font-body,inherit);box-shadow:none;cursor:pointer;white-space:nowrap}
.kx-mtool[hidden]{display:none!important}
.kx-mtool svg{width:18px;height:18px;color:var(--k-red,#ce1126)}
.kx-mtool-ai{background:var(--k-ink,#141b2e);border-color:var(--k-ink,#141b2e);color:#fff}
.kx-mtool-help{background:var(--k-blue,#007a5e);border-color:var(--k-blue,#007a5e);color:#fff}
.kx-mtool-size[aria-pressed="true"]{background:var(--k-ink,#141b2e);border-color:var(--k-ink,#141b2e);color:#fff}
.kx-mtool:focus-visible{outline:3px solid var(--k-gold,#f2b705);outline-offset:2px}
.entry-header>.kx-mtools{margin-left:12px}

@media (max-width:700px){
  /* 1. L'assistant est un onglet de la barre du bas : pas de doublon dans l'en-tête */
  .kx-mtool-ai{display:none!important}

  /* 2. Aide et A+ dans l'en-tête */
  .kx-mtools{display:flex;gap:6px;align-items:center;justify-content:flex-end}
  .kx-mtool{min-height:44px;min-width:44px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--k-line,#e3e1d6);background:#fff;color:var(--k-ink,#141b2e);font:700 .9rem/1 var(--k-font-body,inherit);box-shadow:none;cursor:pointer}
  .kx-mtool-help{background:var(--k-blue,#007a5e);border-color:var(--k-blue,#007a5e);color:#fff}
  .kx-mtool-size[aria-pressed="true"]{background:var(--k-ink,#141b2e);border-color:var(--k-ink,#141b2e);color:#fff}

  /* 3. En-tête des pages d'accueil : marque et outils sur la 1re ligne, langue et actions sur la 2e */
  html body .entry-header{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px 8px!important;align-items:center!important;padding:12px 14px!important}
  html body .entry-header>.entry-brand{grid-column:1/5;grid-row:1;min-width:0;justify-self:start;font-size:1.5rem!important;white-space:nowrap}
  html body .entry-header>.kx-mtools{grid-column:5/7;grid-row:1}
  html body .entry-header>label{grid-column:1/3;grid-row:2;width:auto!important;margin:0!important;font-size:0!important;order:0!important}
  html body .entry-header>label select{width:100%!important;max-width:none!important;min-height:44px;font-size:.88rem!important}
  html body .entry-header>.entry-header-offers{grid-column:3/5;grid-row:2;display:inline-flex!important;justify-content:center;min-height:44px!important;padding:8px 6px!important;margin:0!important;order:0!important}
  html body .entry-header>button.secondary,html body .entry-header>a.secondary{grid-column:5/7;grid-row:2;margin:0!important;padding:8px 10px!important;min-height:44px;font-size:.88rem!important;white-space:nowrap}
  body[data-entry=pricing] .entry-header>label{grid-column:1/4}
  body[data-entry=pricing] .entry-header>button.secondary{grid-column:4/7}
  html body .entry-header>*:nth-child(n+7){grid-column:1/-1}

  /* 4. Espaces : la colonne de gauche devient une fine barre (marque + « Tous mes outils ») */
  body[data-entry=workspace]>aside{position:relative!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px 12px!important;min-height:0!important;height:auto!important}
  body[data-entry=workspace]>aside .brand-block{margin:0!important;padding:0!important}
  body[data-entry=workspace]>aside .brand{font-size:1.35rem!important}
  body[data-entry=workspace]>aside .brand small,body[data-entry=workspace]>aside .side-caption,body[data-entry=workspace]>aside .role-heading,body[data-entry=workspace]>aside .switch,body[data-entry=workspace]>aside .rail-nav-heading,body[data-entry=workspace]>aside .side-bottom,body[data-entry=workspace] #nav .workspace-nav-title{display:none!important}
  body[data-entry=workspace] #nav{display:block!important;margin:0!important;padding:0!important;flex:0 0 auto;position:static!important}
  body[data-entry=workspace] #nav>button[data-route]{display:none!important}
  body[data-entry=workspace] #nav>details{margin:0!important;border:0!important;position:static!important}
  body[data-entry=workspace] #nav>details>summary{min-height:44px;display:flex;align-items:center;gap:8px;padding:8px 14px!important;border-radius:999px;border:1.5px solid var(--k-line,#e3e1d6);background:#fff;font-weight:700;font-size:.95rem!important;list-style:none}
  body[data-entry=workspace] #nav>details>summary::-webkit-details-marker{display:none}
  body[data-entry=workspace] #nav>details[open]>summary{background:var(--k-ink,#141b2e);color:#fff;border-color:var(--k-ink,#141b2e)}
  body[data-entry=workspace] #nav>details:not([open])>*:not(summary){display:none!important}
  body[data-entry=workspace] #nav>details[open]{position:static}
  body[data-entry=workspace] #nav>details[open]>*:not(summary){position:relative;z-index:60}
  body[data-entry=workspace] #nav>details[open]::after{content:'';display:block;flex-basis:100%}
  body[data-entry=workspace]>aside:has(#nav>details[open]){padding-bottom:14px!important}
  body[data-entry=workspace]>aside:has(#nav>details[open]) #nav{flex:1 1 100%;order:3}
  body[data-entry=workspace]>aside:has(#nav>details[open]) #nav>details>summary{margin-left:auto;width:max-content}
  body[data-entry=workspace] #nav details button,body[data-entry=workspace] .kx-mclone{display:flex;width:100%;min-height:44px;align-items:center;text-align:left;padding:10px 12px;border-radius:12px;border:0;background:transparent;font-weight:600}
  body[data-entry=workspace] .kx-mclone{font-weight:800;border-bottom:1px solid var(--k-line,#e3e1d6);border-radius:0}

  /* 5. Barre du haut des espaces : tout tient, rien ne se chevauche */
  body[data-entry=workspace] main>header{position:static!important;display:flex!important;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px!important}
  body[data-entry=workspace] main>header .topbar-actions{display:flex!important;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;width:100%}
  body[data-entry=workspace] main>header .topbar-actions>*{margin:0!important}
  body[data-entry=workspace] main>header .kx-mtools{margin-left:auto!important}

  /* 6. Barre d'onglets : 4 onglets + l'assistant */
  .kx-tabbar .kx-tab-ai{color:var(--k-ink,#141b2e)}
  .kx-tabbar .kx-tab-ai svg{color:var(--k-red,#ce1126)}
  body[data-entry=workspace] main{padding-bottom:calc(110px + env(safe-area-inset-bottom))!important}
}
@media (max-width:700px){
  /* Barre d'onglets opaque : le contenu passe dessous sans transparaître */
  body[data-entry=workspace] .kx-tabbar{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 -4px 18px rgba(20,27,46,.12)!important}
}
@media (max-width:700px){
  html body .entry-header>.entry-brand{grid-column:1/4!important}
  html body .entry-header>.kx-mtools{grid-column:4/7!important;justify-self:end}
  html body .entry-header .kx-mtool{white-space:nowrap;min-width:52px;padding:8px 14px}
  html body .entry-header>label{display:block!important;justify-self:stretch;padding:0!important}
  html body .entry-header>label .kx-lang-label{display:none!important}
}
@media (max-width:700px){
  html body .entry-header>.entry-header-offers{border:1.5px solid var(--k-line,#e3e1d6)!important;border-radius:12px!important;background:#fff!important;color:var(--k-ink,#141b2e)!important;font-weight:700!important;font-size:.88rem!important;align-items:center;white-space:nowrap}
  html body .entry-header>label select{padding-right:28px!important}
}
@media (max-width:700px){
  html body .entry-header>*{min-width:0!important}
  html body .entry-header>label select{min-width:0!important;box-sizing:border-box}
  html body .entry-header>.entry-header-offers,html body .entry-header>button.secondary{width:100%;box-sizing:border-box;justify-content:center;text-align:center}
}
@media (max-width:700px){
  html body .entry-header>label select{padding:8px 22px 8px 10px!important;font-size:.84rem!important;background-position:right 6px center!important;text-overflow:clip}
}
@media (max-width:380px){
  html body .entry-header>.entry-header-offers,html body .entry-header>button.secondary{font-size:.82rem!important;padding:8px 4px!important}
}
@media (max-width:700px){
  html body .entry-header{grid-template-columns:repeat(12,minmax(0,1fr))!important}
  html body .entry-header>.entry-brand{grid-column:1/7!important}
  html body .entry-header>.kx-mtools{grid-column:7/13!important}
  html body .entry-header>label{grid-column:1/6!important}
  html body .entry-header>.entry-header-offers{grid-column:6/9!important}
  html body .entry-header>button.secondary,html body .entry-header>a.secondary{grid-column:9/13!important}
  body[data-entry=pricing] .entry-header>label{grid-column:1/7!important}
  body[data-entry=pricing] .entry-header>button.secondary{grid-column:7/13!important}
  html body .entry-header>*:nth-child(n+7){grid-column:1/-1!important}
}

/* Barre du haut des espaces sur téléphone : la langue sur sa propre ligne, puis les pastilles et les outils */
@media (max-width:700px){
  body[data-entry=workspace] main>header .topbar-actions .language-choice{flex:1 1 100%;display:flex!important;align-items:center;gap:10px;margin:0!important;font-size:.85rem!important;font-weight:700;white-space:nowrap}
  body[data-entry=workspace] main>header .topbar-actions .language-choice select{flex:1 1 auto;min-width:0;width:auto!important;min-height:44px}
  body[data-entry=workspace] main>header>.kx-mtools{margin-left:auto!important}
  body[data-entry=workspace] main>header .parent-settings{flex:1 1 auto}
  /* Messages de confirmation : au-dessus de la barre d'onglets, jamais dessous */
  body[data-entry=workspace] #toast{bottom:calc(104px + env(safe-area-inset-bottom))!important;width:max-content;max-width:calc(100vw - 32px)!important;text-align:center}
}
/* Ordinateur : la barre du haut ne déborde jamais */
@media (min-width:701px){
  body[data-entry=workspace] main>header .topbar-actions{flex-wrap:wrap;row-gap:8px}
}
/* Titre qui reçoit le focus après un changement d'écran (lecteurs d'écran) : pas de cadre parasite */
h1[tabindex="-1"]:focus,h1[tabindex="-1"]:focus-visible,h2[tabindex="-1"]:focus{outline:none!important;box-shadow:none!important}
@media (max-width:700px){
  html body[data-entry=workspace]>aside #nav>details>summary{display:inline-flex!important;align-items:center;gap:8px;min-height:44px;padding:8px 16px!important;border-radius:999px!important;border:1.5px solid var(--k-ink,#141b2e)!important;background:#fff!important;color:var(--k-ink,#141b2e)!important;font-weight:800!important;font-size:.95rem!important;cursor:pointer}
  html body[data-entry=workspace]>aside #nav>details>summary::after{content:'';width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:2px}
  html body[data-entry=workspace]>aside #nav>details[open]>summary{background:var(--k-ink,#141b2e)!important;color:#fff!important}
  html body[data-entry=workspace]>aside #nav>details[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
}
@media (max-width:700px){
  /* Menu ouvert : le bouton reste en haut à droite, la liste se déroule en dessous sur toute la largeur */
  html body[data-entry=workspace]>aside{row-gap:8px!important}
  html body[data-entry=workspace]>aside:has(#nav>details[open]) .brand-block{min-height:44px;display:flex;align-items:center}
  html body[data-entry=workspace]>aside:has(#nav>details[open]) #nav>details{display:flex;flex-direction:column}
  html body[data-entry=workspace]>aside:has(#nav>details[open]) #nav>details>summary{align-self:flex-end;margin:-52px 0 8px auto!important}
}
/* Visite guidée : la bulle ne dépasse jamais de l'écran du téléphone */
.kt-tip{box-sizing:border-box!important;overflow-wrap:anywhere}
.kt-tip .kt-actions,.kt-tip>div:last-child{flex-wrap:wrap;gap:8px}
.kt-center .kt-tip{width:var(--kt-w,min(420px,calc(100vw - 32px)))!important;max-width:var(--kt-w,calc(100vw - 32px))!important}