/* Lep planet - front page layout details ported from lep-planet-frontpage-warm-editorial-v2.html.
 * Loaded after Elementor's CSS. Structure lives in Elementor; this file holds what atomic
 * widgets cannot express (JS-rendered markup, :has() states, grid-area row layouts). */

:root {
	--gap-md: 20px; --gap-lg: 32px; --gap-xl: 56px; --gap-2xl: 112px;
	--fg-soft: color-mix(in oklch, var(--fg) 5%, transparent);
	--bin-embalaza: oklch(84% 0.15 95); --bin-papir: oklch(58% 0.12 245); --bin-steklo: oklch(55% 0.12 150);
	--bin-bio: oklch(46% 0.07 60); --bin-mesani: oklch(36% 0.01 250); --bin-nevarni: oklch(55% 0.18 28);
	--elev-raised: 0 20px 52px rgba(22, 35, 44, 0.12);
	--focus-ring: 0 0 0 4px rgba(52, 112, 60, 0.24);
}
@media (max-width: 1023px) { :root { --gap-2xl: 80px; } }
@media (max-width: 639px) { :root { --gap-2xl: 56px; } }

/* ─── sections ─── */
.elementor .lp-section { padding-block: var(--gap-2xl); display: block; }
.elementor .lp-section + .lp-section { border-top: 1px solid var(--border); }
.elementor .lp-surface { background-color: var(--surface); }
.elementor .lp-head { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px; margin-block-end: var(--gap-xl); }
.elementor .lp-head-stack { display: block; margin-block-end: var(--gap-xl); }
.elementor .lp-head > p:not(.eyebrow) { max-width: 42ch; font-size: 16px; color: var(--muted); margin: 0; }
.elementor .lp-head-text { display: block; }

/* ─── sorter ─── */
.elementor .lp-sorter { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-lg); align-items: stretch; padding: 0; }
@media (max-width: 920px) { .elementor .lp-sorter { grid-template-columns: 1fr; } }
.elementor .lp-sorter-left { display: block; position: relative; }
.elementor .lp-sorter-left form { display: block; position: relative; margin: 0; }
.elementor .sorter-input { height: 56px; min-height: 56px; width: 100%; padding: 0 16px 0 48px; font-size: 17px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a7c88' stroke-width='1.8'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 16px center / 20px 20px; box-sizing: border-box; }
.elementor .lp-sorter-left form button[type="submit"] { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; padding: 0; border: 0; }
.elementor .lp-hint { margin: 20px 0 0; font-size: 13px; color: var(--muted); }
.elementor .sorter-suggest { position: relative; }
.elementor .sorter-suggest ul { top: 6px; }
.elementor .sorter-suggest ul button { width: 100%; text-align: left; background: transparent; border: 0; padding: 10px 12px; border-radius: 8px; color: var(--fg); display: flex; justify-content: space-between; gap: 12px; font-size: 15px; cursor: pointer; }
.elementor .sorter-suggest ul button:hover, .elementor .sorter-suggest ul button.active { background: var(--fg-soft); }
.elementor .sorter-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 12px; }
.elementor .sorter-chips > .e-button-base { display: inline-flex; min-height: 36px; padding: 6px 14px; border-radius: var(--radius-pill); border: 1px solid var(--border); background: var(--surface); color: var(--fg); font-size: 14px; font-weight: 400; box-shadow: none; }
.elementor .sorter-chips > .e-button-base:hover { border-color: var(--fg); }
.elementor .sorter-chips > .e-button-base[aria-pressed="true"] { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.elementor .sorter-result { display: flex; flex-direction: column; gap: 14px; min-height: 280px; padding: var(--gap-lg); border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-sizing: border-box; }
.elementor .sorter-result p { margin: 0; }
.elementor .result-bin { display: flex; align-items: center; gap: 16px; }
.elementor .result-bin h3 { font-size: 26px; }
.elementor .swatch { width: 52px; height: 64px; border-radius: 8px 8px 6px 6px; flex: none; position: relative; box-shadow: inset 0 -10px 0 color-mix(in oklch, black 12%, transparent); }
.elementor .swatch::before { content: ''; position: absolute; left: -4px; right: -4px; top: -6px; height: 8px; border-radius: var(--radius-pill); background: inherit; filter: brightness(0.9); }
.elementor .sorter-result .dos { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-md); padding-top: 14px; border-top: 1px solid var(--border); margin-top: auto; }
.elementor .sorter-result .dos ul { margin: 6px 0 0; padding-left: 18px; color: var(--muted); font-size: 14px; }
.elementor .sorter-result .result-empty { color: var(--muted); }
.elementor .sorter-result .meta, .elementor .sym-detail .meta { font-size: 13px; color: var(--muted); }
.elementor .dot { width: 14px; height: 14px; border-radius: var(--radius-pill); flex: none; display: inline-block; }
.elementor .sorter-bins { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin-block-start: var(--gap-xl); }
@media (max-width: 920px) { .elementor .sorter-bins { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 520px) { .elementor .sorter-bins { grid-template-columns: repeat(2, 1fr); } }
.elementor .sorter-bins > .e-button-base { display: flex; align-items: center; justify-content: flex-start; gap: 10px; min-height: 52px; padding: 10px 12px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: transparent; color: var(--fg); font-size: 14px; font-weight: 400; text-align: left; box-shadow: none; }
.elementor .sorter-bins > .e-button-base:hover { border-color: var(--fg); background: var(--surface); }
.elementor .sorter-bins > .e-button-base[aria-pressed="true"] { border-color: var(--fg); background: var(--surface); box-shadow: inset 0 0 0 1px var(--fg); }

/* ─── symbols ─── */
.elementor .lp-symbols { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--gap-lg); align-items: start; padding: 0; }
@media (max-width: 920px) { .elementor .lp-symbols { grid-template-columns: 1fr; } }
.elementor .sym-tile { border-radius: var(--radius-sm); }
.elementor .sym-tile svg, .elementor .sym-tile img { height: 56px; width: auto; }
.elementor .sym-detail { position: sticky; top: 96px; display: grid; gap: 14px; padding: 0; background: transparent; border: 0; border-radius: 0; }
.elementor .sym-detail .sym-head { display: flex; align-items: center; gap: 16px; }
.elementor .sym-detail .sym-head img { width: auto; height: 72px; }
.elementor .sym-detail h3 { font-size: 28px; }
.elementor .sym-detail p { margin: 0; color: var(--fg-2); }
.elementor .sym-bin { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; }

/* ─── news ─── */
.elementor .lp-tabs { display: flex; gap: 4px; flex-wrap: wrap; }
.elementor .lp-tabs > .e-button-base { min-height: 40px; padding: 8px 14px; border: 0; background: transparent; color: var(--muted); border-radius: 8px; font-size: 14px; font-weight: 400; box-shadow: none; }
.elementor .lp-tabs > .e-button-base:hover { color: var(--fg); background: var(--fg-soft); }
.elementor .lp-tabs > .e-button-base:first-child { color: var(--fg); background: var(--fg-soft); font-weight: 600; }
.elementor .lp-log-list { display: grid; grid-template-columns: 1fr; gap: 0; }
.elementor .lp-log-row { display: grid; grid-template-columns: 130px minmax(0, 1fr) 190px; grid-template-rows: auto 1fr; column-gap: var(--gap-lg); padding: 22px 0; border: 0; border-top: 1px solid var(--border); align-items: baseline; }
.elementor .lp-log-row > :nth-child(1) { grid-column: 3; grid-row: 1 / 3; justify-self: end; align-self: baseline; display: inline-flex; padding: 3px 10px; color: var(--muted); border: 1px solid var(--border); border-radius: var(--radius-pill); font-size: 12px; margin: 0; background: transparent; width: max-content; }
.elementor .lp-log-row > :nth-child(2) { grid-column: 1; grid-row: 1 / 3; font-size: 13px; color: var(--muted); margin: 0; }
.elementor .lp-log-row > :nth-child(3) { grid-column: 2; grid-row: 1; font-size: 20px; color: var(--fg); margin: 0; }
.elementor .lp-log-row > :nth-child(3) a { color: var(--fg); }
.elementor .lp-log-row > :nth-child(3) a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.elementor .lp-log-row > :nth-child(4) { grid-column: 2; grid-row: 2; margin: 6px 0 0; color: var(--muted); font-size: 15px; max-width: 64ch; }
@media (max-width: 760px) {
	.elementor .lp-log-row { grid-template-columns: 1fr; gap: 6px; }
	.elementor .lp-log-row > * { grid-column: 1 !important; grid-row: auto !important; justify-self: start !important; }
}
.elementor .topics { display: grid; grid-template-columns: 1fr 3fr; gap: var(--gap-lg); margin-block-start: var(--gap-xl); padding-block-start: var(--gap-lg); border-block-start: 1px solid var(--fg); }
@media (max-width: 920px) { .elementor .topics { grid-template-columns: 1fr; } }
.elementor .lp-topics-head { display: block; }
.elementor .lp-topics-head h3 { font-size: 20px; }
.elementor .lp-topics-head p { margin: 4px 0 0; font-size: 13px; color: var(--muted); }
.elementor .lp-topic-list { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; }
.elementor .lp-topic-list > .e-button-base { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 16px; border: 1px solid var(--border); border-radius: var(--radius-pill); background: var(--surface); color: var(--fg); font-size: 14px; font-weight: 400; box-shadow: none; }
.elementor .lp-topic-list > .e-button-base:hover { border-color: var(--fg); }
.elementor .lp-tag-list { display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin-block-start: 20px; }
.elementor .lp-tag-list > .e-button-base { display: inline-flex; align-items: center; min-height: 0; padding: 3px 10px; color: var(--muted); border: 1px solid var(--border); border-radius: var(--radius-pill); background: transparent; font-size: 12px; font-weight: 400; box-shadow: none; }
.elementor .lp-tag-list > .e-button-base:hover { color: var(--fg); border-color: var(--fg); }

/* ─── quiz ─── */
.elementor .quiz { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: var(--gap-xl); align-items: start; padding: 0; }
@media (max-width: 920px) { .elementor .quiz { grid-template-columns: 1fr; } }
.elementor .lp-quiz-side { position: sticky; top: 96px; display: block; }
@media (max-width: 920px) { .elementor .lp-quiz-side { position: static; } }
.elementor .quiz-result:not(:empty) { margin-top: var(--gap-lg); padding: 24px; border-radius: var(--radius-lg); background: var(--surface-warm); }
.elementor .quiz-result .score { font-family: Georgia, serif; font-size: 48px; line-height: 1; }
.elementor .quiz-result p { margin: 10px 0 0; color: var(--fg-2); }
.elementor .lp-q { display: block; border-top: 1px solid var(--border); padding: 20px 0; }
.elementor .lp-q > p:first-child { margin: 0 0 12px; font-weight: 600; color: var(--fg); }
.elementor .lp-opts { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; }
.elementor .lp-opts > * { position: relative; display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px; border: 1px solid var(--border); border-radius: var(--radius-pill); background: var(--bg); font-size: 14px; cursor: pointer; transition: border-color 150ms, background 150ms; width: auto; }
.elementor .lp-opts > *:hover { border-color: var(--fg); }
.elementor .lp-opts > * input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; margin: 0; cursor: pointer; }
.elementor .lp-opts > * p { margin: 0; font-size: 14px; color: inherit; }
.elementor .lp-opts > *:has(input:checked) { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.elementor .lp-opts > *:has(input:checked) p { color: var(--bg); }
.elementor .lp-opts > *:has(input:focus-visible) { box-shadow: var(--focus-ring); border-color: var(--accent); }
.elementor .lp-quiz-actions { display: flex; flex-direction: row; gap: 12px; padding-top: 20px; border-top: 1px solid var(--border); }

/* ─── eko kreacije ─── */
.elementor .lp-eko-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-lg); }
@media (max-width: 920px) { .elementor .lp-eko-list { grid-template-columns: 1fr; } }
.elementor .lp-eko-card { display: grid; grid-template-columns: 128px minmax(0, 1fr); column-gap: var(--gap-md); align-items: start; padding-top: var(--gap-md); border-top: 1px solid var(--border); }
.elementor .lp-eko-card > :nth-child(1) { grid-column: 1; grid-row: 1 / 3; }
.elementor .lp-eko-card > :nth-child(1) img { width: 128px; height: auto; border-radius: var(--radius-sm); }
.elementor .lp-eko-card > :nth-child(2) { grid-column: 2; grid-row: 1; font-size: 20px; margin: 0; }
.elementor .lp-eko-card > :nth-child(3) { grid-column: 2; grid-row: 2; margin: 8px 0 0; color: var(--fg-2); font-size: 15px; }
.elementor .lp-eko-actions { display: flex; flex-direction: row; gap: 12px; align-items: center; }

/* ─── guides ─── */
.elementor .grid-5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--gap-md); }
@media (max-width: 1100px) { .elementor .grid-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-lg); } }
@media (max-width: 720px) { .elementor .grid-5 { grid-template-columns: 1fr; } }
.elementor .lp-guide { display: block; border-top: 1px solid var(--fg); padding-top: 22px; background: transparent; border-radius: 0; border-left: 0; border-right: 0; border-bottom: 0; }
.elementor .lp-guide h3, .elementor .lp-guide h3 a { font-size: 20px; color: var(--fg); }
.elementor .lp-guide h3 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.elementor .lp-guide p { margin: 8px 0 0; color: var(--muted); font-size: 15px; }

/* ─── closing band ─── */
.elementor .cta-band { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: var(--gap-xl); align-items: end; background: var(--surface-warm); border-radius: var(--radius-lg); padding: clamp(32px, 5vw, 64px); }
@media (max-width: 920px) { .elementor .cta-band { grid-template-columns: 1fr; gap: var(--gap-lg); } }
.elementor .finder-form { display: grid; gap: 10px; }
.elementor .lp-field-row { display: flex; flex-direction: row; gap: 8px; align-items: stretch; }
.elementor .finder-input { height: 52px; min-height: 52px; flex: 1; min-width: 0; padding: 0 14px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); }
.elementor .finder-hint { font-size: 14px; color: var(--fg-2); min-height: 22px; margin: 0; }

/* JS-rendered headings use the display face like the kit's h3 default */
.elementor .sorter-result h3, .elementor .sym-detail h3, .elementor .quiz-result h3 { font-family: Georgia, "Times New Roman", serif; font-weight: 600; line-height: 1.25; margin: 0; color: var(--fg); }
.elementor .sym-detail .sym-head { display: block; }
.elementor .sym-detail .sym-head .meta { margin: 0 0 6px; }
.elementor .lp-log-row > :empty { display: none; }

/* ─── round-two fixes ─── */
.elementor .lp-section:not(.lp-surface) { background-color: transparent; }
.elementor .quiz > form { display: block; }
.elementor .quiz-result:not(:has(*)) { display: none; }
.elementor .quiz-hint { margin: 12px 0 0; font-size: 14px; color: var(--muted); }
.elementor .topics > .lp-topics-head { grid-column: 1; grid-row: 1 / 3; }
.elementor .topics > .lp-topic-list { grid-column: 2; grid-row: 1; }
.elementor .topics > .lp-tag-list { grid-column: 2; grid-row: 2; margin: 0; }
@media (max-width: 920px) {
	.elementor .topics > * { grid-column: 1 !important; grid-row: auto !important; }
}
.elementor .lp-eko-list > *, .elementor .lp-log-list > * { padding: 0; }

/* ─── link/button hover: never fall back to the kit's accent-hover text colour ─── */
.elementor a.e-button-base:hover, .elementor a.e-button-base:focus-visible { color: var(--fg); }
.elementor a.e-button-base.btn-solid:hover, .elementor a.e-button-base.btn-solid:focus-visible { color: var(--accent-on); }
.elementor a.e-button-base[aria-pressed="true"]:hover { color: var(--bg); }
.elementor .sorter-chips > a.e-button-base[aria-pressed="true"], .elementor .sorter-chips > a.e-button-base[aria-pressed="true"]:hover { color: var(--bg); }
.elementor .hero-facts > a.e-button-base:hover { color: var(--muted); }
.elementor .lp-tag-list > a.e-button-base:hover { color: var(--fg); }
.elementor .nav-toggle:hover, .elementor .nav-toggle:focus-visible { color: var(--bg); }
/* Main menu: the padded .nav-link box is the visual button, so stretch the link over the whole box */
.elementor .site-nav .nav-link { position: relative; cursor: pointer; }
.elementor .site-nav .nav-link > a::after { content: ''; position: absolute; inset: 0; border-radius: inherit; }
.elementor .footer-link:hover a, .elementor .footer-link a:hover { color: var(--bg); text-decoration: underline; text-underline-offset: 3px; }
.elementor .e-heading-link-base:hover, .elementor .e-paragraph-link-base:hover { color: inherit; }

/* logo glow (template: .topnav .logo img / .pagefoot .logo img) */
.elementor header img, .elementor footer img { filter: drop-shadow(0 0 8px color-mix(in srgb, var(--bg) 45%, transparent)); }
.elementor header a.e-image-link-base, .elementor footer a.e-image-link-base { flex: none; display: block; }
.elementor header img.e-image-base { min-width: 44px; }
.elementor footer img.e-image-base { min-width: 36px; }

/* quiz: only the wrapper is the 2-col grid, the form inside must stay a plain block */
.elementor form.quiz { display: block; grid-template-columns: none; padding: 0; gap: 0; }
/* news tabs: selected state driven by aria-selected (JS) */
.elementor .lp-tabs > .e-button-base:first-child { color: var(--muted); background: transparent; font-weight: 400; }
.elementor .lp-tabs > .e-button-base[aria-selected="true"], .elementor .lp-tabs > .e-button-base[aria-selected="true"]:hover { color: var(--fg); background: var(--fg-soft); font-weight: 600; }
.elementor .lp-tabs:not(:has([aria-selected])) > .e-button-base:first-child { color: var(--fg); background: var(--fg-soft); font-weight: 600; }
.elementor .lp-empty-note { padding: 22px 0; border-top: 1px solid var(--border); color: var(--muted); margin: 0; }
.elementor [hidden] { display: none !important; }

/* anchor targets clear the sticky header */
.elementor [id="sorter"], .elementor [id="simboli"], .elementor [id="novice"], .elementor [id="anketa"], .elementor [id="eko-kreacije"], .elementor [id="vodniki"], .elementor [id="zbirni-centri"] { scroll-margin-top: 76px; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }

/* header collapses at 1020px (template breakpoint), not Elementor's 767px */
@media (max-width: 1020px) {
	.elementor .nav-toggle { display: inline-flex; }
	.elementor .site-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 0; width: auto; padding: 8px max(24px, calc((100% - 1180px) / 2 + 24px)) 16px; background: var(--fg); border-bottom: 1px solid color-mix(in srgb, var(--bg) 16%, var(--fg)); z-index: 19; box-sizing: border-box; }
	.elementor .site-nav.open { display: flex; }
	.elementor .site-nav > * { padding: 12px 0; font-size: 16px; color: var(--bg); border-bottom: 1px solid color-mix(in srgb, var(--bg) 16%, var(--fg)); border-radius: 0; }
	.elementor .site-nav > *:hover { background: transparent; text-decoration: underline; text-underline-offset: 4px; }
	.elementor .search-open > p, .elementor .search-open span { position: absolute; left: -9999px; }
}

/* symbols: tiles + detail card exactly as the template (.sym / .card.sym-detail) */
.elementor .sym-tile .e-svg-base, .elementor .sym-tile .e-svg { width: auto !important; height: 56px !important; display: flex; justify-content: center; }
.elementor .sym-tile svg, .elementor .sym-tile img { height: 56px !important; width: auto !important; max-width: 100%; }
.elementor .sym-tile p { margin: 0; font-size: 13px; line-height: 1.35; color: var(--fg); text-align: center; }
.elementor .sym-detail { padding: var(--gap-lg); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); box-sizing: border-box; }
.elementor .sym-detail:empty { display: none; }
.elementor .sym-detail .sym-head { display: flex; align-items: center; gap: 16px; }
.elementor .sym-detail .sym-icon svg, .elementor .sym-detail .sym-icon img { height: 72px; width: auto; display: block; }
.elementor .sym-detail .sym-head .meta { margin: 0; }
.elementor .sym-detail h3 { font-size: 28px; }

/* header: logo and actions stay on one row at every width (template .topnav-inner) */
.elementor header .e-con:has(> .site-nav) { flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; justify-content: space-between; }
@media (max-width: 1020px) {
	.elementor header .e-con:has(> .site-nav) { padding-inline: 24px !important; gap: 16px !important; }
	.elementor .search-open svg { width: 26px; height: 26px; }
	.elementor .search-open { padding-inline: 12px; }
}
@media (max-width: 639px) { .elementor header .e-con:has(> .site-nav) { padding-inline: 16px !important; } }
.elementor .sym-detail .sym-icon { flex: none; display: block; width: 72px; height: 72px; }
.elementor .sym-detail .sym-icon svg, .elementor .sym-detail .sym-icon img { width: 72px !important; height: 72px !important; display: block; }

/* ─── news: first item = lead story, second = "second"; rest stay log rows (template .lead-story/.second/.log-row) ─── */
.elementor .lp-log-list:not(.is-filtered) { grid-template-columns: 1.15fr 1fr; column-gap: var(--gap-xl); }
.elementor .lp-log-list:not(.is-filtered) > :nth-child(n+3) { grid-column: 1 / -1; }
.elementor .lp-log-list:not(.is-filtered) > :nth-child(-n+2) { padding-bottom: var(--gap-xl); }
.elementor .lp-log-list:not(.is-filtered) > :nth-child(-n+2) .lp-log-row { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 8px; row-gap: 0; padding: 0; border-top: 0; }
.elementor .lp-log-list:not(.is-filtered) > :nth-child(-n+2) .lp-log-row > * { grid-column: auto; grid-row: auto; justify-self: auto; }
/* date first, then category as plain meta text: "12. maja, 2026 · Ločevanje odpadkov" */
.elementor .lp-log-list:not(.is-filtered) > :nth-child(-n+2) .lp-log-row > :nth-child(2) { order: 1; font-size: 13px; color: var(--muted); }
.elementor .lp-log-list:not(.is-filtered) > :nth-child(-n+2) .lp-log-row > :nth-child(2)::after { content: " ·"; }
.elementor .lp-log-list:not(.is-filtered) > :nth-child(-n+2) .lp-log-row > :nth-child(1) { order: 2; padding: 0; border: 0; border-radius: 0; font-size: 13px; color: var(--muted); width: auto; }
.elementor .lp-log-list:not(.is-filtered) > :nth-child(-n+2) .lp-log-row > :nth-child(3) { order: 3; flex: 0 0 100%; margin-top: 12px; }
.elementor .lp-log-list:not(.is-filtered) > :nth-child(-n+2) .lp-log-row > :nth-child(4) { order: 4; flex: 0 0 100%; }
.elementor .lp-log-list:not(.is-filtered) > :nth-child(1) .lp-log-row > :nth-child(3) { font-size: clamp(30px, 3.4vw, 42px); line-height: 1.12; letter-spacing: -0.025em; font-weight: 400; }
.elementor .lp-log-list:not(.is-filtered) > :nth-child(1) .lp-log-row > :nth-child(4) { font-size: 20px; line-height: 1.55; color: var(--muted); margin-top: 16px; max-width: 52ch; }
.elementor .lp-log-list:not(.is-filtered) > :nth-child(2) .lp-log-row > :nth-child(3) { font-size: 20px; margin-top: 8px; font-weight: 600; }
.elementor .lp-log-list:not(.is-filtered) > :nth-child(2) .lp-log-row > :nth-child(4) { margin-top: 10px; font-size: 15px; color: var(--muted); }
@media (max-width: 920px) {
	.elementor .lp-log-list:not(.is-filtered) { grid-template-columns: 1fr; }
	.elementor .lp-log-list:not(.is-filtered) > :nth-child(-n+2) { padding-bottom: var(--gap-lg); }
}

/* closing band: "types" strip (template .cta-types) */
.elementor .lp-cta-types { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-lg); padding: var(--gap-lg) 0 0; border-top: 1px solid color-mix(in srgb, var(--fg) 14%, transparent); }
.elementor .lp-cta-type { display: grid; gap: 4px; padding: 0; align-content: start; }
.elementor .lp-cta-type-title { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: 20px; color: var(--fg); margin: 0; }
.elementor .lp-cta-type > p:not(.lp-cta-type-title) { margin: 0; font-size: 15px; color: var(--fg-2); }
@media (max-width: 720px) { .elementor .lp-cta-types { grid-template-columns: 1fr; gap: var(--gap-md); } }
/* eko header: buttons side by side on the right, like the template */
.elementor .lp-eko-actions { flex-wrap: wrap; }
.elementor .lp-log-list { grid-auto-rows: auto; align-items: start; }

/* tag cloud toggle (template .tag-cloud summary) */
.elementor .lp-tag-toggle { display: block; grid-column: 2; margin-top: 20px; padding: 0; background: none; border: 0; font: inherit; font-size: 14px; font-weight: 600; color: var(--fg); cursor: pointer; width: max-content; }
.elementor .lp-tag-toggle::before { content: '▸'; display: inline-block; margin-right: 8px; transition: transform 150ms; }
.elementor .lp-tag-toggle[aria-expanded="true"]::before { transform: rotate(90deg); }
.elementor .lp-tag-toggle:hover { text-decoration: underline; text-underline-offset: 3px; }
.elementor .topics > .lp-tag-toggle { grid-column: 2; grid-row: 2; }
.elementor .topics > .lp-tag-list { grid-row: 3; margin-top: 0; }
.elementor .topics > .lp-topics-head { grid-row: 1 / 4; }
@media (max-width: 920px) { .elementor .topics > .lp-tag-toggle { grid-column: 1 !important; grid-row: auto !important; } }
.elementor .topics > .lp-tag-toggle { margin-top: -12px; }
.elementor .topics > .lp-tag-list { margin-top: -12px; }

/* links inside JS-rendered content: template `a { color: inherit }`, underlined in text (theme default is pink #c36) */
.elementor .quiz-result a, .elementor .sorter-result a, .elementor .sym-detail a, .elementor .finder-hint a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.elementor .quiz-result a:hover, .elementor .sorter-result a:hover, .elementor .sym-detail a:hover, .elementor .finder-hint a:hover { color: inherit; text-decoration-thickness: 2px; }
.search-dialog a, .search-results a, .cookie a { color: inherit; text-decoration: none; }
.cookie a { text-decoration: underline; text-underline-offset: 3px; }

/* symbols: every icon sits in the same fixed box (icons differ in aspect ratio), labels share one baseline */
.elementor .sym-tile { justify-content: flex-start !important; gap: 12px !important; }
.elementor .sym-tile .e-svg-base, .elementor .sym-tile .e-svg { width: 64px !important; height: 64px !important; flex: 0 0 64px; display: flex; align-items: center; justify-content: center; }
.elementor .sym-tile svg, .elementor .sym-tile img { width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; object-fit: contain; }
.elementor .sym-tile p { min-height: 2.7em; }
/* symbols on phones: 3 per row (2 per row made the tiles too big) */
@media (max-width: 767px) {
	.elementor .sym-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }
	.elementor .sym-tile { gap: 8px !important; padding: 12px 4px !important; min-height: 0 !important; }
	.elementor .sym-tile .e-svg-base, .elementor .sym-tile .e-svg { width: 44px !important; height: 44px !important; flex-basis: 44px; }
	.elementor .sym-tile p { font-size: 12px; line-height: 1.3; overflow-wrap: anywhere; min-height: 0; }
}

/* header on very narrow phones (<=420px): compact logo, no tagline, tighter actions so "Meni" never overflows */
@media (max-width: 420px) {
	.elementor header .e-con:has(> .site-nav) { padding-inline: 12px !important; gap: 8px !important; }
	.elementor header .e-con:has(> .site-nav) > .e-con:first-child { gap: 8px !important; min-width: 0; flex: 1 1 auto; }
	.elementor header .e-con:has(> .site-nav) > .e-con:first-child img { width: 40px !important; height: 40px !important; flex: none; }
	.elementor header .e-con:has(> .site-nav) > .e-con:first-child h2 { font-size: 20px !important; white-space: nowrap; }
	.elementor header .e-con:has(> .site-nav) > .e-con:first-child p { display: none; }
	.elementor header .e-con:has(> .site-nav) > .e-con:last-child { gap: 6px !important; flex: none; }
	.elementor header .search-open { padding-inline: 8px; }
	.elementor header .search-open svg { width: 24px; height: 24px; }
	.elementor header .nav-toggle { padding-inline: 14px; }
}

/* Frontpage sections alternate paper / tinted so each one is visually separated. Order: sorter (tinted), vodniki,
 * simboli (tinted), novice, anketa (tinted), eko-kreacije, zbirni-centri (tinted). The tint is set per anchor class so
 * reordering sections in Elementor needs only this list updated. */
.elementor .lp-section.anchor-simboli,
.elementor .lp-section.anchor-zbirni-centri { background-color: var(--surface); }

/* ─── tips: front-page strip (a card, so it reads apart from the Vodniki section) ─── */
.elementor .lp-tip-section { padding-block: var(--gap-xl); border-top: 0; }
.lp-tip { max-width: 760px; margin-inline: auto; padding: 28px 32px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg, 16px); }
.lp-tip .eyebrow { margin: 0; }
.lp-tip-text { margin: 10px 0 0; font-family: var(--font-display, Georgia, serif); font-size: clamp(20px, 3vw, 28px); line-height: 1.3; color: var(--fg); }
.lp-tip-src { display: block; margin-top: 10px; font-family: Inter, system-ui, sans-serif; font-size: 15px; color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.lp-tip-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 20px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--border); }
.lp-tip-next { min-height: 44px; padding: 0 20px; border: 1px solid var(--border); border-radius: var(--radius-pill, 999px); background: var(--surface); color: var(--fg); font: inherit; font-size: 15px; cursor: pointer; }
.lp-tip-next:hover, .lp-tip-next:focus-visible { border-color: var(--accent); color: var(--accent); }
.lp-tip-more { display: inline-flex; align-items: center; min-height: 44px; color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 520px) { .lp-tip { padding: 20px 18px; } .lp-tip-next { width: 100%; } }

/* CLS: system fallback with Inter's metrics, so the late Inter swap does not move the layout */
@font-face { font-family: "Inter Fallback"; src: local("Arial"), local("Helvetica Neue"), local("Helvetica"); size-adjust: 107.12%; ascent-override: 90.2%; descent-override: 22.48%; line-gap-override: 0%; }
:root { --font-body: Inter, "Inter Fallback", Arial, sans-serif; }

/* Page transitions: cross-fade between same-origin page loads (same one-liner as oldtimer-wheels.com) */
@view-transition { navigation: auto; }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}

/* Page transitions: keep the site header still while the rest of the page cross-fades */
header.e-default-header { view-transition-name: site-header; }
::view-transition-old(site-header) { display: none; }
::view-transition-new(site-header) { animation: none; }