/*!
Theme Name: Wicked Play
Description: Wicked Play Theme
Version: 1.0.0
Text Domain: wicked-play
*/

/* Header */
.admin-bar .header {
	top: 32px;
}

.admin-bar .menu__body {
	top: 32px;
	height: calc(100% - 32px);
}

@media (max-width: 782px) {
	.admin-bar .header {
		top: 46px;
	}

	.admin-bar .menu__body {
		top: 46px;
		height: calc(100% - 46px);
	}
}

@media (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }
}

/* Lang Switcher */
@media (max-width: 61rem) {
	.lang-select {
		--select-img-size: 1.525rem;
	}
}

.lang-select__option > a {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	column-gap: clamp(.75rem, .7rem + .25vw, 1rem);
	width: 100%;
}

.offset-lang-select__option > a {
	display: flex;
	align-items: center;
	gap: var(--space-8);
}

.lang-select__toggle-text,
.lang-select__lang-code {
	text-transform: uppercase;
}

/* Footer */
.footer__wrap {
	display: grid;
	gap: clamp(1rem, .6rem + 2vw, 3rem);
	grid-template-columns: var(--grid-1);
}

@media (min-width: 62rem) {
	.footer__wrap {
		gap: clamp(1rem, .6rem + 2vw, 3rem);
		grid-template-columns: var(--grid-2);
	}
}

@media (min-width: 62rem) {
	.footer-top__menu {
		display: block;
		column-count: 4;
	}
}

@media (max-width: 61rem) {
	.footer-top__menu {
		padding-block-end: 1rem;
		border-block-end: .0625rem solid #3c5a82;
	}
}

@media (min-width: 62rem) {
	.footer-top__menu > li {
		margin-block-end: 0.5rem;
	}
}

@media (max-width: 61rem) {
	.footer-top__menu > li:nth-child(5) {
		margin-block-end: 1rem;
		padding-block-end: 1rem;
		border-block-end: .0625rem solid #3c5a82;
	}
}

.footer-bottom__soc {
	justify-content: center;
}

@media (min-width: 62rem) {
	.footer-bottom__soc {
		justify-content: flex-end;
	}
}

/* Slider */
[data-slider].splide .splide__pagination__page:not(.is-active) {
    background-color: var(--color-iced-lavender);
}

/* Recent Games */
.section-ng [data-slider].splide .splide__pagination__page:not(.is-active) {
    background-color: var(--color-white);
}

/* About */
@media (min-width: 62rem) {
	.about-hero__cards {
		grid-template-rows: 19.9375rem;
		grid-auto-rows: 9.0625rem;
	}
}

/* RGS Hero */
.gd-hero-card[data-variant=purple-dark] {
	background-color: rgba(76, 83, 129, .6);
}

/* Pluses */
.section-about__col--text {
    max-inline-size: 38.75rem;
}

.section-about__features>li:first-child {
    max-inline-size: clamp(11.25rem, 9.6125rem + 10.1875vw, 21.4375rem);
}

/* Tools */
.tool-card__title:not(:last-child) {
    margin-block-end: clamp(.5625rem, .4625rem + .5vw, 1.0625rem);
}

/* Branding */
.section-branding__header:not(:last-child) {
    margin-block-end: 1.75rem;
}

.section-branding__header > *:not(:last-child) {
	margin-bottom: 1rem;
}

.section-branding__subtitle {
	text-align: center;
}

.section-branding__subtitle .text-gradient {
	background: linear-gradient(90deg, #08A9DB 0%, #62E327 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

/* Worldwide */
@media (min-width: 62rem) {
    .section-markets__col--card {
        max-inline-size: 44.9375rem;
    }
}

@media (min-width: 62rem) {
    .markets-card__row {
        --col-width: 25%;
    }
}

@media (max-width: 61rem) {
    .markets-card__col:first-child {
        --col-width: 50%;
        order: 0;
    }
}

@media (max-width: 61rem) {
    .markets-card__col:first-child .markets-card__list {
        column-count: 1;
    }
}

/* Game */
@media (max-width: 61rem) {
	.section-game-details__subtitle:not(.only-mobile) {
		display: none;
	}
}

/* Ajax Loading */
.ajax_loading {
	position: relative;
	pointer-events: none;
}

.ajax_loading:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.75) url(assets/img/loader.gif) 50% / 8% no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.ajax_loader {
	width: 100%;
	height: 3rem;
	margin: 0 auto;
	background: url(assets/img/loader.gif) 50% / 5rem no-repeat;
}

/* Only Mobile */
@media (min-width: 62rem) {
	.only-mobile {
		display: none;
	}
}

.cky-btn-accept,
.cky-btn-revisit-wrapper {
	background: linear-gradient(90deg, #02a5e3, #35cc98) !important;
	transition: background-position 0.3s !important;
}

.cky-btn-accept:hover {
	background-size: 200% 100% !important;
	opacity: 1 !important;
}

.cky-notice-btn-wrapper .cky-btn {
/* 	border-width: 1px; */
}

.cky-consent-container .cky-consent-bar {
	box-shadow: 0 0 1rem #64e324 !important;
}

.modal {
	z-index: 9999999 !important;
}

/* button,
a,
[role="button"] {
  -webkit-tap-highlight-color: transparent;
} */

.lang-select__popup {
  position: absolute;
  top: calc(100% + 8px); 
  z-index: 9999;
}

.grecaptcha-badge { visibility: hidden; }