/*
Theme Name: White Dragon
Theme URI: https://yugioh-planet.net/
Author: Yugioh Planet
Description: Lagana tema za Yugioh Planet – hrvatsku Yu-Gi-Oh! zajednicu. Istaknuti najnoviji članak, beskonačno pomicanje, bitni datumi, svijetla i tamna tema, prilagođeno mobitelima.
Version: 1.0.6
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: white-dragon
*/

/* ---------- Tokeni ---------- */
:root {
	--bg: #f4f7fb;
	--surface: #ffffff;
	--ink: #0f1b2d;
	--text2: #3b4d66;
	--muted: #5d7291;
	--border: #dbe4ef;
	--border2: #c9d6e8;
	--accent: #1a56c4;
	--accent-ink: #1a56c4;
	--accent-hover: #1448a8;
	--on-accent: #ffffff;
	--tint: #e6eefb;
	--tint-border: #d3e0f5;
	--tint-ink: #23344d;
	--community: #0f2a57;
	--community-text: #d3def2;
	--community-border: #3a5a8f;
	--chip-active-bg: #0f1b2d;
	--chip-active-ink: #ffffff;
	--light-btn-bg: #ffffff;
	--light-btn-ink: #0f2a57;
	--shadow: 0 1px 2px rgba(15, 27, 45, .04);
	--t-blue-ink: #1a4fb3; --t-blue-bg: #e3ecfb; --t-blue-ph: #dfe9f7;
	--t-teal-ink: #0b6b64; --t-teal-bg: #d9f3f0; --t-teal-ph: #d9eef0;
	--t-amber-ink: #8a5a00; --t-amber-bg: #fdf0d6; --t-amber-ph: #f4ead6;
	--t-red-ink: #a1233a; --t-red-bg: #fde4e8; --t-red-ph: #f3dde4;
	--t-violet-ink: #5b44b8; --t-violet-bg: #ebe6fa; --t-violet-ph: #e6e1f4;
	--t-green-ink: #1f7a4d; --t-green-bg: #dcf3e6; --t-green-ph: #dcece3;
	--radius: 14px;
	--radius-lg: 20px;
	--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-display: "Chakra Petch", var(--font);
	--gutter: 48px;
	color-scheme: light;
}

html[data-theme="dark"] {
	--bg: #0c1320;
	--surface: #131d2e;
	--ink: #e8eef7;
	--text2: #b3c1d6;
	--muted: #8fa1ba;
	--border: #24324a;
	--border2: #2c3d5a;
	--accent: #1a56c4;
	--accent-ink: #7aa9ff;
	--accent-hover: #2a66d6;
	--tint: #12203a;
	--tint-border: #1f3150;
	--tint-ink: #c9d6ea;
	--community: #16305e;
	--chip-active-bg: #e8eef7;
	--chip-active-ink: #0c1320;
	--light-btn-bg: #eef3fb;
	--light-btn-ink: #0c1320;
	--shadow: none;
	--t-blue-ink: #8cb4ff; --t-blue-bg: #1a2b4a; --t-blue-ph: #1b2a44;
	--t-teal-ink: #5fe0d3; --t-teal-bg: #123a38; --t-teal-ph: #153238;
	--t-amber-ink: #f3c060; --t-amber-bg: #3a2e14; --t-amber-ph: #2e2716;
	--t-red-ink: #ff8fa2; --t-red-bg: #3a1f2a; --t-red-ph: #3a1f2a;
	--t-violet-ink: #b9a8ff; --t-violet-bg: #2a2445; --t-violet-ph: #2a2445;
	--t-green-ink: #6fdca5; --t-green-bg: #163627; --t-green-ph: #162e24;
	color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
	html:not([data-theme="light"]) {
		--bg: #0c1320;
		--surface: #131d2e;
		--ink: #e8eef7;
		--text2: #b3c1d6;
		--muted: #8fa1ba;
		--border: #24324a;
		--border2: #2c3d5a;
		--accent: #1a56c4;
		--accent-ink: #7aa9ff;
		--accent-hover: #2a66d6;
		--tint: #12203a;
		--tint-border: #1f3150;
		--tint-ink: #c9d6ea;
		--community: #16305e;
		--chip-active-bg: #e8eef7;
		--chip-active-ink: #0c1320;
		--light-btn-bg: #eef3fb;
		--light-btn-ink: #0c1320;
		--shadow: none;
		--t-blue-ink: #8cb4ff; --t-blue-bg: #1a2b4a; --t-blue-ph: #1b2a44;
		--t-teal-ink: #5fe0d3; --t-teal-bg: #123a38; --t-teal-ph: #153238;
		--t-amber-ink: #f3c060; --t-amber-bg: #3a2e14; --t-amber-ph: #2e2716;
		--t-red-ink: #ff8fa2; --t-red-bg: #3a1f2a; --t-red-ph: #3a1f2a;
		--t-violet-ink: #b9a8ff; --t-violet-bg: #2a2445; --t-violet-ph: #2a2445;
		--t-green-ink: #6fdca5; --t-green-bg: #163627; --t-green-ph: #162e24;
		color-scheme: dark;
	}
}

/* ---------- Osnova ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: var(--bg);
	color: var(--ink);
	font-family: var(--font);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	overflow-wrap: break-word;
}
body.ypl-noscroll { overflow: hidden; }
img, video, iframe, svg { max-width: 100%; }
img { height: auto; }
a { color: var(--accent-ink); text-decoration: none; }
a:hover { color: var(--accent-hover); }
html[data-theme="dark"] a:hover { color: #a9c7ff; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); line-height: 1.2; margin: 0 0 .5em; color: var(--ink); }
button { font: inherit; cursor: pointer; }
:focus-visible { outline: 3px solid var(--accent-ink); outline-offset: 2px; border-radius: 4px; }
[hidden] { display: none !important; }
.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px;
	overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus { clip: auto; clip-path: none; height: auto; width: auto; background: var(--surface); padding: 8px 12px; z-index: 100000; }
.ypl-skip { position: absolute; left: -9999px; top: 8px; background: var(--surface); color: var(--ink); padding: 10px 16px; border-radius: 8px; z-index: 1000; }
.ypl-skip:focus { left: 8px; }
.ypl-container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 var(--gutter); }
.ypl-narrow { max-width: 760px; }
.ypl-icon { display: block; flex-shrink: 0; }

/* Svijetla/tamna ikona i logotip */
.ypl-show-dark, .ypl-logo__img--dark { display: none; }
html[data-theme="dark"] .ypl-show-dark, html[data-theme="dark"] .ypl-logo__img--dark { display: block; }
html[data-theme="dark"] .ypl-show-light, html[data-theme="dark"] .ypl-logo__img--light { display: none; }
@media (prefers-color-scheme: dark) {
	html:not([data-theme="light"]) .ypl-show-dark, html:not([data-theme="light"]) .ypl-logo__img--dark { display: block; }
	html:not([data-theme="light"]) .ypl-show-light, html:not([data-theme="light"]) .ypl-logo__img--light { display: none; }
}

/* ---------- Gumbi ---------- */
.ypl-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 44px; padding: 10px 18px; border-radius: 10px;
	font-weight: 700; font-size: 15px; line-height: 1.2; text-align: center;
	border: 1px solid transparent; text-decoration: none; transition: background-color .15s, border-color .15s;
}
.ypl-btn--primary { background: var(--accent); color: var(--on-accent); }
.ypl-btn--primary:hover { background: var(--accent-hover); color: var(--on-accent); }
.ypl-btn--ghost { background: transparent; color: var(--ink); border-color: var(--border2); font-weight: 600; }
.ypl-btn--ghost:hover { border-color: var(--accent-ink); color: var(--ink); }
.ypl-btn--light { background: var(--light-btn-bg); color: var(--light-btn-ink); }
.ypl-btn--light:hover { color: var(--light-btn-ink); opacity: .92; }
.ypl-btn--block { display: flex; width: 100%; }
.ypl-btnrow { display: flex; flex-wrap: wrap; gap: 10px; }
.ypl-iconbtn {
	width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
	border-radius: 10px; border: 1px solid var(--border); background: var(--surface); color: var(--ink);
}
.ypl-iconbtn:hover { border-color: var(--accent-ink); }

/* ---------- Zaglavlje ---------- */
.ypl-header { background: var(--surface); border-bottom: 1px solid var(--border); position: relative; z-index: 50; }
.ypl-header__inner { display: flex; align-items: center; gap: 20px; min-height: 84px; }
.ypl-logo { display: flex; align-items: center; flex-shrink: 0; }
.ypl-logo__text { font-family: var(--font-display); font-weight: 700; font-size: 22px; letter-spacing: .04em; color: var(--ink); text-transform: uppercase; }
.ypl-logo__img { height: 68px; width: auto; max-width: 110px; object-fit: contain; }
.ypl-nav { flex: 1 1 auto; min-width: 0; }
.ypl-menu, .ypl-menu ul { list-style: none; margin: 0; padding: 0; }
.ypl-menu { display: flex; flex-wrap: wrap; gap: 4px 22px; padding-left: 12px; }
.ypl-menu > li { position: relative; }
.ypl-menu > li > a { display: flex; align-items: center; min-height: 44px; font-weight: 600; font-size: 15px; color: var(--ink); }
.ypl-menu > li > a:hover, .ypl-menu > .current-menu-item > a, .ypl-menu > .current-menu-ancestor > a, .ypl-menu > .current-menu-parent > a { color: var(--accent-ink); }
.ypl-menu .menu-item-has-children > a::after {
	content: ""; width: 7px; height: 7px; margin-left: 7px; margin-top: -3px;
	border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); opacity: .6;
}
.ypl-menu .sub-menu {
	position: absolute; top: 100%; left: -14px; min-width: 250px; padding: 8px;
	background: var(--surface); border: 1px solid var(--border); border-radius: 12px;
	box-shadow: 0 12px 30px rgba(15, 27, 45, .12); opacity: 0; visibility: hidden; transform: translateY(6px);
	transition: opacity .15s, transform .15s, visibility .15s; z-index: 60;
}
.ypl-menu li:hover > .sub-menu, .ypl-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.ypl-menu .sub-menu a { display: block; padding: 9px 12px; border-radius: 8px; color: var(--ink); font-size: 15px; font-weight: 500; }
.ypl-menu .sub-menu a:hover { background: var(--tint); color: var(--ink); }
.ypl-header__actions { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.ypl-menu-toggle { display: none; }

.ypl-search { border-top: 1px solid var(--border); padding: 16px 0; background: var(--surface); }
.ypl-searchform { display: flex; gap: 10px; }
.ypl-searchform__input {
	flex: 1 1 auto; min-width: 0; min-height: 46px; padding: 10px 14px; font-size: 16px;
	border: 1px solid var(--border2); border-radius: 10px; background: var(--bg); color: var(--ink);
}
.ypl-searchform__input:focus { outline: 3px solid var(--accent-ink); outline-offset: 0; border-color: transparent; }

/* ---------- Izbornik za mobitel ---------- */
.ypl-drawer { position: fixed; inset: 0; z-index: 200; background: rgba(8, 14, 24, .55); }
.admin-bar .ypl-drawer { top: 32px; }
@media (max-width: 782px) { .admin-bar .ypl-drawer { top: 46px; } }
.ypl-drawer__panel {
	position: absolute; top: 0; right: 0; bottom: 0; width: min(380px, 92vw); overflow-y: auto;
	background: var(--surface); color: var(--ink); display: flex; flex-direction: column;
	box-shadow: -10px 0 30px rgba(0, 0, 0, .2);
}
.ypl-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px 10px 16px; border-bottom: 1px solid var(--border); }
.ypl-drawer__head .ypl-logo__img { height: 52px; }
.ypl-drawer__nav { padding: 8px 8px 0; }
.ypl-dmenu, .ypl-dmenu ul { list-style: none; margin: 0; padding: 0; }
.ypl-dmenu li { position: relative; display: flex; flex-wrap: wrap; align-items: center; }
.ypl-dmenu a { flex: 1 1 auto; display: block; padding: 12px 12px; font-weight: 600; color: var(--ink); border-radius: 8px; min-height: 44px; }
.ypl-dmenu a:hover { background: var(--tint); color: var(--ink); }
.ypl-subtoggle { width: 44px; height: 44px; border: 0; background: transparent; color: var(--ink); display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; }
.ypl-subtoggle svg { transition: transform .15s; }
.ypl-dmenu .is-open > .ypl-subtoggle svg { transform: rotate(180deg); }
.ypl-dmenu .sub-menu { display: none; width: 100%; padding-left: 12px; }
.ypl-dmenu .is-open > .sub-menu { display: block; }
.ypl-dmenu .sub-menu a { font-weight: 500; }
.ypl-drawer__foot { margin-top: auto; padding: 16px; display: flex; flex-direction: column; gap: 14px; border-top: 1px solid var(--border); }

/* ---------- Traka NOVO ---------- */
.ypl-ticker { background: var(--tint); border-bottom: 1px solid var(--tint-border); font-size: 14px; color: var(--tint-ink); }
.ypl-ticker__inner { display: flex; align-items: center; gap: 14px; min-height: 44px; padding-top: 6px; padding-bottom: 6px; }
.ypl-ticker__label { font-family: var(--font-display); font-weight: 700; color: var(--on-accent); background: var(--accent); padding: 2px 10px; border-radius: 4px; flex-shrink: 0; }
.ypl-ticker__items { display: flex; flex-wrap: wrap; gap: 4px 14px; color: var(--tint-ink); }
a.ypl-ticker__items:hover { color: var(--tint-ink); text-decoration: underline; }
.ypl-ticker__sep { color: var(--muted); }

/* ---------- Glavni raspored ---------- */
.ypl-main { padding: 36px 0 64px; }
.ypl-layout { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 32px; align-items: start; }
.ypl-layout__main { min-width: 0; }
.ypl-aside { display: flex; flex-direction: column; gap: 20px; position: sticky; top: 24px; }
.admin-bar .ypl-aside { top: 56px; }

/* ---------- Istaknuti članak ---------- */
.ypl-hero { margin-bottom: 40px; }
.ypl-hero__link {
	display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; color: var(--ink);
	box-shadow: var(--shadow);
}
.ypl-hero__link:hover { color: var(--ink); border-color: var(--border2); }
.ypl-hero__link:hover .ypl-hero__title { color: var(--accent-ink); }
.ypl-hero__link { align-items: center; }
.ypl-hero__thumb { aspect-ratio: 16 / 9; align-self: center; }
.ypl-hero__body { padding: 40px; display: flex; flex-direction: column; justify-content: center; gap: 16px; }
.ypl-hero__title { font-size: 40px; line-height: 1.1; margin: 0; transition: color .15s; }
.ypl-hero__excerpt { margin: 0; font-size: 17px; line-height: 1.55; color: var(--text2); }
.ypl-hero__meta { margin: 0; font-size: 14px; color: var(--muted); }

/* ---------- Slike ---------- */
.ypl-thumb { position: relative; overflow: hidden; background: var(--t-blue-ph); }
.ypl-thumb__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ypl-tone-bg--blue { background: var(--t-blue-ph); }
.ypl-tone-bg--teal { background: var(--t-teal-ph); }
.ypl-tone-bg--amber { background: var(--t-amber-ph); }
.ypl-tone-bg--red { background: var(--t-red-ph); }
.ypl-tone-bg--violet { background: var(--t-violet-ph); }
.ypl-tone-bg--green { background: var(--t-green-ph); }

/* ---------- Oznake ---------- */
.ypl-badge { align-self: flex-start; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; line-height: 1.3; }
.ypl-badge--pill { font-family: var(--font-display); font-size: 13px; color: var(--on-accent) !important; background: var(--accent); padding: 4px 12px; border-radius: 4px; }
.ypl-tone--blue { color: var(--t-blue-ink); }
.ypl-tone--teal { color: var(--t-teal-ink); }
.ypl-tone--amber { color: var(--t-amber-ink); }
.ypl-tone--red { color: var(--t-red-ink); }
.ypl-tone--violet { color: var(--t-violet-ink); }
.ypl-tone--green { color: var(--t-green-ink); }
.ypl-type { align-self: flex-start; display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .02em; padding: 2px 9px; border-radius: 999px; line-height: 1.5; }
.ypl-type--sm { font-size: 11px; padding: 1px 8px; }
.ypl-type--proizvod { color: var(--t-blue-ink); background: var(--t-blue-bg); }
.ypl-type--event { color: var(--t-teal-ink); background: var(--t-teal-bg); }
.ypl-type--banlista { color: var(--t-red-ink); background: var(--t-red-bg); }
.ypl-type--turnir { color: var(--t-amber-ink); background: var(--t-amber-bg); }

/* ---------- Lista članaka ---------- */
.ypl-feed-head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-bottom: 16px; }
.ypl-feed-head__title { font-size: 26px; margin: 0; flex: 1 1 auto; }
.ypl-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ypl-chip {
	display: inline-flex; align-items: center; min-height: 38px; padding: 7px 14px; border-radius: 999px;
	font-size: 14px; font-weight: 600; background: var(--surface); color: var(--ink); border: 1px solid var(--border); white-space: nowrap;
}
.ypl-chip:hover { border-color: var(--accent-ink); color: var(--ink); }
.ypl-chip.is-active { background: var(--chip-active-bg); color: var(--chip-active-ink); border-color: var(--chip-active-bg); }
.ypl-feed { display: flex; flex-direction: column; gap: 16px; }
.ypl-card__link {
	display: flex; gap: 20px; padding: 16px; background: var(--surface); border: 1px solid var(--border);
	border-radius: var(--radius); color: var(--ink); box-shadow: var(--shadow);
}
.ypl-card__link:hover { color: var(--ink); border-color: var(--border2); }
.ypl-card__link:hover .ypl-card__title { color: var(--accent-ink); }
.ypl-card__thumb { width: 240px; height: 135px; flex-shrink: 0; border-radius: 10px; }
.ypl-card__body { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ypl-card__title { font-size: 21px; line-height: 1.25; margin: 0; transition: color .15s; }
.ypl-card__excerpt { margin: 0; font-size: 15px; line-height: 1.5; color: var(--text2); }
.ypl-card__date { font-size: 13px; color: var(--muted); }
.ypl-feed-status { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 24px 0 8px; color: var(--muted); font-size: 14px; }
.ypl-dots { display: flex; gap: 8px; }
.ypl-dots span { width: 10px; height: 10px; border-radius: 50%; background: var(--accent); opacity: .3; animation: ypl-dot 1.2s infinite ease-in-out; }
.ypl-dots span:nth-child(2) { animation-delay: .15s; }
.ypl-dots span:nth-child(3) { animation-delay: .3s; }
@keyframes ypl-dot { 0%, 80%, 100% { opacity: .25; } 40% { opacity: 1; } }
.ypl-feed-status[data-mode="idle"] .ypl-dots span { animation: none; }
.ypl-feed-status[data-mode="end"] .ypl-dots, .ypl-feed-status[data-mode="error"] .ypl-dots { display: none; }
.ypl-feed-status[data-mode="idle"] .ypl-feed-status__text { visibility: hidden; }
@media (prefers-reduced-motion: reduce) { .ypl-dots span { animation: none; opacity: .6; } }
html:not(.js) .ypl-feed-status { display: none; }
.ypl-empty { color: var(--muted); padding: 16px 0; }
.ypl-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.ypl-pagination .page-numbers { padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); }

/* ---------- Kutije u bočnoj traci ---------- */
.ypl-box { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 24px; display: flex; flex-direction: column; gap: 12px; box-shadow: var(--shadow); }
.ypl-box__title { font-size: 19px; margin: 0; }
.ypl-box__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.ypl-box__more { font-size: 14px; font-weight: 700; white-space: nowrap; }
.ypl-box__text { margin: 0; color: var(--text2); line-height: 1.5; }
.ypl-box--community { background: var(--community); border-color: var(--community); color: #fff; }
.ypl-box--community .ypl-box__title { color: #fff; }
.ypl-box--community .ypl-box__text { color: var(--community-text); }
.ypl-social { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.ypl-social a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 10px; border: 1px solid var(--community-border); border-radius: 10px; color: #fff; font-size: 14px; font-weight: 600; text-align: center; }
.ypl-social a:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.ypl-mini-dates { list-style: none; margin: 0; padding: 0; }
.ypl-mini-date { display: flex; gap: 14px; align-items: flex-start; padding: 10px 0; border-top: 1px solid var(--border); }
.ypl-mini-date__when { font-family: var(--font-display); font-weight: 700; color: var(--accent-ink); width: 78px; flex-shrink: 0; padding-top: 1px; }
.ypl-mini-date__what { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ypl-mini-date__what a, .ypl-mini-date__what > span:last-child { font-weight: 600; line-height: 1.35; color: var(--ink); }
.ypl-mini-date__what a:hover { color: var(--accent-ink); }
.ypl-aside .widget ul { margin: 0; padding-left: 18px; }
.ypl-footlinks { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; }
.ypl-footlinks a { color: var(--muted); }
.ypl-footlinks a:hover { color: var(--accent-ink); }

/* ---------- Naslovi stranica ---------- */
.ypl-pagehead { margin-bottom: 28px; display: flex; flex-direction: column; gap: 10px; }
.ypl-pagehead--flush { margin-bottom: 18px; }
.ypl-pagehead--center { text-align: center; align-items: center; padding: 40px 0; }
.ypl-pagehead__title { font-size: 40px; margin: 0; }
.ypl-pagehead__desc { color: var(--text2); font-size: 17px; line-height: 1.55; max-width: 760px; }
.ypl-pagehead__desc p { margin: 0 0 .5em; }
.ypl-pagehead__search { width: 100%; max-width: 560px; }
.ypl-back { font-size: 14px; font-weight: 600; color: var(--muted); }
.ypl-404__code { font-family: var(--font-display); font-size: 72px; font-weight: 700; color: var(--accent-ink); margin: 0; line-height: 1; }

/* ---------- Članak ---------- */
.ypl-article { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 40px; box-shadow: var(--shadow); }
.ypl-article__head { display: flex; flex-direction: column; gap: 14px; margin-bottom: 24px; }
.ypl-article__title { font-size: 40px; line-height: 1.12; margin: 0; }
.ypl-article__meta { margin: 0; font-size: 14px; color: var(--muted); }
.ypl-article__meta a { color: var(--muted); font-weight: 600; }
.ypl-article__cover { margin: 0 0 28px; border-radius: var(--radius); overflow: hidden; }
.ypl-article__cover img { display: block; width: 100%; }
.ypl-entry { font-size: 17px; line-height: 1.7; color: var(--ink); }
.ypl-entry > * { margin-top: 0; margin-bottom: 1.1em; }
.ypl-entry h2 { font-size: 28px; margin-top: 1.6em; }
.ypl-entry h3 { font-size: 22px; margin-top: 1.4em; }
.ypl-entry h4 { font-size: 19px; margin-top: 1.3em; }
.ypl-entry a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.ypl-entry ul, .ypl-entry ol { padding-left: 1.4em; }
.ypl-entry li { margin-bottom: .35em; }
.ypl-entry img { border-radius: 10px; }
.ypl-entry figure { margin-left: 0; margin-right: 0; }
.ypl-entry figcaption, .ypl-entry .wp-caption-text, .ypl-entry .wp-element-caption { font-size: 14px; color: var(--muted); text-align: center; margin-top: 8px; }
.ypl-entry .aligncenter { margin-left: auto; margin-right: auto; display: block; text-align: center; }
.ypl-entry .alignleft { float: left; margin: .3em 1.4em 1em 0; max-width: 50%; }
.ypl-entry .alignright { float: right; margin: .3em 0 1em 1.4em; max-width: 50%; }
.ypl-entry .wp-caption { max-width: 100%; }
.ypl-entry::after { content: ""; display: table; clear: both; }
.ypl-entry blockquote { margin-left: 0; margin-right: 0; padding: 14px 20px; border-left: 4px solid var(--accent); background: var(--tint); border-radius: 0 10px 10px 0; color: var(--text2); }
.ypl-entry blockquote p:last-child { margin-bottom: 0; }
.ypl-entry table { width: 100%; border-collapse: collapse; font-size: 15px; }
.ypl-entry th, .ypl-entry td { border: 1px solid var(--border); padding: 9px 12px; text-align: left; vertical-align: top; }
.ypl-entry th, .ypl-entry thead td { background: var(--tint); font-weight: 700; }
.ypl-entry .wp-block-table { overflow-x: auto; }
.ypl-entry pre { overflow-x: auto; background: var(--tint); padding: 14px; border-radius: 10px; font-size: 14px; }
.ypl-entry code { font-size: .92em; background: var(--tint); padding: 1px 5px; border-radius: 4px; }
.ypl-entry pre code { background: none; padding: 0; }
.ypl-entry hr { border: 0; border-top: 1px solid var(--border); margin: 2em 0; }
.ypl-entry iframe { max-width: 100%; }
.ypl-entry .wp-block-embed__wrapper { position: relative; }
.ypl-entry .wp-block-button__link { background: var(--accent); color: #fff; border-radius: 10px; text-decoration: none; padding: 10px 18px; display: inline-block; }
.ypl-entry .has-small-font-size { font-size: 14px; }
.ypl-entry .gallery, .ypl-entry .wp-block-gallery { display: flex; flex-wrap: wrap; gap: 8px; }
.ypl-entry .gallery-item { margin: 0; flex: 1 1 150px; }
.ypl-tags { list-style: none; margin: 28px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ypl-tags a { display: inline-block; padding: 5px 12px; border: 1px solid var(--border); border-radius: 999px; font-size: 14px; color: var(--text2); }
.ypl-tags a:hover { border-color: var(--accent-ink); color: var(--accent-ink); }
.ypl-pagelinks { margin-top: 20px; display: flex; gap: 8px; flex-wrap: wrap; }
.ypl-postnav { margin: 28px 0 0; }
.ypl-postnav .nav-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ypl-postnav .nav-next { text-align: right; grid-column: 2; }
.ypl-postnav a { display: flex; flex-direction: column; gap: 4px; padding: 16px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); color: var(--ink); height: 100%; }
.ypl-postnav a:hover { border-color: var(--border2); color: var(--accent-ink); }
.ypl-postnav__label { font-size: 13px; color: var(--muted); }
.ypl-postnav__title { font-family: var(--font-display); font-weight: 600; line-height: 1.25; }
.ypl-related { margin-top: 36px; display: flex; flex-direction: column; gap: 16px; }
.ypl-comments { margin-top: 36px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px; }
.ypl-comment-list { list-style: none; padding: 0; margin: 16px 0; }
.ypl-comment-list .children { list-style: none; padding-left: 24px; }
.ypl-comment-list .comment-body { padding: 14px 0; border-bottom: 1px solid var(--border); }
.ypl-comment-list .avatar { border-radius: 50%; float: left; margin-right: 12px; }
.ypl-comment-list .comment-meta { font-size: 14px; color: var(--muted); }
.ypl-comments input[type="text"], .ypl-comments input[type="email"], .ypl-comments input[type="url"], .ypl-comments textarea {
	width: 100%; padding: 10px 12px; border: 1px solid var(--border2); border-radius: 10px; background: var(--bg); color: var(--ink); font: inherit;
}

/* ---------- Bitni datumi ---------- */
.ypl-dates { display: flex; flex-direction: column; gap: 14px; }
.ypl-dates__month { display: flex; flex-direction: column; gap: 14px; }
.ypl-dates__monthname { font-size: 20px; margin: 12px 0 0; }
.ypl-date { display: flex; gap: 20px; align-items: flex-start; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 18px 20px; box-shadow: var(--shadow); }
.ypl-date.is-past { opacity: .6; }
.ypl-date__when { width: 118px; flex-shrink: 0; display: flex; flex-direction: column; gap: 2px; }
.ypl-date__day { font-family: var(--font-display); font-weight: 700; font-size: 22px; color: var(--accent-ink); line-height: 1.2; }
.ypl-date__weekday { font-size: 13px; color: var(--muted); }
.ypl-date__body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ypl-date__labels { display: flex; gap: 10px; align-items: center; }
.ypl-date__past { font-size: 12px; font-weight: 600; color: var(--muted); }
.ypl-date__title { font-size: 19px; margin: 0; line-height: 1.25; }
.ypl-date__desc { margin: 0; font-size: 15px; line-height: 1.5; color: var(--text2); }
.ypl-date__place { display: block; color: var(--muted); font-size: 14px; }
.ypl-date__link { font-size: 14px; font-weight: 700; }
.ypl-regular { list-style: none; margin: 0; padding: 0; }
.ypl-regular__item { display: flex; flex-direction: column; gap: 3px; padding: 12px 0; border-top: 1px solid var(--border); }
.ypl-regular__title { font-weight: 600; }
.ypl-regular__desc { font-size: 14px; color: var(--text2); line-height: 1.45; }
.ypl-only-mobile { display: none; }
.ypl-regular-mobile { margin-top: 20px; }

/* ---------- Podnožje ---------- */
.ypl-footer { background: #0a1322; color: #a9b8cf; font-size: 15px; }
html[data-theme="dark"] .ypl-footer { background: #070d17; }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .ypl-footer { background: #070d17; } }
.ypl-footer__grid { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 40px; padding: 56px 0 40px; }
.ypl-footer__logo { display: inline-block; }
.ypl-footer__logo img { display: block; width: 150px; height: auto; }
.ypl-footer__logo span { font-family: var(--font-display); font-size: 24px; font-weight: 700; color: #fff; }
.ypl-footer__about { margin: 14px 0 0; max-width: 34ch; line-height: 1.6; }
.ypl-footer__social { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 0; padding: 0; list-style: none; }
.ypl-footer__social a { display: inline-flex; align-items: center; min-height: 36px; padding: 6px 14px; border-radius: 999px; background: rgba(255, 255, 255, .07); color: #e8eef7; font-size: 14px; font-weight: 600; transition: background-color .15s; }
.ypl-footer__social a:hover { background: var(--accent); color: #fff; }
.ypl-footer__title { margin: 4px 0 14px; font-family: var(--font-display); font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.ypl-footer__links { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.ypl-footer__links a { color: #a9b8cf; }
.ypl-footer__links a:hover { color: #fff; }
.ypl-footer__bottom { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; padding: 22px 0 28px; border-top: 1px solid rgba(255, 255, 255, .08); font-size: 13px; color: #7f90aa; }
.ypl-footer__bottom p { margin: 0; }
.ypl-footer__legal { flex: 1 1 320px; }
.ypl-footer__top { margin-left: auto; color: #a9b8cf; font-weight: 600; white-space: nowrap; }
.ypl-footer__top:hover { color: #fff; }
.ypl-footer a:focus-visible { outline-color: #fff; }
.ypl-footer__partners { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px; padding: 28px 0; border-top: 1px solid rgba(255, 255, 255, .08); }
.ypl-footer__partners .ypl-footer__title { margin: 0; }
.ypl-footer__plist { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0; padding: 0; list-style: none; }
.ypl-footer__partner { display: flex; align-items: center; justify-content: center; min-width: 180px; height: 72px; padding: 14px 24px; border-radius: 12px; background: #fff; transition: background-color .15s; }
.ypl-footer__partner:hover { background: #eef3fa; }
.ypl-footer__partner img { display: block; width: auto; height: 36px; max-width: 160px; }
.ypl-footer__partner img.is-invert { filter: invert(1); }

/* ---------- Odgovor na veličinu ekrana ---------- */
@media (max-width: 1180px) {
	.ypl-nav { display: none; }
	.ypl-menu-toggle { display: inline-flex; }
}
@media (max-width: 1024px) {
	:root { --gutter: 24px; }
	.ypl-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.ypl-layout__main { order: 2; }
	.ypl-aside { order: 1; position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
	.ypl-aside .ypl-order-dates { order: 1; }
	.ypl-aside .ypl-order-community { order: 2; }
	.ypl-aside .ypl-order-report { order: 3; }
	.ypl-aside .ypl-order-edison { order: 4; }
	.ypl-aside .ypl-order-widgets { order: 5; }
	.ypl-hero__title { font-size: 32px; }
	.ypl-hero__body { padding: 28px; }
	.single .ypl-layout__main, .page .ypl-layout__main, .author .ypl-layout__main { order: 1; }
	.single .ypl-aside, .page .ypl-aside, .author .ypl-aside { order: 2; }
	.author .ypl-aside { display: none; }
	.ypl-aside--dates { order: 2; }
	.page-template-bitni-datumi .ypl-layout__main { order: 1; }
}
@media (max-width: 860px) {
	.ypl-hero__link { grid-template-columns: minmax(0, 1fr); }
	.ypl-hero__thumb { min-height: 0; aspect-ratio: 16 / 9; }
	.ypl-article { padding: 28px; }
	.ypl-article__title, .ypl-pagehead__title { font-size: 32px; }
}
@media (max-width: 640px) {
	:root { --gutter: 16px; }
	body { font-size: 16px; }
	.ypl-header__inner { min-height: 64px; gap: 4px; }
	.ypl-logo__img { height: 52px; max-width: 84px; }
	.ypl-header__actions { gap: 2px; }
	.ypl-header .ypl-iconbtn { border-color: transparent; background: transparent; }
	.ypl-ticker__inner { align-items: flex-start; font-size: 13px; line-height: 1.4; gap: 10px; padding-top: 10px; padding-bottom: 10px; }
	.ypl-ticker__sep, .ypl-ticker__item + .ypl-ticker__sep + .ypl-ticker__item { display: none; }
	.ypl-main { padding: 16px 0 48px; }
	.ypl-hero { margin-bottom: 16px; }
	.ypl-hero__link { border-radius: 16px; }
	.ypl-hero__body { padding: 18px; gap: 10px; }
	.ypl-hero__title { font-size: 26px; line-height: 1.15; }
	.ypl-hero__excerpt { font-size: 15px; }
	.ypl-hero__meta { font-size: 13px; }
	.ypl-layout { gap: 16px; }
	.ypl-aside { grid-template-columns: minmax(0, 1fr); }
	.home .ypl-aside .ypl-order-edison { display: none; }
	.ypl-box { padding: 18px; border-radius: 16px; }
	.ypl-box__title { font-size: 18px; }
	.ypl-social { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
	.ypl-social a { font-size: 12px; padding: 6px 4px; }
	.ypl-btnrow .ypl-btn { flex: 1 1 0; }
	.ypl-feed-head { flex-direction: column; flex-wrap: nowrap; align-items: stretch; margin-top: 8px; }
	.ypl-feed-head__title { font-size: 20px; }
	.ypl-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 calc(-1 * var(--gutter)); padding: 0 var(--gutter); }
	.ypl-chips::-webkit-scrollbar { display: none; }
	.ypl-chip { min-height: 36px; padding: 6px 12px; font-size: 13px; }
	.ypl-card__link { gap: 12px; padding: 12px; }
	.ypl-card__thumb { width: 104px; height: 78px; border-radius: 8px; }
	.ypl-card__body { gap: 4px; }
	.ypl-card__title { font-size: 16px; }
	.ypl-card__excerpt { display: none; }
	.ypl-card__date { font-size: 12px; }
	.ypl-badge { font-size: 11px; }
	.ypl-article { padding: 20px 18px; border-radius: 16px; }
	.ypl-article__title, .ypl-pagehead__title { font-size: 28px; }
	.ypl-entry { font-size: 16px; }
	.ypl-entry h2 { font-size: 23px; }
	.ypl-entry h3 { font-size: 19px; }
	.ypl-entry .alignleft, .ypl-entry .alignright { float: none; margin: 0 auto 1em; max-width: 100%; }
	.ypl-postnav .nav-links { grid-template-columns: minmax(0, 1fr); }
	.ypl-postnav .nav-next { grid-column: auto; text-align: left; }
	.ypl-comments { padding: 18px; }
	.ypl-date { gap: 12px; padding: 14px; }
	.ypl-date__when { width: 76px; }
	.ypl-date__day { font-size: 16px; }
	.ypl-date__weekday { font-size: 12px; }
	.ypl-date__title { font-size: 16px; }
	.ypl-date__desc { font-size: 14px; }
	.ypl-dates__monthname { font-size: 18px; }
	.ypl-aside--dates { display: none; }
	.ypl-only-mobile { display: flex; }
	.ypl-pagehead .ypl-only-mobile { width: 100%; margin-top: 6px; }
	.ypl-searchform .ypl-btn { padding: 10px 14px; }
	.ypl-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; padding: 40px 0 28px; }
	.ypl-footer__brand { grid-column: 1 / -1; }
	.ypl-footer__bottom { flex-direction: column; align-items: flex-start; }
	.ypl-footer__top { margin-left: 0; }
	.ypl-footer__legal { flex: none; }
	.ypl-footer__partners { flex-direction: column; align-items: flex-start; }
	.ypl-footer__plist { width: 100%; }
	.ypl-footer__plist li { flex: 1 1 140px; }
	.ypl-footer__partner { min-width: 0; height: 64px; padding: 12px 16px; }
	.ypl-footer__partner img { height: 30px; }
}

/* ---------- Autori ---------- */
.ypl-avatar { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 50%; overflow: hidden; font-family: var(--font-display); font-weight: 700; line-height: 1; background: var(--t-blue-bg); color: var(--t-blue-ink); }
.ypl-avatar--teal { background: var(--t-teal-bg); color: var(--t-teal-ink); }
.ypl-avatar--violet { background: var(--t-violet-bg); color: var(--t-violet-ink); }
.ypl-avatar--amber { background: var(--t-amber-bg); color: var(--t-amber-ink); }
.ypl-avatar--green { background: var(--t-green-bg); color: var(--t-green-ink); }
.ypl-avatar--red { background: var(--t-red-bg); color: var(--t-red-ink); }
.ypl-avatar__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.ypl-authorbox { display: flex; gap: 20px; align-items: flex-start; margin-top: 36px; padding: 24px; background: var(--tint); border: 0; border-radius: var(--radius); }
.ypl-authorbox__pic { flex-shrink: 0; }
.ypl-authorbox__body { min-width: 0; }
.ypl-authorbox__label { margin: 0 0 2px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.ypl-authorbox__name { margin: 0; font-family: var(--font-display); font-size: 22px; font-weight: 700; line-height: 1.2; }
.ypl-authorbox__name a { color: var(--ink); }
.ypl-authorbox__name a:hover { color: var(--accent-ink); }
.ypl-authorbox__bio { margin: 8px 0 0; color: var(--text2); font-size: 15px; line-height: 1.55; }
.ypl-authorbox__more { display: inline-block; margin-top: 10px; font-weight: 600; font-size: 15px; }

.ypl-authorhead { display: flex; gap: 28px; align-items: center; margin: 8px 0 36px; padding: 32px; background: var(--surface); border: 0; border-radius: var(--radius-lg); }
.ypl-authorhead__body { min-width: 0; }
.ypl-authorhead__name { margin: 0; font-size: 40px; line-height: 1.1; overflow-wrap: anywhere; }
.ypl-authorhead__stats { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 10px 0 0; padding: 0; list-style: none; color: var(--muted); font-size: 15px; }
.ypl-authorhead__stats strong { color: var(--ink); font-family: var(--font-display); font-size: 18px; }
.ypl-authorhead__bio { margin: 12px 0 0; color: var(--text2); max-width: 62ch; line-height: 1.6; }

.ypl-alist__year { margin-top: 20px; background: var(--surface); border: 0; border-radius: var(--radius); overflow: hidden; }
.ypl-alist__yearhead { display: flex; align-items: baseline; justify-content: space-between; margin: 0; padding: 14px 20px; font-size: 20px; background: var(--tint); }
.ypl-alist__yearhead span { font-family: var(--font); font-size: 14px; font-weight: 500; color: var(--muted); }
.ypl-alist__items { margin: 0; padding: 0; list-style: none; }
.ypl-alist__item { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 4px 16px; align-items: baseline; padding: 12px 20px; border-top: 1px solid var(--border); }
.ypl-alist__item:first-child { border-top: 0; }
.ypl-alist__date { color: var(--muted); font-size: 14px; font-variant-numeric: tabular-nums; }
.ypl-alist__title { color: var(--ink); font-weight: 600; line-height: 1.35; }
.ypl-alist__title:hover { color: var(--accent-ink); }
.ypl-alist__cat { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }

@media (max-width: 640px) {
	.ypl-authorbox { gap: 14px; padding: 18px; margin-top: 28px; }
	.ypl-authorbox .ypl-avatar { width: 56px !important; height: 56px !important; font-size: 21px !important; }
	.ypl-authorbox__name { font-size: 19px; }
	.ypl-authorhead { flex-direction: column; align-items: flex-start; gap: 16px; padding: 22px; margin-bottom: 24px; }
	.ypl-authorhead .ypl-avatar { width: 84px !important; height: 84px !important; font-size: 32px !important; }
	.ypl-authorhead__name { font-size: 30px; }
	.ypl-alist__yearhead { padding: 12px 16px; }
	.ypl-alist__item { grid-template-columns: 52px minmax(0, 1fr); padding: 12px 16px; }
	.ypl-alist__cat { grid-column: 2; white-space: normal; }
}

/* ---------- Paginacija (naslovnica) ---------- */
.ypl-pagination--visible { margin-top: 28px; }
.ypl-pagination--visible .nav-links { justify-content: center; align-items: center; }
.ypl-pagination--visible .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px 14px; border-radius: 10px; font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; transition: border-color .15s, color .15s; }
.ypl-pagination--visible a.page-numbers:hover { border-color: var(--accent-ink); color: var(--accent-ink); }
.ypl-pagination--visible .page-numbers.current { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.ypl-pagination--visible .page-numbers.dots { border-color: transparent; background: transparent; min-width: 24px; padding: 8px 2px; color: var(--muted); }
.ypl-pagination--visible .prev, .ypl-pagination--visible .next { padding: 8px 16px; }

/* ---------- Newsletter ---------- */
.ypl-newsletter { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px 40px; align-items: center; margin-top: 48px; padding: 36px 40px; border-radius: var(--radius-lg); background: var(--community); color: var(--community-text); }
.ypl-newsletter__title { margin: 0; color: #fff; font-size: 28px; line-height: 1.15; }
.ypl-newsletter__lead { margin: 8px 0 0; line-height: 1.55; }
.ypl-newsletter__form form { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.ypl-newsletter__form p { margin: 0; }
.ypl-newsletter__form form > p:first-of-type, .ypl-newsletter__form #subscribe-email { flex: 1 1 220px; }
.ypl-newsletter__form label:not(.ypl-keep) { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.ypl-newsletter__form input[type="email"], .ypl-newsletter__form input[type="text"] { width: 100% !important; min-height: 48px; padding: 12px 16px !important; border: 0 !important; border-radius: 10px !important; background: #fff !important; color: #0f1b2d !important; font: inherit; font-size: 16px !important; }
.ypl-newsletter__form button, .ypl-newsletter__form input[type="submit"] { min-height: 48px; padding: 12px 22px !important; border: 0 !important; border-radius: 10px !important; background: var(--accent) !important; color: #fff !important; font: inherit; font-weight: 700; cursor: pointer; white-space: nowrap; }
.ypl-newsletter__form button:hover, .ypl-newsletter__form input[type="submit"]:hover { background: var(--accent-hover) !important; }
.ypl-newsletter__form .success, .ypl-newsletter__form .error { color: #fff; }
.ypl-newsletter__admin { margin: 0; padding: 14px 16px; border: 1px dashed var(--community-border); border-radius: 10px; font-size: 14px; }
.ypl-newsletter__admin a { color: #fff; text-decoration: underline; }
@media (max-width: 860px) {
	.ypl-newsletter { grid-template-columns: minmax(0, 1fr); padding: 28px 24px; margin-top: 32px; }
	.ypl-newsletter__title { font-size: 24px; }
}
@media (max-width: 640px) {
	.ypl-newsletter { padding: 24px 18px; border-radius: 16px; }
	.ypl-newsletter__form form { flex-direction: column; }
	.ypl-newsletter__form form > p:first-of-type, .ypl-newsletter__form #subscribe-email { flex: none; }
	.ypl-newsletter__form button, .ypl-newsletter__form input[type="submit"] { width: 100%; }
	.ypl-pagination--visible .page-numbers { min-width: 40px; min-height: 40px; padding: 6px 10px; }
	.ypl-pagination--visible .prev, .ypl-pagination--visible .next { padding: 6px 12px; }
}
@media (max-width: 1024px) and (min-width: 641px) {
	.ypl-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ypl-footer__brand { grid-column: 1 / -1; }
}

/* ---------- Dvorana slavnih ---------- */
.page-id-8876 .ypl-layout { grid-template-columns: minmax(0, 1fr); }
.page-id-8876 .ypl-aside { display: none; }
.hof-lead { font-size: 18px; line-height: 1.6; color: var(--text2); margin: 0 0 32px; }
.hof-year { margin: 0 0 36px; }
.ypl-entry .hof-year__h { font-size: 30px; margin: 0 0 14px; }
.hof-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.hof-card { background: var(--surface); border-radius: 14px; overflow: hidden; box-shadow: 0 1px 3px rgba(15, 27, 45, .12); }
.hof-card__art { position: relative; aspect-ratio: 1 / 1; background: var(--tint); }
.ypl-entry .hof-card__art img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; border-radius: 0; }
.hof-tile { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-family: var(--font-display); font-weight: 700; font-size: 44px; color: rgba(255, 255, 255, .92); background: linear-gradient(135deg, #0f2a57, #1a56c4); }
.hof-card--gold .hof-tile { background: linear-gradient(135deg, #8a6400, #d4a017); }
.hof-card--amber .hof-tile { background: linear-gradient(135deg, #7a3d00, #c26a00); }
.hof-card--green .hof-tile { background: linear-gradient(135deg, #0d4a2d, #1f7a4d); }
.hof-card--red .hof-tile { background: linear-gradient(135deg, #5e1020, #a1233a); }
.hof-card--violet .hof-tile { background: linear-gradient(135deg, #33246e, #5b44b8); }
.hof-card__badge { position: absolute; left: 8px; bottom: 8px; font-size: 11px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; padding: 3px 8px; border-radius: 4px; color: #fff; background: #1a56c4; }
.hof-card--gold { box-shadow: 0 0 0 2px #d4a017; }
.hof-card--gold .hof-card__badge { background: #d4a017; }
.hof-card--green .hof-card__badge { background: #1f7a4d; }
.hof-card--amber .hof-card__badge { background: #c26a00; }
.hof-card--violet .hof-card__badge { background: #5b44b8; }
.hof-card--red .hof-card__badge { background: #a1233a; }
.hof-card__body { padding: 12px 14px 14px; }
.ypl-entry .hof-card__body p { margin: 0; }
.ypl-entry .hof-card__name { font-family: var(--font-display); font-weight: 700; font-size: 17px; line-height: 1.2; color: var(--ink); }
.ypl-entry .hof-card__body .hof-card__deck { margin-top: 4px; font-size: 14px; line-height: 1.4; color: var(--text2); }
@media (max-width: 860px) {
	.hof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.ypl-entry .hof-card__name { font-size: 15px; }
	.hof-card__body { padding: 10px; }
	.ypl-entry .hof-year__h { font-size: 24px; }
	.hof-card__badge { font-size: 10px; padding: 2px 6px; }
	.hof-tile { font-size: 34px; }
}

/* ---------- Edison hub ---------- */
.edh-lead { font-size: 18px; line-height: 1.6; color: var(--text2); }
.edh-facts { background: var(--tint); border: 1px solid var(--tint-border); border-radius: var(--radius); padding: 18px 22px; margin: 24px 0; }
.ypl-entry .edh-facts__title { font-family: var(--font-display); font-size: 18px; margin: 0 0 10px; color: var(--tint-ink); }
.edh-facts dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 8px 18px; margin: 0; font-size: 15px; line-height: 1.5; }
.edh-facts dt { font-weight: 700; color: var(--tint-ink); }
.edh-facts dd { margin: 0; color: var(--text2); }
.edh-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 16px 0 8px; }
.ypl-entry .edh-nav a { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); text-decoration: none; color: var(--ink); transition: border-color .15s; }
.ypl-entry .edh-nav a:hover { border-color: var(--accent-ink); }
.edh-nav strong { font-family: var(--font-display); font-size: 17px; color: var(--accent-ink); }
.edh-nav span { font-size: 14px; line-height: 1.45; color: var(--text2); }
.edh-note { border-left: 3px solid var(--accent); padding: 4px 0 4px 16px; color: var(--text2); }
.ypl-entry .schema-faq-section { border-top: 1px solid var(--border); padding: 14px 0; }
.ypl-entry .schema-faq-question { display: block; font-family: var(--font-display); font-size: 17px; margin-bottom: 6px; color: var(--ink); }
.ypl-entry .schema-faq-answer { margin: 0; }
@media (max-width: 640px) {
	.edh-nav { grid-template-columns: minmax(0, 1fr); }
	.edh-facts { padding: 16px; }
	.edh-facts dl { grid-template-columns: minmax(0, 1fr); gap: 2px; }
	.edh-facts dd { margin-bottom: 8px; }
}
.ypl-entry .edh-hero { margin: 8px 0 24px; }
.ypl-entry .edh-hero img { width: 100%; height: auto; border-radius: var(--radius); display: block; }
.edh-cta { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; background: #0c1f3d; color: #dbe7f7; border-radius: var(--radius); padding: 18px 22px; margin: 20px 0; }
.edh-cta__t { display: flex; flex-direction: column; gap: 4px; }
.edh-cta__t strong { font-family: var(--font-display); font-size: 20px; color: #fff; }
.edh-cta__t span { font-size: 15px; }
.ypl-entry .edh-cta a.edh-cta__btn { background: #ffce5c; color: #1a1300; font-weight: 700; text-decoration: none; padding: 10px 18px; border-radius: 10px; white-space: nowrap; }
.ypl-entry .edh-cta a.edh-cta__btn:hover { background: #ffd978; }

/* ---------- Edison ban lista ---------- */
.edb-top { display: flex; flex-direction: column; gap: 14px; margin: 8px 0 24px; }
.edb-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.ypl-entry a.edb-stat { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; color: var(--ink); box-shadow: var(--shadow); }
.ypl-entry a.edb-stat:hover { border-color: var(--border2); }
.edb-stat__n { font-family: var(--font-display); font-weight: 700; font-size: 30px; line-height: 1; }
.edb-stat__l { font-size: 14px; color: var(--text2); }
.edb-stat .edb-badge { position: absolute; top: 12px; right: 12px; }
.edb-badge { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; font-family: var(--font-display); font-weight: 700; font-size: 16px; color: #fff; flex-shrink: 0; }
.edb-badge--forbidden { background: #c0263e; }
.edb-badge--limited { background: #d97706; }
.edb-badge--semi { background: #ca8a04; }
.edb-search input { width: 100%; box-sizing: border-box; padding: 12px 14px; font: inherit; font-size: 16px; color: var(--ink); background: var(--surface); border: 1px solid var(--border2); border-radius: 12px; }
.edb-search input:focus { outline: 2px solid var(--accent); outline-offset: 1px; }
.edb-sec { margin: 0 0 30px; scroll-margin-top: 90px; }
.edb-sec__head { display: flex; gap: 14px; align-items: center; margin-bottom: 14px; }
.edb-sec__head .edb-badge { width: 44px; height: 44px; font-size: 22px; }
.ypl-entry .edb-sec__title { margin: 0; font-size: 24px; }
.edb-sec__title small { font-size: 16px; color: var(--muted); font-weight: 600; }
.ypl-entry .edb-sec__desc { margin: 2px 0 0; font-size: 15px; color: var(--text2); }
.edb-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: start; }
.edb-col { background: var(--surface); border: 1px solid var(--border); border-top: 4px solid var(--c); border-radius: 12px; padding: 12px 14px; }
.edb-col--mon { --c: #d9772b; }
.edb-col--spe { --c: #1f9a6a; }
.edb-col--tra { --c: #b0479e; }
.ypl-entry .edb-col__h { font-size: 15px; margin: 0 0 6px; text-transform: uppercase; letter-spacing: .04em; color: var(--c); }
.edb-col__h span { color: var(--muted); font-weight: 600; }
.ypl-entry .edb-col ul { list-style: none; margin: 0; padding: 0; }
.ypl-entry .edb-card { margin: 0; padding: 6px 0; border-top: 1px solid var(--border); font-size: 14.5px; line-height: 1.35; }
.ypl-entry .edb-card:first-child { border-top: 0; }
.ypl-entry .edb-card a { color: var(--ink); text-decoration: none; }
.ypl-entry .edb-card a:hover { color: var(--accent-ink); text-decoration: underline; }
.edb-empty { padding: 16px; background: var(--tint); border-radius: 12px; color: var(--tint-ink); }
@media (max-width: 860px) {
	.edb-cols { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
	.edb-stats { gap: 8px; }
	.ypl-entry a.edb-stat { padding: 12px; }
	.edb-stat__n { font-size: 24px; }
	.edb-stat__l { font-size: 12.5px; }
	.edb-stat .edb-badge { width: 22px; height: 22px; font-size: 12px; top: 10px; right: 10px; }
	.ypl-entry .edb-sec__title { font-size: 20px; }
}
.ypl-entry .edb-fig { margin: 0 0 14px; background: #1b0f2a; border-radius: 12px; overflow: hidden; }
.ypl-entry .edb-fig img { display: block; width: 100%; height: auto; margin: 0; border-radius: 0; }

/* ---------- Edison: legalni setovi i erata ---------- */
.els-facts { margin: 0; }
.els-jumps { display: flex; flex-wrap: wrap; gap: 8px; }
.ypl-entry a.els-jump { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border: 1px solid var(--border2); border-radius: 999px; background: var(--surface); color: var(--ink); font-size: 14px; font-weight: 600; text-decoration: none; }
.ypl-entry a.els-jump:hover { border-color: var(--accent-ink); color: var(--accent-ink); }
.els-jump span { color: var(--muted); font-weight: 600; }
.els-head { margin-bottom: 12px; }
.els-tablewrap { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
.ypl-entry .els-table { margin: 0; font-size: 15px; }
.ypl-entry .els-table th, .ypl-entry .els-table td { border: 0; border-top: 1px solid var(--border); padding: 9px 14px; }
.ypl-entry .els-table thead th { border-top: 0; background: var(--tint); font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--tint-ink); }
.ypl-entry .els-table tbody tr:hover td { background: var(--bg); }
.els-code { width: 1%; white-space: nowrap; }
.ypl-entry .els-code code, .ypl-entry .els-spec code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; font-weight: 700; padding: 3px 7px; border-radius: 6px; background: var(--tint); color: var(--accent-ink); }
.els-date { white-space: nowrap; color: var(--text2); width: 1%; }
.ypl-entry .els-spec { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.ypl-entry .els-spec li { margin: 0; display: flex; flex-direction: column; gap: 6px; align-items: flex-start; padding: 14px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; }
.els-spec__l { font-size: 13px; color: var(--muted); }
.ypl-entry .ere-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ypl-entry .ere-item { margin: 0; padding: 14px 16px; background: var(--surface); border: 1px solid var(--border); border-left: 4px solid var(--accent); border-radius: 12px; }
.ypl-entry .ere-item:first-child { border-top: 1px solid var(--border); }
.ypl-entry tr.edb-card { font-size: inherit; }
.ypl-entry .ere-item__name { font-size: 16px; margin: 0 0 4px; }
.ypl-entry .ere-item__name a { color: var(--ink); text-decoration: none; }
.ypl-entry .ere-item__name a:hover { color: var(--accent-ink); text-decoration: underline; }
.ypl-entry .ere-item__txt { margin: 0; font-size: 14.5px; line-height: 1.5; color: var(--text2); }
.ere-sec#rjesavanje .ere-item { border-left-color: #1f9a6a; }
.ere-sec#uvjeti .ere-item { border-left-color: #b0479e; }
@media (max-width: 640px) {
	.ypl-entry .els-table th, .ypl-entry .els-table td { padding: 8px 10px; }
	.ypl-entry .els-table { font-size: 14px; }
	.els-date { white-space: normal; }
	.ypl-entry .els-spec, .ypl-entry .ere-grid { grid-template-columns: minmax(0, 1fr); }
}