/* Firmato V3.23.0.4 — compact functional public main navigation.
   Keeps one login action, moves secondary destinations into Resources,
   and preserves the language dropdown introduced in V3.23.0.2. */

.header-row{position:relative;gap:18px}
.main-nav{gap:4px;font-size:13px}
.main-nav-link,
.main-nav-dropdown-summary{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 10px;
  border-radius:10px;
  color:var(--ink);
  font-weight:800;
  white-space:nowrap;
  transition:background .16s ease,color .16s ease;
}
.main-nav-link:hover,
.main-nav-link.active,
.main-nav-dropdown[data-current="true"]>.main-nav-dropdown-summary,
.main-nav-dropdown[open]>.main-nav-dropdown-summary{
  background:#f3f7fc;
  color:var(--accent);
}
.main-nav-dropdown{position:relative}
.main-nav-dropdown>summary{list-style:none;cursor:pointer;user-select:none}
.main-nav-dropdown>summary::-webkit-details-marker{display:none}
.main-nav-chevron{font-size:12px;color:var(--muted);transition:transform .16s ease}
.main-nav-dropdown[open] .main-nav-chevron{transform:rotate(180deg)}
.main-nav-dropdown-menu{
  position:absolute;
  top:calc(100% + 8px);
  left:50%;
  transform:translateX(-50%);
  min-width:230px;
  padding:7px;
  display:grid;
  gap:2px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 44px rgba(7,28,68,.14);
  z-index:130;
}
.main-nav-dropdown:not([open]) .main-nav-dropdown-menu{display:none}
.main-nav-dropdown-menu a{
  display:flex;
  align-items:center;
  min-height:38px;
  padding:8px 10px;
  border-radius:8px;
  color:#25344d;
  font-size:12px;
  font-weight:800;
}
.main-nav-dropdown-menu a:hover,
.main-nav-dropdown-menu a[aria-current="page"]{
  background:#f3f7fc;
  color:var(--accent);
}
.main-nav-mobile-trial{display:none}
.header-actions{gap:6px;flex:0 0 auto}
.header-actions .btn{min-height:40px;padding:9px 13px;font-size:13px}
.header-actions .header-login{display:inline-flex}
.header-actions .header-trial{display:inline-flex}

/* Collapse the navigation before it becomes crowded on notebooks/tablets. */
@media(max-width:1180px){
  .header-row{min-height:68px;flex-wrap:nowrap;padding-top:0;padding-bottom:0}
  .brand{order:1}
  .header-actions{order:2;width:auto;margin-left:auto;justify-content:flex-end}
  .nav-toggle{display:block;order:3;margin-left:0}
  .main-nav{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:100%;
    margin:0;
    padding:10px;
    flex-direction:column;
    align-items:stretch;
    gap:3px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:0 0 14px 14px;
    box-shadow:0 18px 38px rgba(7,28,68,.12);
    z-index:125;
  }
  .main-nav.open{display:flex}
  .main-nav-link,
  .main-nav-dropdown-summary{
    width:100%;
    min-height:44px;
    justify-content:space-between;
    padding:0 12px;
  }
  .main-nav-dropdown{width:100%}
  .main-nav-dropdown-menu{
    position:static;
    transform:none;
    min-width:0;
    margin:2px 0 6px;
    padding:5px;
    border-radius:10px;
    box-shadow:none;
    background:#f8fafc;
  }
  .main-nav-dropdown-menu a{min-height:40px;padding:8px 12px}
  .main-nav-mobile-trial{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    margin-top:5px;
    padding:0 12px;
    border-radius:10px;
    background:linear-gradient(135deg,var(--accent),var(--blue));
    color:#fff;
    font-weight:800;
  }
  .header-actions>.ghost{display:inline-flex}
  .header-actions>.primary{display:none}
}

@media(max-width:860px){
  .header-row{min-height:64px;flex-wrap:nowrap;padding-top:0;padding-bottom:0;gap:7px}
  .brand-logo{height:40px;max-width:118px}
  .header-actions{order:2;width:auto;margin-left:auto;justify-content:flex-end;gap:5px}
  .nav-toggle{order:3;margin-left:0;padding:4px 5px}
  .main-nav{top:100%}
  .header-actions>.ghost{display:inline-flex}
  .header-actions>.primary{display:none}
  .header-login{min-height:38px!important;padding:8px 10px!important;font-size:12px!important}
}

@media(max-width:480px){
  .header-row{gap:5px}
  .brand-logo{height:38px;max-width:108px}
  .header-login{padding:7px 9px!important}
  .nav-toggle{font-size:23px}
}

@media(max-width:360px){
  .brand-logo{max-width:96px}
  .header-login{padding:7px 8px!important;font-size:11px!important}
}

/* Firmato V3.28.2 — European identity / responsive brand */
.brand-logo{width:220px!important;height:auto!important;max-width:100%!important;max-height:78px!important;object-fit:contain!important}
.brand{flex:0 1 220px!important;min-width:0!important}
.header-row{gap:12px!important}
.footer-brand-block img{display:block;width:min(265px,100%)!important;height:auto!important;object-fit:contain!important;background:#fff!important;padding:10px!important;border-radius:12px!important}
@media(max-width:1180px){.brand{flex:0 1 190px!important}.brand-logo{width:190px!important;max-height:67px!important}}
@media(max-width:540px){.header-row{min-height:66px!important;gap:7px!important}.brand{flex:0 1 158px!important}.brand-logo{width:158px!important;max-width:100%!important;max-height:61px!important}.header-actions{gap:3px!important}.nav-toggle{flex-shrink:0}}
@media(max-width:370px){.brand{flex:0 1 134px!important}.brand-logo{width:134px!important}}