/* CS_Redesign_3_alte_articole — sectiunea „Alte articole" de la finalul articolelor
   (<section class="art-rel"> din demo, src/pages/ArticolPage.jsx). Regulile sunt cele din
   demo, verbatim, sub radacina componentei; ce e adaptat la WordPress e marcat cu [WP].
   Template: template-parts/cs-redesign-3-alte-articole.php (inclus din single.php). */

/* [WP] radacina: variabilele si culoarea din .art; fontul demo-ului (Poppins, deja
   incarcat de header.php) si line-height normal, ca tema sa nu impuna Montserrat / 1.5 */
.CS_Redesign_3_alte_articole{--g:#3F5F4F;--o:#F4A62A;color:#3A3F45;font-family:'Poppins','Segoe UI',system-ui,sans-serif;line-height:normal}
.CS_Redesign_3_alte_articole *{box-sizing:border-box}
.CS_Redesign_3_alte_articole a{cursor:pointer}
.CS_Redesign_3_alte_articole a:hover{opacity:.95}

/* ── ARTICOLE ÎNRUDITE ── */
.CS_Redesign_3_alte_articole .art-rel{max-width:940px;margin:0 auto;padding:56px 20px 80px}
.CS_Redesign_3_alte_articole .art-rel-h{font-size:22px;font-weight:800;color:#3F5F4F;margin:0 0 20px;letter-spacing:-.01em}
.CS_Redesign_3_alte_articole .art-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.CS_Redesign_3_alte_articole .art-rel-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E6E8EA;border-radius:18px;overflow:hidden;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}
.CS_Redesign_3_alte_articole .art-rel-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(63,95,79,.4);border-color:#CFE0D6}
.CS_Redesign_3_alte_articole .art-rel-media{aspect-ratio:16/10;overflow:hidden;background:#EEF3EF}
.CS_Redesign_3_alte_articole .art-rel-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.CS_Redesign_3_alte_articole .art-rel-card:hover .art-rel-media img{transform:scale(1.06)}
.CS_Redesign_3_alte_articole .art-rel-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.CS_Redesign_3_alte_articole .art-rel-body h4{margin:0;font-size:15px;font-weight:800;color:#3F5F4F;line-height:1.35}
.CS_Redesign_3_alte_articole .art-rel-date{margin-top:auto;font-size:12px;color:#8A8F98;font-weight:600;display:inline-flex;align-items:center;gap:6px}

/* [WP] titlurile: tema (Bootstrap) le da font, line-height si margini proprii */
.CS_Redesign_3_alte_articole .art-rel-h,
.CS_Redesign_3_alte_articole .art-rel-body h4{font-family:inherit}
.CS_Redesign_3_alte_articole .art-rel-h{line-height:normal}
/* [WP] cardul e link: fara sublinierea temei la hover; imaginea umple caseta 16/10 */
.CS_Redesign_3_alte_articole .art-rel-card:hover{text-decoration:none}
.CS_Redesign_3_alte_articole .art-rel-media img{display:block;max-width:100%}

@media (max-width:820px){
  .CS_Redesign_3_alte_articole .art-rel-grid{grid-template-columns:1fr}
}