/*
Theme Name: Codelines Portal Blog
Description: Temă de blog pentru codelinesweb.ro (română) și codelinesweb.com (engleză): antet, subsol și temă deschisă/închisă identice cu portalul.
Version: 1.0
Author: Codelines Web SRL
Text Domain: codelines-portal-blog
*/
.bl-top{background:var(--bg2);padding:54px 0 36px;border-bottom:1px solid var(--line)}
.bl-top h1{margin:0 0 8px}.bl-top p{margin:0;color:var(--mut);max-width:680px;font-size:18px}
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:40px 0 20px}
.bl-card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.bl-card:hover{box-shadow:0 14px 36px var(--sh);transform:translateY(-2px)}
.bl-card .im{display:block;aspect-ratio:1200/630;background:var(--bg2)}.bl-card .im img{width:100%;height:100%;object-fit:cover;display:block}
.bl-card .bd{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.bl-card h2{margin:0;font-size:19px;line-height:1.3}.bl-card h2 a{color:var(--ink)}.bl-card h2 a:hover{color:var(--lk);text-decoration:none}
.bl-card .dt{font-size:13px;color:var(--mut)}.bl-card p{margin:0;color:var(--mut);font-size:15px;line-height:1.55}
.bl-card .mo{margin-top:auto;font-weight:700;font-size:14px}
.bl-empty{padding:60px 0;color:var(--mut)}
.bl-pg{display:flex;gap:8px;justify-content:center;padding:10px 0 50px}.bl-pg a,.bl-pg span{padding:8px 14px;border:1px solid var(--line);border-radius:8px;font-weight:600;color:var(--ink)}.bl-pg .current{background:var(--gold);color:#14110a;border-color:var(--gold)}
.bl-art{max-width:760px;margin:0 auto;padding:44px 20px 20px}
.bl-art .cr{font-size:14px;color:var(--mut);margin-bottom:14px}
.bl-art h1{margin:0 0 12px;line-height:1.2}
.bl-art .dt{color:var(--mut);font-size:14px;margin-bottom:22px}
.bl-art .fi{margin:0 0 28px;border-radius:14px;overflow:hidden}.bl-art .fi img{display:block;width:100%;height:auto}
.bl-art .ct h2{font-size:26px;line-height:1.25;margin:34px 0 10px}.bl-art .ct h3{font-size:20px;margin:26px 0 8px}
.bl-art .ct p,.bl-art .ct li{font-size:18px;line-height:1.75}.bl-art .ct ul,.bl-art .ct ol{padding-left:24px}
.bl-art .ct a{text-decoration:underline}.bl-art .ct img{border-radius:10px;max-width:100%;height:auto}
.bl-cta{max-width:760px;margin:30px auto 10px;padding:0 20px}
.bl-cta .bx{background:var(--bg2);border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:14px;padding:22px 24px;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
.bl-cta .bx b{font-size:19px;flex:1 1 320px}.bl-cta .bx p{margin:4px 0 0;font-weight:400;color:var(--mut);font-size:15px}
.bl-rel{max-width:760px;margin:0 auto;padding:10px 20px 40px}.bl-rel h3{font-size:18px;margin:0 0 8px}.bl-rel a{display:block;padding:6px 0;font-weight:600}
@media(max-width:900px){.bl-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.bl-grid{grid-template-columns:1fr}.bl-art .ct p,.bl-art .ct li{font-size:17px}}