/* =====================================================
   RomCar cards-unify.css — COMPACT FIX
   Reduce înălțimi, spații și mărimea prețului.
   Target: grid carduri (.articol) pe homepage + categorie (grid)
===================================================== */

/* Scope: doar carduri de tip grid (NU list view) */
.articolegrid .articol,
#articoleFirst .articol,
.articoleholder:not(.articolelista) .articol {
  padding: 12px;                 /* era 14px */
}

/* Imagine puțin mai compactă */
.articolegrid .articolImg,
#articoleFirst .articolImg,
.articoleholder:not(.articolelista) .articolImg {
  height: 135px;                 /* era 150px */
}
.articolegrid .articolImg img,
#articoleFirst .articolImg img,
.articoleholder:not(.articolelista) .articolImg img {
  height: 135px;
  max-width: 190px;
}

/* Titlu: mai mic + 2 linii stabile */
.articolegrid .articolTitle,
#articoleFirst .articolTitle,
.articoleholder:not(.articolelista) .articolTitle {
  height: 42px;                  /* era 40px, dar cu font mai mic e ok */
}
.articolegrid .articolTitle h2,
.articolegrid .articolTitle h3,
#articoleFirst .articolTitle h2,
#articoleFirst .articolTitle h3,
.articoleholder:not(.articolelista) .articolTitle h3 {
  font-size: 17px;               /* era 20px */
  line-height: 1.15;
  margin: 0;
}

/* Descriere / criterii: mai puțin “aer” */
.articolegrid .articolDescriere,
#articoleFirst .articolDescriere {
  height: auto !important;       /* scoatem rigiditatea */
  min-height: 62px;              /* era 74px */
}
.articoleholder:not(.articolelista) .articolctn {
  min-height: 120px;             /* era 140px */
}

/* Pe grid criteriile erau forțate la 18px (prea strâns).
   Le facem 2 linii scurte, dar compact. */
.articoleholder:not(.articolelista) .articolCrit {
  height: 30px !important;
  line-height: 15px;
  margin-top: 4px;
  font-size: 13px;
}

/* Producător: mai compact */
.articolProducator {
  height: 34px;                  /* era 40px */
}
.articolProducator img {
  height: 30px;                  /* era 35px */
}

/* COD: micșorăm spațiul */
.articolCod {
  margin-top: 4px;
  font-size: 13px;
}

/* Cutia gri (preț): mai scurtă + fără spațiu mort */
.articolegrid .articolPret,
#articoleFirst .articolPret,
.articoleholder:not(.articolelista) .articolPret {
  height: auto !important;
  min-height: 145px;             /* era 170px */
  padding: 6px;
  margin-top: 8px;               /* era 10px */
  display: flex;
  flex-direction: column;
}

/* Preț: mai mic și fără “înălțime” fixă */
.articolegrid .articoljustPret,
#articoleFirst .articoljustPret,
.articoleholder:not(.articolelista) .articoljustPret {
  height: auto !important;       /* era 75px */
  padding-bottom: 8px;
  width: 90%;                    /* era 80% (mai multă stabilitate vizuală) */
}
.articoljustPret span {
  font-size: 22px;               /* era 26px */
  font-weight: 700;
}

/* Stoc icon: mai puțin spațiu */
.articol .imgstoc {
  margin-top: 2px;
  margin-bottom: 2px;
}

/* Cumpără: aliniat jos în cutia gri (ține simetria) */
.articolegrid .articolCumpara,
#articoleFirst .articolCumpara,
.articoleholder:not(.articolelista) .articolCumpara {
  margin-top: auto;
  width: 90%;                    /* era 80% */
}

/* Buton + qty: compact */
.qtyctrl {
  width: 42px;                   /* era 45px */
  top: 5px;
  left: 5px;
}
.qtyctrl input {
  padding: 6px 8px 4px;
  font-size: 14px;
}
.cumparaarticole,
.alertastoc {
  padding: 10px 12px 8px;        /* era 11px 15px 9px */
  font-size: 14px;
}

/* Mobile: și mai compact */
@media (max-width: 600px) {
  .articoljustPret span { font-size: 21px; }
  .articolegrid .articolImg,
  #articoleFirst .articolImg,
  .articoleholder:not(.articolelista) .articolImg { height: 125px; }
  .articolegrid .articolImg img,
  #articoleFirst .articolImg img,
  .articoleholder:not(.articolelista) .articolImg img { height: 125px; }
}