/* === Mega-menu controlat === */
.kt_navigation{ position: relative; z-index: 50; }

/* Desktop: cutie plutitoare cu înălțime limitată + scroll intern */
.kt_navigation .menu-wrapper{
  position: absolute; left: 0; right: 0; top: 100%;
  margin-top: 8px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 20px 40px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);
  max-height: min(75vh, 640px);
  overflow: auto;
  padding: 16px;
  transform-origin: top center;
  transform: translateY(-6px) scale(.985);
  opacity: 0; visibility: hidden;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.kt_navigation .menu-wrapper.is-open{
  opacity: 1; visibility: visible; transform: translateY(0) scale(1);
}

/* Mobil: panou „sheet” pe ecran (sub header) */
@media (max-width: 992px){
  .kt_navigation .menu-wrapper{
    position: fixed;
    inset: 64px 0 0 0;              /* lasă header-ul deasupra */
    height: calc(100vh - 64px);
    max-height: none;
    border-radius: 16px 16px 0 0;
    padding: 12px 12px 24px;
    overflow: auto;
  }
}

/* Head bar în interiorul meniului: titlu + „Închide ×” */
.ea-menu-head{
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin-bottom: 12px;
}
.ea-menu-close{
  appearance: none; border: 1px solid #e6e9f2; background: #f5f7fb;
  padding: 6px 10px; border-radius: 10px; cursor: pointer; line-height: 1;
}
.ea-menu-close:hover{ background:#eef3ff; border-color:#dfe7ff; }

/* Estetică boxes */
.kt_navigation .menu-box{
  background:#fafafa; border:1px solid #eee; border-radius:12px;
  padding: 12px; height:100%;
}
.kt_navigation .menu-box .title{ font-weight:700; font-size:16px; margin-bottom:8px; }
.kt_navigation .menu-box .linklist{ list-style:none; padding:0; margin:0; }
.kt_navigation .menu-box .linklist li a{
  display:block; padding:6px 8px; border-radius:8px; text-decoration:none;
}
.kt_navigation .menu-box .linklist li a:hover{ background:#f0f4ff; }

/* Overlay discret pe restul paginii când e deschis */
body.nav-locked::after{
  content:""; position:fixed; inset:0; background:rgba(0,0,0,.25); z-index:49;
  backdrop-filter: saturate(120%) blur(1px);
}

/* Scrollbar fin în meniu */
.kt_navigation .menu-wrapper{ scrollbar-width:thin; scrollbar-color:#c7cfe2 transparent; }
.kt_navigation .menu-wrapper::-webkit-scrollbar{ width:10px; }
.kt_navigation .menu-wrapper::-webkit-scrollbar-thumb{ background:#c7cfe2; border-radius:10px; }
/* ====== EuroAvocatura – Search v2 (izolat, fără conflicte) ====== */
.ea-search2{
  display: flex;
  align-items: center;
  gap: 10px;
}

.ea-search2__input{
  flex: 1 1 auto;
  height: 44px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid #d9deea;
  background: #ffffff;
  color: #222;
  font-size: 15px;
  line-height: 44px;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.ea-search2__input::placeholder{ color:#9aa3b2; }
.ea-search2__input:focus{
  border-color: #4c7dff;
  box-shadow: 0 0 0 3px rgba(76,125,255,.2);
}

/* Buton compact, vizibil pe fundal închis */
.ea-search2__btn{
  flex: 0 0 auto;
  height: 44px;
  width: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ff2d2d;
  background: #ff2d2d;      /* roșul identitar */
  color: #fff;
  border-radius: 12px;
  cursor: pointer;
  transition: transform .06s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}
.ea-search2__btn:hover{
  background: #e22626;
  border-color: #e22626;
  box-shadow: 0 8px 18px rgba(226,38,38,.22);
}
.ea-search2__btn:active{ transform: translateY(1px); }
.ea-search2__icon{ width: 20px; height: 20px; display:block; }

/* Branding discret (nu se suprapune pe câmp) */
.ea-search2__branding{
  display: block;
  margin-top: 4px;
  font-size: 11px;
  color: #b0b7c6;
}

/* Repoziționăm eventualul branding injectat de scriptul Google, fără să-l ascundem */
#cse-search-box .gsc-branding,
#cse-search-box #cse-branding-bottom,
#cse-search-box .gcsc-branding {
  position: static !important;
  display: inline !important;
  font-size: 11px !important;
  color: #b0b7c6 !important;
  line-height: 1 !important;
}

/* Integrare cu bara ta închisă la culoare: păstrăm contrastul */
.kt_navigation,
header.main-header{
  --ea-accent: #ff2d2d;
}
.kt_navigation .ea-search2__btn{ background: var(--ea-accent); border-color: var(--ea-accent); }

/* Mobil: target mai mare, păstrăm proporțiile */
@media (max-width: 768px){
  .ea-search2{ gap: 8px; }
  .ea-search2__input{ height: 50px; font-size: 16px; line-height: 50px; }
  .ea-search2__btn{ height: 50px; width: 56px; border-radius: 14px; }
  .ea-search2__icon{ width: 22px; height: 22px; }
}
/* ========= EuroAvocatura – Modern Refresh (override-only) ========= */
/* Încarcă acest fișier DUPĂ euro32.css și css_mobil/styles.css */

/* 0) Design tokens – fără să schimbăm clasele existente */
:root{
  --ea-bg:#ffffff;
  --ea-surface:#f7f8fa;
  --ea-text:#1a1a1a;
  --ea-muted:#6b7280;
  --ea-primary:#11429d;         /* albastru existent */
  --ea-primary-strong:#0e3883;
  --ea-danger:#ca0002;          /* roșul identitar din site */
  --ea-border:#e6e6e6;
  --ea-radius:10px;
  --ea-shadow:0 6px 18px rgba(0,0,0,.06);
}

/* 1) Tipografie & linkuri – coerență + scale responsive */
html{ font-size: 16px; }
@media (max-width: 500px){ html{ font-size: 17px; } } /* crește lizibilitatea pe mobil */
body{ color:var(--ea-text); background:var(--ea-bg); line-height:1.6; }

h1,h2,h3,h4,h5,h6{ color:#111; text-shadow:none; }
h1{ font-size: clamp(1.6rem, 1.1rem + 2vw, 2.4rem); margin:6px 0 8px; }
h2{ font-size: clamp(1.3rem, 1.0rem + 1.2vw, 1.8rem); margin:4px 0 6px; font-weight:600; float:none; clear:none; }
h3{ font-size: 1.1rem; margin:4px 0 6px; }

a{ color: var(--ea-primary); text-decoration: none; }
a:hover{ color: var(--ea-primary-strong); text-decoration: underline; }
:focus-visible{ outline:3px solid rgba(17,66,157,.35); outline-offset:2px; }

/* 2) Fixuri de erori din CSS vechi (override non-invaziv) */
.menu_rezultate{ color:#fff; }                /* înlocuiește font-color */
.meniu_data{ color:#000; }
.meniu_data_default{ padding:8px; padding-right:8px; } /* elimină padding negativ / lipsă unitate */
input,textarea,select{
  border:1px solid #828282 !important; 
  margin:0 !important; 
  padding:0 8px !important;
  border-radius: var(--ea-radius);
  line-height: 1.4;
  background:#fff;
}

/* corecție media queries cu !important rătăcit */
#formularintrebari{ display:block !important; }
.container_liste > div{
  box-sizing:border-box; 
  border-right:1px inset #F8F8F8; 
  padding:3px; 
  height:auto;           /* permite înălțime naturală pe mobil */
}
@media (max-width: 980px){
  .container_liste > div{ width:100% !important; float:none !important; border-right:0; }
}

/* 3) Butoane & linkuri speciale – consistență */
.kt_button, .btn, .findoutmore, .readmore{
  display:inline-flex; align-items:center; gap:.5ch;
  padding:.55rem 1rem; border-radius: var(--ea-radius);
  border:1px solid var(--ea-primary); background:var(--ea-primary); color:#fff;
  box-shadow: var(--ea-shadow);
  transition: background .2s ease, transform .06s ease, filter .15s ease;
  text-shadow:none;
}
.kt_button:hover, .btn:hover, .findoutmore:hover, .readmore:hover{
  background:var(--ea-primary-strong); filter:saturate(1.05); text-decoration:none;
}
.kt_button:active, .btn:active, .findoutmore:active, .readmore:active{ transform: translateY(1px); }

/* 4) Formulare – focus vizibil & spațiere */
input[type="text"], input[type="email"], input[type="search"], select, textarea{
  transition: border-color .15s ease, box-shadow .15s ease;
}
input:focus, select:focus, textarea:focus{
  border-color: var(--ea-primary);
  box-shadow: 0 0 0 4px rgba(17,66,157,.15);
}

/* 5) Paginare – contrast & hit area mai bună */
div.pagination a, div.pagination span.current, div.pagination span.disabled{
  border-radius: 8px; padding: 6px 10px; margin: 2px;
}
div.pagination a{
  border:1px solid var(--ea-border);
  color:#555;
  background:#fff;
}
div.pagination a:hover, div.pagination a:active{
  border-color: var(--ea-primary);
  background: #eef3ff;
  color: var(--ea-primary);
}
div.pagination span.current{
  border-color: var(--ea-primary);
  background: var(--ea-primary);
  color:#fff;
  font-weight:600;
}

/* 6) Carduri, tabele, secțiuni tematice */
.card, .linksa_meniu, .linksa3, .linksa_pub{
  border-radius: var(--ea-radius);
  border:1px solid var(--ea-border);
  background:#fff;
  box-shadow: var(--ea-shadow);
}
table{ width:100%; border-collapse:collapse; }
th, td{ padding:.65rem .8rem; border-bottom:1px solid var(--ea-border); }

/* 7) Header/Nav deja stilizat în ea-modern – păstrăm z-index & overlay */
.kt_navigation{ position:relative; z-index:50; }
body.nav-locked::after{
  content:""; position:fixed; inset:0; background:rgba(0,0,0,.25); z-index:49;
  backdrop-filter:saturate(120%) blur(1px);
}

/* 8) Micro-utility: curățare text-shadow excesiv */
.titlu_sectiune, .titlu_logo, .avocat_logo, .avocat_logo_2,
.stire_home, .style_tag_menu, .link_texte{
  text-shadow:none;
}

/* 9) „.container_liste” cu flex (fără HTML nou) – doar când are itemi */
.container_liste{
  display:flex; flex-wrap:wrap; gap:12px;
}
.container_liste > div{
  flex:1 1 300px; min-width:260px;
  border-bottom:1px solid #dbdbdb;
}

/* 10) Accente cromatice pentru blocurile tematice, păstrând culorile originale */
.dDSpete{ background:#FDF7DF; }
.dDArticole{ background:#FBF1CA; }
.dDStiri{ background:#F9E9AA; }
.dDOthers, .dSideA, .dSideB{ background:#f9f9f9; }

/* 11) Footer – lizibilitate pe fundal închis */
#footerwrap, #mainfooter{ color:#fff; }
#mainfooter a{ color:#fff; }
#mainfooter a:hover{ text-decoration:underline; }
