/* =========================================================================
   AGROLATVIJA — Categories overview (Visas kategorijas). Scoped to .agro-cats.
   Inherits WoodMart theme options (fallbacks after the comma).
   ========================================================================= */
.agro-cats{
	--brand: var(--wd-primary-color, #0F3D2E);
	--brand-2: color-mix(in srgb, var(--wd-primary-color, #0F3D2E) 82%, #fff);
	--accent: var(--wd-alternative-color, #E8B84C);
	--bg: var(--wd-main-bgcolor, #F6F4EF); --surface:#FFFFFF; --surface-2:#EFEBE2;
	--ink: var(--wd-title-color, #121512); --muted: var(--wd-text-color, #6B736E);
	--line: var(--wd-form-brd-color, #E3DFD5);
	--radius:14px; --pill:999px;
	--font: var(--wd-text-font, "Inter Tight", system-ui, sans-serif);
	--mono:"JetBrains Mono", ui-monospace, monospace;
	--shadow:0 8px 24px -12px rgba(12,18,15,.18);
	font-family:var(--font); color:var(--ink);
}
.agro-cats *{ box-sizing:border-box; }
.agro-cats .wrap-wide{ max-width:var(--wd-container-w, 1320px); margin:0 auto; padding:0 clamp(14px,2vw,28px); }
.agro-cats a{ text-decoration:none; color:inherit; }

.acx-crumbs{ padding:18px 0 6px; }
.acx-crumbs ol{ display:flex; gap:6px; align-items:center; list-style:none; margin:0; padding:0; font-size:13px; color:var(--muted); }
.acx-crumbs li{ display:inline-flex; gap:6px; align-items:center; }
.acx-crumbs li:not(:last-child)::after{ content:"/"; color:var(--line); }
.acx-crumbs a:hover{ color:var(--brand); }
.acx-crumbs [aria-current]{ color:var(--ink); font-weight:600; }

.acx-hero{ padding:14px 0 30px; }
.acx-eyebrow{ font-family:var(--mono); font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
.acx-h1{ font-size:clamp(30px,3.6vw,46px); line-height:1.04; letter-spacing:-.02em; margin:12px 0 12px; font-weight:700; text-wrap:balance; }
.acx-h1 em{ color:var(--accent); font-style:normal; }
.acx-lede{ color:var(--muted); font-size:16px; max-width:60ch; }

.acx-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding-bottom:20px; }
.acx-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .16s, transform .16s; }
.acx-card:hover{ box-shadow:var(--shadow); transform:translateY(-2px); }
.acx-card__head{ position:relative; display:flex; flex-direction:column; gap:2px; padding:18px 20px; color:#fff;
	background:var(--c, var(--brand)); }
.acx-card__name{ font-size:18px; font-weight:700; letter-spacing:-.01em; padding-right:34px; }
.acx-card__count{ font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; opacity:.8; }
.acx-card__go{ position:absolute; top:16px; right:16px; width:32px; height:32px; border-radius:999px; background:rgba(255,255,255,.16); display:grid; place-items:center; }
.acx-card__go svg{ width:15px; height:15px; }
.acx-card__subs{ display:flex; flex-wrap:wrap; gap:7px; padding:14px 16px 16px; }
.acx-sub{ display:inline-flex; align-items:center; gap:7px; font-size:12.5px; background:var(--surface-2); border:1px solid var(--line);
	border-radius:var(--pill); padding:4px 10px; color:var(--ink); }
.acx-sub:hover{ border-color:var(--brand); color:var(--brand); }
.acx-sub span{ font-family:var(--mono); font-size:10.5px; color:var(--muted); }
.acx-sub--more{ background:transparent; color:var(--brand); font-weight:600; }

@media (max-width:1000px){ .acx-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .acx-grid{ grid-template-columns:1fr; } }