/*
 Theme Name: Listivo Child
 Template: listivo
 Description: Customizări ofertam.ro
 Author: Geo
 Version: 1.0.6
*/

/* Import părintele */
@import url("../listivo/style.css");

/* ==============================
   HEADER MOBIL/TABLETĂ (≤1024px)
   — ținem DOAR logo-ul, centrat
   ============================== */
@media (max-width:1024px){
  /* taie orice buton/cont */
  .listivo-menu-v2__mobile-button,
  .listivo-menu-v2__right,
  .listivo-menu-v2__button,
  .listivo-menu-v2__account,
  .listivo-menu-v2__avatar,
  .listivo-menu-v2__account-link,
  .listivo-menu-v2__user-menu { display:none !important; }

  /* în partea stângă păstrăm DOAR logo-ul */
  .listivo-menu-v2__left > *:not(.listivo-menu-v2__logo){ display:none !important; }

  /* elimina orice sticky/dublură */
  .listivo-menu-v2__logo--sticky,
  .listivo-menu-sticky-holder,
  .listivo-menu-v2__left .listivo-menu-v2__logo + .listivo-menu-v2__logo { display:none !important; }

  /* ascunde eventualul logo din header-ul WP/Elementor (ca fallback general) */
  .elementor-location-header .custom-logo-link,
  .elementor-location-header .site-logo,
  .listivo-header__logo { display:none !important; }

  /* centrează + curăță bordura/linia */
  .listivo-menu-v2__container{ justify-content:center !important; align-items:center !important; }
  .listivo-menu-v2__logo,
  .listivo-menu-v2__logo a{ display:flex !important; align-items:center; }
  .listivo-menu-v2__logo img{ max-height:44px; width:auto; height:auto; display:block !important; }

  .listivo-menu-v2__line{ display:none !important; }
  .elementor-location-header,
  .listivo-header,
  .listivo-menu-v2,
  .listivo-menu-v2__wrapper{ box-shadow:none !important; border-bottom:0 !important; }
  .elementor-location-header + .elementor-section,
  .listivo-header + .elementor-section{ margin-top:0 !important; }
}

/* === Bottom bar v2 (contur mereu, activ = albastru) === */
.ofrt-mobile-bottom-nav{
  position:fixed; left:0; right:0; bottom:0;
  display:none;
  background:#fff;
  border-top:1px solid rgba(0,0,0,.08);
  box-shadow:0 -8px 24px rgba(0,0,0,.06);
  z-index:9999;
  padding:6px 6px calc(6px + env(safe-area-inset-bottom,0));
  align-items:stretch;
}

.ofrt-mobile-bottom-nav .ofrt-mbn-item{
  flex:1 1 20%;
  display:inline-flex; flex-direction:column; align-items:center; justify-content:flex-end;
  padding:8px 4px 10px;
  gap:4px;
  text-decoration:none; 
  color:#222;                /* implicit: negru */
  font-size:12px; line-height:1;
  transition:color .2s ease;
}

/* container icon – dăm „margine” internă ca să NU mai taie conturul */
.ofrt-mobile-bottom-nav .ofrt-mbn-ico{
  width:24px; height:24px; display:flex; align-items:center; justify-content:center;
}
.ofrt-mobile-bottom-nav .ofrt-mbn-ico svg{
  width:22px; height:22px;   /* ușor mai mic decât containerul => nu se taie marginea */
  display:block; overflow:visible;
}
.ofrt-mobile-bottom-nav .ofrt-mbn-ico svg *{
  fill:none;                 /* contur mereu */
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round; stroke-linejoin:round;
}

.ofrt-mobile-bottom-nav .ofrt-mbn-txt{ margin-top:4px; }

/* ACTIV = albastru (icon + text) — fără fill */
.ofrt-mobile-bottom-nav .ofrt-mbn-item.is-active{
  color:#0A56FF;
  font-weight:600;
}
/* păstrăm explicit contur pe activ (să nu „umple” nimic) */
.ofrt-mobile-bottom-nav .ofrt-mbn-item.is-active .ofrt-mbn-ico svg *{
  fill:none !important; 
  stroke:currentColor !important;
}

/* „Vinde” NU are disc, doar se colorează ca restul când e activ */
.ofrt-mobile-bottom-nav .ofrt-mbn-item.ofrt-mbn-primary{ color:#222; }
.ofrt-mobile-bottom-nav .ofrt-mbn-item.ofrt-mbn-primary.is-active{ color:#0A56FF; }

/* Focus accesibil */
.ofrt-mobile-bottom-nav .ofrt-mbn-item:focus-visible{
  outline:2px solid #0A56FF; outline-offset:2px; border-radius:10px;
}

/* Afișare doar ≤1024px + spațiu jos pentru conținut */
@media (max-width:1024px){
  .ofrt-mobile-bottom-nav{display:flex}
  body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0))}
}
/* Forțează vizibil tab-urile/register dacă un CSS le ascunde */
.listivo-login-register__nav,
.lst-login-register__tabs,
.listivo-register,
.listivo-login-register--tabs {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* variabile globale pentru offsetul vizualViewport și înălțimea barei */
:root {
    --ofrt-vv-offset: 0px;
    /* cât „fură” bara de browser jos – calculat din JS */
    --ofrt-nav-h: 60px;
    /* înălțimea barei (aprox). Ajustează la nevoie 52–60px */
}

/* Bara mobilă: fundalul se prelungește până la marginea ecranului */
.ofrt-mobile-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, .08);
    /* padding-ul de jos CREȘTE cu safe-area + cât ocupă bara de browser */
    padding: 6px 6px calc(6px + env(safe-area-inset-bottom, 0px) + var(--ofrt-vv-offset));
}

/* Iconițele să nu fie tăiate pe margini */
.ofrt-mobile-bottom-nav .ofrt-mbn-ico {
    padding: 2px;
}

.ofrt-mobile-bottom-nav .ofrt-mbn-ico svg {
    overflow: visible;
}

/* Corpul paginii primește spațiu cât bara + offset, ca să nu acopere conținutul */
@media (max-width:1024px) {
    body {
        padding-bottom: calc(var(--ofrt-nav-h) + env(safe-area-inset-bottom, 0px) + var(--ofrt-vv-offset));
    }
}