/* TMA_HEADER_CENTER_V16 — HEADER ONLY. Retain Free/Pro Plus data and controls. */
/* More visible envelope with a single header line. Existing animation stays intact. */
html[data-atelier] body .atelier-header .atelier-brand .brand-mark {
  width:52px!important; height:52px!important; min-width:52px!important;
  flex:0 0 52px!important; border-radius:13px!important;
}
html[data-atelier] body .atelier-header .atelier-brand .brand-mark svg.atl-logo {
  width:100%!important;height:100%!important;display:block!important;
}
html[data-atelier] body .atelier-header .atelier-brand .brand-word {
  font-size:21px;line-height:1.12;white-space:nowrap;
}
/* Physically consistent desktop positions across EN, AR, DE and other languages. */
@media (min-width:1181px) {
  html[data-atelier] body .atelier-header .header-inner {
    display:flex!important;position:relative!important;direction:ltr;
    justify-content:center!important;align-items:center!important;
    gap:5px!important;flex-wrap:nowrap!important;
    height:76px!important;min-height:76px!important;
  }
  html[data-atelier] body .atelier-header .header-inner>.atelier-brand {
    position:absolute!important;left:0!important;right:auto!important;
    top:50%;transform:translateY(-50%);z-index:2;
    flex:0 0 auto!important;max-width:25%;
  }
  html[data-atelier] body .atelier-header .header-inner>.atelier-primary-nav {
    flex:0 0 auto!important;min-width:0!important;width:auto!important;
    max-width:none;display:flex!important;align-items:center;gap:2px;
    margin:0!important;overflow:visible!important;white-space:nowrap!important;
  }
  html[data-atelier] body .atelier-header .atelier-primary-nav>a {
    flex:0 0 auto!important;white-space:nowrap!important;overflow:visible!important;
    padding-inline:clamp(5px,.7vw,10px)!important;
  }
  html[data-atelier] body .atelier-header .header-inner>.tma-plus-header-tools {
    flex:0 0 auto!important;margin:0!important;position:relative;
  }
  html[data-atelier] body .atelier-header .header-inner>.atelier-actions {
    position:absolute!important;right:0!important;left:auto!important;
    top:50%;transform:translateY(-50%);display:flex!important;
    align-items:center!important;gap:7px!important;z-index:3;
    flex:0 0 auto!important;margin:0!important;
  }
  html[data-atelier] body .atelier-header .menu-toggle{display:none!important}
}
/* Right side is: night mode, session action (Sign out/Sign in), language. */
html[data-atelier] body .atelier-header .atelier-actions>.theme-toggle{order:10!important}
html[data-atelier] body .atelier-header .atelier-actions>.atelier-session-actions{order:20!important}
html[data-atelier] body .atelier-header .atelier-actions>.login-link,
html[data-atelier] body .atelier-header .atelier-actions>.atelier-account-link{order:21!important}
html[data-atelier] body .atelier-header .atelier-actions>.desktop-cta{order:22!important}
html[data-atelier] body .atelier-header .atelier-actions>.tma-language-picker{order:30!important}
html[data-atelier] body .atelier-header .atelier-actions>#atelierAdminLanguage{order:30!important}
html[data-atelier] body .atelier-header .atelier-actions>.menu-toggle{order:40!important}
html[data-atelier] body .atelier-header .atelier-primary-nav a,
html[data-atelier] body .atelier-header .tma-plus-header-tools button,
html[data-atelier] body .atelier-header .tma-plus-header-tools summary,
html[data-atelier] body .atelier-header .atelier-actions :is(button,a,summary){
  transition:background-color .17s ease,color .17s ease,transform .17s ease;
}
html[data-atelier] body .atelier-header .atelier-primary-nav a:hover,
html[data-atelier] body .atelier-header .tma-plus-header-tools :is(button,summary):hover {
  background:var(--soft,#edf3ff)!important;color:var(--at,#315be8)!important;
  transform:translateY(-1px);
}
@media (max-width:1180px) {
  html[data-atelier] body .atelier-header .header-inner {
    justify-content:space-between!important;gap:8px!important;
    flex-wrap:nowrap!important;
  }
}
@media (max-width:600px) {
  html[data-atelier] body .atelier-header .atelier-brand .brand-mark {
    width:40px!important;height:40px!important;min-width:40px!important;
    flex-basis:40px!important;
  }
  html[data-atelier] body .atelier-header .atelier-brand .brand-word {font-size:16px!important}
  html[data-atelier] body .atelier-header .header-inner {gap:5px!important}
}
@media (max-width:400px) {
  html[data-atelier] body .atelier-header .atelier-brand .brand-mark {
    width:34px!important;height:34px!important;min-width:34px!important;
    flex-basis:34px!important;
  }
  html[data-atelier] body .atelier-header .atelier-brand .brand-word {font-size:14px!important}
  html[data-atelier] body .atelier-header .atelier-actions {gap:2px!important}
}
@media (prefers-reduced-motion:reduce) {
  html[data-atelier] body .atelier-header :is(a,button,summary) {transition:none!important}
  html[data-atelier] body .atelier-header :is(a,button,summary):hover {transform:none!important}
}
/* On very narrow Pro Plus screens, use the existing accessible logo link
   without its wordmark, keeping More and the session controls reachable. */
@media (max-width:360px) {
  html[data-plus-workspace="true"] body .atelier-header .atelier-brand .brand-word {
    display:none!important;
  }
}