/* ====== 1) Bara neagră de sus ====== */
.wp-block-group.has-black-background-color{
  padding-top:15px !important;
  padding-bottom:15px !important;
  min-height:auto !important;
}

/* ====== 2) Linkurile albe din bara neagră ====== */
.wp-elements-f1e98d6c897e424c7d4e8232ded39f0a a:where(:not(.wp-element-button)){
  color:var(--wp--preset--color--white);
  font-size:17px;
  line-height:1.4;
}

/* Micșorare text pe telefon în bara neagră */
@media (max-width:768px){
  .wp-elements-f1e98d6c897e424c7d4e8232ded39f0a a:where(:not(.wp-element-button)){
    font-size:14px; /* ajustează la 13/12 dacă vrei */
  }

  /* Bara – centrarea pe VERTICALĂ a conținutului (logo + linkuri) */
  .wp-elements-f1e98d6c897e424c7d4e8232ded39f0a{
    display:flex !important;
    align-items:center !important; /* vertical */
    gap:.75rem;
  }
}

/* ====== 3) Logo: centrat pe telefon ====== */
@media (max-width:768px){
  /* containere uzuale pentru logo */
  .wp-block-site-logo,
  .site-logo,
  .site-branding{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* elementele efective ale logo-ului */
  .wp-block-site-logo a,
  .wp-block-site-logo img,
  .site-logo a,
  .site-logo img{
    display:block !important;
    margin-left:auto !important;
    margin-right:auto !important;
    float:none !important;
  }

  /* dacă tema forțează alinieri laterale */
  .wp-block-site-logo.alignleft,
  .wp-block-site-logo.alignright,
  .site-logo.alignleft,
  .site-logo.alignright{
    float:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* ====== 4) Secțiunea Branduri (EVShop, KitOffGrid, Marny) ====== */
/* full-bleed fără overflow; centrare VERTICALĂ pe mobil */
.brand-partners{
  box-sizing:border-box;
  width:100%;             /* evită 100vw care dă overflow pe iOS/Chrome */
  margin:0;               /* fără calc(50% - 50vw) */
  background:#e9e8e6;
  color:#111;
  padding:80px 20px;
  text-align:center;

  /* layout de bază (desktop) */
  display:block;
}

.brand-title{
  font-size:28px;
  color:#111;
  margin-bottom:50px;
  text-transform:uppercase;
  letter-spacing:.5px;
  font-weight:600;
}

.brand-logos{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  gap:80px;
  max-width:1200px;
  margin:0 auto;
}

.brand-item{
  max-width:250px;
  transition:transform .3s ease, box-shadow .3s ease;
  display:flex;                /* pentru centrarea verticală a imaginii + textului */
  flex-direction:column;
  align-items:center;          /* orizontal */
  text-align:center;
}

.brand-item img{
  width:100%;
  height:auto;
  display:block;
  margin:0 auto;
  transition:transform .3s ease;
}

.brand-item img:hover{ transform:scale(1.05); }

.brand-item p{
  margin-top:12px;
  font-size:15px;
  line-height:1.5;
  color:#222;
}

/* Coboară puțin KitOffGrid pe desktop ca în design */
.brand-item:nth-child(2) img{ margin-top:25px !important; }

/* ====== 4.1) Mobile – TOTUL centrat vertical frumos ====== */
@media (max-width:768px){
  .brand-partners{
    /* Centrare pe verticală a conținutului secțiunii în viewport */
    display:flex;               /* devine flex la mobil */
    flex-direction:column;
    justify-content:center;     /* VERTICAL */
    align-items:center;         /* ORIZONTAL */
    min-height:calc(100vh - 120px); /* ocupă aproape tot ecranul; ajustează dacă vrei */
    padding:60px 16px;
    gap:32px;
  }

  .brand-title{
    font-size:22px;
    margin-bottom:0;            /* spațiul e controlat de gap */
    text-align:center;
  }

  .brand-logos{
    flex-direction:column;
    align-items:center;
    justify-content:center;     /* VERTICAL în container */
    gap:40px;
    width:100%;
    max-width:420px;            /* ține conținutul plăcut pe telefon mare */
  }

  .brand-item{
    max-width:200px;
    margin:0 auto;
  }

  /* pe mobil nu mai coborâm logo-ul 2 ca să fie perfect centrat */
  .brand-item:nth-child(2) img{ margin-top:0 !important; }
}

/* ====== 5) Secțiunea „Expertiză EV…” (doar un mic fix) ====== */
#ev-expertise,
.ev-expertise{
  padding-bottom:1px !important;
}

/* ====== 6) Body – fără scroll orizontal ====== */
html,body{
  height:100%;
  overscroll-behavior:none;
  overflow-x:hidden;
}

/* Ascunde săgețile de incrementare/decrementare la input type="number" */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield; /* pentru Firefox */
}

.wpforms-error.mailcheck-error {
  display: none !important;
}

.wp-block-site-title {
  position: relative;
  top: -7px;
}

@media (max-width: 768px) {
  .wp-block-site-title {
    position: relative;
    top: -5px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .text-centru-mobil {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .text-centru-mobil {
    position: relative;
    top: -60px;
  }
}

@media (max-width: 768px) {
  .bara-mica-mobil {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    min-height: auto !important;
  }

  .bara-mica-mobil * {
    line-height: 1.1 !important;
    font-size: 14px !important; /* scade fontul dacă vrei și mai mic */
  }

  .bara-mica-mobil img {
    max-height: 0px !important; /* micșorează logo-ul */
    height: auto;
  }
}

@media (max-width: 768px) {
.wp-block-group.has-black-background-color {
    padding-top: 15px !important;
    padding-bottom: 0px !important;
	}

@media (min-width: 769px) {
  .text-centru-mobil {
    position: static !important;
    top: auto !important;
    transform: none !important;
    display: inline !important;
    text-align: left !important;
    width: auto !important;
  }
}

