/* —— LOGO mai mare ——— */
@media (min-width: 768px){
  #logo a{
    width: 160px;           /* ajustează cât ai nevoie */
    height: 120px;           /* crește înălțimea ca să nu mai taie */
    background-size: contain;/* ca să încapă tot fără crop */
  }
  /* dacă headerul pare prea scund, îi dăm puțin spațiu */
  /* header#header, #header { min-height: 120px; } */
}

@media (max-width: 767.98px){
  #logo a{
    width: 120px;
    height: 90px;
    background-size: contain;
  }
}
/* —— LOGO fix (nu mai împinge meniul) —— */
#header, #header1 { position: relative; }           /* container de referință */

#logo{
  position: absolute;                                /* nu mai ocupă loc în flux */
  top: 10px;                                         /* ajustează după gust */
  left: 15px;                                        /* ajustează după gust */
  z-index: 5;
}

/* dimensiunile logo-ului mai mare (dacă nu le aveai) */
#logo a{
  width: 160px;
  height: 120px;
  background-size: contain;
}

/* rezervă spațiu pentru logo în stânga, ca să nu se suprapună peste meniu */
#header .container,
#header1 .container{
  padding-left: 190px;   /* 160 (lățimea logo-ului) + ~30px aer */
}

/* pe mobil revenim la normal */
@media (max-width: 767.98px){
  #logo{ position: static; margin: 6px auto; }
  #header .container,
  #header1 .container{ padding-left: 0; }
}
/* —— desktop —— */
@media (min-width: 768px){

  /* 1) linia: nu o mai desenăm pe containerul mare */
  #main-menu{ 
    border-top: none !important; 
    text-align: right;            /* ca UL-ul mic să stea lipit la dreapta */
  }

  /* 2) linia doar sub meniul propriu-zis (scurtă, cât textul) */
  #main-menu nav > ul{
    display: inline-block;         /* se strânge la lățimea itemilor */
    border-top: 1px solid #ccc;    /* linia */
    margin: 0; 
    padding: 0;
  }

  /* 3) logo: îl ridicăm ușor ca să fie centrat pe verticală cu linia */
  #logo{ position: absolute;
    top: -14px;   /* pune o valoare negativă; ajustează -6, -8, -12 etc. */
    left: 15px;
    z-index: 5;
    } 
}

/* ——— MOBILE FIX pentru logo ——— */
@media (max-width: 767.98px){

  /* 1) Ținem logo-ul sus-stânga, nu în flux (nu mai sare în jos) */
  #logo{
    position: absolute;
    top: 4px;           /* ajustează 6–12px după gust */
    left: 12px;
    z-index: 10;
    margin: 0 !important;   /* anulăm margin-ul anterior */
  }

  /* 2) Dimensiune controlată, păstrăm raportul cu background-size:contain */
  #logo a{
    width: 120px;       /* dacă pare mare, coboară la 108/112px */
    height: 56px;       /* înălțime mică, arată mai „sharp” */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
  }

  /* 3) Rezervăm spațiu în header ca să nu calce peste restul */
  #header, #header1{
    min-height: 72px;   /* > height-ul logo-ului + top */
  }

  /* 4) Nu mai împingem layout-ul cu padding stânga */
  #header .container,
  #header1 .container{
    padding-left: 0 !important;
  }
}