/* ===================================================================
   Personalizari Premium Cert - incarcat ULTIMUL, deci castiga cascada.
   Creat: 22.09.2026
   =================================================================== */

/* -------------------------------------------------------------------
   Buton "Cere Oferta" din bara de sus.

   NU se pune langa meniul principal: acolo ingusteaza coloana din
   mijloc si impinge ultimele doua elemente de meniu ("Blog", "Contact")
   pe al doilea rand la orice latime sub 1400px. Verificat la 1024px si
   1200px - fara buton meniul sta pe un rand, cu el se rupe.
   ------------------------------------------------------------------- */
#topbar a.btn-main.btn-cere-oferta {
    white-space: nowrap;
    padding: 3px 14px !important;
    font-size: 13px !important;
    line-height: 1.6;
    margin-right: 18px;
    align-self: center;
}

#topbar .d-flex > .social-icons {
    align-self: center;
}

/* -------------------------------------------------------------------
   Varianta de mobil a butonului.

   Bara de sus este display:none sub 992px, deci butonul principal dispare
   acolo. Sub acel prag meniul devine hamburger si ramane loc langa el.

   Selectorii sunt intentionat specifici (header .menu_side_area a.btn-main...):
   tema are reguli !important pe elementele din zona meniului, iar un simplu
   .btn-cere-oferta-mobil pierde in fata lor.
   ------------------------------------------------------------------- */
@media (min-width: 992px) {
    header .menu_side_area a.btn-main.btn-cere-oferta-mobil {
        display: none !important;
    }
}

@media (max-width: 991px) {
    /* Spatiu strans pe 375px: logo + buton + hamburger trebuie sa incapa.
       Tema nu lasa padding-ul butonului sa fie suprascris (il reaplica din JS),
       asa ca spatiul il facem din latimea logo-ului, care raspunde la CSS.
       Verificat: la 160px hamburgerul se termina la ~362px din 375. */
    header .menu_side_area {
        display: flex !important;
        align-items: center;
        gap: 8px;
    }
    header .menu_side_area a.btn-main.btn-cere-oferta-mobil {
        display: inline-block !important;
        flex: 0 0 auto !important;
        padding: 4px 9px !important;
        font-size: 11px !important;
        line-height: 1.7;
        white-space: nowrap !important;
        letter-spacing: 0 !important;
    }
    header #logo img.logo-mobile,
    header #logo img.logo-main {
        max-width: 160px !important;
        height: auto !important;
    }
}

/* -------------------------------------------------------------------
   Pagina de contact: spatierea dintre formular, cadranele de contact
   si harta.

   Dupa reordonarea ceruta (formular -> cadrane -> harta), cele trei
   blocuri au ajuns lipite: butonul "Trimite Cererea" atingea direct
   cadranele. Blocul .contact-info nu are margini proprii, asa ca i le
   dam noi si separam dintr-o singura regula si sus, si jos.

   Clasa exista doar pe contact.shtml (verificat pe home, etape,
   avantaje, blog, iso-9001).
   ------------------------------------------------------------------- */
.contact-info {
    margin-top: 60px !important;
    margin-bottom: 55px !important;
}

/* -------------------------------------------------------------------
   Butonul in meniul sticky.

   Cand utilizatorul deruleaza si reapare meniul fix, tema adauga clasa
   .smaller pe <header> si impinge bara de sus deasupra ecranului
   (#topbar ajunge la top: -39px). Butonul principal, care sta acolo,
   dispare astfel din vedere.

   Atentie: .clone este prezenta permanent dupa primul scroll, deci nu e
   un indicator util; .smaller apare doar in starea fixa (position: fixed).

   Afisam atunci instanta din zona meniului, care ramane vizibila.
   Selectorul are specificitate mai mare decat regula de ascundere de la
   min-width 992px, deci o invinge fara sa fie nevoie de ordonare.

   Verificat ca nu rupe meniul: la 1440px ramane pe un rand cu si fara
   buton; la 1200px si 1024px meniul sticky se rupe oricum, si cu, si
   fara buton (comportament al temei).
   ------------------------------------------------------------------- */
header.smaller .menu_side_area a.btn-main.btn-cere-oferta-mobil {
    display: inline-block !important;
    flex: 0 0 auto !important;
    padding: 5px 13px !important;
    font-size: 12px !important;
    line-height: 1.7;
    white-space: nowrap !important;
}