/* The supplied MOL Invest identity, adapted for the concept's light/dark surfaces. */
body .head .brand { display:block; flex-shrink:0; line-height:0; }
body .head .brand img {
  display:block;
  width:196px;
  height:auto;
  max-width:none;
  object-fit:contain;
  filter:none;
}
/* SVG-ul nu are margini goale: „contain", altfel s-ar tăia arcul din stânga și litera L. */
.footer-brand--motto .footer-logo {
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  flex-shrink:0;
  width:auto;
  margin-left:auto;
  line-height:0;
}
.footer-logo img {
  display:block;
  width:240px;
  height:auto;
  object-fit:contain;
  /* varianta negativ are deja culorile pentru fundal închis; fără inversare */
  filter:none;
}
@media (max-width:1000px) {
  body .head .brand img { width:164px; height:auto; }
}
@media (min-width:701px) and (max-width:900px) {
  body .head .head__in { gap:18px; }
  body .head .brand img { width:150px; height:auto; }
  body .head .head__nav { display:flex; gap:16px; }
  body .head 
  body .head 
}
@media (max-width:700px) {
  body .head .brand img { width:120px; height:auto; }
  .footer-brand--motto .footer-logo { justify-content:flex-start; width:auto; margin:0; }
  .footer-logo img { width:190px; height:auto; }
}
@media (max-width:370px) {
  body .head .brand img { width:104px; height:auto; }
}

/* Contactele din antet: telefon, e-mail, Facebook — ca pe siteul live. */
.head-contacte { display:flex; align-items:center; gap:22px; flex-shrink:0; margin-left:auto; }
.head-contacte a { text-decoration:none; color:var(--cerneala); white-space:nowrap; }
.head-tel {
  display:inline-flex; align-items:center; gap:9px;
  font-size:15px; font-weight:700; letter-spacing:-.2px; color:var(--verde);
  min-height:44px; padding:0 4px;
}
.head-tel svg { width:17px; height:17px; flex-shrink:0; }
.head-tel:hover { color:#a35233; }
.head-mail { font-size:12px; font-weight:500; color:var(--text); min-height:44px; display:inline-flex; align-items:center; }
.head-mail:hover { color:var(--verde); text-decoration:underline; text-underline-offset:5px; }
.head-fb {
  display:grid; place-items:center; width:38px; height:38px; flex-shrink:0;
  border:1px solid #c9bbaa; border-radius:50%; color:var(--verde);
  transition:background .2s, border-color .2s, color .2s;
}
.head-fb svg { width:17px; height:17px; }
.head-fb:hover { background:var(--verde); border-color:var(--verde); color:#fff; }
@media (prefers-reduced-motion:reduce) { .head-fb { transition:none; } }

@media (max-width:1000px) {
  .head-contacte { gap:14px; }
  .head-mail { display:none; }
  .head-tel { font-size:14px; }
}
@media (max-width:700px) {
  .head-contacte { gap:8px; }
  /* pe telefon rămân doar pictogramele: numărul se apelează dintr-o atingere */
  .head-tel { width:38px; height:38px; min-height:38px; padding:0; justify-content:center; border:1px solid #c9bbaa; border-radius:50%; gap:0; }
  .head-tel > span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
}
@media (max-width:370px) {
  .head-contacte { gap:6px; }
  .head-tel, .head-fb { width:34px; height:34px; min-height:34px; }
}

/* Meniul pe telefon: trei linii care devin X, panou care coboară. */
@media (max-width:700px) {
  .menu-toggle {
    display:grid; place-items:center;
    width:44px; height:44px; min-width:44px; min-height:44px; padding:0;
    border:0; background:transparent; color:var(--verde); cursor:pointer;
  }
  .menu-toggle__bare { position:relative; display:block; width:22px; height:16px; }
  .menu-toggle__bare > span {
    position:absolute; left:0; width:100%; height:2px;
    border-radius:2px; background:currentColor;
    /* la închidere: întâi se îndreaptă, apoi se despart */
    transition:
      translate .18s var(--miscare, cubic-bezier(.2,.65,.3,1)) .18s,
      rotate .18s var(--miscare, cubic-bezier(.2,.65,.3,1)),
      opacity .12s ease .18s,
      scale .12s ease .18s;
  }
  .menu-toggle__bare > span:nth-child(1) { top:0; }
  .menu-toggle__bare > span:nth-child(2) { top:7px; }
  .menu-toggle__bare > span:nth-child(3) { top:14px; }

  /* la deschidere: întâi se adună la mijloc, apoi se rotesc */
  .menu-toggle[aria-expanded="true"] .menu-toggle__bare > span {
    transition:
      translate .18s var(--miscare, cubic-bezier(.2,.65,.3,1)),
      rotate .18s var(--miscare, cubic-bezier(.2,.65,.3,1)) .18s,
      opacity .1s ease,
      scale .1s ease;
  }
  .menu-toggle[aria-expanded="true"] .menu-toggle__bare > span:nth-child(1) { translate:0 7px; rotate:45deg; }
  .menu-toggle[aria-expanded="true"] .menu-toggle__bare > span:nth-child(2) { opacity:0; scale:.2 1; }
  .menu-toggle[aria-expanded="true"] .menu-toggle__bare > span:nth-child(3) { translate:0 -7px; rotate:-45deg; }

  .head__nav {
    display:flex; flex-direction:column; gap:22px;
    visibility:hidden; opacity:0; translate:0 -10px; pointer-events:none;
    box-shadow:0 20px 38px -26px rgba(67,61,53,.55);
    transition:
      opacity .2s ease,
      translate .26s var(--miscare, cubic-bezier(.2,.65,.3,1)),
      visibility 0s linear .26s;
  }
  .head__nav.is-open {
    visibility:visible; opacity:1; translate:0 0; pointer-events:auto;
    transition:
      opacity .2s ease,
      translate .26s var(--miscare, cubic-bezier(.2,.65,.3,1)),
      visibility 0s;
  }
  .head__nav a {
    opacity:0; translate:0 -8px;
    transition:opacity .2s ease, translate .24s var(--miscare, cubic-bezier(.2,.65,.3,1));
  }
  .head__nav.is-open a { opacity:1; translate:0 0; }
  .head__nav.is-open a:nth-child(1) { transition-delay:.07s; }
  .head__nav.is-open a:nth-child(2) { transition-delay:.12s; }
  .head__nav.is-open a:nth-child(3) { transition-delay:.17s; }

  /* Mișcarea redusă păstrează schimbarea de stare, dar fără animație. */
  @media (prefers-reduced-motion:reduce) {
    .menu-toggle__bare > span,
    .menu-toggle[aria-expanded="true"] .menu-toggle__bare > span,
    .head__nav, .head__nav.is-open, .head__nav a { transition:none; }
  }
}
