/*
 * Sidebar widget box styling (search/trending/categories/newsletter
 * widgets). Extracted from Sprint 4's archive.css verbatim, with its
 * co-located responsive overrides.
 *
 * @package TFGadgets
 */

/* Sidebar */
.sidebar{ display:flex; flex-direction:column; gap:32px; position:sticky; top:96px; }
.widget{ border:1px solid var(--line); background:var(--bg-card); padding:20px; }
.widget-title{
	font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.08em;
	color:var(--accent); margin:0 0 14px;
}
.widget-search .search-form{ display:flex; }
.widget-list{ display:flex; flex-direction:column; gap:10px; }
.widget-list li{ display:flex; align-items:baseline; gap:10px; font-size:14px; }
.widget-list a{ color:var(--text-muted); line-height:1.4; }
.widget-list a:hover{ color:var(--accent); }
.widget-list__num{ font-family:var(--font-mono); font-size:12px; color:var(--accent); flex:none; }
.widget-list--plain li{ justify-content:space-between; }
.widget-list__count{
	font-family:var(--font-mono); font-size:11px; color:var(--text-faint); flex:none;
}
.widget-newsletter p{ color:var(--text-muted); font-size:13.5px; margin:0 0 14px; }
.widget-newsletter .newsletter-form{ flex-direction:column; gap:8px; }
.widget-newsletter .newsletter-form input{ width:100%; }
.widget-newsletter .newsletter-form button{ padding:11px; }

@media (max-width: 980px){
	.sidebar{ position:static; flex-direction:row; flex-wrap:wrap; }
	.sidebar .widget{ flex:1 1 260px; }
}
@media (max-width: 680px){
	.sidebar{ flex-direction:column; }
}