/**
 * HyperDAF Core — Homepage Blog Sidebar Styles
 * Location: /wp-content/themes/hyperdaf-core/assets/css/home-blog-sidebar.css
 *
 * Purpose:
 * - Styles homepage blog sidebar layouts and compact blog cards.
 * - Supports sidebar cards for homepage product/blog sections.
 * - Keeps the layout lightweight, premium, and marketplace-aligned.
 */

.hdaf-home-blog-sidebar__grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.hdaf-home-blog-sidebar__left,.hdaf-home-blog-sidebar__right{min-width:0}
.hdaf-home-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}

.hdaf-blog-card{display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.hdaf-blog-card:hover{transform:translateY(-2px);border-color:#D7E0EA;box-shadow:0 12px 24px rgba(15,23,42,.05)}
.hdaf-blog-card__media{display:block;text-decoration:none;background:#F8FAFC}
.hdaf-blog-card__image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#EEF3F8}
.hdaf-blog-card__image--placeholder{background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(249,115,22,.06)),#EEF3F8}
.hdaf-blog-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;padding:14px}
.hdaf-blog-card__title{margin:0;color:#0F172A;font-size:17px;font-weight:800;line-height:1.35;letter-spacing:-.01em}
.hdaf-blog-card__title a{color:inherit;text-decoration:none}
.hdaf-blog-card__title a:hover{color:#2563EB}
.hdaf-blog-card__meta{display:flex;align-items:center;gap:10px;color:#64748B;font-size:12px;font-weight:600;line-height:1.4}

.hdaf-home-blog-widget{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;padding:18px}
.hdaf-home-blog-widget__title{margin:0 0 14px;color:#0F172A;font-size:18px;font-weight:800;line-height:1.25}
.hdaf-home-blog-widget__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.hdaf-home-blog-widget__list li{margin:0;padding:0}
.hdaf-home-blog-widget__list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:10px;color:#334155;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;transition:border-color .2s ease,color .2s ease,background .2s ease}
.hdaf-home-blog-widget__list a:hover{background:#FFFFFF;border-color:#BFDBFE;color:#2563EB}
.hdaf-home-blog-widget__list a::after{content:"›";flex:0 0 auto;font-size:15px;line-height:1;color:#94A3B8}

/* Latest sidebar cards */
.hdaf-home-blog-sidebar,.hdaf-home-blog-sidebar--latest{display:flex;flex-direction:column;gap:14px}
.hdaf-home-blog-sidebar__card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;padding:12px;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:14px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.hdaf-home-blog-sidebar__card:hover{transform:translateY(-2px);border-color:#D7E0EA;box-shadow:0 10px 22px rgba(15,23,42,.05)}
.hdaf-home-blog-sidebar__thumb{display:block;width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#F8FAFC;text-decoration:none}
.hdaf-home-blog-sidebar__thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hdaf-home-blog-sidebar__thumb-fallback{display:block;width:100%;height:100%;background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(249,115,22,.06)),#EEF3F8}
.hdaf-home-blog-sidebar__content{display:flex;flex-direction:column;gap:8px;min-width:0}
.hdaf-home-blog-sidebar__title{margin:0;color:#0F172A;font-size:15px;font-weight:800;line-height:1.35;letter-spacing:-.01em}
.hdaf-home-blog-sidebar__title a{color:inherit;text-decoration:none}
.hdaf-home-blog-sidebar__title a:hover{color:#2563EB}
.hdaf-home-blog-sidebar__excerpt{margin:0;color:#64748B;font-size:12px;line-height:1.55}
.hdaf-home-blog-sidebar__meta{color:#94A3B8;font-size:12px;font-weight:600;line-height:1.4}
.hdaf-home-blog-sidebar__readmore{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid #BFDBFE;border-radius:9px;background:#EFF6FF;color:#2563EB;font-size:12px;font-weight:700;line-height:1;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}
.hdaf-home-blog-sidebar__readmore:hover{background:#2563EB;border-color:#2563EB;color:#FFFFFF}

@media (max-width:1199px){
.hdaf-home-blog-sidebar__grid{grid-template-columns:minmax(0,1fr) 280px}
.hdaf-home-blog-sidebar__card{grid-template-columns:88px minmax(0,1fr);gap:10px}
}

@media (max-width:991px){
.hdaf-home-blog-sidebar__grid{grid-template-columns:1fr}
.hdaf-home-blog-sidebar__right{order:2}
}

@media (max-width:767px){
.hdaf-home-blog-grid{grid-template-columns:1fr;gap:16px}
.hdaf-blog-card__title{font-size:16px}
.hdaf-home-blog-widget{padding:16px}
.hdaf-home-blog-sidebar__card{grid-template-columns:82px minmax(0,1fr);padding:11px}
.hdaf-home-blog-sidebar__title{font-size:14px}
}

@media (max-width:575px){
.hdaf-blog-card__body{padding:13px}
.hdaf-home-blog-widget__list a{padding:9px 11px;font-size:13px}
.hdaf-home-blog-sidebar__card{grid-template-columns:76px minmax(0,1fr);gap:10px}
.hdaf-home-blog-sidebar__excerpt{font-size:11px}
.hdaf-home-blog-sidebar__readmore{min-height:32px;padding:0 11px;font-size:11px}
}