/* Faza 4 pas 4: elimina scroll-ul orizontal pe mobil (singura modificare vizuala aprobata).
   La latimi >= 390px paginile legale raman identice cu exportul. */

/* Acasa: galeria Elementor compenseaza padding-ul de 4px al elementelor cu margin-right:-4px,
   deci iese cu 4px din ecran cand containerul nu are padding (<= tableta). Taiem doar acel padding transparent. */
body.home .elementor-image-gallery { overflow-x: clip; }

/* Pagini legale, doar pe ecrane foarte mici: */
@media (max-width: 380px) {
    /* cuvantul "confidentialitate" la 40px are ~337px latime; titlul se micsoreaza proportional ca sa incapa */
    .as-legal-hero h1 { font-size: calc((100vw - 56px) / 8.5); }
}
@media (max-width: 340px) {
    /* butonul text de pe pagina de cookie-uri nu mai depaseste ecranul */
    .as-legal-page .as-text-button { max-width: 100%; white-space: normal; }
}

/* Meniul principal: pagina curenta si linkul de sub mouse raman negre, ca restul meniului.
   Inainte deveneau gri deschis (--e-global-color-text), aproape invizibile pe fundalul deschis. */
.elementskit-navbar-nav > li > a:hover,
.elementskit-navbar-nav > li:hover > a,
.elementskit-navbar-nav > li > a:focus,
.elementskit-navbar-nav > li > a:active,
.elementskit-navbar-nav > li.current-menu-item > a,
.elementskit-navbar-nav > li.current-menu-ancestor > a {
    color: #000 !important;
}
/* Tema (mobile-menu-logo.css) face linkul alb la hover cu o regula mai specifica; aceasta o bate. */
body .elementor-element-101f0667 .elementskit-navbar-nav > li > .ekit-menu-nav-link:hover,
body .elementor-element-101f0667 .elementskit-navbar-nav > li > .ekit-menu-nav-link:focus-visible {
    color: #000 !important;
}

/* Contact, harta: containerul Elementor pentru harta are line-height:0, deci textul de dinaintea
   incarcarii hartii se suprapunea pe un singur rand. */
.as-external-embed { line-height: 1.6; }
.as-external-embed p { line-height: 1.6; }

/* Butoanele site-ului: tema de baza (Hello Elementor) pune pe hover fundal roz (#c36) si text gri.
   Pe hover/focus devin negre, cu text alb. */
.as-primary-button:hover,
.as-primary-button:focus-visible,
.as-contact-form [type=submit]:hover,
.as-contact-form [type=submit]:focus-visible {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}
/* Butonul-link de pe pagina de cookie-uri ramane fara fundal. */
.as-text-button:hover,
.as-text-button:focus-visible {
    background-color: transparent !important;
    color: #000 !important;
}

/* Performanta: sectiunile animate din primul ecran (Acasa, Despre mine, Contact) stateau ascunse
   pana se incarca tot JavaScript-ul Elementor, 2-4 secunde pe mobil. Aici pornesc acelasi fade-in
   (fadeIn, 1.25s) direct din CSS. Cand scriptul adauga apoi clasele "animated fadeIn", animatia are
   acelasi nume si aceeasi durata, deci nu reporneste. */
.elementor-element-32a52675.elementor-invisible,
.elementor-element-144e5fec.elementor-invisible,
.elementor-element-53ff08e8.elementor-invisible {
    visibility: visible;
    animation-name: fadeIn;
    animation-duration: 1.25s;
}
@media (prefers-reduced-motion: reduce) {
    .elementor-element-32a52675.elementor-invisible,
    .elementor-element-144e5fec.elementor-invisible,
    .elementor-element-53ff08e8.elementor-invisible { animation: none; }
}