/* PHASE 8H: scoped, non-destructive navigation layer */
.nav.frosse-nav8h{z-index:100;background:rgba(255,250,244,.98)}
.frosse-nav8h .navin{width:min(1360px,calc(100% - 40px));gap:20px;min-height:76px;flex-wrap:nowrap}
.frosse-nav8h .brand-logo{width:156px;max-width:100%}
.frosse-nav8h .menu{display:flex;align-items:center;gap:3px;margin-left:auto;min-width:0}
.frosse-nav8h .nav-group{position:relative;flex:0 0 auto}
.frosse-nav8h .nav-trigger{font:600 13px/1.3 inherit;font-family:inherit;color:#493c32;background:transparent;border:0;padding:13px 10px;border-radius:12px;cursor:pointer;white-space:nowrap;display:flex;gap:6px;align-items:center}
.frosse-nav8h .nav-trigger:hover,.frosse-nav8h .nav-trigger[aria-expanded=true]{color:#315b3a;background:#e8f1e5}
.frosse-nav8h .nav-caret{font-size:10px;color:#a96c37}
.frosse-nav8h .nav-panel{position:absolute;top:calc(100% + 10px);left:0;width:300px;padding:10px;background:#fffdf9;border:1px solid #e7e5dd;border-radius:18px;box-shadow:0 16px 42px #283d2b26;display:none;z-index:110}
.frosse-nav8h .nav-group.is-open .nav-panel{display:grid;grid-template-columns:1fr;gap:2px}
.frosse-nav8h .nav-panel a{display:block;padding:10px 12px;border-radius:9px;font-size:13px;line-height:1.4;color:#4a3d33}
.frosse-nav8h .nav-panel a:hover,.frosse-nav8h .nav-panel a:focus-visible{background:#f0f5ed;color:#315b3a}
.frosse-nav8h .nav-group:nth-child(4) .nav-panel,.frosse-nav8h .nav-group:nth-child(5) .nav-panel{left:auto;right:0}
.frosse-nav8h .lang{display:block;position:relative;margin:0;flex:0 0 auto}
.frosse-nav8h .lang-toggle{font:700 12px/1.2 inherit;font-family:inherit;color:#315b3a;background:#f2f6ee;border:1px solid #d6e2d4;border-radius:24px;padding:10px 11px;cursor:pointer;white-space:nowrap}
.frosse-nav8h .lang-options{display:none;position:absolute;right:0;top:calc(100% + 10px);width:160px;padding:8px;border-radius:14px;background:#fffdf9;box-shadow:0 14px 35px #283d2b2b;border:1px solid #e7e5dd;z-index:120}
.frosse-nav8h .lang.is-open .lang-options{display:grid;gap:3px}
.frosse-nav8h .lang-options a{border:0;border-radius:8px;display:block;padding:8px 10px;font-size:13px}
.frosse-nav8h .lang-options a:hover{background:#edf5e9}
.frosse-nav8h .cta{white-space:nowrap;font-size:12px;padding:12px 16px;flex:0 0 auto}
.frosse-nav8h .menu-toggle{display:none}
.frosse-nav8h :focus-visible{outline:2px solid #cf7b37;outline-offset:2px}
@media(max-width:1180px){
 .frosse-nav8h .navin{flex-wrap:wrap;gap:12px;padding:10px 0}
 .frosse-nav8h .brand-logo{width:145px}
 .frosse-nav8h .menu-toggle{display:block;margin-left:auto;order:2;background:transparent;border:0;font-size:26px;cursor:pointer;color:#4a3d33}
 .frosse-nav8h .lang{order:3;display:block}
 .frosse-nav8h .cta{order:4}
 .frosse-nav8h .menu{display:none!important;order:5;width:100%;flex-direction:column;align-items:stretch;max-height:min(70vh,620px);overflow-y:auto;margin:0;padding:8px 0}
 .frosse-nav8h .menu.open,.frosse-nav8h .menu.active{display:flex!important}
 .frosse-nav8h .nav-group{width:100%;border-top:1px solid #e8e9df}
 .frosse-nav8h .nav-trigger{width:100%;justify-content:space-between;font-size:15px;padding:14px}
 .frosse-nav8h .nav-panel{position:static;display:none;width:100%;box-shadow:none;border:0;border-radius:12px;background:#f7f7ef;padding:5px 8px;margin-bottom:6px}
 .frosse-nav8h .nav-group.is-open .nav-panel{display:grid}
 .frosse-nav8h .nav-panel a{font-size:14px;padding:11px 14px;border-top:0}
}
@media(max-width:560px){.frosse-nav8h .navin{width:calc(100% - 24px);gap:8px}.frosse-nav8h .brand-logo{width:128px}.frosse-nav8h .cta{padding:9px 12px;font-size:11px}.frosse-nav8h .lang-toggle{padding:8px}.frosse-nav8h .menu-toggle{font-size:24px}}
html[dir=rtl] .frosse-nav8h .nav-panel{left:auto;right:0}html[dir=rtl] .frosse-nav8h .lang-options{right:auto;left:0}

/* PHASE 8I: legible, balanced desktop navigation */
@media(min-width:1181px){.frosse-nav8h .nav-trigger{font-size:14px;font-weight:600;line-height:1.35;padding:13px 11px}.frosse-nav8h .navin{gap:16px}.frosse-nav8h .menu{gap:2px}.frosse-nav8h .lang-toggle{font-size:13px;font-weight:600}.frosse-nav8h .cta{font-size:13px;font-weight:700}}

/* PHASE 8L: mobile language selector visibility and tap targets */
@media (max-width: 1180px) {
  .frosse-nav8h, .frosse-nav8h .navin, .frosse-nav8h .lang { overflow: visible !important; }
  .frosse-nav8h .lang { position: relative !important; display: block !important; z-index: 300; }
  .frosse-nav8h .lang-toggle { min-height: 42px; touch-action: manipulation; }
  .frosse-nav8h .lang-options { position: absolute !important; top: calc(100% + 5px) !important; right: 0 !important; left: auto; z-index: 9999 !important; width: 178px; max-height: 65vh; overflow-y: auto; }
  .frosse-nav8h .lang.is-open .lang-options { display: flex !important; flex-direction: column; visibility: visible !important; opacity: 1 !important; }
  .frosse-nav8h .lang-options a { display: block !important; width: 100% !important; min-height: 42px; padding: 11px 12px !important; font-size: 14px !important; line-height: 20px; color: #315b3a !important; opacity: 1 !important; visibility: visible !important; border: 0 !important; border-radius: 8px; }
  html[dir=rtl] .frosse-nav8h .lang-options { right: auto !important; left: 0 !important; }
}