/* Phone remains visible independently of the desktop-only trade label. */
.karubat-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;gap:5px}
.karubat-phone{color:#e8ae7b;text-decoration:none;font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .2s ease}
.karubat-phone:hover{color:#f6c89f}
.karubat-phone:focus-visible{outline:2px solid #e8ae7b;outline-offset:4px;border-radius:2px}
.karubat-brand-phone{display:block;font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.11em}
.footer .karubat-footer-phone{display:inline-block;color:#e8ae7b;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:.08em}
/* KARUBAT — shared navigation. Load after each page's existing styles. */
.site-header .karubat-header-nav,.header .karubat-header-nav{display:flex;align-items:center;gap:clamp(20px,2.8vw,42px);margin-left:auto;min-width:0;font-size:14px;line-height:1.4}
.karubat-header-nav>.back-link,.karubat-header-nav>.contact-link{display:inline-flex;align-items:center;flex-shrink:0;margin-left:0;white-space:nowrap}
.site-header{z-index:50}
.header:has(>.karubat-header-nav){position:relative;z-index:50}
.karubat-trade-menu{position:relative;flex-shrink:0;isolation:isolate}
.karubat-menu-trigger{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 0;border:0;border-radius:0;background:transparent;color:var(--ink,#efece4);font:inherit;line-height:1.4;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s ease}
.karubat-menu-trigger:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;background:var(--copper,#e58e54);transform:scaleX(0);transform-origin:left;transition:transform .23s ease}
.karubat-trade-menu.is-open .karubat-menu-trigger{color:#f2ba8b}
.karubat-trade-menu.is-open .karubat-menu-trigger:after,.karubat-menu-trigger:hover:after{transform:scaleX(1)}
.karubat-menu-trigger:focus-visible{outline:2px solid #eab080;outline-offset:5px}
.karubat-menu-panel{position:absolute;top:calc(100% + 12px);right:-22px;z-index:100;box-sizing:border-box;width:min(338px,calc(100vw - 32px));max-height:min(510px,calc(100svh - 125px));padding:7px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#a17859 #17201c;border:1px solid #c98d625c;border-radius:4px;background:linear-gradient(135deg,#202a25f5,#111816fa 80%);box-shadow:0 24px 60px #0007,inset 0 1px 0 #fff1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scaleY(.96);transform-origin:70% 0;transition:opacity .18s ease,transform .18s cubic-bezier(.4,0,.6,1),visibility 0s linear .18s}
.karubat-trade-menu.is-open .karubat-menu-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scaleY(1);transition:opacity .23s ease,transform .23s cubic-bezier(.2,.75,.25,1),visibility 0s}
.karubat-menu-panel>a{display:flex;align-items:center;gap:14px;min-height:69px;margin:0;padding:11px 12px;border:0;border-bottom:1px solid #ffffff0f;border-radius:2px;color:#eee9df;text-decoration:none;font:400 14px/1.45 Manrope,Arial,sans-serif;white-space:normal;transition:background .18s ease,color .18s ease}
.karubat-menu-panel>a:last-child{border-bottom-color:transparent}
.karubat-menu-panel>a>span:first-child{flex:0 0 24px;color:#dda573;font:600 23px/1 "Barlow Condensed",Impact,sans-serif}
.karubat-menu-panel>a>span:nth-child(2){flex:1;min-width:0}
.karubat-menu-panel small{display:block;margin-top:4px;color:#b7c0b7;font:400 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.02em}
.karubat-menu-panel>a:hover,.karubat-menu-panel>a:focus-visible{background:#e58e5417;color:#fff5e5}
.karubat-menu-panel>a:focus-visible{outline:1px solid #e9ae7b;outline-offset:-2px}
@media(max-width:1100px){.site-header .header-trade,.header .header-trade{display:none}}
@media(max-width:760px){
 .site-header .karubat-header-nav,.header .karubat-header-nav{gap:18px;font-size:13px}
 .karubat-header-nav>.back-link,.karubat-header-nav>.contact-link{font-size:13px;gap:7px}
 .karubat-menu-trigger{gap:7px}
 .karubat-menu-panel{right:-26px}
}
/* Two equal rows avoid squeezing the three social buttons and the two links. */
@media(max-width:640px){
 :root{--head:112px}
 .site-header:has(>.karubat-socials),.header:has(>.karubat-socials){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:54px 36px;height:112px;min-height:112px;box-sizing:border-box;padding:10px 6vw;align-content:center;align-items:center;column-gap:12px;row-gap:2px}
 .site-header:has(>.karubat-socials)>.karubat-brand,.header:has(>.karubat-socials)>.karubat-brand{grid-column:1;grid-row:1;align-self:center;justify-self:start;gap:3px}
 .karubat-brand>.wordmark{font-size:2rem}
 .karubat-brand-phone{font-size:12px;line-height:1.4;letter-spacing:.075em}
 .site-header:has(>.karubat-socials)>.karubat-socials,.header:has(>.karubat-socials)>.karubat-socials{grid-column:2;grid-row:1;justify-self:end}
 .site-header:has(>.karubat-socials)>.karubat-header-nav,.header:has(>.karubat-socials)>.karubat-header-nav{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:space-between;gap:16px;min-width:0;margin:0;font-size:12px}
 .site-header:has(>.karubat-socials)>.karubat-header-nav>a,.header:has(>.karubat-socials)>.karubat-header-nav>a{display:inline-flex;min-height:36px;padding:0;line-height:1.4;font-size:12px;gap:7px}
 .site-header:has(>.karubat-socials)>.karubat-header-nav>a:after{bottom:3px}
 .karubat-menu-trigger{min-height:36px;padding:6px 0}
 .karubat-menu-trigger:after{bottom:3px}
 .karubat-menu-panel{top:calc(100% + 10px);left:0;right:auto;width:min(338px,88vw);max-height:calc(100svh - 134px);transform-origin:10% 0}
 .karubat-menu-panel>a{min-height:65px;padding:10px 11px;gap:11px;font-size:13px}
 .karubat-menu-panel small{font-size:10px}
}
@supports(height:100dvh){.karubat-menu-panel{max-height:min(510px,calc(100dvh - 125px))}@media(max-width:640px){.karubat-menu-panel{max-height:calc(100dvh - 134px)}}}
@media(prefers-reduced-motion:reduce){.karubat-menu-trigger,.karubat-menu-trigger:after,.karubat-menu-trigger>svg,.karubat-menu-panel,.karubat-trade-menu.is-open .karubat-menu-panel,.karubat-menu-panel>a,.karubat-menu-panel>a>svg{transition:none}.karubat-menu-panel{transform:none}.karubat-menu-panel>a:hover>svg,.karubat-menu-panel>a:focus-visible>svg{transform:none}}
@media(forced-colors:active){.karubat-menu-panel{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none;backdrop-filter:none}.karubat-menu-panel>a,.karubat-menu-panel small,.karubat-menu-panel>a>span:first-child{color:LinkText}.karubat-menu-panel>a:hover,.karubat-menu-panel>a:focus-visible{outline:1px solid Highlight}}

/* Réseaux sociaux masqués en attendant l’ouverture des comptes.
   Pour les réafficher : supprimer cette règle, puis changer le ?v= de navigation.css dans les pages. */
.karubat-socials{display:none!important}