:root{
  --bg:#0b0f14; --card:#10161d; --muted:#a9bad0; --line:#223042; --line2:#2b3244;
  --txt:#e6eefc; --brand:#96d445; --brand-d:#78b427; --accent:#0f141b;
  --pad:16px; --r:12px; --btnh:44px; --wide:1180px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--txt);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif}
a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:var(--wide);margin:0 auto;padding:0 var(--pad)}

/* Header (desktop) */
header.site{
  position:sticky;top:0;z-index:5;background:linear-gradient(#0c1218,#0b0f14);
  border-bottom:1px solid var(--line);backdrop-filter:saturate(120%) blur(2px)
}
.head{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.logo{display:flex;gap:10px;align-items:center}
.logo img{display:block;height:28px;width:auto}
.logo b{font-size:18px}
.nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.nav a{padding:8px 10px;border-radius:8px;color:var(--txt)}
.nav a.active,.nav a:hover{background:var(--accent);border:1px solid var(--line2)}
.btn{min-height:var(--btnh);padding:10px 16px;border-radius:10px;border:1px solid var(--line2);background:#111821;color:var(--txt);cursor:pointer}
.btn.brand{background:var(--brand);border-color:var(--brand-d);color:#0b0f12;font-weight:700}

/* Secțiuni / carduri */
h1,h2,h3{margin:12px 0}
.hero{position:relative;padding:64px 0;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#0c1218 0,#0b0f14 100%)}
.hero.media{background:linear-gradient(180deg,rgba(11,15,20,.70),rgba(11,15,20,.88)),
             url('/assets/fields-hero.jpg') center/cover no-repeat}
.hero .lead{color:var(--muted);max-width:900px}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{background:var(--card);border:1px solid var(--line2);border-radius:var(--r);padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.list{margin:0;padding-left:18px}
.banner{padding:14px;border:1px dashed var(--line2);border-radius:12px;background:#0f141b}
.badge{display:inline-block;padding:2px 8px;border:1px solid var(--line2);border-radius:999px;color:var(--muted);font-size:12px}
.hr{border-top:1px solid var(--line);margin:18px 0}
.center{text-align:center}

/* Figure media */
figure.media{margin:0;background:#0f141b;border:1px solid var(--line2);border-radius:12px;overflow:hidden}
figure.media img{display:block;width:100%;height:auto}
figure.media figcaption{padding:10px 12px;color:var(--muted);font-size:14px}

/* Galerie */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gallery.two{grid-template-columns:repeat(2,1fr)}
.gallery .tile{position:relative;border:1px solid var(--line2);border-radius:12px;overflow:hidden;background:#0f141b}
.gallery .tile img{width:100%;height:180px;object-fit:cover;display:block}
.gallery .tile .cap{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.45);padding:4px 8px;border-radius:8px;font-size:13px}

/* Contact */
.mapCard{background:var(--card);border:1px solid var(--line2);border-radius:12px;padding:8px}
.mapWrap{position:relative;width:100%;aspect-ratio:16/10;min-height:280px;border-radius:10px;overflow:hidden}
.mapWrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Footer (desktop) – layout de bază */
footer.site{margin-top:40px;border-top:1px solid var(--line);padding:18px 0}
.footer-grid{
  display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;
  column-gap:24px;row-gap:8px;align-items:center
}
.footer-grid .muted{color:var(--muted)}
.footer-grid .tagline{color:var(--brand);font-weight:700}
.footer-grid .fr{text-align:right}
.footer-grid .fr .phone{text-align:right}
.footer-grid a{color:var(--brand)}
.fl-r1{grid-column:1;grid-row:1}.fl-r2{grid-column:1;grid-row:2}.fl-r3{grid-column:1;grid-row:3}
.fr-r1{grid-column:2;grid-row:1}.fr-r2{grid-column:2;grid-row:2}.fr-r3{grid-column:2;grid-row:3}

/* Mobil (layout general) */
@media(max-width:900px){
  .cards,.grid2{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .fr{text-align:left}
}

/* === DESPRE NOI buton verde cu spațiu confortabil în banner === */
.banner .right .btn.brand{display:inline-block;padding:12px 20px;margin:12px 12px 14px;border-radius:8px}
@media(max-width:900px){ .banner .right .btn.brand{padding:10px 16px;margin:10px 10px 12px} }

/* === HEADER MOBIL — fine-tuned (v1.1.6 FINAL) === */
@media (max-width: 900px){
  header.site{padding-top: calc(max(env(safe-area-inset-top,0px),4px) + 8px);border-top:1px solid var(--line2)}
  .head{position:relative;display:grid;grid-template-rows:auto auto;row-gap:10px;padding:8px var(--pad);align-items:center;justify-items:stretch}
  .logo{justify-self:start;display:flex;align-items:center;gap:6px;position:relative;top:0;margin-left:2px;text-align:left}
  .logo img{height:26px}.logo b{font-size:18px;line-height:1;letter-spacing:.5px}
  .nav a[data-nav="about"]{position:absolute;top:calc(3px + env(safe-area-inset-top,7px));right:calc(var(--pad) - 1px);font-size:15px;padding:5px 8px;border-radius:8px;white-space:nowrap}
  .nav{position:static;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px 12px;width:100%;margin-left:-3px;overflow:hidden}
  .nav a:not([data-nav="about"]){padding:4px 7px;border-radius:8px;white-space:nowrap;font-size:clamp(14px,3.7vw,16px)}
  .nav a.badge{font-size:clamp(13.5px,3.5vw,15px);padding:3px 7px;border-radius:999px;line-height:1.1;white-space:nowrap}
  @media (max-width:380px){
    .nav{gap:8px 9px;margin-left:-2px}
    .nav a:not([data-nav="about"]){padding:3px 6px}
    .nav a.badge{font-size:clamp(13px,3.4vw,14.5px);padding:3px 6px}
  }
}
@supports (-webkit-touch-callout: none){
  @media (max-width: 900px){
    .head{padding-top: calc(6px + env(safe-area-inset-top,0px) + 8px)}
    .nav a[data-nav="about"]{top: calc(7px + env(safe-area-inset-top,0px))}
  }
}

/* ===== Footer – MOBIL (<=980px): TOP 2-col | BOTTOM full (slogan + copyright) ===== */
@media (max-width: 980px){
  footer.site{padding-top:10px;padding-bottom:18px}
  .footer-grid{display:grid !important;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:12px 14px;align-items:start}
  .footer-grid .fl-r1:empty{display:none}

  /* TOP-LEFT: adresă */
  .footer-grid .fl-r2{
    grid-column:1;grid-row:1;justify-self:start;
    padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;
    line-height:1.35;
  }

  /* TOP-RIGHT: email + telefon (vertical) */
  .footer-grid .fr-r2{
    grid-column:2;grid-row:1;justify-self:end;display:block;margin:0 0 6px 0;
    padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;
  }
  .footer-grid .fr-r2 a{display:inline-flex;gap:8px;align-items:center;white-space:nowrap}
  .footer-grid .fr-r3{
    grid-column:2;grid-row:1;justify-self:end;display:block;margin:28px 0 0 0;
    padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;
  }
  .footer-grid .fr-r3 a{display:inline-flex;gap:8px;align-items:center;white-space:nowrap}

  /* BOTTOM: rând 2 slogan, rând 3 copyright */
  .footer-grid .fr-r1{
    grid-column:1 / -1;grid-row:2;text-align:center;justify-self:center;margin:0;
    padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;
  }
  .footer-grid .fl-r3{
    grid-column:1 / -1;grid-row:3;text-align:center;justify-self:center;margin:0;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;
  }
  .footer-grid .tagline{margin:0;line-height:1.25}
}

/* 560px și mai jos — coloană unică: adresă → e-mail → telefon → slogan → copyright */
@media (max-width:560px){
  .footer-grid{grid-template-columns:1fr;row-gap:8px}
  .footer-grid .fl-r2{grid-column:1;grid-row:1;justify-self:start}
  .footer-grid .fr-r2{grid-column:1;grid-row:2;justify-self:start;margin:0}
  .footer-grid .fr-r3{grid-column:1;grid-row:3;justify-self:start;margin:0}
  .footer-grid .fr-r1{grid-column:1;grid-row:4;justify-self:center}
  .footer-grid .fl-r3{grid-column:1;grid-row:5;justify-self:center;white-space:normal}
}

/* ===== Footer – Mobile micro-spacing final (<=560px) ===== */
@media (max-width:560px){
  /* Contact: email & telefon ultra-compact */
  .footer-grid .fr-r2,
  .footer-grid .fr-r3{
    display:inline-flex !important;align-items:center;gap:6px !important;
    line-height:1.15 !important;padding:3px 4px !important;justify-self:start;white-space:nowrap
  }
  .footer-grid .fr-r3{margin-top:-2px !important}

  /* Slogan + Copyright: doar 2 rânduri, spațiu minim */
  .footer-grid .fr-r1{margin:0 0 1px 0 !important;padding-bottom:0 !important;line-height:1.15 !important;text-align:center}
  .footer-grid .fr-r1 + .fl-r3{margin-top:0 !important;padding-top:0 !important;line-height:1.15 !important;text-align:center;white-space:normal}

  footer.site{padding-bottom:12px !important}
}

/* ===== Footer — DESKTOP: top-align perfect, spacing fin ===== */
@media (min-width:981px){
  footer.site{padding-top:12px;padding-bottom:20px}
  .footer-grid{
    align-items:start !important;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;
    column-gap:24px;row-gap:6px
  }
  .footer-grid > div{align-self:start !important;margin-top:0 !important}
  .footer-grid .fl-r2{grid-row:1;grid-column:1;line-height:1.35}
  .footer-grid .fr-r1{grid-row:1;grid-column:2;justify-self:end}
  .footer-grid .fl-r3{grid-row:2;grid-column:1}
  .footer-grid .fr-r2{grid-row:2;grid-column:2;justify-self:end}
  .footer-grid .fr-r3{grid-row:3;grid-column:2;justify-self:end}
}