/*
 * Widget „Doporučené články“ (inc/widget-doporucene.php, třídy srp-*).
 * Přepsáno načisto pro šablonu radiotv26 – jen barvy z proměnných ve style.css,
 * funguje ve světlém i tmavém režimu. Obal widgetu je <aside> nebo <li> podle oblasti.
 */

/* ===== Widget jako karta ===== */
.widget[id^="wdg_specialrecentpostsfree-"],
.widget.widget_specialrecentpostsFree {
	display: block; margin: 0; padding: 20px 22px; min-width: 0;
	background: var(--surface); color: var(--text); border-radius: 14px;
	list-style: none;
}
.widget[id^="wdg_specialrecentpostsfree-"]::marker { content: none; }

.srp-widget-title,
.widget .srp-widget-title {
	margin: 0 0 6px; padding: 0; border: 0; background: none;
	font-family: var(--font-h); font-size: 18px; font-weight: 700; line-height: 1.25;
	text-transform: none; color: var(--text);
}

/* skrytý titulek (instance Media galerie – 3) */
#wdg_specialrecentpostsfree-5 .srp-widget-title,
#wdg_specialrecentpostsfree-6 .srp-widget-title { display: none; }

/* ===== Seznam položek ===== */
.srp-widget-container { margin: 0; padding: 0; border: 0; }
.srp-widget-container div[style*="clear"] { display: none; }

.srp-widget-singlepost {
	display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 14px; align-items: start;
	margin: 0; padding: 14px 0; border: 0;
}
.srp-widget-singlepost + .srp-widget-singlepost { border-top: 1px solid var(--border); }
.srp-widget-singlepost:last-of-type { padding-bottom: 0; }

/* ===== Náhled 120×90 ===== */
.srp-thumbnail-box,
.srp-thumbnail-boxfoto,
.srp-thumbnail-boxhud,
.srp-thumbnail-boxvid {
	position: relative; float: none; width: 120px; height: 90px; margin: 0; padding: 0;
	border-radius: var(--radius-s); overflow: hidden; background: var(--surface-2);
}
.srp-widget-thmblink { display: block; width: 100%; height: 100%; line-height: 0; }
img.srp-widget-thmb {
	display: block; width: 120px; height: 90px; max-width: none; margin: 0; padding: 0; border: 0;
	object-fit: cover; border-radius: 0; box-shadow: none;
}

/* odznak foto / audio / video v pravém dolním rohu náhledu (kruh uprostřed obrázku 130×95) */
.srp-thumbnail-boxfoto .srp-widget-thmblink::after,
.srp-thumbnail-boxhud .srp-widget-thmblink::after,
.srp-thumbnail-boxvid .srp-widget-thmblink::after {
	content: ""; position: absolute; right: -14px; bottom: -6px; width: 70px; height: 51px;
	background: center / contain no-repeat; pointer-events: none;
}
.srp-thumbnail-boxfoto .srp-widget-thmblink::after { background-image: url(img/foto.png); }
.srp-thumbnail-boxhud .srp-widget-thmblink::after { background-image: url(img/audio.png); }
.srp-thumbnail-boxvid .srp-widget-thmblink::after { background-image: url(img/media.png); }

/* ===== Text ===== */
.srp-content-box { float: none; width: auto; margin: 0; padding: 0; min-width: 0; }
.srp-post-title,
.widget .srp-post-title {
	margin: 0; padding: 0; border: 0; text-transform: none;
	font-family: var(--font-h); font-size: 16px; font-weight: 600; line-height: 1.3;
	overflow-wrap: anywhere;
}
.srp-post-title a,
.srp-post-title-link { color: var(--text); text-decoration: none; }
.srp-post-title a:hover,
.srp-post-title-link:hover { color: var(--accent-text); }
.srp-widget-date,
.widget .srp-widget-date { margin: 6px 0 0; padding: 0; font-size: 13px; line-height: 1.4; color: var(--muted); }

@media (max-width: 380px) {
	.srp-widget-singlepost { grid-template-columns: 96px minmax(0, 1fr); gap: 12px; }
	.srp-thumbnail-box, .srp-thumbnail-boxfoto, .srp-thumbnail-boxhud, .srp-thumbnail-boxvid { width: 96px; height: 72px; }
	img.srp-widget-thmb { width: 96px; height: 72px; }
}

/* revize: náhledy widgetů nepřebíjet obecným pravidlem pro obrázky v postranním panelu */
.r26-postranni .widget img.srp-widget-thmb { width: 120px; height: 90px; max-width: none; object-fit: cover; }
@media (max-width: 380px) { .r26-postranni .widget img.srp-widget-thmb { width: 96px; height: 72px; } }
.r26-postranni .widget p.srp-widget-date { margin: 6px 0 0; }