/* Identité commune des en-têtes. Le footer garde sa composition indépendante. */
:root{--ta-brand-header-width:142px;--ta-brand-header-height:38px;--ta-brand-header-inset:clamp(24px,4.4vw,72px);--ta-brand-header-top:20px}
#app :is(.ta-public-navigation-header,.onboarding-header,.rg-auth>header,.sidebar-head) .brand{display:inline-flex;align-items:center;justify-self:start;align-self:start;min-height:44px;padding:0;flex-shrink:0}
#app :is(.ta-public-navigation-header,.onboarding-header,.rg-auth>header,.sidebar-head) .brand-logo{width:var(--ta-brand-header-width);height:var(--ta-brand-header-height)}
#app :is(.ta-reference-header,.ta-reference-chapter-bar) .ta-reference-brand{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}
#app :is(.ta-reference-header,.ta-reference-chapter-bar) .ta-reference-brand img,#app .ta-artist-login__brand img,#app .auth-brand img{position:static;width:var(--ta-brand-header-width);height:var(--ta-brand-header-height);object-fit:contain;object-position:left center;transform:none;filter:none}
#app .ta-public-navigation-header{padding:var(--ta-brand-header-top) var(--ta-brand-header-inset);min-height:84px;align-items:start}
#app .ta-reference-header{top:var(--ta-brand-header-top);left:var(--ta-brand-header-inset);right:var(--ta-brand-header-inset);align-items:center}
#app :is(.ta-artist-login__brand,.auth-brand){top:var(--ta-brand-header-top);left:var(--ta-brand-header-inset);min-height:44px;align-items:center}
#app .onboarding-header{padding:var(--ta-brand-header-top) var(--ta-brand-header-inset);align-items:center}
#app .rg-auth{padding-top:0;padding-inline:var(--ta-brand-header-inset)}
#app .rg-auth>header{padding-block:var(--ta-brand-header-top);align-items:center}
#app .sidebar{padding-top:var(--ta-brand-header-top)}
#app .ta-reference-chapter-bar{padding-inline:var(--ta-brand-header-inset)}
@media(max-width:760px){:root{--ta-brand-header-width:112px;--ta-brand-header-height:30px;--ta-brand-header-inset:16px;--ta-brand-header-top:12px}#app .ta-public-navigation-header{min-height:68px}#app .rg-auth>header{gap:16px}#app .rg-auth>header>a:last-child{font-size:13px}}
/* Le parcours autonome charge les mêmes tokens que le prototype principal. */
/* Public navigation: shared search, discovery links and personal tools. */
#app .ta-public-navigation-header{grid-template-columns:auto minmax(180px,440px) minmax(max-content,1fr) auto;align-items:center;gap:32px;min-height:80px;padding-block:16px;position:sticky;top:0;z-index:30;background:#fff;color:#171714}
#app .ta-public-navigation-header>.brand{align-self:center}
#app .ta-public-navigation-header>.brand .brand-logo{width:124px;height:33px}
#app .ta-public-navigation-header>.ta-explorer__search{min-width:0;max-width:440px}
#app .ta-public-navigation-header .ta-explorer__search-field{height:44px;min-height:44px}
#app .ta-public-navigation-header>nav{display:flex;grid-column:auto;gap:12px;align-items:center;justify-content:flex-end}
#app .ta-public-navigation-header>nav button{display:inline-flex;align-items:center;min-height:44px;padding:8px;color:#171714;font:400 14px/1.4 Inter,sans-serif;white-space:nowrap}
#app .ta-public-navigation-header>nav button:hover{color:#80612e;background:transparent}
#app .ta-public-navigation-header>nav button[aria-current=page]{text-decoration:underline;text-decoration-color:#b18a32;text-underline-offset:8px}
.ta-public-navigation-header__tools{display:flex;align-items:center;gap:4px}
#app .ta-public-navigation-header__tools>button{min-height:44px;padding:8px 12px;background:transparent;border:0;color:#171714;font:400 13px/1.4 Inter,sans-serif;white-space:nowrap}
#app .ta-public-navigation-header__tools>.ta-public-login{border:1px solid #171714;border-radius:999px}
#app .ta-public-navigation-header__tools :is(.ta-public-navigation-header__icon,.icon-btn){display:inline-flex;position:relative;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:#171714;text-decoration:none;cursor:pointer;flex-shrink:0}
.ta-public-navigation-header__tools svg{width:22px;height:22px;display:block;flex-shrink:0}
#app .ta-public-navigation-header__tools .ta-public-navigation-header__search-toggle{display:none}
.ta-public-navigation-header__dropdown{position:relative}
.ta-public-navigation-header__dropdown>summary{list-style:none}
.ta-public-navigation-header__dropdown>summary::-webkit-details-marker{display:none}
.ta-public-navigation-header__avatar{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border:1px solid #d6d2c8;border-radius:50%;background:#eecd6e;color:#171714;font:500 13px/1 Inter,sans-serif;cursor:pointer}
.ta-public-navigation-header__avatar img{display:block;width:100%;height:100%;object-fit:cover}
.ta-public-navigation-header__badge{position:absolute;right:0;top:0;min-width:18px;padding:2px 4px;border-radius:999px;background:#eecd6e;color:#171714;font:600 10px/1.4 Inter,sans-serif;text-align:center}
.ta-public-navigation-header__popover{position:absolute;right:0;top:calc(100% + 12px);width:280px;max-width:calc(100vw - 32px);padding:16px;background:#fff;color:#171714;border:1px solid #dedede;border-radius:16px;box-shadow:0 12px 32px #0002;z-index:60}
.ta-public-navigation-header__popover h2{margin:0 0 12px;font:500 20px/1.2 Archivo,Inter,sans-serif}
.ta-public-navigation-header__popover p{margin:0 0 8px;color:#625f58;font:400 13px/1.6 Inter,sans-serif;overflow-wrap:anywhere}
.ta-public-navigation-header__popover .ta-public-navigation-header__name{color:#171714;font-weight:500;padding-bottom:12px;border-bottom:1px solid #dedede}
#app .ta-public-navigation-header__popover :is(a,button){display:flex;align-items:center;width:100%;min-height:44px;padding:8px;border:0;border-radius:6px;background:transparent;text-decoration:none;color:#171714;font:400 14px/1.4 Inter,sans-serif;text-align:left}
#app .ta-public-navigation-header__popover :is(a,button):hover,#app .ta-public-navigation-header__tools :is(a,summary,button):hover{color:#80612e}
#app .ta-public-navigation-header :is(a,summary,button):focus-visible{outline:2px solid #80612e;outline-offset:3px}
@media(max-width:1100px){#app .ta-public-navigation-header{gap:24px;padding-inline:24px}#app .ta-public-navigation-header>.brand .brand-logo{width:112px;height:30px}#app .ta-public-navigation-header>nav{gap:4px}#app .ta-public-navigation-header__tools>.ta-public-navigation-header__register{display:none}}
@media(max-width:760px){
 #app .ta-public-navigation-header{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:10px 16px}
 #app .ta-public-navigation-header>.brand .brand-logo{width:96px;height:26px}
 #app .ta-public-navigation-header__tools{grid-column:2;grid-row:1;gap:2px}
 #app .ta-public-navigation-header__tools>.ta-public-login{padding-inline:8px;font-size:12px}
 #app .ta-public-navigation-header__tools .ta-public-navigation-header__search-toggle{display:inline-flex}
 #app .ta-public-navigation-header__tools :is(.ta-public-navigation-header__icon,.icon-btn){width:40px;padding:9px}
 #app .ta-public-navigation-header>nav{grid-column:1/-1;grid-row:3;justify-content:center}
 #app .ta-public-navigation-header>.ta-explorer__search{display:none;grid-column:1/-1;grid-row:2;margin:8px 0;max-width:none}
 #app .ta-public-navigation-header.is-search-open>.ta-explorer__search{display:block}
 .ta-public-navigation-header__popover{position:fixed;right:16px;top:66px;max-height:calc(100dvh - 90px);overflow-y:auto}
}

.ta-entry-journey{grid-template-rows:84px minmax(0,1fr)}
.ta-entry-journey .ta-entry-journey__header{height:84px;min-height:84px;padding:var(--ta-brand-header-top) var(--ta-brand-header-inset)}
.ta-entry-journey__header .ta-brand{min-height:44px;flex-shrink:0}
.ta-entry-journey__header .ta-brand img{width:var(--ta-brand-header-width);height:var(--ta-brand-header-height);object-fit:contain;object-position:left center}
@media(max-width:760px){.ta-entry-journey{grid-template-rows:68px minmax(0,1fr)}.ta-entry-journey .ta-entry-journey__header{height:68px;min-height:68px}.ta-entry-journey__header-actions{gap:12px}}

/* Explorer IA: primary content families beside the brand, account actions apart. */
#app .ta-public-navigation-header--explorer{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(24px,3vw,48px);min-height:76px;padding-block:12px;border-bottom:1px solid #e5e2dc;background:#fff}
#app .ta-public-navigation-header.ta-public-navigation-header--explorer>.brand{grid-column:1;grid-row:1;justify-self:start}
#app .ta-public-navigation-header--explorer>nav{grid-column:2;grid-row:1;justify-content:flex-end;gap:0;min-width:0}
#app .ta-public-navigation-header--explorer>nav button{position:relative;min-height:44px;padding:8px 5px;border:0;border-radius:0;background:transparent;color:#292824;font:500 14px/1.4 Inter,Arial,sans-serif;text-decoration:none}
#app .ta-public-navigation-header--explorer>nav button::after{content:"";position:absolute;left:5px;right:5px;bottom:3px;height:2px;background:#b78817;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
#app .ta-public-navigation-header--explorer>nav button:is(:hover,[aria-current=page]){color:#111}
#app .ta-public-navigation-header--explorer>nav button[aria-current=page]::after{transform:scaleX(1)}
.ta-public-navigation-header__browse{position:relative}
.ta-public-navigation-header__browse>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 4px;color:#292824;font:500 14px/1.4 Inter,Arial,sans-serif;list-style:none;cursor:pointer}
.ta-public-navigation-header__browse>summary::-webkit-details-marker{display:none}
.ta-public-navigation-header__browse>summary svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.ta-public-navigation-header__browse[open]>summary svg{transform:rotate(180deg)}
.ta-public-navigation-header__browse>div{position:absolute;right:0;top:calc(100% + 10px);z-index:70;display:grid;gap:3px;width:210px;padding:8px;border:1px solid #dedbd4;border-radius:16px;background:#fff;box-shadow:0 16px 36px rgb(35 31 24 / .14)}
#app .ta-public-navigation-header--explorer .ta-public-navigation-header__browse>div>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-radius:10px;text-align:left}
#app .ta-public-navigation-header--explorer .ta-public-navigation-header__browse>div>button::after{position:static;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#b78817;transform:scale(0);content:""}
#app .ta-public-navigation-header--explorer .ta-public-navigation-header__browse>div>button:hover{background:#f5f3ee}
#app .ta-public-navigation-header--explorer .ta-public-navigation-header__browse>div>button[aria-current=page]{background:#f5f3ee}
#app .ta-public-navigation-header--explorer .ta-public-navigation-header__browse>div>button[aria-current=page]::after{transform:scale(1)}
#app .ta-public-navigation-header--explorer .ta-public-navigation-header__tools{grid-column:3;grid-row:1;justify-content:flex-end;gap:4px}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search{grid-template-columns:minmax(0,calc(560px + clamp(118px,9vw,142px) + 24px)) minmax(max-content,1fr) auto;gap:20px;padding-inline:4vw}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search>.ta-explorer__search{display:block;grid-column:1;grid-row:1;width:100%;max-width:calc(560px + clamp(118px,9vw,142px) + 24px);min-width:0;margin:0}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search>.ta-explorer__search>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__search-field{display:flex;align-items:center;gap:24px;height:48px;min-height:48px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__search-field:focus-within{border:0;box-shadow:none}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__search-control{--ta-explorer-search-bg:#080808;--ta-explorer-search-ink:#fff;--ta-explorer-search-placeholder:rgb(255 255 255 / .8);--ta-explorer-search-hover:rgb(255 255 255 / .12);display:flex;align-items:center;gap:0;min-width:0;flex:1;height:48px;padding:0 2px 0 18px;border:1px solid #7a7a7a;border-radius:999px;background:var(--ta-explorer-search-bg);color:var(--ta-explorer-search-ink);box-shadow:none}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__search-control:focus-within{outline:2px solid #eecd6e;outline-offset:3px}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__search-brand{display:flex;align-items:center;flex:0 0 auto}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__search-brand .brand{display:inline-flex;align-items:center;min-height:36px;padding:0}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__search-brand .brand-logo{width:clamp(118px,9vw,142px);height:auto}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__search-field input{width:0;min-width:80px;flex:1;height:46px;padding:0;border:0;background:transparent;color:var(--ta-explorer-search-ink);font:400 13px/1.5 Inter,Arial,sans-serif;outline:0}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__search-field input::placeholder{color:var(--ta-explorer-search-placeholder);opacity:1}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__clear{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ta-explorer-search-ink)}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__submit{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ta-explorer-search-ink)}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search :is(.ta-explorer__clear,.ta-explorer__submit) svg{display:block;width:19px;height:19px;color:var(--ta-explorer-search-ink);stroke:currentColor}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search :is(.ta-explorer__clear,.ta-explorer__submit):hover{background:var(--ta-explorer-search-hover)}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__quick{top:calc(100% + 10px);left:calc(clamp(118px,9vw,142px) + 24px);right:0;text-align:left}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search>nav{grid-column:2}
#app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-public-navigation-header__tools{grid-column:3}
#app .ta-public-navigation-header--explorer .ta-public-navigation-header__atelier{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #171714;border-radius:999px;background:#171714;color:#fff;font:500 14px/1.3 Inter,Arial,sans-serif;white-space:nowrap}
#app .ta-public-navigation-header--explorer .ta-public-navigation-header__atelier:hover{background:#3a3935;color:#fff}
.ta-public-navigation-header__atelier-short{display:none}
#app .ta-public-navigation-header--explorer .ta-public-login{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px;border:0;border-radius:0;background:transparent;color:#171714;font:500 14px/1.3 Inter,Arial,sans-serif;white-space:nowrap}
#app .ta-public-navigation-header--explorer :is(button,summary,a):focus-visible{outline:2px solid #80612e;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#app .ta-public-navigation-header--explorer>nav button::after,.ta-public-navigation-header__browse>summary svg{transition:none}}
@media(max-width:900px){#app .ta-public-navigation-header--explorer{gap:18px;padding-inline:24px}#app .ta-public-navigation-header--explorer>nav{gap:5px}#app .ta-public-navigation-header--explorer .ta-public-navigation-header__atelier{padding-inline:14px}}
@media(max-width:760px){
 #app .ta-public-navigation-header--explorer{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;min-height:116px;padding:10px 16px 8px}
 #app .ta-public-navigation-header.ta-public-navigation-header--explorer>.brand{grid-column:1;grid-row:1;justify-self:start}
 #app .ta-public-navigation-header--explorer .ta-public-navigation-header__tools{grid-column:2;grid-row:1;gap:5px}
 #app .ta-public-navigation-header--explorer>nav{grid-column:1/-1;grid-row:2;justify-content:flex-end;gap:0;overflow:visible}
 #app .ta-public-navigation-header--explorer>nav::-webkit-scrollbar{display:none}
 #app .ta-public-navigation-header--explorer>nav button{flex:0 0 auto;font-size:13px}
 .ta-public-navigation-header__browse>summary{font-size:13px}
 .ta-public-navigation-header__browse>div{right:0;top:calc(100% + 5px)}
 #app .ta-public-navigation-header--explorer .ta-public-navigation-header__atelier{padding-inline:12px}
 .ta-public-navigation-header__atelier-full{display:none}.ta-public-navigation-header__atelier-short{display:inline}
 #app .ta-public-navigation-header--explorer .ta-public-login{padding-inline:4px;font-size:12px}
 #app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;min-height:0;padding-inline:20px}
 #app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search>.ta-explorer__search{display:block;grid-column:1/-1;grid-row:1;margin:0}
 #app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__search-field{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;height:auto;min-height:0}
 #app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__search-brand{justify-content:center}
 #app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__search-control{width:100%}
 #app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__quick{left:0}
 #app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search>nav{grid-column:1;grid-row:2;justify-content:flex-start}
 #app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-public-navigation-header__tools{grid-column:2;grid-row:2;justify-content:flex-end}
}
@media(max-width:360px){
 #app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search>nav{grid-column:1/-1;grid-row:2;justify-content:center}
 #app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-public-navigation-header__tools{grid-column:1/-1;grid-row:3;justify-content:center}
}

/* The public Explorer reuses the Atelier theme contract and its sun/moon control. */
[data-theme="dark"] #app .ta-public-navigation-header--explorer{border-color:#303034;background:#0b0b0c;color:#f5f4ef}
[data-theme="dark"] #app .ta-public-navigation-header--explorer :is(.ta-public-navigation-header__browse>summary,.ta-public-navigation-header__tools>button,.ta-public-navigation-header__tools .icon-btn){color:#f5f4ef}
[data-theme="dark"] #app .ta-public-navigation-header--explorer .ta-public-navigation-header__browse>div{border-color:#3b3b3f;background:#171719;box-shadow:0 16px 36px rgb(0 0 0 / .42)}
[data-theme="dark"] #app .ta-public-navigation-header--explorer .ta-public-navigation-header__browse>div>button{color:#f5f4ef}
[data-theme="dark"] #app .ta-public-navigation-header--explorer .ta-public-navigation-header__browse>div>button:is(:hover,[aria-current=page]){background:#252528;color:#fff}
[data-theme="dark"] #app .ta-public-navigation-header--explorer.ta-public-navigation-header--with-search .ta-explorer__search-control{--ta-explorer-search-bg:#fff;--ta-explorer-search-ink:#171714;--ta-explorer-search-placeholder:#626262;--ta-explorer-search-hover:rgb(0 0 0 / .06);border-color:#d7d7d7}
[data-theme="dark"] #app .ta-public-navigation-header--explorer .ta-public-navigation-header__tools>button.ta-public-navigation-header__atelier{border-color:#eecd6e;background:#eecd6e;color:#17140b}
[data-theme="dark"] #app .ta-public-navigation-header--explorer .ta-public-navigation-header__tools>button.ta-public-navigation-header__atelier:hover{border-color:#f4dc96;background:#f4dc96;color:#17140b}
[data-theme="dark"] #app .ta-public-navigation-header--explorer .brand-logo__image--light{display:none}
[data-theme="dark"] #app .ta-public-navigation-header--explorer .brand-logo__image--dark{display:block}

/* Navigation Atelier réduite : le symbole de marque précède la commande d’ouverture. */
@media(min-width:981px){
 #app .sidebar.is-collapsed .sidebar-head{display:grid;grid-template-columns:44px;grid-template-rows:44px 40px;justify-content:center;align-content:start;gap:12px;min-height:96px}
 #app .sidebar.is-collapsed .ta-sidebar-brand-cluster,#app .sidebar.is-collapsed .sidebar-head__actions{display:grid;place-items:center}
 #app .sidebar.is-collapsed .ta-sidebar-brand-cluster{grid-row:1;width:44px;height:44px}
 #app .sidebar.is-collapsed .sidebar-head__actions{grid-row:2;width:40px;height:40px}
 #app .sidebar.is-collapsed .brand{width:44px;min-height:44px;padding:8px}
 #app .sidebar.is-collapsed .brand-logo{width:28px;height:28px;background:url("assets/brand/tresoa-icon-gold.svg") center/contain no-repeat}
 #app .sidebar.is-collapsed .brand-logo__image{display:none}
}