/* IDR Licence Badges: Ofcom / PRS for Music / PPL beside the homepage hero (section 5ee7c5f).
 * Hidden until the script has placed it (.idrlb-on), so a missing hero shows nothing.
 * .idrlb-stack: absolute, in the section's left purple gutter, vertically centred (gutter >= 100px, ~1440px+).
 * .idrlb-row: in normal flow as the section's last child, so it sits under the hero content (phones: under the
 * video) and makes the section taller instead of overlapping anything. Own z-index above the roll's slides
 * and the shape divider. Tiles: dark purple, thin gold #F3E2A6 border and soft gold glow (Our Partners style),
 * so the white PPL logo reads. */

.idrlb-wrap { display: none; }

.elementor-element-5ee7c5f > .idrlb-wrap.idrlb-on {
	display: flex;
	z-index: 6;
	box-sizing: border-box;
	pointer-events: none;
}

.idrlb-wrap .idrlb-tile {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background: #2a0638;
	border: 1px solid #F3E2A6;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(243, 226, 166, 0.45);
	padding: 6px 8px;
	overflow: hidden;
}
.idrlb-wrap .idrlb-logo {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	margin: 0;
	border: 0;
	box-shadow: none;
}

/* vertical stack in the left gutter */
.idrlb-wrap.idrlb-stack {
	position: absolute;
	top: 50%;
	left: var(--idrlb-left, 14px);
	width: var(--idrlb-w, 84px);
	transform: translateY(-50%);
	flex-direction: column;
	gap: 16px;
}
.idrlb-wrap.idrlb-stack .idrlb-tile {
	width: 100%;
	height: var(--idrlb-h, 75px);
	padding: 5px 6px;
}
.idrlb-wrap.idrlb-stack .idrlb-logo { max-height: calc(var(--idrlb-h, 75px) - 12px); }

/* compact single row under the hero content */
.idrlb-wrap.idrlb-row {
	position: relative;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 12px;
	width: 100%;
	max-width: 100%;
	margin: 12px auto 14px;
	padding: 0 10px;
}
.idrlb-wrap.idrlb-row .idrlb-tile {
	flex: 0 1 124px;
	min-width: 0;
	height: 64px;
	padding: 5px 6px;
}
.idrlb-wrap.idrlb-row .idrlb-logo { max-height: 52px; }
/* phones: three tiles still fit on one row, just a little lower */
@media (max-width: 480px) {
	.idrlb-wrap.idrlb-row { gap: 8px; padding: 0 8px; }
	.idrlb-wrap.idrlb-row .idrlb-tile { height: 56px; padding: 4px 5px; }
	.idrlb-wrap.idrlb-row .idrlb-logo { max-height: 46px; }
}