/* ==========================================================================
   Адв. Георгиева - блогът (B2.3): /blog/, категориите, търсенето, статията.
   Източникът е makets/final/assets/maket.css 1:1 - само правилата, които не
   са вече в base.css (картата статия с h2/h3, .pag, .empty-state,
   .search-form, .page-hero__meta, .table-wrap са там).
   Отклонение от макета (PLAN 7, общи правила - без фиксирана height):
   иконите и снимката на автора са с width + aspect-ratio вместо height.
   ========================================================================== */

/* ---------- категориите в hero-то на блога (PLAN 4.8 т.2) ---------- */
/* min-height - пиловете са чипове (разрешено за бутон/чип/поле, PLAN 3.5) */
.cat-nav{margin-top:26px}
.cat-nav ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.cat-nav a{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 16px;border:1px solid rgba(255,255,255,.35);border-radius:var(--r-chip);color:var(--c-on-dark);font:500 14px/1.2 var(--f-body);text-decoration:none}
.cat-nav a:hover{border-color:#fff;color:#fff}
.cat-nav a[aria-current="page"]{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-dark);font-weight:600}
.cat-nav__n{font-size:13px;opacity:.72}

/* ---------- статия ---------- */
.article-wrap{padding:56px 0 var(--sp-section)}
.ag-toc{background:var(--c-surface);border-radius:var(--r-card);padding:24px 26px;margin-bottom:40px}
.ag-toc__title{display:flex;align-items:center;gap:10px;font:600 13px/1.2 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent-hover)}
.ag-toc__title svg{width:18px;height:auto;aspect-ratio:1}
.ag-toc ol{margin-top:14px;padding-left:1.3em;display:grid;gap:8px;font-size:15.5px;line-height:1.45}
.ag-toc a{color:var(--c-text);text-decoration:none}
.ag-toc a:hover{color:var(--c-accent-hover);text-decoration:underline}
.ag-toc a[aria-current="true"]{color:var(--c-accent-hover);font-weight:600}
.ag-toc li::marker{color:var(--c-accent);font-weight:600}

/* share - min-height на линковете/бутона (бутони, разрешено) */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:44px;padding-top:24px;border-top:1px solid var(--c-border)}
.share>span{font:600 14px/1 var(--f-body);color:var(--c-text);margin-right:6px}
.share a,.share button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid var(--c-border);border-radius:var(--r-chip);background:#fff;color:var(--c-text);font:500 14px/1 var(--f-body);text-decoration:none}
.share a:hover,.share button:hover{border-color:var(--c-accent);color:var(--c-accent-hover)}
.share svg{width:16px;height:auto;aspect-ratio:1}

.author-box{display:flex;gap:20px;align-items:center;margin-top:32px;padding:24px;border:1px solid var(--c-border);border-radius:var(--r-card)}
/* height:auto - width/height атрибутите на <img> са на файла (medium), кръгът е от aspect-ratio */
.author-box img{width:72px;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:60% 20%;flex:none}
.author-box b{display:block;font:600 18px/1.3 var(--f-head);color:var(--c-text)}
.author-box p{margin-top:6px;font-size:15px;line-height:1.6}
.author-box a{font-size:14px;font-weight:600}
.author-box__label{margin:0 0 4px!important;font:600 12px/1.2 var(--f-body)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent-hover)}
.author-box__reg{display:flex;align-items:center;gap:7px}
.author-box__reg svg{width:15px;height:auto;aspect-ratio:1;flex:none;color:var(--c-accent-hover)}
.author-box__reg a{font-weight:500;color:var(--c-dark-2)}

/* „Свързана услуга" (PLAN 4.9 т.5) - цялата карта е линк: h3 a::after (разрешеното position:absolute) */
.usluga-link{position:relative;margin-top:40px;padding:24px 26px;background:var(--c-surface);border-left:3px solid var(--c-accent);border-radius:var(--r-card);transition:box-shadow .2s var(--ease)}
.usluga-link:hover{box-shadow:var(--shadow-soft)}
.usluga-link h3{margin-top:8px;font-size:21px;line-height:1.3}
.usluga-link h3 a{color:var(--c-text);text-decoration:none}
.usluga-link h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--r-card)}
.usluga-link p{margin-top:8px;font-size:15.5px;line-height:1.6}
.usluga-link .link-arrow{margin-top:12px}
.usluga-link:hover .link-arrow svg{transform:translateX(3px)}

/* featured image на статията (PLAN 4.9 т.2) - само ако статията има такава; 3:2 от aspect-ratio */
.statia-img{margin:0 0 36px}
.statia-img img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-img)}
.statia-img figcaption{margin-top:10px;font-size:var(--t-small);color:var(--c-muted)}
@media (max-width:640px){.author-box{flex-direction:column;align-items:flex-start}}