/*
 * Acoperișuri Vest — pagina „Servicii” (archive-serviciu.php).
 * Se încarcă pe cheia `servicii` (inc/setup-pages.php), după components.css.
 * Sursa: docs/redesign/design-reference/canvas/Servicii.dc.html (capturile Servicii-1440 / Servicii-390).
 * Hero-ul, capul grupelor, cardurile și apelul final vin din components.css (.av-ph, .av-sh, .av-cs--hub, .av-cta).
 */

/* ---------- Banda „Situații” (continuă hero-ul, pe grafit) ---------- */
.av-servicii-sit{--av-focus:var(--av-red-on-dark);background:var(--av-graphite);padding:0 0 72px}
.av-servicii-sit__in{display:flex;flex-direction:column;gap:18px}
.av-servicii-sit__eticheta{margin:0;color:var(--av-red-on-dark)}
.av-servicii-sit__titlu{font-size:28px;line-height:1.15;color:var(--av-white);overflow-wrap:break-word}
.av-servicii-sit__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px}
.av-servicii-sit__card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:26px;border:1px solid var(--av-line-dark);color:var(--av-text-on-dark);text-decoration:none;overflow-wrap:break-word}
.av-servicii-sit__card:hover{background:var(--av-graphite-soft);color:var(--av-white)}
.av-servicii-sit__card-titlu{font-size:20px;font-weight:700;color:var(--av-white)}
.av-servicii-sit__card-text{font-size:14px;color:var(--av-text-on-dark-3)}
.av-servicii-sit__card-link{font-size:14px;font-weight:600;color:var(--av-red-on-dark)}

/* ---------- Grupele de servicii ---------- */
.av-servicii-grupe{padding:88px 0 96px}
.av-servicii-grupa+.av-servicii-grupa{padding-top:72px}
.av-servicii-grupa__in{display:flex;flex-direction:column;gap:28px}
.av-servicii-grupa .av-sh{gap:16px}
.av-servicii-grupa__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:20px}
.av-servicii-grupa--mica .av-servicii-grupa__grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.av-servicii-grupa--mare .av-servicii-grupa__grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}

/* Tabletă (641–1239 px, sub lățimea întreagă a .wrap): auto-fit lăsa un card singur pe ultimul rând
   (Situații 3+1, Acoperiș nou 3+1, Acoperiș existent 4+1, Structură 2+1). Coloane fixe — 2, iar grupele mică / mare
   3 de la 768 px (sub el 3 coloane dau ~180 px și titlurile se rup; la 768 cardul are ~221 px, minimul grupei mici e 220).
   Un card rămas singur pe ultimul rând se întinde pe tot rândul, iar pe 3 coloane perechea de la final ia rândul
   întreg (al doilea card pe 2 coloane) — oricâte servicii are grupa. La 1240+ și pe mobil rămâne auto-fit-ul referinței. */
@media (min-width:640.02px) and (max-width:1239.98px){
  .av-servicii-sit__grid,.av-servicii-grupa .av-servicii-grupa__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .av-servicii-sit__grid>:last-child:nth-child(odd),.av-servicii-grupa__grid>:last-child:nth-child(odd){grid-column:1/-1}
}
@media (min-width:768px) and (max-width:1239.98px){
  .av-servicii-grupa--mica .av-servicii-grupa__grid,.av-servicii-grupa--mare .av-servicii-grupa__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .av-servicii-grupa--mica .av-servicii-grupa__grid>:last-child,.av-servicii-grupa--mare .av-servicii-grupa__grid>:last-child{grid-column:auto}
  .av-servicii-grupa--mica .av-servicii-grupa__grid>:last-child:nth-child(3n+1),.av-servicii-grupa--mare .av-servicii-grupa__grid>:last-child:nth-child(3n+1){grid-column:1/-1}
  .av-servicii-grupa--mica .av-servicii-grupa__grid>:last-child:nth-child(3n+2),.av-servicii-grupa--mare .av-servicii-grupa__grid>:last-child:nth-child(3n+2){grid-column:span 2}
}