/* Intestazione RIL — nuova grafica (31 ott 2026), stesso linguaggio della nuova homepage.
   Solo da 1025 px in su: tablet e telefono restano gestiti da responsive.css e header-logo.css.
   La struttura HTML (system/new_header.blade.php e partials/menu_*) non cambia: gli script del sito la usano. */
@media only screen and (min-width: 1025px) {
  html body #mainHeader{height:76px;background:#fff;border-bottom:1px solid #E3EAF1;box-shadow:none;font-family:"Nunito",Arial,Helvetica,sans-serif}
  html body #mainHeader.fixed{box-shadow:0 6px 24px rgba(11,31,51,.08)}
  html body #mainHeader > .container{width:auto;max-width:1320px;padding:0 32px}
  html body #mainHeader:has(.admin-toolbar) > .container{padding-right:72px}
  html body #mainHeader > .container > .row{display:flex;align-items:center;height:75px;margin:0}
  html body #mainHeader .col-logo{flex:0 0 auto;width:auto;float:none;padding:0 24px 0 0}
  html body #mainHeader .col-menu{flex:1 1 auto;width:auto;float:none;padding:0;min-width:0}
  html body #mainHeader #logo{padding:0}
  html body #mainHeader #logo a img{max-width:none;width:206px;height:auto}
  html body #mainHeader #navHeader{padding:0}
  html body #mainHeader #navHeader > .navbar-collapse{display:flex!important;justify-content:flex-end;padding:0;height:auto!important}
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav{display:flex;align-items:center;flex-wrap:nowrap;float:none;margin:0;gap:2px}
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li{float:none;margin:0;position:relative}
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li > a{display:flex;align-items:center;gap:6px;padding:9px 9px;border-radius:9px;font-size:15px;font-weight:700;color:#2A3F55;white-space:nowrap;line-height:1.2;background:transparent}
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li > a:after{display:none}
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li > a:hover,
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li > a:focus,
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li.open > a{background:#EEF3F8;color:#0B1F33}
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li > a:focus-visible{outline:2px solid #0069D0;outline-offset:2px}
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li.ra-attivo > a{color:#0069D0;background:#E8F1FC}
  /* "NUOVO" su Ready4Work */
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li > a span.badge{position:static;order:2;opacity:1;animation:none;padding:2px 6px;border-radius:6px;font-size:10px;letter-spacing:.3px;background:#E8F1FC;color:#0069D0;text-transform:none}

  /* utente collegato: azienda o candidato come pulsante con freccia */
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li.dropdown:not(.lang-widget) > a,
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li.item-logged > a{margin-left:8px;padding:8px 12px;border:1px solid #CBD6E2;border-radius:10px;max-width:190px;overflow:hidden;text-overflow:ellipsis}
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li.dropdown:not(.lang-widget) > a:after,
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li.item-logged > a:after{content:"";display:block;position:static;width:7px;height:7px;margin:-3px 0 0 2px;border:solid #5E7083;border-width:0 2px 2px 0;transform:rotate(45deg);background:none}
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li.item-logged > a{padding-left:12px}
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li.item-logged > a:before{display:none}

  /* non collegato: Accedi come pulsante */
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li.item-login:before{display:none}
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li.item-login > a{margin-left:8px;padding:10px 18px;background:#0069D0;color:#fff;border-radius:10px}
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li.item-login > a:hover{background:#0052A3;color:#fff}

  /* tendine */
  html body #mainHeader #navHeader ul.navbar-nav.nav > li > ul.dropdown-menu{margin-top:8px;padding:6px;min-width:210px;border:1px solid #DCE4EC;border-radius:12px;box-shadow:0 14px 34px rgba(11,31,51,.14)}
  html body #mainHeader #navHeader ul.navbar-nav.nav > li > ul.dropdown-menu > li > a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:15px;font-weight:600;color:#2A3F55}
  html body #mainHeader #navHeader ul.navbar-nav.nav > li > ul.dropdown-menu > li > a .fa{width:16px;color:#5E7083}
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li > ul.dropdown-menu > li > a:hover{background:#EEF3F8!important;color:#0B1F33!important}

  /* lingua */
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li.lang-widget{float:none;padding:0 0 0 8px;margin:0}
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li.lang-widget .current-lang{display:flex;align-items:center;cursor:pointer}
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li.lang-widget .current-lang img{width:26px;height:19px;border-radius:3px;box-shadow:0 0 0 1px rgba(11,31,51,.12)}
}
/* schermi medi: solo il marchio, per far stare il menu su una riga (admin: fino a 1359 px per la barra a destra) */
@media only screen and (min-width: 1280px) and (max-width: 1359px) {
  html body #mainHeader:has(.admin-toolbar) #logo a{display:block;width:44px;height:44px;background:url(/images/marchio-ril-256.png) center/contain no-repeat}
  html body #mainHeader:has(.admin-toolbar) #logo a img{display:none}
}
@media only screen and (min-width: 1025px) and (max-width: 1279px) {
  html body #mainHeader #logo a{display:block;width:44px;height:44px;background:url(/images/marchio-ril-256.png) center/contain no-repeat}
  html body #mainHeader #logo a img{display:none}
  html body #mainHeader .col-logo{padding-right:16px}
  html body #mainHeader #navHeader > .navbar-collapse > ul.navbar-nav.nav > li > a{padding:9px 7px;font-size:14.5px}
}