/* WP Base Upsell – frontend dlaždice.
   Vše scoped pod .wpbu-tile, žádné globální styly na li.product.
   Sloupcové rozměry dědí dlaždice z tříd produktu (PHP) nebo naklonovaných tříd (JS). */

.wpbu-tile {
	list-style: none;
	box-sizing: border-box;
}
.wpbu-tile::marker { content: ""; }

/* Klikací obal */
.wpbu-tile .wpbu-tile__link {
	position: relative;
	display: block;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
}

/* Obrázek */
.wpbu-tile .wpbu-tile__media,
.wpbu-tile .wpbu-tile__picture {
	display: block;
	height: 100%;
}
.wpbu-tile .wpbu-tile__media img,
.wpbu-tile .wpbu-tile__picture img,
.wpbu-tile img.wpbu-tile__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0;
}

/* Overlay (text/tlačítko přes obrázek) */
.wpbu-tile .wpbu-tile__overlay {
	position: absolute;
	inset: 0;
	display: flex;
	padding: clamp(12px, 6%, 28px);
	box-sizing: border-box;
}
.wpbu-tile .wpbu-tile__overlay-inner {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-width: 100%;
}
.wpbu-tile .wpbu-tile__heading {
	margin: 0;
	font-size: clamp(1.1rem, 0.9rem + 1.2vw, 1.9rem);
	font-weight: 700;
	line-height: 1.15;
}
.wpbu-tile .wpbu-tile__sub {
	margin: 0;
	font-size: clamp(0.85rem, 0.8rem + 0.3vw, 1.05rem);
	line-height: 1.4;
}
.wpbu-tile .wpbu-tile__btn {
	display: inline-block;
	margin-top: 4px;
	padding: 0.6em 1.25em;
	border-radius: 4px;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	transition: opacity 0.15s ease;
}
.wpbu-tile .wpbu-tile__link:hover .wpbu-tile__btn { opacity: 0.9; }

/* Statická (neklikací) varianta */
.wpbu-tile .wpbu-tile__link--static { cursor: default; }

/* Šířka přes více sloupců.
   Grid je přesný; flex/float dostane přibližný fallback přes --wpbu-col-w. */
.wpbu-tile.wpbu-w-row {
	grid-column: 1 / -1;
	width: 100%;
	max-width: 100%;
	flex-basis: 100%;
	float: none;
	clear: both;
}
.wpbu-tile.wpbu-w-two {
	grid-column: span 2;
	flex-basis: calc(var(--wpbu-col-w, 50%) * 2);
}

/* Produktová dlaždice se stylem nedotýkáme – renderuje ji šablona. */
.wpbu-tile--product { display: block; }