/* UniversalBlog — Sidebar Styles (6 вариантов) */

/* === 1. CLASSIC — Цветные заголовки === */
.ub-sidebar.style-classic .ub-widget { background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:0; }
.ub-sidebar.style-classic .ub-widget-title { font-size:14px;font-weight:700;padding:12px 16px;background:var(--color-primary);color:#fff; }
.ub-sidebar.style-classic .ub-widget-body { padding:14px 16px; }

/* === 2. DARK — Тёмные заголовки с цветной полосой === */
.ub-sidebar.style-dark .ub-widget { background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden; }
.ub-sidebar.style-dark .ub-widget-title { font-size:12px;font-weight:800;padding:11px 16px;background:var(--color-dark-mid);color:#fff;text-transform:uppercase;letter-spacing:.1em;border-left:4px solid var(--color-primary); }
.ub-sidebar.style-dark .ub-widget-body { padding:14px 16px; }

/* === 3. MINIMAL — Только подчёркивание === */
.ub-sidebar.style-minimal .ub-widget { background:transparent; }
.ub-sidebar.style-minimal .ub-widget-title { font-size:15px;font-weight:800;padding:0 0 10px;border-bottom:2px solid var(--color-primary);margin-bottom:14px;color:var(--color-text);display:block; }
.ub-sidebar.style-minimal .ub-widget-body { padding:0; }

/* === 4. BORDERED — Рамка сбоку === */
.ub-sidebar.style-bordered .ub-widget { background:var(--color-surface);border-radius:var(--radius);border-left:4px solid var(--color-primary);padding:16px;box-shadow:var(--shadow-sm); }
.ub-sidebar.style-bordered .ub-widget-title { font-size:15px;font-weight:700;color:var(--color-text);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--color-border);display:block; }
.ub-sidebar.style-bordered .ub-widget-body { padding:0; }

/* === 5. CARD — Карточки с тенью и акцентным верхом === */
.ub-sidebar.style-card .ub-widget { background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;border-top:3px solid var(--color-primary); }
.ub-sidebar.style-card .ub-widget-title { font-size:14px;font-weight:800;padding:14px 18px 0;color:var(--color-text);text-transform:uppercase;letter-spacing:.06em; }
.ub-sidebar.style-card .ub-widget-body { padding:14px 18px; }

/* === 6. GHOST — Прозрачный с тонкой рамкой === */
.ub-sidebar.style-ghost .ub-widget { background:transparent;border:1.5px solid var(--color-border);border-radius:var(--radius);overflow:hidden; }
.ub-sidebar.style-ghost .ub-widget-title { font-size:13px;font-weight:700;padding:11px 16px;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;border-bottom:1.5px solid var(--color-border); }
.ub-sidebar.style-ghost .ub-widget-body { padding:14px 16px; }

/* Общие элементы сайдбара */
.ub-widget-search { display:flex; }
.ub-widget-search input { flex:1;padding:9px 12px;border:1.5px solid var(--color-border);border-right:none;border-radius:var(--radius) 0 0 var(--radius);font-size:14px;outline:none;background:var(--color-bg); }
.ub-widget-search input:focus { border-color:var(--color-primary); }
.ub-widget-search button { padding:9px 14px;background:var(--color-primary);color:#fff;border:none;border-radius:0 var(--radius) var(--radius) 0;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s; }
.ub-widget-search button:hover { background:var(--color-primary-dk); }

.ub-cat-list { list-style:none; }
.ub-cat-list li { border-bottom:1px solid var(--color-border); }
.ub-cat-list li:last-child { border-bottom:none; }
.ub-cat-list a { display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:14px;color:var(--color-text-mid);transition:color .2s,padding-left .15s; }
.ub-cat-list a:hover { color:var(--color-primary);padding-left:5px; }
.ub-cat-count { background:var(--color-primary-lt);color:var(--color-primary);font-size:11px;font-weight:700;padding:2px 8px;border-radius:50px; }

.ub-recent-post { display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--color-border); }
.ub-recent-post:last-child { border-bottom:none;padding-bottom:0; }
.ub-recent-post-thumb { flex-shrink:0;width:68px;height:54px;border-radius:var(--radius-sm);overflow:hidden; }
.ub-recent-post-thumb img { width:100%;height:100%;object-fit:cover; }
.ub-recent-post-thumb-ph { width:68px;height:54px;background:var(--color-primary-lt);border-radius:var(--radius-sm);flex-shrink:0; }
.ub-recent-post-title { font-size:13px;font-weight:600;line-height:1.4;color:var(--color-text); }
.ub-recent-post-title a { color:inherit; }
.ub-recent-post-title a:hover { color:var(--color-primary); }
.ub-recent-post-date { font-size:11.5px;color:var(--color-text-muted);margin-top:4px; }

.ub-tag-cloud { display:flex;flex-wrap:wrap;gap:6px; }
.ub-tag-cloud a { background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-mid);font-size:12.5px;padding:4px 12px;border-radius:50px;transition:all .2s; }
.ub-tag-cloud a:hover { background:var(--color-primary);border-color:var(--color-primary);color:#fff; }