/* Lep planet - single post, ported from lep-planet-post-warm-editorial.html (article-specific block) */

.elementor .lp-crumbs { display: flex; flex-direction: row; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: var(--gap-lg); padding: 0; }
.elementor .lp-crumbs > p { margin: 0; font-size: 13px; color: var(--muted); }
.elementor .lp-crumbs > p a:hover { color: var(--fg); text-decoration: underline; text-underline-offset: 3px; }
.elementor .lp-crumbs > p.lp-sep { color: var(--border); }
.elementor .lp-article-head { display: block; max-width: 74ch; padding: 0; }
.elementor .lp-article-head .eyebrow { color: var(--accent); }
.elementor .lp-article-head h1 { margin: 0; }
.elementor .lp-article-meta { margin: var(--gap-md) 0 0; font-size: 13px; color: var(--muted); }
.elementor .lp-article-lead { margin: var(--gap-md) 0 0; max-width: 68ch; font-size: 20px; line-height: 1.55; color: var(--muted); }
.elementor .lp-article-lead:empty { display: none; }
.elementor .lp-article-hero { display: block; margin-top: var(--gap-xl); }
.elementor .lp-article-hero img { display: block; width: 100%; max-width: 100%; height: auto; max-height: 60vh; object-fit: cover; border-radius: var(--radius-lg); }

/* body: template .article-body (68ch, 18px / 1.7) */
.elementor .lp-article-body { display: block; max-width: 68ch; padding: 0; font-size: 18px; line-height: 1.7; color: var(--fg-2); }
.elementor .lp-article-body p { margin: 0 0 var(--space-5, 20px); font-size: 18px; line-height: 1.7; color: var(--fg-2); }
.elementor .lp-article-body strong { color: var(--fg); }
.elementor .lp-article-body h2, .elementor .lp-article-body h3 { margin: var(--gap-lg) 0 var(--space-3, 12px); }
.elementor .lp-article-body ul, .elementor .lp-article-body ol { margin: 0 0 var(--space-5, 20px); padding-left: 22px; }
.elementor .lp-article-body img { max-width: 100%; height: auto; border-radius: var(--radius-lg); }
.elementor .lp-article-body figure { margin: var(--gap-lg) 0; }
.elementor .lp-article-body figcaption { font-size: 13px; color: var(--muted); margin-top: 10px; }
.elementor .lp-article-body blockquote { max-width: 62ch; margin: var(--gap-lg) 0; padding: var(--gap-md) 0; border: 0; border-top: 1px solid var(--fg); border-bottom: 1px solid var(--fg); font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: clamp(22px, 2.6vw, 30px); line-height: 1.35; color: var(--fg); }
.elementor .lp-article-body blockquote p { font: inherit; color: inherit; margin: 0; }
.elementor .lp-article-body a { color: var(--fg); text-decoration: none; border-bottom: 1px solid var(--border); padding-bottom: 2px; font-weight: 500; }
.elementor .lp-article-body a:hover { border-color: var(--fg); }
.elementor .lp-article-wrap { display: block; padding-block: calc(var(--gap-2xl) / 2) var(--gap-2xl); }

.article-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: var(--gap-xl); padding-top: var(--gap-lg); border-top: 1px solid var(--border); max-width: 68ch; }
.tag { display: inline-flex; align-items: center; padding: 3px 10px; color: var(--muted); border: 1px solid var(--border); border-radius: var(--radius-pill); font-size: 12px; }
a.tag:hover { color: var(--fg); border-color: var(--fg); }

/* related posts: template .log-row */
.elementor .lp-related { padding-block: var(--gap-2xl); display: block; }
.elementor .lp-related-head { display: block; margin-bottom: var(--gap-md); padding: 0; }
.related .log-row { display: grid; grid-template-columns: 130px minmax(0, 1fr) 190px; gap: var(--gap-lg); padding: 22px 0; border-top: 1px solid var(--border); align-items: baseline; }
.related .log-row time { font-size: 13px; color: var(--muted); }
.related .log-row h3 { margin: 0; font-size: 20px; }
.related .log-row h3 a { color: var(--fg); }
.related .log-row h3 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.related .log-row p { margin: 6px 0 0; color: var(--muted); font-size: 15px; max-width: 64ch; }
.related .log-row .pull { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; text-align: right; }
@media (max-width: 760px) { .related .log-row { grid-template-columns: 1fr; gap: 6px; } .related .log-row .pull { justify-content: flex-start; } }


/* ─── pages (template .crumbs / .page-body / .subguide-grid) ─── */
.crumbs { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: var(--gap-lg); font-size: 13px; color: var(--muted); }
.crumbs a:hover { color: var(--fg); text-decoration: underline; text-underline-offset: 3px; }
.crumbs span[aria-hidden] { color: var(--border); }
.elementor .lp-page-body { display: block; max-width: 70ch; padding: 0; font-size: 18px; line-height: 1.7; color: var(--fg-2); }
.elementor .lp-page-body p { margin: 0 0 var(--space-5, 20px); font-size: 18px; line-height: 1.7; color: var(--fg-2); }
.elementor .lp-page-body strong { color: var(--fg); }
.elementor .lp-page-body h2, .elementor .lp-page-body h3 { margin: var(--gap-lg) 0 var(--space-3, 12px); }
.elementor .lp-page-body h4 { font-size: 14px; font-weight: 600; margin: 0 0 8px; color: var(--fg); }
.elementor .lp-page-body ul, .elementor .lp-page-body ol { margin: 0 0 var(--space-5, 20px); padding-left: 22px; }
.elementor .lp-page-body img { max-width: 100%; height: auto; border-radius: var(--radius-lg); }
.elementor .lp-page-body figure, .elementor .lp-page-body .wp-caption { max-width: 100%; margin: var(--gap-lg) 0; }
.elementor .lp-page-body figcaption, .elementor .lp-page-body .wp-caption-text { font-size: 13px; color: var(--muted); margin-top: 10px; }
.elementor .lp-page-body a { color: var(--fg); text-decoration: none; border-bottom: 1px solid var(--border); padding-bottom: 2px; font-weight: 500; }
.elementor .lp-page-body a:hover { border-color: var(--fg); }
.elementor .lp-page-body table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 0 0 var(--space-5, 20px); }
.elementor .lp-page-body th, .elementor .lp-page-body td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--border); vertical-align: top; }
.subguide-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--gap-lg); margin-top: var(--gap-xl); }
.subguide-grid .guide { border-top: 1px solid var(--fg); padding-top: 22px; }
.subguide-grid .guide h3 { margin: 0; font-size: 20px; }
.subguide-grid .guide h3 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.subguide-grid .guide p { margin: 8px 0 0; color: var(--muted); font-size: 15px; }
.subguide-grid .guide .btn-arrow { display: inline-flex; margin-top: 14px; font-weight: 600; color: var(--fg); }
.subguide-grid .guide .btn-arrow::after { content: '→'; margin-left: 8px; transition: transform .15s; }
.subguide-grid .guide .btn-arrow:hover::after { transform: translateX(3px); }
.elementor .lp-subguides { display: block; max-width: none; }

/* hero without a featured image: no empty gap */
.elementor .lp-article-hero:not(:has(img[src])) { display: none; }
.elementor [hidden].lp-article-hero { display: none; }

.subguide-grid .guide h3, .related .log-row h3 { font-family: Georgia, "Times New Roman", serif; font-weight: 600; line-height: 1.25; color: var(--fg); }
.subguide-grid .guide h3 a { color: var(--fg); }

/* content built from legacy hub pages */
.elementor .lp-page-body .lp-municipalities { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; list-style: none; padding: 0; margin: 0 0 var(--space-5, 20px); }
.elementor .lp-page-body .lp-municipalities li { margin: 0; padding: 0; font-size: 15px; }
.elementor .lp-page-body .lp-municipalities li a:not(.btn-arrow) { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 8px; row-gap: 2px; padding: 10px 14px; border: 1px solid var(--border); border-radius: 10px; color: var(--fg); text-decoration: none; background: transparent; transition: border-color .15s, background-color .15s; }
.elementor .lp-page-body .lp-municipalities li a:not(.btn-arrow)::after { content: '\2197'; color: var(--accent); grid-column: 2; grid-row: 1 / span 2; }
.elementor .lp-page-body .lp-municipalities .lp-muni-domain { grid-column: 1; font-size: 12.5px; font-weight: 400; color: var(--fg-muted, var(--fg)); opacity: .7; overflow-wrap: anywhere; line-height: 1.3; }
.elementor .lp-page-body .lp-municipalities li a:not(.btn-arrow):hover, .elementor .lp-page-body .lp-municipalities li a:not(.btn-arrow):focus-visible { border-color: var(--accent); background: var(--fg-soft); }
.elementor .lp-page-body .lp-municipalities li[hidden] { display: none; }
.elementor .lp-page-body .lp-muni-filter { display: block; width: 100%; max-width: 420px; box-sizing: border-box; margin: 0 0 16px; padding: 10px 14px; font: inherit; font-size: 16px; color: var(--fg); background: transparent; border: 1px solid var(--border); border-radius: 10px; }
.elementor .lp-page-body .lp-muni-filter:focus-visible { outline: none; border-color: var(--accent); box-shadow: var(--focus-ring); }
.elementor .lp-page-body .lp-muni-empty { margin: 0 0 16px; color: var(--fg-muted, inherit); }
.elementor .lp-page-body .lp-symbol { display: flex; gap: 16px; align-items: flex-start; padding: 20px 0; border-top: 1px solid var(--border); }
.elementor .lp-page-body .lp-symbol img { flex: none; width: auto; max-width: 96px; height: 72px; object-fit: contain; border-radius: 0; }
.elementor .lp-page-body .lp-symbol h3 { margin: 0 0 6px; font-size: 20px; }
.elementor .lp-page-body .lp-symbol p { margin: 0; font-size: 16px; }

.elementor .lp-page-body.is-empty { display: none; }
.elementor .lp-article-wrap:has(> .lp-page-body.is-empty) { padding-block-start: var(--gap-lg); }
.elementor .lp-page-body.is-empty ~ .elementor-widget-shortcode .subguide-grid { margin-top: 0; }
.elementor .lp-page-body .lp-symbol img { width: 72px; max-width: none; height: 72px; object-fit: contain; }

/* ─── page layout with side navigation (same-level pages) ─── */
.elementor .lp-page-wrap { display: grid; grid-template-columns: minmax(0, 70ch) minmax(220px, 1fr); column-gap: var(--gap-xl); align-items: start; }
.elementor .lp-page-wrap > * { grid-column: 1; }
.elementor .lp-page-wrap > .elementor-widget-shortcode:has(.lp-sidenav) { grid-column: 2; grid-row: 1 / span 3; position: sticky; top: 96px; align-self: start; justify-self: end; width: 100%; max-width: 300px; }
.elementor .lp-page-wrap > .elementor-widget-shortcode:has(.subguide-grid) { grid-column: 1 / -1; }
.elementor .lp-page-wrap > .elementor-widget-shortcode:has(.lp-prevnext) { grid-column: 1 / -1; }
.lp-sidenav { border-left: 1px solid var(--border); padding-left: var(--gap-md, 20px); }
.lp-sidenav-title { margin: 0 0 8px; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.lp-sidenav-up { display: inline-flex; margin-bottom: 12px; font-family: Georgia, "Times New Roman", serif; font-size: 18px; font-weight: 600; color: var(--fg); }
.lp-sidenav-up::before { content: '←'; margin-right: 8px; color: var(--muted); }
.lp-sidenav-up:hover { text-decoration: underline; text-underline-offset: 4px; }
.lp-sidenav ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.lp-sidenav li a { display: block; padding: 7px 10px; margin-left: -10px; border-radius: 8px; font-size: 15px; color: var(--fg-2); }
.lp-sidenav li a:hover { background: var(--fg-soft); color: var(--fg); }
.lp-sidenav li a[aria-current="page"] { background: var(--fg); color: var(--bg); font-weight: 600; }
.lp-prevnext { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-md, 20px); margin-top: var(--gap-xl); padding-top: var(--gap-lg); border-top: 1px solid var(--border); }
.lp-pn { display: grid; gap: 4px; padding: 16px 20px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); transition: border-color .15s; }
.lp-pn:hover { border-color: var(--fg); }
.lp-pn .meta { font-size: 13px; color: var(--muted); }
.lp-pn strong { font-family: Georgia, "Times New Roman", serif; font-weight: 600; font-size: 18px; color: var(--fg); }
.lp-pn-next { text-align: right; grid-column: 2; }
.lp-pn-prev { grid-column: 1; }
@media (max-width: 920px) {
	.elementor .lp-page-wrap { grid-template-columns: minmax(0, 1fr); }
	.elementor .lp-page-wrap > .elementor-widget-shortcode:has(.lp-sidenav) { grid-column: 1; grid-row: auto; position: static; order: 2; max-width: none; margin-top: var(--gap-lg); }
	.elementor .lp-page-wrap > .lp-page-body { order: 1; }
	.elementor .lp-page-wrap > .elementor-widget-shortcode:has(.lp-prevnext) { order: 3; }
	.elementor .lp-page-wrap > .elementor-widget-shortcode:has(.subguide-grid) { order: 4; }
}
@media (max-width: 520px) { .lp-prevnext { grid-template-columns: 1fr; } .lp-pn-next, .lp-pn-prev { grid-column: 1; text-align: left; } }

/* images that sit beside text get breathing room on the text side */
.elementor .lp-page-body img.alignright, .elementor .lp-page-body .alignright img, .elementor .lp-page-body img[align="right"] { margin-left: 1rem; margin-bottom: .75rem; }
.elementor .lp-page-body img.alignleft, .elementor .lp-page-body .alignleft img, .elementor .lp-page-body img[align="left"] { margin-right: 1rem; margin-bottom: .75rem; }
.elementor .lp-page-body .wp-caption.alignright { margin-left: 1rem; }
.elementor .lp-page-body .wp-caption.alignright img { margin-left: 0; }

/* legacy callout boxes (div.bin): stay beside floated images, new-design look */
.elementor .lp-page-body .bin { display: flow-root; margin: 0 0 var(--space-5, 20px); padding: 16px 20px; background: var(--surface-warm); border: 0; border-radius: var(--radius-sm); color: var(--fg); }
.elementor .lp-page-body .bin p { margin: 0; }

/* headings inside legacy body content use the display face */
.elementor .lp-page-body h2, .elementor .lp-page-body h3, .elementor .lp-page-body h4,
.elementor .lp-article-body h2, .elementor .lp-article-body h3, .elementor .lp-article-body h4 { font-family: Georgia, "Times New Roman", serif; font-weight: 600; line-height: 1.25; color: var(--fg); letter-spacing: -0.01em; }
.elementor .lp-page-body h2, .elementor .lp-article-body h2 { font-size: clamp(24px, 2.6vw, 30px); }
.elementor .lp-page-body h3, .elementor .lp-article-body h3 { font-size: 20px; }

/* system pages (Politika zasebnosti, Piškotki): no "Vodnik" eyebrow above the title */
body.page-id-3 .lp-article-head .eyebrow,
body.page-id-1180 .lp-article-head .eyebrow { display: none; }

/* mobile: floated content images (alignleft/alignright/align attr) become centred blocks */
@media (max-width: 767px) {
	.elementor .elementor-widget-theme-post-content img.alignright,
	.elementor .elementor-widget-theme-post-content img.alignleft,
	.elementor .elementor-widget-theme-post-content img[align="right"],
	.elementor .elementor-widget-theme-post-content img[align="left"],
	.elementor .elementor-widget-theme-post-content .alignright,
	.elementor .elementor-widget-theme-post-content .alignleft,
	.elementor .elementor-widget-theme-post-content .wp-caption.alignright,
	.elementor .elementor-widget-theme-post-content .wp-caption.alignleft,
	.elementor .elementor-widget-theme-post-content figure.alignright,
	.elementor .elementor-widget-theme-post-content figure.alignleft {
		float: none !important;
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 100%;
		height: auto;
	}
	.elementor .elementor-widget-theme-post-content .wp-caption.alignright img,
	.elementor .elementor-widget-theme-post-content .wp-caption.alignleft img { margin-left: auto; margin-right: auto; }
	.elementor .elementor-widget-theme-post-content .wp-caption-text,
	.elementor .elementor-widget-theme-post-content figcaption { text-align: center; }
}

/* linked headings keep the heading weight (links default to 500) */
.elementor .lp-page-body :is(h2, h3, h4) a, .elementor .lp-article-body :is(h2, h3, h4) a { font-weight: inherit; }

/* ─── flattened legacy tables (.lp-table-unwrap > .lp-row > .lp-cell): header row + ruled rows ─── */
.elementor .lp-page-body .lp-table-unwrap { display: block; margin: var(--gap-lg) 0; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); overflow-x: auto; font-size: 16px; line-height: 1.45; }
.elementor .lp-page-body .lp-row { display: flex; flex-wrap: wrap; align-items: stretch; gap: 0; margin: 0; border-top: 1px solid var(--border); }
.elementor .lp-page-body .lp-row:first-child { border-top: 0; }
.elementor .lp-page-body .lp-row:first-child:not(:only-child) { background: var(--bg); }
.elementor .lp-page-body .lp-row:first-child:not(:only-child) .lp-cell { font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }
.elementor .lp-page-body .lp-row:not(:first-child):hover { background: var(--bg); }
.elementor .lp-page-body .lp-cell { flex: 1 1 0; min-width: 0; padding: 12px 16px; margin: 0; font-size: 16px; line-height: 1.45; color: var(--fg); overflow-wrap: break-word; }
.elementor .lp-page-body .lp-cell:first-child { font-weight: 500; }
.elementor .lp-page-body .lp-cell:first-child:nth-last-child(2) { flex-basis: 40%; }
/* 3+ columns: first column narrow (symbols/images), others fixed minimum, scroll sideways on small screens */
.elementor .lp-page-body .lp-row:has(> .lp-cell:nth-child(3)) { flex-wrap: nowrap; min-width: 560px; }
.elementor .lp-page-body .lp-row > .lp-cell:first-child:nth-last-child(n+3) { flex: 0 0 88px; }
.elementor .lp-page-body .lp-row > .lp-cell:first-child:nth-last-child(n+3) ~ .lp-cell { flex: 1 1 110px; min-width: 110px; }
.elementor .lp-page-body .lp-cell strong { color: inherit; font-weight: inherit; }
.elementor .lp-page-body .lp-cell a { color: var(--accent); text-decoration: none; border-bottom: 1px solid currentColor; font-weight: 500; }
@media (max-width: 520px) { .elementor .lp-page-body .lp-cell { padding: 12px; } .elementor .lp-page-body .lp-cell:first-child:nth-last-child(2) { flex-basis: 45%; } }

/* page blockquote: calm callout instead of the large editorial pull quote */
.elementor .lp-page-body blockquote { max-width: none; margin: var(--gap-lg) 0; padding: 18px 20px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); font-family: inherit; font-style: normal; font-size: 16px; line-height: 1.6; color: var(--fg-2); }
.elementor .lp-page-body blockquote p { font: inherit; color: inherit; margin: 0; }
.elementor .lp-page-body blockquote strong { display: block; margin-bottom: 4px; }

/* single-row "tables" are layout (image beside text), not data: no card, no header styling */
.elementor .lp-page-body .lp-table-unwrap:has(> .lp-row:only-child) { border: 0; background: transparent; border-radius: 0; overflow: visible; }
.elementor .lp-page-body .lp-row:only-child { gap: 20px; flex-wrap: wrap; align-items: flex-start; min-width: 0; }
.elementor .lp-page-body .lp-row:only-child .lp-cell { padding: 0; flex: 1 1 240px; font-size: 18px; line-height: 1.7; color: var(--fg-2); }
.elementor .lp-page-body .lp-row:only-child .lp-cell:first-child { flex: 0 0 auto; max-width: 100%; }

/* product lists (rows with an image cell, e.g. Koš za ločevanje): one card per row, image left, text right */
.elementor .lp-page-body .lp-table-unwrap:has(.lp-cell-img) { border: 0; background: transparent; border-radius: 0; overflow: visible; }
.elementor .lp-page-body .lp-table-unwrap:has(.lp-cell-img) .lp-row { flex-wrap: nowrap; align-items: flex-start; gap: 16px; min-width: 0; margin: 0 0 12px; padding: 16px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.elementor .lp-page-body .lp-table-unwrap:has(.lp-cell-img) .lp-row:hover { background: var(--surface); }
.elementor .lp-page-body .lp-table-unwrap:has(.lp-cell-img) .lp-cell, .elementor .lp-page-body .lp-table-unwrap:has(.lp-cell-img) .lp-row:first-child .lp-cell { padding: 0; font-size: 16px; line-height: 1.5; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--fg-2); }
.elementor .lp-page-body .lp-table-unwrap:has(.lp-cell-img) .lp-cell-img { flex: 0 0 96px; }
.elementor .lp-page-body .lp-table-unwrap:has(.lp-cell-img) .lp-cell-img img { display: block; width: 96px; height: 96px; object-fit: contain; margin: 0; }
.elementor .lp-page-body .lp-table-unwrap:has(.lp-cell-img) .lp-cell-text { flex: 1 1 0; min-width: 0; }
.elementor .lp-page-body .lp-table-unwrap:has(.lp-cell-img) .lp-cell-text p { margin: 0 0 6px; font-size: 16px; line-height: 1.5; }
.elementor .lp-page-body .lp-table-unwrap:has(.lp-cell-img) .lp-cell-text strong { color: var(--fg); font-weight: 600; }
@media (max-width: 520px) {
	.elementor .lp-page-body .lp-table-unwrap:has(.lp-cell-img) .lp-row { gap: 12px; padding: 12px; }
	.elementor .lp-page-body .lp-table-unwrap:has(.lp-cell-img) .lp-cell-img { flex-basis: 72px; }
	.elementor .lp-page-body .lp-table-unwrap:has(.lp-cell-img) .lp-cell-img img { width: 72px; height: 72px; }
}

/* "four baskets" strip (single-row table whose cells hold captioned images): 4-up grid, 2x2 on phones */
.elementor .lp-page-body .lp-table-unwrap:has(.lp-row:only-child .wp-caption) .lp-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; min-width: 0; }
.elementor .lp-page-body .lp-table-unwrap:has(.lp-row:only-child .wp-caption) .lp-cell { flex: none; min-width: 0; padding: 0; text-align: center; }
.elementor .lp-page-body .lp-table-unwrap:has(.lp-row:only-child .wp-caption) .wp-caption { float: none; width: auto !important; max-width: 100%; margin: 0; }
.elementor .lp-page-body .lp-table-unwrap:has(.lp-row:only-child .wp-caption) .wp-caption img { display: block; width: 100%; max-width: 140px; height: auto; aspect-ratio: 1; object-fit: cover; margin: 0 auto; }
.elementor .lp-page-body .lp-table-unwrap:has(.lp-row:only-child .wp-caption) .wp-caption-text { margin: 8px 0 0; font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--fg); }
@media (max-width: 520px) { .elementor .lp-page-body .lp-table-unwrap:has(.lp-row:only-child .wp-caption) .lp-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 16px; } }


/* links in running text (page + article bodies): accent colour, one underline (no extra border) so they read as links */
.elementor :is(.lp-page-body, .lp-article-body) :is(p, li, blockquote) a:not(.btn-arrow) { color: var(--accent); font-weight: 500; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; border-bottom: 0; padding-bottom: 0; }
.elementor :is(.lp-page-body, .lp-article-body) :is(p, li, blockquote) a:not(.btn-arrow):hover { text-decoration-thickness: 2px; }

/* ─── [lp_quiz] on the Anketa page ─── */
.lp-quiz { display: block; margin: 32px 0; }
.lp-quiz-q { border: 0; border-top: 1px solid var(--border); margin: 0; padding: 20px 0; min-width: 0; }
.lp-quiz-q legend { padding: 0; margin: 0 0 12px; font-weight: 600; color: var(--fg); float: left; width: 100%; }
.lp-quiz-opts { clear: both; display: flex; flex-wrap: wrap; gap: 8px; }
.lp-quiz-opts label { position: relative; display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px; border: 1px solid var(--border); border-radius: 999px; background: var(--bg); font-size: 14px; cursor: pointer; }
.lp-quiz-opts label:hover { border-color: var(--fg); }
.lp-quiz-opts input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; margin: 0; cursor: pointer; }
.lp-quiz-opts label:has(input:checked) { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.lp-quiz-opts label:has(input:focus-visible) { box-shadow: var(--focus-ring); border-color: var(--accent); }
.lp-quiz-actions { display: flex; gap: 12px; padding-top: 20px; border-top: 1px solid var(--border); }
.lp-btn { min-height: 44px; padding: 8px 20px; border-radius: 999px; border: 1px solid var(--fg); font: inherit; font-size: 15px; cursor: pointer; }
.lp-btn-solid { background: var(--fg); color: var(--bg); }
.lp-btn-ghost { background: transparent; color: var(--fg); border-color: var(--border); }
.lp-btn:hover { border-color: var(--accent); }
.lp-quiz .quiz-hint { margin: 12px 0 0; font-size: 14px; color: var(--muted); }
.lp-quiz .quiz-result:not(:empty) { margin-top: 24px; padding: 24px; border-radius: var(--radius-lg); background: var(--surface-warm); }
.lp-quiz .quiz-result .score { font-family: Georgia, serif; font-size: 48px; line-height: 1; }
.lp-quiz .quiz-result p { margin: 10px 0 0; }
.lp-quiz .quiz-result a { text-decoration: underline; color: inherit; }
/* quiz fixes: readable text colours, labels wrap instead of overflowing, theme button defaults overridden */
.lp-quiz .lp-quiz-opts label { max-width: 100%; box-sizing: border-box; color: var(--fg); line-height: 1.35; border-radius: 22px; }
.lp-quiz .lp-quiz-opts label span { color: inherit; white-space: normal; overflow-wrap: anywhere; }
.lp-quiz .lp-quiz-opts label:has(input:checked) { color: var(--bg); }
.lp-quiz .lp-btn { font-family: inherit; font-weight: 500; line-height: 1.2; }
.lp-quiz .lp-btn.lp-btn-solid { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.lp-quiz .lp-btn.lp-btn-ghost { background: transparent; color: var(--fg); border-color: var(--border); }
.lp-quiz .lp-btn:hover, .lp-quiz .lp-btn:focus-visible { border-color: var(--accent); }
@media (max-width: 480px) { .lp-quiz-actions { flex-wrap: wrap; } }
.lp-quiz-q legend { font-family: var(--font-body, Inter, system-ui, sans-serif); }

/* ─── Callout boxes (.bin ♻, .bulb/.top_tip 💡, .yes ✓, .no ✕, .important/.pomembno ⚠) ───
   One system: same left padding, same icon box (32px, pinned in the left gutter, same size and alignment).
   NO left accent border on any of them (the old Additional CSS 4px green/orange left borders are cancelled here). */
.elementor :is(.lp-page-body, .lp-article-body) :is(.bin, .bulb, .top_tip, .yes, .no, .important, p.pomembno, h3.pomembno) {
  position: relative; display: flow-root; box-sizing: border-box;
  padding: 18px 20px 18px 68px; border-left: 0; border-radius: var(--radius-sm, 12px);
  font-size: 16px; line-height: 1.6; color: var(--fg);
}
.elementor :is(.lp-page-body, .lp-article-body) :is(.bin, .bulb, .top_tip, .yes, .no, .important, p.pomembno, h3.pomembno)::before {
  position: absolute; left: 18px; top: 18px; width: 32px; height: 32px; margin: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 28px; line-height: 1; font-weight: 400; text-align: center;
}
.elementor :is(.lp-page-body, .lp-article-body) .bin::before { content: "\267B\FE0F"; }
.elementor :is(.lp-page-body, .lp-article-body) :is(.bulb, .top_tip)::before { content: "\1F4A1"; }
.elementor :is(.lp-page-body, .lp-article-body) .yes::before { content: "\2713"; color: #5C8A5A; font-weight: 700; }
.elementor :is(.lp-page-body, .lp-article-body) .no::before { content: "\2715"; color: #D9662B; font-weight: 700; }
.elementor :is(.lp-page-body, .lp-article-body) :is(.important, p.pomembno, h3.pomembno)::before { content: "\26A0\FE0F"; }
/* the 💡 that Additional CSS put in front of the .bulb heading is now the box icon */
.elementor :is(.lp-page-body, .lp-article-body) .bulb > :is(h2, h3):first-child::before { content: none; }
.elementor :is(.lp-page-body, .lp-article-body) :is(.bin, .bulb, .top_tip, .yes, .no, .important) > :first-child { margin-top: 0; }
.elementor :is(.lp-page-body, .lp-article-body) :is(.bin, .bulb, .top_tip, .yes, .no, .important) > :last-child { margin-bottom: 0; }
.elementor :is(.lp-page-body, .lp-article-body) :is(.yes, .no) p { font-size: inherit; line-height: inherit; }
.elementor :is(.lp-page-body, .lp-article-body) :is(.yes, .no) > strong:first-child:empty { display: none; }
@media (max-width: 600px) {
  .elementor :is(.lp-page-body, .lp-article-body) :is(.bin, .bulb, .top_tip, .yes, .no, .important, p.pomembno, h3.pomembno) { padding: 16px 16px 16px 56px; }
  .elementor :is(.lp-page-body, .lp-article-body) :is(.bin, .bulb, .top_tip, .yes, .no, .important, p.pomembno, h3.pomembno)::before { left: 14px; top: 16px; width: 28px; height: 28px; font-size: 24px; }
}