/* Header: one row on desktop like casigood77 (logo left, menu centre, buttons right). */

body .v6-header {
	background: rgba(29, 29, 29, .96);
	border-bottom: 1px solid var(--cg-line);
	backdrop-filter: blur(8px);
}

body .v6-header__menu-item__link {
	font-weight: 600;
	font-size: 15px;
	color: var(--cg-text);
	position: relative;
	transition: color .2s;
}

body .v6-header__menu-item__link:hover,
body .v6-header__menu-item.current-menu-item > .v6-header__menu-item__link {
	color: var(--cg-sky);
}

@media (min-width: 1200px) {
	body .v6-header > .container {
		display: grid !important;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		column-gap: 28px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	body .v6-header .v6-header__info {
		grid-column: 1;
		grid-row: 1;
		margin: 0 !important;
	}

	body .v6-header .v6-header__menu {
		grid-column: 2;
		grid-row: 1;
		justify-self: center;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}

	body .v6-header .v6-header__download {
		grid-column: 3;
		grid-row: 1;
		margin: 0 !important;
		justify-content: flex-end;
	}

	body .v6-header__menu-list_depth-0 {
		gap: 6px 26px;
		flex-wrap: nowrap;
	}

	body .v6-header__menu-item__link::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: -8px;
		height: 3px;
		border-radius: 3px;
		background: var(--cg-grad-h);
		transform: scaleX(0);
		transition: transform .25s ease;
	}

	body .v6-header__menu-item__link:hover::after,
	body .v6-header__menu-item.current-menu-item > .v6-header__menu-item__link::after {
		transform: scaleX(1);
	}
}

/* header buttons: compact pills */
body .vAll-meta-button_header,
body .vAll-meta-button_header-secondary {
	min-height: 48px;
	padding-left: 18px !important;
	padding-right: 18px !important;
}

/* bonus dropdown in the header */
body .v6-header__panel-bonuses-btn {
	background: var(--cg-grad) !important;
	border-radius: 14px !important;
}

body .v6-claim-bonus {
	background: var(--cg-surface) !important;
	border: 1px solid var(--cg-line);
	border-radius: var(--cg-radius-sm);
}

/* Footer */
body .v6-footer {
	position: relative;
	background: var(--cg-surface);
	border-top: 0;
}

body .v6-footer::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 3px;
	background: var(--cg-grad-h);
}

body .v6-footer__menu-title {
	font-weight: 800;
	font-size: 14px;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--cg-sky);
}

body .v6-footer__menu-list__item-link {
	color: var(--cg-muted);
	transition: color .2s, padding-left .2s;
}

body .v6-footer__menu-list__item-link:hover {
	color: var(--cg-text);
	padding-left: 4px;
}

body .v6-footer__info-age-limit {
	border-radius: 50%;
	border-color: var(--cg-sky) !important;
	color: var(--cg-sky) !important;
	font-weight: 800;
}

/* keep the bonus gift button on the same row as the menu */
@media (min-width: 1200px) {
	body .v6-header .v6-header__menu {
		display: flex !important;
		align-items: center;
		gap: 22px;
	}

	body .v6-header .v6-header__menu-wrapper {
		margin: 0 !important;
		padding: 0 !important;
	}
}

/* header bonus dropdown: dark panel, so the theme's black text is switched to white */
body .v6-claim-bonus .v6-claim-bonus__description {
	color: var(--cg-text) !important;
	font-weight: 600;
}

body .v6-claim-bonus .v6-claim-bonus__link,
body .v6-claim-bonus .v6-claim-bonus__link span {
	color: #000000 !important;
	font-weight: 800;
}

/* UK flag badge on the logo (header and footer) */
body .v6-header__logo,
body .v6-footer__logo {
	position: relative;
	display: inline-block;
}

body .v6-header__logo::after,
body .v6-footer__logo::after {
	content: "";
	position: absolute;
	right: -30px;
	top: 50%;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	border-radius: 50%;
	border: 2px solid #1d1d1d;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .4);
	background: #012169 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3CclipPath id='c'%3E%3Ccircle cx='30' cy='30' r='30'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23c)'%3E%3Crect width='60' height='60' fill='%23012169'/%3E%3Cpath d='M-10 -10 70 70M70 -10 -10 70' stroke='%23fff' stroke-width='12'/%3E%3Cpath d='M-10 -10 70 70M70 -10 -10 70' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M30 -10V70M-10 30H70' stroke='%23fff' stroke-width='18'/%3E%3Cpath d='M30 -10V70M-10 30H70' stroke='%23C8102E' stroke-width='10'/%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat;
}

body .v6-footer__logo::after {
	border-color: #111111;
}
