/* ======================================
   FIX GLOBAL – STOP HORIZONTAL SWIPE
   (nu schimbă layout-ul, doar taie overflow-ul)
====================================== */
html, body{
  overflow-x: hidden;
  max-width: 100%;
}

/* ========== NXS FOOTER (RO CEREAL) ========== */

.nxs-footer{
  background:#f4dd9b;
  color:#666;
  width:100%;

  /* IMPORTANT: oprește orice depășire accidentală pe X */
  overflow-x: clip;
}
@supports not (overflow: clip){
  .nxs-footer{ overflow-x: hidden; }
}

.nxs-footer a{ color:inherit; text-decoration:none; }
.nxs-footer a:hover{ text-decoration:underline; }

.nxs-footer__wrap{
  max-width:1320px;
  margin:0 auto;
  padding:64px 24px 28px;
  box-sizing:border-box;
  width:100%;
}

.nxs-footer__top{
  display:grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap:64px;
  align-items:start;
}

/* Headings */
.nxs-footer__h1{
  font-size:44px;
  line-height:1.05;
  margin:0 0 18px;
  font-weight:800;
  max-width:21%;
}
.nxs-footer__h3{
  font-size:18px;
  font-weight:800;
  margin:10px 0 14px;
}
.nxs-footer__p{
  margin:0;
  line-height:1.6;
  color:#666;
  max-width:21%;
  letter-spacing: 0.4px;
  font-size:17px;
  line-height:30px;
  font-weight:400;

}

/* Column separators like screenshot */
.nxs-footer__titleRow{
  padding-bottom:10px;
  margin-bottom:10px;
}

/* Menus */
.nxs-footer__ul{
  list-style:none;
  margin:0;
  padding:0;
}
.nxs-footer__ul li{
  padding:12px 0;
  border-bottom:1px solid #66666647;
}
.nxs-footer__ul li:last-child{ border-bottom:0; }

.nxs-footer__ul a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  font-size:18px;
  font-weight: 450;
  color:#666;
}

/* Explore (desktop list looks like separated lines) */
.nxs-footer__ul--explore a{
  color:#666;
  font-size:18px;
  font-weight: 450;
}

/* Social buttons */
.nxs-footer__social{
  display:flex;
  gap:16px;
  margin-top:40px;
}
.nxs-footer__socialBtn{
  width:44px;
  height:44px;
  border-radius:999px;
  border:2px solid #666666;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.nxs-footer__socialBtn svg{
  width:22px;
  height:22px;
  fill:#666666;
}

/* Accordions (mobile only) */
.nxs-footer__accordions{
  display:none;
  margin-top:18px;
}
.nxs-footer__accHead{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  background:transparent;
  border:0;
  color:#fff;
  padding:14px 0;
  cursor:pointer;
  border-bottom:1px solid rgba(255,255,255,.22);
  font-weight:500;
  font-size:15px;
  text-align:left;
}
.nxs-footer__plus{
  font-size:22px;
  line-height:1;
  opacity:.9;
}
.nxs-footer__accBody{
  display:none;
  padding:6px 0 8px;
}
.nxs-footer__ul--acc li{
  border-bottom:1px solid rgba(255,255,255,.14);
}
.nxs-footer__ul--acc a{
  font-size:14px;
  color:rgba(255,255,255,.85);
}

/* Bottom */
.nxs-footer__bottom{
  margin-top:10px;
  padding-top:26px;
}

.nxs-footer__bottomInner{
  display:grid;
  grid-template-columns: 1.6fr 1.2fr .8fr;
  gap:32px;
  align-items:end;
}

.nxs-footer__copyright{
  font-weight:450;
  font-size:12.5px;
  line-height:1.5;
  color:#666;
}

.nxs-footer__legalLinks{
  justify-self:start;
}
.nxs-footer__legalUl{
  font-weight:450;
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:16px 20px;
}
.nxs-footer__legalUl li{
  margin:0;
  padding:0;
}
.nxs-footer__legalUl a{
  font-size:12.5px;
  color:#666666;
  text-decoration:underline;
  text-underline-offset:3px;
}

.nxs-footer__brandMark{
  justify-self:end;
}
.nxs-footer__brandSvg svg{
  width:120px;
  height:auto;
  display:block;
}
.nxs-footer__brandText{
  font-weight:800;
  font-size:18px;
}

/* ===== MOBILE ===== */
@media (max-width: 900px){
  .nxs-footer__wrap{
    padding:42px 20px 28px;
  }

  .nxs-footer__top{
    grid-template-columns: 1fr;
    gap:28px;
  }

  .nxs-footer__h1{
    font-size:34px;
  }

  /* Explore -> pills scroll */
  .nxs-footer__menu--explore .nxs-footer__ul{
    display:flex;
    gap:12px;
    overflow:auto;
    padding:6px 2px 14px;
    border-bottom:1px solid #66666647;
  }
  .nxs-footer__menu--explore .nxs-footer__ul li{
    border-bottom:0;
    padding:0;
    flex:0 0 auto;
  }
  .nxs-footer__menu--explore .nxs-footer__ul a{
    border:2px solid rgba(255,255,255,.7);
    border-radius:999px;
    padding:10px 16px;
    font-weight:700;
    font-size:14px;
    white-space:nowrap;
    text-decoration:none;
  }
  .nxs-footer__menu--explore .nxs-footer__ul a:hover{
    text-decoration:none;
  }

  /* Show accordions on mobile */
  .nxs-footer__accordions{
    display:block;
  }

  /* Bottom becomes stacked + centered logo */
  .nxs-footer__bottomInner{
    grid-template-columns:1fr;
    gap:18px;
    align-items:start;
  }

  .nxs-footer__brandMark{
    justify-self:center;
    margin:14px 0 6px;
  }

  .nxs-footer__social{
    justify-content:left;
    margin-top:26px;
  }

  .nxs-footer__legalUl{
    justify-content:center;
  }

  .nxs-footer__copyright{
    text-align:center;
  }
}

/* =========================
   FOOTER MOBILE SLIDER (chips + progress)
   Target: ca in poza 2 (chips)
========================= */

.nxs-footer__mobile-block{
  margin-top: 22px;
}

/* IMPORTANT: H3 doar pentru blocul de mobile slider,
   ca sa NU afecteze H3-urile standard din footer */
.nxs-footer__mobile-block .nxs-footer__h3{
  margin: 0 0 14px 0;
  font-size: 22px;
  font-weight: 800;
  color: #121212;
}

/* zona scroll */
.nxs-footer__chips{
  display: flex;
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 0 12px 0;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */

  /* FIX: previne overflow accidental in layout */
  max-width: 100%;
  box-sizing: border-box;
}
.nxs-footer__chips::-webkit-scrollbar{
  display: none; /* Chrome/Safari */
}

/* fiecare "pill" */
.nxs-footer__chip{
  flex: 0 0 auto;
  scroll-snap-align: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 999px;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  background: transparent;
}

/* progress (liniuțe) */
.nxs-footer__chips-progress{
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.nxs-footer__chips-progress span{
  width: 30px;
  height: 2px;
  background: rgba(255,255,255,.28);
  border-radius: 2px;
  transition: background .18s ease, transform .18s ease;
}

.nxs-footer__chips-progress span.is-active{
  background: rgba(255,255,255,.95);
  transform: scaleX(1.05);
}

/* doar pe desktop ascundem blocul de mobile slider */
@media (min-width: 901px){
  .nxs-footer__mobile-block{
    display: none;
  }
}

/* =========================
   FOOTER – MOBILE FIXES
   (padding + swipe slider + progress)
========================= */

@media (max-width: 900px){

  /* box sizing safety */
  .nxs-footer__inner,
  .nxs-footer__container,
  .nxs-footer__wrap,
  .nxs-footer__mobile,
  .nxs-footer__mobile-inner{
    box-sizing: border-box;
    max-width: 100%;
  }

  /* 2) Slider chips – swipeable, fara sa iti traga pagina */
  .nxs-footer__chips{
    touch-action: pan-x;
    overscroll-behavior-x: contain;
  }

  .nxs-footer__chip{
    user-select: none;
    -webkit-user-select: none;
  }

  /* 3) Progress tracking */
  .nxs-footer__chips-progress{
    display: flex !important;
    gap: 10px;
    margin-top: 10px;
  }

  .nxs-footer__chips-progress span{
    width: 36px;
    height: 3px;
    border-radius: 10px;
    background: rgba(255,255,255,.25);
    display: block;
    transition: background .2s ease;
  }

  .nxs-footer__chips-progress span.is-active{
    background: rgba(255,255,255,.85);
  }
}


/* ======================================
   MOBILE: border lines SHORT (coloana dreapta)
   - nu mai merg pana la capat
====================================== */
@media (max-width: 900px){

  /* 1) LISTA din "Linkuri utile" (coloana dreapta) */
  .nxs-footer__col--links > .nxs-footer__menu .nxs-footer__ul li{
    border-bottom: 0 !important;
    position: relative;
  }

  .nxs-footer__col--links > .nxs-footer__menu .nxs-footer__ul li::after{
    content:"";
    display:block;
    height:1px;
    background: #66666647;
    width: min(360px, 100%);  /* ajusteaza 340–420 */
    margin-top: 12px;
  }

  .nxs-footer__col--links > .nxs-footer__menu .nxs-footer__ul li:last-child::after{
    display:none;
  }

  /* 2) Linia de sub TITLUL "Linkuri utile" (titleRow) */
  .nxs-footer__col--links > .nxs-footer__titleRow{
    border-bottom: 0;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .nxs-footer__col--links > .nxs-footer__titleRow::after{
    content:"";
    display:block;
    height:1px;
    background: #66666647;
    width: min(360px, 100%);
    margin-top: 10px;
  }

  /* 3) Acordeoane (butoanele) – linie scurta */
  .nxs-footer__accHead{
    border-bottom: 0 !important;
    position: relative;
  }
  .nxs-footer__accHead::after{
    content:"";
    display:block;
    height:1px;
    background: rgba(255,255,255,.22);
    width: min(360px, 100%);
    margin-top: 14px;
  }
}

/* Desktop: coloana stanga controlata corect (fara max-width % pe text) */
@media (min-width: 901px){
  .nxs-footer__top{
    grid-template-columns: minmax(360px, 560px) 1fr 1fr;
  }
  .nxs-footer__p{
    max-width: 520px; /* optional, doar pentru paragraf */
  }
}

/* Mobile Explore slider: fortam scroll orizontal + nu taie overflow */
@media (max-width: 900px){
  .nxs-footer__col--explore .nxs-footer__menu--explore .nxs-footer__ul{
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
  }
}

/* FIX desktop: nu ingusta artificial textul */
@media (min-width: 901px){
  .nxs-footer__h1,
  .nxs-footer__p{
    max-width: 520px !important; /* sau none; dar 520px arata natural */
  }
}

/* FIX: elimina item-uri goale / artefacte (linia mica) din meniuri */
.nxs-footer__ul li:empty{
  display:none !important;
}
.nxs-footer__ul li a:empty{
  display:none !important;
}

/* daca tema/pluginul injecteaza separatori ca pseudo-elemente */
.nxs-footer__ul li::before,
.nxs-footer__ul li::after{
  content: none;
}

/* =========================
   DESKTOP FIX: text stanga + artefact linie
========================= */

/* 1) textul sa nu mai fie ingustat */
@media (min-width: 901px){
  .nxs-footer__h1,
  .nxs-footer__p{
    max-width: 520px !important; /* sau none, daca vrei fara limita */
  }
}

/* 2) scoate item-uri goale + separator ciudat din Explore */
@media (min-width: 901px){
  .nxs-footer__col--explore .nxs-footer__ul li:empty{
    display:none !important;
  }
  .nxs-footer__col--explore .nxs-footer__ul li::before,
  .nxs-footer__col--explore .nxs-footer__ul li::after{
    content:none !important;
  }
}

/* Desktop: refacem textul stanga + scoatem progress (linia) */
@media (min-width: 901px){
  .nxs-footer__h1,
  .nxs-footer__p{
    max-width: none !important;
  }
  .nxs-footer__chips-progress{
    display:none !important;
  }
}

/* =========================
   MOBILE: Explore chips = swipeable horizontal scroll
========================= */
@media (max-width: 900px){

  /* UL-ul devine scroll container real */
  .nxs-footer__col--explore .nxs-footer__menu--explore .nxs-footer__ul{
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;

    /* ca sa nu “taie” scroll-ul */
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;

    /* padding ca in design */
    padding: 6px 2px 14px !important;

    /* ascunde scrollbar */
    scrollbar-width: none;
  }
  .nxs-footer__col--explore .nxs-footer__menu--explore .nxs-footer__ul::-webkit-scrollbar{
    display:none;
  }

  /* LI-urile nu au voie sa se comprime */
  .nxs-footer__col--explore .nxs-footer__menu--explore .nxs-footer__ul > li{
    flex: 0 0 auto !important;
  }

  /* Chip-ul (link) */
  .nxs-footer__col--explore .nxs-footer__menu--explore .nxs-footer__ul > li > a{
    flex: 0 0 auto;
    white-space: nowrap;

    scroll-snap-align: start;

    border: 2px solid rgba(255,255,255,.7);
    border-radius: 999px;
    padding: 10px 16px;

    text-decoration: none;
  }

  /* IMPORTANT: permite swipe pe element */
  .nxs-footer__col--explore .nxs-footer__menu--explore .nxs-footer__ul{
    touch-action: pan-x;
    overscroll-behavior-x: contain;
  }
}


/* =========================
   DESKTOP BOTTOM – layout ca in poza 2
   stanga: copyright + legal
   dreapta: logo (pe acelasi rand, nu dedesubt)
========================= */
@media (min-width: 901px){

  .nxs-footer__bottomInner{
    display: grid !important;
    grid-template-columns: 1fr auto !important; /* stanga continut, dreapta logo */
    grid-template-rows: auto auto !important;   /* 2 randuri */
    column-gap: 64px !important;
    row-gap: 16px !important;
    align-items: end !important;
  }

  /* stanga sus */
  .nxs-footer__copyright{
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    max-width: 880px;
    margin: 0 !important;
  }

  /* stanga jos */
  .nxs-footer__legalLinks{
    grid-column: 1 / 2 !important;
    grid-row: 2 / 3 !important;
    justify-self: start !important;
    align-self: end !important;
  }

  .nxs-footer__legalUl{
    justify-content: flex-start !important;
    gap: 14px 18px !important;
  }

  /* dreapta: logo ocupa ambele randuri */
  .nxs-footer__brandMark{
    grid-column: 2 / 3 !important;
    grid-row: 1 / 3 !important;
    justify-self: end !important;
    align-self: end !important;
    margin: 0 !important;
  }

  .nxs-footer__brandSvg svg{
    width: 180px !important;  /* ajusteaza dupa gust */
    height: auto;
  }
}

@media (max-width: 900px){
  .nxs-footer__col--explore .nxs-footer__menu--explore .nxs-footer__ul{
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
  }
  .nxs-footer__col--explore .nxs-footer__menu--explore .nxs-footer__ul.is-dragging{
    cursor: grabbing;
  }
}

@media (max-width: 900px){

  /* IMPORTANT: scroll container */
  .nxs-footer__col--explore .nxs-footer__menu--explore{
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* UL trebuie sa fie mai lat decat containerul ca sa existe scroll */
  .nxs-footer__col--explore .nxs-footer__menu--explore .nxs-footer__ul{
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;

    /* cheia: UL devine "cat continutul" */
    width: max-content !important;
    min-width: 100% !important;

    overflow: visible !important;
  }

  .nxs-footer__col--explore .nxs-footer__menu--explore .nxs-footer__ul > li{
    flex: 0 0 auto !important;
  }

  .nxs-footer__col--explore .nxs-footer__menu--explore .nxs-footer__ul > li > a{
    white-space: nowrap !important;
  }
}

@media (max-width: 900px){
  .nxs-footer__col--explore .nxs-footer__menu--explore,
  .nxs-footer__col--explore .nxs-footer__menu--explore .nxs-footer__ul{
    touch-action: auto !important;
  }
}

/* =========================
   MOBILE Explore chips – FIX FINAL (native swipe)
   - eliminam width:100% care omoara overflow
   - scroll pe container, ul = max-content
   - NU blocam scroll vertical
========================= */
@media (max-width: 900px){

  /* containerul devine zona swipe */
  .nxs-footer__col--explore .nxs-footer__menu--explore{
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    /* optional: snap */
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none;
  }
  .nxs-footer__col--explore .nxs-footer__menu--explore::-webkit-scrollbar{
    display: none;
  }

  /* UL NU mai are overflow si NU mai are width:100% */
  .nxs-footer__col--explore .nxs-footer__menu--explore .nxs-footer__ul--explore{
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;

    /* CHEIA: scoatem width:100% si fortam latimea dupa continut */
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;

    overflow: visible !important;
    padding: 6px 2px 14px !important;
    margin: 0 !important;
  }

  /* fiecare item nu se strange */
  .nxs-footer__col--explore .nxs-footer__menu--explore .nxs-footer__ul--explore > li{
    flex: 0 0 auto !important;
    width: max-content !important;
    padding: 0 !important;
    scroll-snap-align: start;
  }

  /* chip-urile */
  .nxs-footer__col--explore .nxs-footer__menu--explore .nxs-footer__ul--explore > li > a{
    flex: 0 0 auto !important;
    display: inline-flex !important;
    white-space: nowrap !important;
    border: 2px solid #666 !important;
    border-radius: 999px !important;
    padding: 10px 16px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
  }

  /* IMPORTANT: nu blocam scroll-ul vertical */
  .nxs-footer__col--explore .nxs-footer__menu--explore,
  .nxs-footer__col--explore .nxs-footer__menu--explore *{
    touch-action: auto !important;
  }
}

/* =========================
   FOOTER – mobile text color #666
   ========================= */
@media (max-width: 900px){

  /* Linkuri simple din footer */
  .nxs-footer a,
  .nxs-footer a:visited{
    color:#666 !important;
  }

  /* Titluri sectiuni (ex: Informatii juridice despre produse) */
  .nxs-footer__accHead,
  .nxs-footer__titleRow{
    color:#666 !important;
  }

  /* Itemii din listele de meniu */
  .nxs-footer__menu a,
  .nxs-footer__ul a{
    color:#666 !important;
  }

  /* Text simplu (copyright / descrieri) */
  .nxs-footer p,
  .nxs-footer span{
    color:#666 !important;
  }

}

@media (max-width: 900px) {
  .nxs-footer__p {
    max-width: 55% !important;
  }
}

@media (max-width: 900px){
  .nxs-footer__plus{
    display: none !important;
  }
}