/*
 * SisterCasinoUK brand layer (Nov 2026): black, dark blue and white, minimal corner radii.
 * Loaded after every other theme stylesheet. Tokens live in fonts.css (:root --scuk-*).
 */

/* ---------- Logo ---------- */
.sscuk-header__brand .custom-logo,
.sscuk-header__brand svg.custom-logo {
	height: 32px;
	width: auto;
	max-width: none;
	max-height: none;
}
.sscuk-footer__logo svg.custom-logo {
	display: block;
	height: 34px;
	width: auto;
}
@media (max-width: 420px) {
	.sscuk-header__brand svg.custom-logo { height: 26px; }
}

/* ---------- Selection, focus ---------- */
::selection { background: var(--scuk-blue); color: #fff; }
:where(a, button, input, summary, select, textarea):focus-visible {
	outline: 2px solid var(--scuk-blue-h);
	outline-offset: 2px;
}

/* ---------- Editorial byline (article hero) ---------- */
.sscuk-ed-byline .sscuk-ed-mark {
	flex: 0 0 auto;
	display: block;
	width: 28px;
	height: 28px;
}

/* ---------- Editorial box (under articles, homepage) ---------- */
.sscuk-edbox {
	display: grid;
	grid-template-columns: 56px 1fr;
	gap: 18px;
	align-items: start;
	padding: 24px;
	background: #fff;
	border: 1px solid #E2E6EE;
	border-left: 3px solid var(--scuk-blue);
	border-radius: 4px;
	color: #283041;
	font-family: var(--sscuk-font-text);
}
.sscuk-edbox__mark { display: block; line-height: 0; }
.sscuk-edbox__mark .sscuk-ed-mark { width: 48px; height: 48px; }
.sscuk-edbox__name {
	margin: 0 0 6px;
	font-family: var(--sscuk-font-display);
	font-size: 18px;
	font-weight: 800;
	line-height: 1.25;
	color: var(--scuk-black);
}
.sscuk-edbox__text { margin: 0; font-size: 15.5px; line-height: 1.65; color: #3A4356; }
.sscuk-edbox__links { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 14px 0 0; }
.sscuk-edbox__links a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14.5px;
	font-weight: 600;
	color: var(--scuk-blue) !important;
	text-decoration: none !important;
}
.sscuk-edbox__links a svg { transition: transform .2s ease; }
.sscuk-edbox__links a:hover { color: var(--scuk-blue-h) !important; }
.sscuk-edbox__links a:hover svg { transform: translateX(3px); }
@media (max-width: 560px) {
	.sscuk-edbox { grid-template-columns: 1fr; padding: 20px; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	.sscuk-edbox__links a svg { transition: none; }
}

/* ---------- Text on blue buttons (rules that set colour apart from the fill) ---------- */
.sscuk-home__btn--primary, .sscuk-home__btn--primary:hover, .sscuk-home__btn--primary:focus,
.sscuk-info__contact-btn, .sscuk-info__contact-btn:hover,
.sscuk-search__form-btn, .sscuk-search__form-btn:hover,
.sscuk-404__btn--primary, .sscuk-404__btn--primary:hover,
.sscuk-404__search-btn, .sscuk-404__search-btn:hover {
	color: #fff !important;
}

/* ---------- 18+ badges: white outline instead of red ---------- */
.sscuk-footer__badge,
.sscuk-hc-signoff__age {
	background: transparent !important;
	color: #fff !important;
	box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .85) !important;
	border-radius: 3px !important;
}