/* Smart Popular Posts v6 — Minimal CSS for performance */
.spp-wrapper,.spp-wrapper *{box-sizing:border-box;}

/* ── HEADING ── */
.spp-heading{font-size:1.05em;font-weight:700;margin:0 0 12px;padding-bottom:9px;border-bottom:2px solid rgba(0,0,0,0.1);color:inherit;}

/* ── TABS ── */
.spp-tabs{display:flex;margin-bottom:12px;border-bottom:1.5px solid rgba(0,0,0,0.09);}
.spp-tab{padding:6px 11px;font-size:12px;font-weight:600;background:none;border:none;border-bottom:2.5px solid transparent;cursor:pointer;color:#aaa;margin-bottom:-1.5px;white-space:nowrap;line-height:1.4;}
.spp-tab:hover{color:#555;}
.spp-tab.active{color:#0073aa;border-bottom-color:#0073aa;font-weight:700;}

/* ── PANELS (tabs show/hide) ── */
.spp-panel{display:none;}
.spp-panel.active{display:block;}

/* ── SHARED ── */
.spp-title{font-size:13.5px;font-weight:700;line-height:1.45;color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 3px;}
.spp-excerpt{font-size:12px;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.spp-info{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px;}
.spp-date{font-size:11px;color:#999;}
.spp-cats{font-size:11px;color:#0073aa;font-weight:600;}
.spp-badge{font-size:10px;font-weight:600;color:#666;border:1.5px solid #ccc;border-radius:20px;padding:0 7px;line-height:1.8;}
.spp-empty{color:#bbb;font-size:13px;padding:16px 0;margin:0;text-align:center;}

/* ════ LIST ════ */
.spp-layout-list .spp-posts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
/* Reset theme li arrows */
.spp-posts li,.spp-posts li::before,.spp-posts li::after{list-style:none !important;padding-left:0 !important;}
.spp-posts li::before,.spp-posts li::after{display:none !important;content:"" !important;width:0 !important;height:0 !important;background:none !important;border:none !important;font-size:0 !important;position:static !important;}
.spp-item{background:var(--spp-card-bg,transparent);border:1px solid rgba(0,0,0,0.08);border-radius:9px;overflow:hidden;}
.spp-link{display:flex;align-items:flex-start;gap:10px;padding:10px;text-decoration:none;color:inherit;}
.spp-link:hover,.spp-link:focus{text-decoration:none;color:inherit;}
.spp-link:hover .spp-title{color:#0073aa;}
.spp-thumb{display:block;flex-shrink:0;overflow:hidden;border-radius:7px;background:rgba(0,0,0,0.05);align-self:flex-start;}
.spp-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:7px;}
.spp-meta{display:flex;flex-direction:column;flex:1;min-width:0;padding-top:1px;}

/* ════ GRID ════ */
.spp-layout-grid .spp-grid-inner{display:grid;grid-template-columns:repeat(var(--spp-cols,3),1fr);gap:14px;}
@media(max-width:900px){.spp-layout-grid .spp-grid-inner{grid-template-columns:repeat(3,1fr);}}
@media(max-width:600px){.spp-layout-grid .spp-grid-inner{grid-template-columns:repeat(2,1fr);}}
.spp-grid-item{display:block;text-decoration:none;color:inherit;background:var(--spp-card-bg,transparent);border:1px solid rgba(0,0,0,0.08);border-radius:9px;overflow:hidden;}
.spp-grid-item:hover,.spp-grid-item:focus{text-decoration:none;color:inherit;}
.spp-grid-item:hover .spp-title{color:#0073aa;}
.spp-grid-thumb{width:calc(100% - 14px);margin:7px 7px 0;display:block;overflow:hidden;border-radius:7px;background:rgba(0,0,0,0.05);}
.spp-grid-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:7px;}
.spp-grid-meta{padding:9px 11px 11px;display:flex;flex-direction:column;gap:4px;}
.spp-layout-grid .spp-title{font-size:12.5px;}

/* ════ MAGAZINE ════ */
.spp-mag-list{display:flex;flex-direction:column;}
.spp-mag-item{display:block;text-decoration:none;color:inherit;padding:18px 0;border-bottom:1px solid rgba(0,0,0,0.08);}
.spp-mag-item:last-child{border-bottom:none;}
.spp-mag-item:hover,.spp-mag-item:focus{text-decoration:none;color:inherit;}
.spp-mag-item:hover .spp-mag-title{color:#0073aa;}
.spp-mag-inner{display:flex;align-items:flex-start;gap:20px;}
.spp-mag-thumb-wrap{flex-shrink:0;overflow:hidden;border-radius:8px;background:rgba(0,0,0,0.05);}
.spp-mag-thumb-wrap img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px;}
.spp-mag-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px;}
.spp-mag-topmeta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.spp-mag-date,.spp-mag-author{font-size:12px;color:#888;}
.spp-mag-sep{color:#ccc;font-size:11px;}
.spp-mag-cat{font-size:11px;font-weight:700;color:#0073aa;text-transform:uppercase;letter-spacing:.4px;}
.spp-mag-cat:hover{text-decoration:underline;}
.spp-mag-title{font-size:17px;font-weight:700;line-height:1.4;margin:0;color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.spp-mag-excerpt{font-size:13px;color:#666;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.spp-mag-read-more{font-size:13px;font-weight:600;color:#c00;}
.spp-mag-read-more:hover{text-decoration:underline;}
@media(max-width:580px){.spp-mag-inner{flex-direction:column;}.spp-mag-thumb-wrap{width:100%!important;height:180px!important;}.spp-mag-title{font-size:15px;}}

/* ════ PAGINATION ════ */
.spp-pagination{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(0,0,0,0.08);}
.spp-page-btn{padding:6px 15px;font-size:12.5px;font-weight:600;border:1.5px solid rgba(0,0,0,0.15);border-radius:50px;background:transparent;cursor:pointer;color:inherit;}
.spp-page-btn:hover:not(:disabled){border-color:#0073aa;color:#0073aa;}
.spp-page-btn:disabled{opacity:.3;cursor:not-allowed;}
.spp-page-info{font-size:12.5px;color:#888;min-width:55px;text-align:center;}

/* ════ POST NAVIGATION ════ */
.spp-post-nav{display:flex;border:1px solid rgba(0,0,0,0.1);border-radius:10px;overflow:hidden;margin:28px 0;}
.spp-post-nav-item{flex:1;min-width:0;}
.spp-post-nav-divider{width:1px;background:rgba(0,0,0,0.08);flex-shrink:0;}
.spp-nav-empty{opacity:0;pointer-events:none;}
.spp-post-nav-link{display:flex;flex-direction:column;padding:14px 16px;text-decoration:none;color:inherit;height:100%;}
.spp-post-nav-link:hover{background:rgba(0,0,0,0.025);text-decoration:none;color:inherit;}
.spp-nav-right{align-items:flex-end;}
.spp-post-nav-dir{font-size:10.5px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:9px;}
.spp-post-nav-inner{display:flex;align-items:center;gap:10px;}
.spp-nav-right .spp-post-nav-inner{flex-direction:row-reverse;}
.spp-post-nav-thumb{display:block;flex-shrink:0;overflow:hidden;border-radius:6px;background:rgba(0,0,0,0.06);}
.spp-post-nav-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;}
.spp-post-nav-meta{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;}
.spp-nav-meta-r{align-items:flex-end;text-align:right;}
.spp-post-nav-title{font-size:13px;font-weight:700;line-height:1.4;color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.spp-post-nav-link:hover .spp-post-nav-title{color:#0073aa;}
.spp-post-nav-date{font-size:11px;color:#999;}
.spp-post-nav-cat{font-size:10.5px;font-weight:600;color:#0073aa;}
@media(max-width:560px){.spp-post-nav{flex-direction:column;}.spp-post-nav-divider{width:auto;height:1px;}.spp-nav-right{align-items:flex-start;}.spp-nav-right .spp-post-nav-inner{flex-direction:row;}.spp-nav-meta-r{align-items:flex-start;text-align:left;}}