/* ========== NXS HEADER ========== */
.nxs-header{
  background:#2c7c45;
  width:100%;
  border-top:1px solid #e6e6e6;     /* linie sus (ca exemplu) */
  border-bottom:1px solid #e6e6e6;  /* linie jos (ca exemplu) */
}

/* container */
.nxs-topbar__inner,
.nxs-mainbar__inner{
  max-width:1320px;
  margin:0 auto;
  padding:0 24px;
}

/* =========================
   TOPBAR (desktop)
========================= */
.nxs-topbar{
  font-size:12px;
  color: #000000;
  background-color: #ffffff;
}
.nxs-topbar__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-top:10px;
  padding-bottom:10px;
}

/* Stanga: locatie */
.nxs-topbar__left{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.nxs-topbar__location{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:inherit;
  text-decoration:none !important;
  white-space:nowrap;
}
.nxs-topbar__location:hover{ color:#0f2a4a; }

.nxs-topbar__icon svg{
  width:16px;
  height:16px;
  display:block;
}

/* mapa sa preia culoarea textului */
.nxs-topbar__icon svg *{
  fill: currentColor;
  stroke: currentColor;
}

.nxs-topbar__text{
  color:#3d3d3c;
  font-weight:350;
  font-size: 14px;
  line-height: 20px;
}

/* Dreapta: call center */
.nxs-topbar__right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  white-space:nowrap;
}

.nxs-topbar__contact{
  font-weight:350;
  font-size: 14px;
}

/* Desktop: text simplu */
.nxs-phone-desktop{ font-weight:500; }

/* Mobil: link de apel (doar mobil) */
.nxs-phone-mobile{
  display:none;
  font-weight:600;
  color:#0f2a4a;
  text-decoration:none;
}

/* =========================
   MAINBAR (desktop + mobil)
========================= */
.nxs-mainbar{
  /* IMPORTANT: fara padding vertical mare, ca logo sa fie "lipit" intre linii */
  height:64px;
  display:flex;
  align-items:stretch;
}
.nxs-mainbar__inner{
  flex:1;
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:24px;
}

/* Brand / Logo */
.nxs-brand{
  display:flex;
  align-items:stretch;
  height:100%;
  min-width:220px;
}
.nxs-logo-link{
  display:flex;
  align-items:stretch;
  height:100%;
  text-decoration:none !important;
}

/* IMPORTANT:
   NU fortam fill/stroke pe SVG-ul logo, ca sa se vada exact ca in Illustrator */
.nxs-logo-svg svg{
  height:100%;
  width:auto;
  display:block;
}

/* NAV desktop */
.nxs-nav{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.nxs-nav__menu{
  list-style:none;
  display:flex;
  align-items:center;
  gap:26px;
  margin:0;
  padding:0;
}
.nxs-nav__menu li{ list-style:none; margin:0; padding:0; }
.nxs-nav__menu a{
  text-decoration:none;
  color:#ffffff;
  font-weight:700;
  font-size: 20px;
  line-height: 28px;
}
.nxs-nav__menu a:hover{ text-decoration:underline; }

/* Icons dreapta */
.nxs-icons{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
  min-width:140px;
}
.nxs-iconbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:999px;
  color:#111;
  border:1px solid transparent;
}
.nxs-iconbtn:hover{ border-color:#e6e6e6; }
.nxs-iconbtn svg{ fill:#ffffff; opacity:1; }

.nxs-iconbtn--search{
  background: transparent;
  border: 0;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.nxs-iconbtn--search:hover{
  background: rgba(255,255,255,.1);
}

/* Burger */
.nxs-burger{
  display:none;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  align-items:center;
  justify-content:center;
}
.nxs-burger__icon{
  display:block;
  width:22px;
  height:22px;
}

/* =========================
   MOBILE (poza ta 2)
========================= */
@media (max-width: 900px){
  /* ascundem complet topbar-ul pe mobil */
  .nxs-topbar{ display:none !important; }

  /* ascundem meniul desktop */
  .nxs-nav{ display:none !important; }

  /* mainbar = lipit de colt, ca in exemplu */
  .nxs-mainbar{
    height:46px;
  }
  .nxs-mainbar__inner{
    padding-left:0;     /* lipit in colt stanga */
    padding-right:16px; /* un mic padding pt iconuri */
  }

  .nxs-brand{
    min-width:auto;
  }

  /* pe mobil: doar search + burger */
  .nxs-burger{ display:inline-flex; }
  .nxs-iconbtn--pin,
  .nxs-iconbtn--heart{ display:none !important; }
}

/* =========================
   DRAWER FULLSCREEN + MULTI LEVEL
========================= */

/* overlay */
.nxs-drawer-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.12);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
  z-index:9998;
}

/* Fullscreen drawer */
.nxs-drawer{
  position:fixed;
  inset:0;
  background:#fff;
  transform:translateX(100%);
  transition:transform .28s ease;
  z-index:9999;
  overflow:hidden;
}

/* open state */
html.nxs-drawer-open .nxs-drawer-overlay{
  opacity:1;
  pointer-events:auto;
}
html.nxs-drawer-open .nxs-drawer{
  transform:translateX(0);
}

/* Head */
.nxs-drawer__head{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 18px;
  border-bottom:1px solid #f0f0f0;
  background:#fff;
}
.nxs-drawer__back,
.nxs-drawer__close{
  width:44px;
  height:44px;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.nxs-drawer__back-icon{ width:22px; height:22px; display:block; }
.nxs-drawer__close-icon{ width:28px; height:28px; display:block; }

/* Title centered */
.nxs-drawer__title{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  font-weight:600;
  font-size:16px;
  color:#3a3a3a;
  opacity:1;
}

/* Body scroll */
.nxs-drawer__body{
  height:calc(100vh - 77px);
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding:0;
}

/* eliminate buline */
.nxs-drawer__menu,
.nxs-drawer__menu ul,
.nxs-drawer__menu li{
  list-style:none !important;
  margin:0;
  padding:0;
}
.nxs-drawer__menu li::marker{ content:"" !important; }

/* screens */
.nxs-drawer__screen{ display:none; }
.nxs-drawer__screen.is-active{ display:block; }

/* items */
.nxs-drawer__menu > li,
.nxs-drawer__screen ul > li{
  border-bottom:1px solid #f2f2f2;
}

.nxs-drawer__item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 24px;
  text-decoration:none;
}

/* Root (nivel 1) */
.nxs-drawer__screen.is-root .nxs-drawer__item{
  font-weight:800;
  font-size:22px;
  color:#0f2a4a;
}

/* Submenu (nivel 2+) – gri + subtire */
.nxs-drawer__screen.is-sub .nxs-drawer__item{
  font-weight:500;
  font-size:16px;
  color:#6f7a86;
  padding:16px 24px;
}

.nxs-drawer__item.has-children::after{
  content:"›";
  line-height:1;
  opacity:.6;
}
.nxs-drawer__screen.is-root .nxs-drawer__item.has-children::after{ font-size:28px; }
.nxs-drawer__screen.is-sub  .nxs-drawer__item.has-children::after{
  font-size:22px;
  color:#6f7a86;
  opacity:.7;
}

/* back hidden by default */
.nxs-drawer__back[hidden]{ display:none !important; }

/* bottom links */
.nxs-drawer__bottom{
  padding:22px 24px 28px;
  border-top:1px solid #f2f2f2;
}
.nxs-drawer__link{
  display:block;
  padding:12px 0;
  color:#7a7a7a;
  text-decoration:none;
  font-weight:500;
  font-size:16px;
}

/* ===== FIX bullet points in mobile drawer (WordPress menu) ===== */
.nxs-drawer ul,
.nxs-drawer ol,
.nxs-drawer li,
.nxs-drawer .menu,
.nxs-drawer .sub-menu,
.nxs-drawer .menu li,
.nxs-drawer .sub-menu li{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nxs-drawer li::marker,
.nxs-drawer .menu li::marker,
.nxs-drawer .sub-menu li::marker{
  content: "" !important;
}

/* Uneori tema deseneaza "bulina" prin ::before */
.nxs-drawer li::before,
.nxs-drawer .menu li::before,
.nxs-drawer .sub-menu li::before{
  content: none !important;
  display: none !important;
}

/* ===== Drawer close button RIGHT aligned ===== */
.nxs-drawer__head{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end; /* muta X in dreapta */
}

/* ascundem spatiul inutil din stanga */
.nxs-drawer__back{
  margin-right: auto;
}

/* butonul X */
.nxs-drawer__close{
  margin-left: auto;
}

/* titlul ramane perfect centrat */
.nxs-drawer__title{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* =========================
   PHONE ICON (replace search)
========================= */

/* Phone hidden by default (desktop) */
.nxs-iconbtn--phone{
  display:none;
}

/* icon image inside */
.nxs-phone__icon{
  display:block;
  width:22px;
  height:22px;
}

/* MOBILE: show phone + delimit with 2 grey lines */
@media (max-width: 900px){

  .nxs-iconbtn--phone{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    /* ca sa arate ca o "zona" intre 2 linii */
    height:44px;
    padding:0 14px;
    border-left:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
    border-radius:0;
  }

  /* optional: putin mai subtil la hover */
  .nxs-iconbtn--phone:hover{
    background: rgba(0,0,0,.03);
  }

  /* pe mobil avem doar phone + burger (fara pin/heart deja ascunse la tine) */
}

@media (max-width: 900px){
  .nxs-icons{
    gap: 10px;
  }
}

/* =========================
   MOBILE HEADER – Booking-style (solid red bar + white icons)
   (paste at END of CSS)
========================= */
@media (max-width: 900px){

  :root{
    --nxs-red: #2c7c45; /* ajusteaza daca vrei exact ca logo-ul */
  }

  /* Bara header (mainbar) full red */
  .nxs-header{
    border-top: 0 !important;
    border-bottom: 0 !important;
  }

  .nxs-mainbar{
    height: 52px !important;
    background: var(--nxs-red) !important;
  }

  .nxs-mainbar__inner{
    align-items: center !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    gap: 12px !important;
  }

  /* Logo: il facem alb (fara sa schimbam SVG-ul) */
  .nxs-logo-link{
    align-items: center !important;
  }

  .nxs-logo-svg{
    display: inline-flex;
    align-items: center;
  }

/* Logo: fara filter (ca sa nu strice SVG-ul) */
.nxs-logo-svg svg{
  height: 28px !important;
  width: auto !important;
  display: block !important;
  filter: none !important;
}

/* Logo clean (fara badge) */
.nxs-logo-link{
  display: inline-flex !important;
  align-items: center !important;
  height: 100% !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.nxs-logo-svg{
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}


  /* Dreapta: icons clean */
  .nxs-icons{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    min-width: auto !important;
    height: auto !important;
  }

  /* Scoatem complet stilurile vechi (celule / borduri / umbre) */
  .nxs-iconbtn,
  .nxs-burger{
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;   /* usor rotunjit, ca Booking */
    background: rgba(255,255,255,.12) !important; /* button subtle */
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    -webkit-tap-highlight-color: transparent;
  }

  /* Hover / tap foarte discret */
  .nxs-iconbtn:hover,
  .nxs-burger:hover{
    background: rgba(255,255,255,.18) !important;
  }
  .nxs-iconbtn:active,
  .nxs-burger:active{
    background: rgba(255,255,255,.22) !important;
    transform: scale(.98) !important;
  }

  /* Search + Account SVG inline -> alb */
  .nxs-iconbtn--search,
  .nxs-iconbtn--account{
    color: #fff !important;
  }
  .nxs-iconbtn--search svg{
    width: 18px !important;
    height: 18px !important;
    display: block !important;
  }
  .nxs-iconbtn--account svg,
  .nxs-iconbtn--account svg *{
    fill: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
    fill-opacity: 1 !important;
    stroke-opacity: 1 !important;
  }
  .nxs-iconbtn--account svg{
    width: 18px !important;
    height: 18px !important;
    display: block !important;
  }

  /* Phone + burger sunt IMG -> le facem albe cu filter */
  .nxs-phone__icon,
  .nxs-burger__icon{
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    filter: brightness(0) invert(1) !important;
    opacity: .95 !important;
  }

  /* Asiguram ca phone apare pe mobil (tu il ai hidden pe desktop) */
  .nxs-iconbtn--phone{
    display: inline-flex !important;
  }

  /* Ascundem topbar si nav desktop (deja ai, dar fortam) */
  .nxs-topbar{ display:none !important; }
  .nxs-nav{ display:none !important; }

  /* Optional: safe-area (iPhone notch) */
  .nxs-mainbar{
    padding-top: env(safe-area-inset-top);
  }
}

/* Sticky header - show on scroll up */
.nxs-header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  transform: translateY(0);
  transition: transform .22s ease;
  will-change: transform;
}

/* hidden state */
.nxs-header.is-hidden{
  transform: translateY(-110%);
}

/* ca sa nu sara pagina (spatiu cat header-ul) */
body{
  padding-top: 64px; /* desktop fallback */
}

@media (max-width: 900px){
  body{
    padding-top: 52px; /* inaltimea ta de mobil */
  }
}

/* =========================================================
   NXS MAINBAR – Ducati-like (gradient + gloss + relief)
   (Topbar ramane alb, efectul e doar pe bara rosie)
========================================================= */

/* Bara rosie */
.nxs-mainbar{
  position: relative;
  background: linear-gradient(180deg, #2d7d46 0%, #1e5f35 100%) !important;

  /* “relief” + umbra discreta ca la buton */
  box-shadow:
    0 10px 18px rgba(0,0,0,.12),
    0 2px 0 rgba(255,255,255,.10) inset,
    0 -2px 0 rgba(0,0,0,.12) inset !important;
}

/* Luciu sus (gloss) */
.nxs-mainbar::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,.26) 0%,
    rgba(255,255,255,.12) 18%,
    rgba(255,255,255,0) 55%
  );
  opacity: .95;
}

/* Optional: un mic highlight subtire sus, ca “linie” premium */
.nxs-mainbar::after{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:1px;
  background: rgba(255,255,255,.25);
  pointer-events:none;
}

/* =========================================================
   FIX “pata” din dreptul logo-ului
   (SVG-ul are un rect rosu intern; il facem transparent DOAR in header)
========================================================= */

/* 1) eliminam orice “gap” de baseline */
.nxs-logo-svg svg{
  display:block;
}

/* 2) daca logo-ul tau contine un <rect class="cls-2"> (cum se vede la tine),
      il facem transparent ca sa lase gradientul din header sa se vada */
.nxs-header .nxs-logo-svg svg .cls-2{
  fill: transparent !important;
  opacity: 0 !important;
}

/* Daca in SVG nu e .cls-2 ci e doar primul rect, poti folosi si asta:
.nxs-header .nxs-logo-svg svg rect{
  fill: transparent !important;
  opacity: 0 !important;
}
*/

/* Hide sticky CTA when mobile drawer is open */
html.nxs-drawer-open .nxs-offer-cta--fixed{
  display: none !important;
}

/* =========================================================
   FORCE "Industry Test" (WP Font Library preset) pe:
   - header + meniuri + icon labels
   - drawer (mobil) + tot continutul lui
   - titlurile sectiunilor NXS (features/specs/dealers/related)
========================================================= */

:root{
  /* daca preset-ul exista, il folosim; daca nu, incercam string-ul */
  --nxs-font-industry: var(--wp--preset--font-family--industry-test, "Industry Test");
}

/* HEADER + tot ce e in el */
.nxs-header,
.nxs-header *{
  font-family: var(--nxs-font-industry) !important;
}

/* DRAWER + tot ce e in el */
.nxs-drawer,
.nxs-drawer *{
  font-family: var(--nxs-font-industry) !important;
}

/* Meniu desktop explicit (ca sa nu fie suprascris de alte reguli) */
.nxs-nav__menu,
.nxs-nav__menu *{
  font-family: var(--nxs-font-industry) !important;
}

/* Titluri sectiuni NXS */
.nxs-features__title,
.nxs-specs__title,
.nxs-dealers__title,
.nxs-related__title{
  font-family: var(--nxs-font-industry) !important;
}

/* =========================================================
   DESKTOP MEGA MENU (ONLY DESKTOP)
   - panel incadrat pe ecran
   - clickable (pointer-events corect)
   - stabil (fara “gap” care inchide hover-ul)
========================================================= */
@media (min-width: 901px){

  /* top-level ancoră */
  .nxs-nav__menu > li{
    position: relative;
  }

  /* panou mega (nivel 2) */
  .nxs-nav__menu > li > .sub-menu{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 12px);

    width: min(1320px, calc(100vw - 48px));
    background: #fff;
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,.18);
    z-index: 10000;

    /* ascuns by default */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    /* mega grid */
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;

    transition: opacity .12s ease, transform .12s ease, visibility .12s ease;
  }

  /* Panoul se arata DOAR cand JS pune .is-open (hover pe cuvant + click).
     NU folosim :hover / :focus-within in CSS ca sa nu se deschida singur
     cand header-ul fixat reapare la scroll sau cand ancora ramane focusata. */
  .nxs-nav__menu > li.is-open > .sub-menu{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 8px);
  }

  /* “bridge” invizibil ca sa nu se inchida cand cobori cu mouse-ul */
  .nxs-nav__menu > li.menu-item-has-children::after{
    content:"";
    position:absolute;
    left:0; right:0;
    top:100%;
    height: 14px;
  }

  /* caret */
  .nxs-nav__menu > li.menu-item-has-children > a{
    position: relative;
    padding-right: 16px;
  }
  .nxs-nav__menu > li.menu-item-has-children > a::after{
    content: "▾";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-48%);
    font-size: 12px;
    opacity: .9;
  }

  /* link-uri in mega */
  .nxs-nav__menu .sub-menu a{
    color:#0f2a4a;
    text-decoration:none;
  }
  .nxs-nav__menu .sub-menu a:hover{
    text-decoration: underline;
  }

  /* nivel 2 = carduri/coloane */
  .nxs-nav__menu > li > .sub-menu > li{
    padding: 10px;
    border-radius: 10px;
  }
  .nxs-nav__menu > li > .sub-menu > li:hover{
    background: rgba(15,42,74,.06);
  }

  .nxs-nav__menu > li > .sub-menu > li > a{
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 8px;
  }

  /* nivel 3: lista in interiorul coloanei */
  .nxs-nav__menu > li > .sub-menu > li > .sub-menu{
    display:block !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    /* NU fortam visibility/pointer-events aici!
       Le lasam sa mosteneasca din panoul de nivel 2:
       - inchis  -> hidden + none  (zona NU declanseaza deschiderea)
       - is-open -> visible + auto (nivel 3 devine vizibil si clicabil)
       Altfel, zona de sub cuvant ramanea "hover-abila" si deschidea meniul. */
  }

  .nxs-nav__menu > li > .sub-menu > li > .sub-menu > li{
    margin: 6px 0;
  }

  .nxs-nav__menu > li > .sub-menu > li > .sub-menu a{
    font-weight: 550;
    font-size: 14px;
    line-height: 18px;
    opacity: .95;
  }

  /* responsive */
  @media (max-width: 1200px){
    .nxs-nav__menu > li > .sub-menu{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }
  @media (max-width: 1024px){
    .nxs-nav__menu > li > .sub-menu{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
}

/* =========================================================
   PATCH: DESKTOP dropdown = LISTA VERTICALA (unul sub altul)
   (pune la finalul CSS)
========================================================= */
@media (min-width: 901px){

  /* dropdown-ul (nivel 2) devine "panel" compact, nu grid */
  .nxs-nav__menu > li > .sub-menu{
    display: block !important;              /* in loc de grid */
    width: min(520px, calc(100vw - 48px)) !important; /* mai “incadrat” */
    padding: 10px !important;
    gap: 0 !important;
  }

  /* fiecare item nivel 2 = rand */
  .nxs-nav__menu > li > .sub-menu > li{
    padding: 0 !important;
    border-radius: 10px !important;
    overflow: hidden;
  }

  /* link nivel 2 (randul principal) */
  .nxs-nav__menu > li > .sub-menu > li > a{
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    border-bottom: 1px solid rgba(15,42,74,.08);
  }

  /* hover pe rand */
  .nxs-nav__menu > li > .sub-menu > li:hover > a{
    background: rgba(15,42,74,.06);
  }

  /* nivel 3 (sub-linkuri) sub rand, indentate */
  .nxs-nav__menu > li > .sub-menu > li > .sub-menu{
    padding: 10px 14px 12px !important;
    border-bottom: 1px solid rgba(15,42,74,.08);
  }

  .nxs-nav__menu > li > .sub-menu > li > .sub-menu > li{
    margin: 8px 0 !important;
  }

  .nxs-nav__menu > li > .sub-menu > li > .sub-menu a{
    display: inline-block;
    padding: 2px 0;
    font-size: 14px !important;
    font-weight: 550 !important;
    opacity: .95;
  }

  /* ultimul rand fara linie jos */
  .nxs-nav__menu > li > .sub-menu > li:last-child > a,
  .nxs-nav__menu > li > .sub-menu > li:last-child > .sub-menu{
    border-bottom: 0 !important;
  }
}

/* =========================================================
   PATCH: DESKTOP dropdown - nivelul 3 ascuns implicit,
   se deschide doar la click (accordion, ca pe mobil).
   JS-ul (nxs-header.js) pune/scoate .is-expanded pe randul
   de nivel 2 la click.
========================================================= */
@media (min-width: 901px){

  /* nivel 3 ascuns implicit */
  .nxs-nav__menu > li > .sub-menu > li > .sub-menu{
    display: none !important;
  }
  .nxs-nav__menu > li > .sub-menu > li.is-expanded > .sub-menu{
    display: block !important;
  }

  /* sageata pe randul de nivel 2, doar daca are propriile sub-categorii */
  .nxs-nav__menu > li > .sub-menu > li.menu-item-has-children > a::after{
    content: "▾";
    font-size: 12px;
    opacity: .6;
    transition: transform .15s ease;
  }
  .nxs-nav__menu > li > .sub-menu > li.menu-item-has-children.is-expanded > a::after{
    transform: rotate(180deg);
  }
}