/**
 * Mobile UI/UX enhancements — loads after main theme styles.
 * Touch targets, overflow control, spacing, readability. No functionality changes.
 */

/* ── Foundation ─────────────────────────────────────────────── */

@media (max-width: 991px) {
	html {
		scroll-padding-top: 56px;
		-webkit-text-size-adjust: 100%;
	}

	body {
		padding-left: env(safe-area-inset-left, 0);
		padding-right: env(safe-area-inset-right, 0);
	}

	img,
	video,
	iframe,
	svg {
		max-width: 100%;
		height: auto;
	}

	.entry-content img,
	.casino_single img,
	.latest_reward img,
	.detail_featured_image img {
		max-width: 100%;
		height: auto;
	}
}

/* ── Header / navigation ───────────────────────────────────── */

@media (max-width: 991px) {
	#masthead.site-header {
		padding-left: env(safe-area-inset-left, 0);
		padding-right: env(safe-area-inset-right, 0);
		position: relative;
		z-index: 100000;
	}

	.custom_navbar {
		position: relative;
		z-index: 100001;
	}

	.custom_navbar__actions {
		display: flex !important;
		flex-direction: row;
		align-items: center;
		flex-wrap: nowrap;
		gap: 2px;
		margin-inline-start: auto;
		position: relative;
		z-index: 100003;
		flex: 0 0 auto;
	}

	body.primary-navigation-open .custom_navbar__actions {
		z-index: 100000001;
	}

	.custom_navbar__actions .search_for_mobile,
	.custom_navbar .search_for_mobile {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		flex: 0 0 auto;
	}

	#Lang_ar .custom_navbar__actions .search_for_mobile,
	#Lang_ar .custom_navbar .search_for_mobile {
		left: auto !important;
		right: auto !important;
		text-align: inherit;
	}

	.custom_navbar__actions .menu-button-container,
	.custom_navbar .menu-button-container {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		right: auto !important;
		left: auto !important;
		width: auto !important;
		padding: 0 !important;
		background: transparent !important;
	}

	body.primary-navigation-open .custom_navbar__actions .menu-button-container,
	body.primary-navigation-open .custom_navbar .menu-button-container {
		width: auto !important;
		background: transparent !important;
	}

	.custom_navbar .menu-button-container button#primary-mobile-menu {
		min-width: 44px;
		min-height: 44px;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		padding: 10px;
		margin: 0;
		color: #fff !important;
		position: relative !important;
		-webkit-tap-highlight-color: transparent;
	}

	.custom_navbar .menu-button-container button#primary-mobile-menu .dropdown-icon.open {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
	}

	.custom_navbar .menu-button-container button#primary-mobile-menu .dropdown-icon.close {
		display: none !important;
	}

	.custom_navbar .menu-button-container button#primary-mobile-menu[aria-expanded="true"] .dropdown-icon.open {
		display: none !important;
	}

	.custom_navbar .menu-button-container button#primary-mobile-menu[aria-expanded="true"] .dropdown-icon.close {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
	}

	.custom_navbar .menu-button-container button#primary-mobile-menu .dropdown-icon .svg-icon {
		display: block;
		width: 24px;
		height: 24px;
		fill: currentColor;
		margin: 0;
	}

	.search_for_mobile span.mobile_search_icon {
		min-width: 44px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		color: #fff;
		-webkit-tap-highlight-color: transparent;
	}

	.custom_navbar .site-branding .site-logo {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
	}

	#Lang_ar .custom_navbar .site-branding .site-logo {
		left: auto !important;
	}

	/* Nav shell stays out of layout; panel is the full-screen overlay */
	.custom_navbar #site-navigation.primary-navigation {
		position: static !important;
		width: 0 !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
	}

	body.primary-navigation-open .custom_navbar #site-navigation.primary-navigation {
		position: static !important;
		width: 0 !important;
		height: 0 !important;
		z-index: auto !important;
	}

	.custom_navbar #site-navigation > .primary-menu-container {
		position: fixed !important;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100vw !important;
		height: 100vh !important;
		height: 100dvh !important;
		margin: 0 !important;
		padding-top: calc(52px + env(safe-area-inset-top, 0));
		padding-left: max(16px, env(safe-area-inset-left, 0));
		padding-right: max(16px, env(safe-area-inset-right, 0));
		padding-bottom: calc(16px + env(safe-area-inset-bottom, 0));
		overflow-x: hidden;
		overflow-y: auto;
		background: #007a3d !important;
		visibility: hidden;
		opacity: 0;
		transform: translateX(100%);
		transition: transform 0.25s ease, visibility 0.25s ease, opacity 0.25s ease;
		z-index: 100000000;
		border: 0 !important;
	}

	#Lang_ar .custom_navbar #site-navigation > .primary-menu-container {
		transform: translateX(-100%);
	}

	body.primary-navigation-open .custom_navbar #site-navigation > .primary-menu-container {
		visibility: visible !important;
		opacity: 1 !important;
		transform: translateX(0) !important;
	}

	body.admin-bar .custom_navbar #site-navigation > .primary-menu-container {
		top: var(--global--admin-bar--height, 32px);
		height: calc(100vh - var(--global--admin-bar--height, 32px)) !important;
		height: calc(100dvh - var(--global--admin-bar--height, 32px)) !important;
		padding-top: calc(52px + env(safe-area-inset-top, 0));
	}

	.custom_navbar #site-navigation .menu-wrapper {
		flex-direction: column;
		margin: 0 !important;
		padding: 0 !important;
	}

	.custom_navbar #site-navigation .menu-wrapper .menu-item {
		width: 100%;
		border-bottom: 1px solid rgb(255 255 255 / 20%);
	}

	.custom_navbar #site-navigation .menu-wrapper .menu-item.menu-item-has-children {
		position: relative;
		display: block;
	}

	.custom_navbar #site-navigation .menu-wrapper .menu-item a {
		min-height: 48px;
		display: flex;
		align-items: center;
		padding-block: 12px;
		color: #fff !important;
		width: 100%;
	}

	.custom_navbar #site-navigation .menu-item-has-children > a {
		padding-inline-end: 52px;
	}

	#Lang_en .custom_navbar #site-navigation .menu-wrapper .menu-item.menu-item-has-children > a {
		padding-inline-end: 52px !important;
		padding-inline-start: 16px !important;
	}

	#Lang_ar .custom_navbar #site-navigation .menu-wrapper .menu-item.menu-item-has-children > a {
		padding-inline-start: 52px !important;
		padding-inline-end: 16px !important;
	}

	#Lang_en .custom_navbar #site-navigation .menu-wrapper .menu-item.menu-item-has-children button.sub-menu-toggle {
		inset-inline-end: 0 !important;
		inset-inline-start: auto !important;
		right: 0 !important;
		left: auto !important;
	}

	#Lang_ar .custom_navbar #site-navigation .menu-wrapper .menu-item.menu-item-has-children button.sub-menu-toggle {
		inset-inline-start: 0 !important;
		inset-inline-end: auto !important;
		left: 0 !important;
		right: auto !important;
	}

	.custom_navbar #site-navigation .menu-item button.sub-menu-toggle,
	.custom_navbar #site-navigation .menu-wrapper .menu-item.menu-item-has-children button.sub-menu-toggle {
		color: #fff;
		position: absolute !important;
		inset-inline-end: 0 !important;
		top: 0 !important;
		width: 48px !important;
		height: 48px !important;
		min-height: 48px !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		z-index: 2;
		background: transparent !important;
		border: 0;
	}

	.custom_navbar #site-navigation .menu-item button.sub-menu-toggle::before,
	.custom_navbar #site-navigation .menu-wrapper .menu-item.menu-item-has-children button.sub-menu-toggle::before {
		content: "\f078" !important;
		font-family: "Font Awesome 6 Free" !important;
		font-weight: 900 !important;
		font-size: 12px !important;
		color: #fff !important;
		display: block !important;
		position: static !important;
		transform: none !important;
		margin: 0 !important;
	}

	.custom_navbar #site-navigation .menu-item-has-children > .sub-menu {
		display: none;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		background: rgb(0 0 0 / 15%) !important;
		box-shadow: none !important;
		border-radius: 0;
	}

	.custom_navbar #site-navigation .menu-item-has-children > .sub-menu-toggle[aria-expanded="true"] + .sub-menu {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.custom_navbar #site-navigation .menu-item-has-children .sub-menu li {
		background: transparent !important;
		border-bottom: 1px solid rgb(255 255 255 / 12%);
		margin: 0;
		padding: 0;
	}

	.custom_navbar #site-navigation .menu-item-has-children .sub-menu li:last-child {
		border-bottom: 0;
	}

	.custom_navbar #site-navigation .menu-item-has-children .sub-menu li a {
		color: #fff !important;
		font-size: 15px !important;
		padding: 12px 16px 12px 28px !important;
		min-height: 44px;
		border-bottom: 0 !important;
	}

	#Lang_ar .custom_navbar #site-navigation .menu-item-has-children .sub-menu li a {
		padding: 12px 28px 12px 16px !important;
	}

	/* Mobile search — full-width bar below header */
	.search_for_mobile {
		position: relative;
		z-index: 100000002;
	}

	.search_for_mobile .Custom_nav_search {
		display: none !important;
	}

	.search_for_mobile.is-open .Custom_nav_search {
		display: block !important;
		position: fixed !important;
		top: calc(52px + env(safe-area-inset-top, 0));
		left: 0 !important;
		right: 0 !important;
		inset-inline: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0;
		padding: 12px max(16px, env(safe-area-inset-left, 0)) 12px max(16px, env(safe-area-inset-right, 0));
		background: #007a3d !important;
		box-shadow: 0 4px 16px rgb(0 0 0 / 22%);
		box-sizing: border-box;
		z-index: 100000001 !important;
	}

	body.admin-bar .search_for_mobile.is-open .Custom_nav_search {
		top: calc(52px + var(--global--admin-bar--height, 32px) + env(safe-area-inset-top, 0));
	}

	body.mobile-search-open::before {
		content: "";
		position: fixed;
		inset: 0;
		background: rgb(0 0 0 / 45%);
		z-index: 100000000;
	}

	.search_for_mobile.is-open .asl_w_container,
	.search_for_mobile.is-open .asl_w,
	.search_for_mobile.is-open #ajaxsearchlite1 {
		width: 100% !important;
		max-width: 100% !important;
		display: block !important;
		box-sizing: border-box;
	}

	.search_for_mobile.is-open #ajaxsearchlite1 .probox {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		width: 100% !important;
		max-width: 100% !important;
		min-height: 48px !important;
		height: auto !important;
		margin: 0 !important;
		padding: 4px 4px 4px 12px !important;
		background: #e5f2ec !important;
		border: 0 !important;
		border-radius: 8px !important;
		overflow: visible !important;
		box-sizing: border-box;
	}

	.search_for_mobile.is-open #ajaxsearchlite1 .probox .proinput,
	.search_for_mobile.is-open #ajaxsearchlite1 .probox .proinput form {
		flex: 1 1 auto !important;
		width: 100% !important;
		min-width: 0 !important;
		display: flex !important;
		align-items: center !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.search_for_mobile.is-open #ajaxsearchlite1 .probox .proinput input.orig,
	.search_for_mobile.is-open #ajaxsearchlite1 .probox .proinput input[type="search"],
	.search_for_mobile.is-open #ajaxsearchlite1 .probox .proinput input {
		flex: 1 1 auto !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 40px !important;
		height: 40px !important;
		font-size: 16px !important;
		line-height: 1.4 !important;
		padding: 8px 10px !important;
		color: #1a1a1a !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		box-sizing: border-box;
		-webkit-appearance: none;
		appearance: none;
	}

	.search_for_mobile.is-open #ajaxsearchlite1 .probox .proinput input::placeholder {
		color: #555 !important;
		opacity: 1;
	}

	.search_for_mobile.is-open #ajaxsearchlite1 .probox .promagnifier {
		position: relative !important;
		flex: 0 0 44px !important;
		width: 44px !important;
		min-width: 44px !important;
		height: 44px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 6px !important;
		background: #014c28 !important;
	}

	.search_for_mobile.is-open #ajaxsearchlite1 .probox .proclose,
	.search_for_mobile.is-open #ajaxsearchlite1 .probox .proloading,
	.search_for_mobile.is-open #ajaxsearchlite1 .probox .prosettings {
		flex-shrink: 0;
	}

	.search_for_mobile.is-open span.mobile_search_icon {
		opacity: 0.85;
	}

	/* Ajax Search Lite results panel on mobile */
	body.mobile-search-open div#ajaxsearchliteres1 {
		position: fixed !important;
		left: max(16px, env(safe-area-inset-left, 0)) !important;
		right: max(16px, env(safe-area-inset-right, 0)) !important;
		width: auto !important;
		max-width: none !important;
		top: calc(52px + 72px + env(safe-area-inset-top, 0)) !important;
		max-height: calc(100dvh - 52px - 88px - env(safe-area-inset-bottom, 0)) !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		z-index: 100000002 !important;
		border-radius: 10px !important;
		box-shadow: 0 10px 28px rgb(0 0 0 / 14%) !important;
		background: #fff !important;
		border: 1px solid #007a3d !important;
		-webkit-overflow-scrolling: touch;
	}

	body.admin-bar.mobile-search-open div#ajaxsearchliteres1 {
		top: calc(52px + var(--global--admin-bar--height, 32px) + 72px + env(safe-area-inset-top, 0)) !important;
		max-height: calc(100dvh - 52px - var(--global--admin-bar--height, 32px) - 88px - env(safe-area-inset-bottom, 0)) !important;
	}

	body.mobile-search-open div#ajaxsearchliteres1 .asl_content h3 a {
		color: #000 !important;
		font-size: 16px !important;
	}

	body.mobile-search-open div#ajaxsearchliteres1 .asl_content p.asl_desc {
		color: #333 !important;
		font-size: 14px !important;
	}

	body.mobile-search-open div#ajaxsearchliteres1 .asl_nores,
	body.mobile-search-open div#ajaxsearchliteres1 .asl_nores_header {
		color: #000 !important;
		font-size: 16px !important;
	}

	body:not(.primary-navigation-open) .custom_navbar #site-navigation > .primary-menu-container {
		pointer-events: none;
	}

	body.primary-navigation-open .custom_navbar #site-navigation > .primary-menu-container {
		pointer-events: auto;
	}

	body.primary-navigation-open .search_for_mobile .Custom_nav_search,
	body.primary-navigation-open .search_for_mobile.is-open .Custom_nav_search,
	body.primary-navigation-open.mobile-search-open::before {
		display: none !important;
	}

	body.primary-navigation-open .search_for_mobile.is-open {
		position: relative !important;
	}

	body.mobile-search-open {
		overflow: hidden;
	}

	body.lock-scrolling .site {
		position: fixed;
		max-width: 100%;
		width: 100%;
	}
}

/* ── Casino grid cards ─────────────────────────────────────── */

@media (max-width: 767px) {
	.casino-grid-container ul {
		display: flex !important;
		flex-direction: column;
		gap: 16px;
	}

	.casino-grid-container ul > li {
		margin-bottom: 0 !important;
	}

	.casino-grid-container .casino-grid-item-wrapper + .casino-grid-item-wrapper {
		margin-top: 0;
	}
}

@media (max-width: 420px) {
	.casino-grid-container ul {
		display: flex !important;
		flex-direction: column;
		gap: 16px;
	}
}

/* ── Hero banner ───────────────────────────────────────────── */

@media (max-width: 767px) {
	.banner {
		min-height: 360px;
		height: auto;
		padding-block: 44px 36px;
	}

	.banner-txt {
		max-width: 100%;
		padding-inline: 2px;
	}

	.banner-txt h1 {
		font-size: clamp(22px, 6.5vw, 30px) !important;
		line-height: 1.35;
	}

	.banner-txt p {
		font-size: 15px !important;
		line-height: 1.65;
		margin-block: 16px 0;
	}
}

@media (max-width: 480px) {
	.banner {
		min-height: 300px;
		padding-block: 36px 28px;
	}
}

/* ── Homepage icon quick links ───────────────────────────────── */

@media (max-width: 767px) {
	.icon-boxs-section .container {
		padding-inline: 12px;
	}

	.icon-bxs-div {
		margin-top: -24px;
		max-width: none;
		border-radius: 8px;
	}

	.icon-bxs-div .icon_box {
		min-height: 74px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 10px 4px;
		background-color: #007a3d !important;
		-webkit-tap-highlight-color: transparent;
	}

	/* Prevent parent theme white focus flash on tap (Twenty Twenty-One a:focus) */
	.icon-bxs-div a.icon_box,
	.icon-bxs-div a.icon_box:visited,
	.icon-bxs-div a.icon_box:hover,
	.icon-bxs-div a.icon_box:focus,
	.icon-bxs-div a.icon_box:active,
	.icon-bxs-div .icon_box:hover,
	.icon-bxs-div .icon_box:focus,
	.icon-bxs-div .icon_box:active {
		background-color: #007a3d !important;
		background: #007a3d !important;
		outline: none !important;
		text-decoration: none !important;
		box-shadow: none !important;
	}

	.site .icon-bxs-div a.icon_box:focus:not(.wp-block-button__link):not(.wp-block-file__button),
	.site .icon-bxs-div .icon_box:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
		background: #007a3d !important;
		background-color: #007a3d !important;
		color: #fff !important;
	}

	.icon-bxs-div .icon_box p {
		color: #fff !important;
		font-size: 11px !important;
		line-height: 1.3;
		overflow-wrap: anywhere;
	}

	.icon-bxs-div .icon_box .icon-image-bx {
		width: 28px;
		height: 28px;
	}
}

/* ── Homepage trust strip (layout only; matches site palette) ─ */

.homepage-trust-strip {
	background: rgba(0, 122, 61, 0.06);
	border-block: 1px solid rgba(0, 122, 61, 0.12);
	padding-block: 20px;
}

.homepage-trust-strip__inner {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 16px 12px;
	text-align: center;
}

.homepage-trust-strip__inner strong {
	display: block;
	font-size: 22px;
	font-weight: 700;
	color: #007a3d;
	line-height: 1.2;
}

.homepage-trust-strip__inner span {
	display: block;
	font-size: 13px !important;
	color: #333;
	line-height: 1.45;
	margin-top: 4px;
}

@media (max-width: 991px) {
	.homepage-trust-strip__inner {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 575px) {
	.homepage-trust-strip {
		padding-block: 16px;
	}

	.homepage-trust-strip__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px 10px;
	}

	.homepage-trust-strip__inner > div:last-child {
		grid-column: 1 / -1;
	}

	.homepage-trust-strip__inner strong {
		font-size: 20px;
	}

	.homepage-trust-strip__inner span {
		font-size: 12px !important;
	}
}

/* ── Casino tables & scrollable data ─────────────────────────── */

@media (max-width: 767px) {
	.top_casino_table {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
	}

	.top_casino_table table.casino_table.cstm_casino_table_datas {
		width: 100% !important;
	}

	.payment_method_table_div,
	.tabel-extra-space,
	.entry-content .wp-block-table,
	.latest_reward table {
		-webkit-overflow-scrolling: touch;
	}

	.payment_method_table_div {
		scrollbar-width: thin;
	}
}

/* ── Footer ──────────────────────────────────────────────────── */

.footer .container {
	box-sizing: border-box;
}

.footer_description_content > .fotoer_description,
.footer_second_description .fotoer_description {
	max-width: 100%;
	box-sizing: border-box;
	padding-inline: 15px;
	overflow-wrap: break-word;
	word-break: break-word;
}

.footer_description_content > .fotoer_description .widget_text,
.footer_description_content > .fotoer_description p {
	max-width: 100%;
	overflow-wrap: break-word;
}

#Lang_ar .footer_description_content > .fotoer_description {
	text-align: right;
	padding-inline: 20px 15px;
}

#Lang_ar .footer_second_description .fotoer_description {
	text-align: right;
	padding-inline: 20px 15px;
}

#Lang_en .footer_description_content > .fotoer_description,
#Lang_en .footer_second_description .fotoer_description {
	text-align: left;
	padding-inline: 15px;
}

@media (max-width: 575px) {
	.footer_links_list,
	.footer_dynamic_log {
		width: 100% !important;
		text-align: center !important;
	}

	#Lang_ar .footer_links_list {
		text-align: center !important;
	}

	.footer_dynamic_log {
		justify-content: center;
	}

	.footer #media_gallery-3,
	.footer #text-7 {
		width: 100% !important;
	}

	.footer-business-address {
		padding-inline: 8px;
	}
}

/* ── Back to top & fixed bottom bar ──────────────────────────── */

@media (max-width: 767px) {
	.go-top {
		bottom: 16px !important;
		right: 16px !important;
		top: auto !important;
		width: 44px !important;
		height: 44px !important;
	}

	.go-top__ring {
		width: 44px !important;
		height: 44px !important;
	}

	body:has(.bottom_bottom_main_div.fixed) .go-top {
		bottom: calc(72px + env(safe-area-inset-bottom, 0)) !important;
	}

	.bottom_bottom_main_div.fixed {
		padding-bottom: env(safe-area-inset-bottom, 0);
	}

	.bottom_bottom_main_div.fixed .container {
		padding-inline: 12px;
	}

	.review_page_bottom_fixed .title_With_image h5 {
		font-size: 14px;
		line-height: 1.35;
	}
}

/* ── Forms & CTAs (iOS zoom fix + touch size) ───────────────── */

@media (max-width: 767px) {
	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="password"],
	textarea,
	select {
		font-size: 16px !important;
	}

	.newsletter_feild input[type="submit"],
	.top_casino_btn,
	.see_more_casino,
	.load-more-button,
	.load-more-button2,
	.claim_bonus_btn a,
	.royal_casino_btn a,
	.casino_listing_readmore {
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
}

/* ── Content readability ─────────────────────────────────────── */

@media (max-width: 767px) {
	.entry-content,
	.casino_single,
	.latest_reward.patment_section_contect {
		overflow-wrap: break-word;
		word-wrap: break-word;
	}

	.entry-content table,
	.casino_single table,
	.latest_reward table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		max-width: 100%;
	}

	p,
	li,
	span {
		line-height: 1.65;
	}
}

/* ── Small phones ────────────────────────────────────────────── */

@media (max-width: 480px) {
	.container {
		padding-inline: 12px !important;
	}

	.casino_table.cstm_casino_table_datas .table_body_content_tbod tr.table_body_content_row {
		width: 100% !important;
	}

	.about_features,
	.trust_reason_boxs {
		grid-template-columns: 1fr !important;
	}

	.team_member_list {
		grid-template-columns: 1fr !important;
		gap: 28px !important;
	}

	.bonus-icon-bxs-div .bonus_icon_box {
		flex: 0 0 33.333% !important;
		min-width: 33.333% !important;
	}
}

/* ── Popups ──────────────────────────────────────────────────── */

@media (max-width: 767px) {
	.pum-theme-1410 .pum-container {
		width: calc(100vw - 32px) !important;
		max-width: 100% !important;
		margin-inline: auto !important;
	}
}

/* ── Horizontal tab bars ─────────────────────────────────────── */

@media (max-width: 767px) {
	.like_tab_box_first .tab,
	.payment-tab-slider-box .tabs-box {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		flex-wrap: nowrap;
		scrollbar-width: none;
	}

	.like_tab_box_first .tab::-webkit-scrollbar,
	.payment-tab-slider-box .tabs-box::-webkit-scrollbar {
		display: none;
	}

	.like_tab_box_first .tab .tablinks {
		flex: 0 0 auto;
		white-space: nowrap;
	}
}

/* Related pages bar icons */
.ac-related-pages-bar .bonus_icon_box .icon-image-bx {
	width: 46px !important;
	min-width: 46px !important;
	max-width: 46px !important;
	display: flex !important;
}

.ac-related-pages-bar .icon-image-bx img,
.ac-related-pages-bar .ac-bonus-link-img {
	opacity: 1 !important;
	visibility: visible !important;
	object-fit: contain !important;
}

.ac-methodology-cta-bar,
.casino-players div[style*="border-top: 1px solid #d9e3dc"] {
	display: flex !important;
	gap: 16px 24px !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	margin-top: 22px !important;
	padding-top: 22px !important;
	border-top: 1px solid #d9e3dc !important;
}

.ac-methodology-cta-bar > p:not(:has(> .ac-methodology-cta-btn)),
.casino-players div[style*="border-top: 1px solid #d9e3dc"] > p:not(:has(> .ac-methodology-cta-btn)) {
	flex: 1 1 280px !important;
	margin: 0 !important;
	min-width: 0 !important;
	max-width: none !important;
	color: #53615a !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	text-align: start !important;
	text-align-last: auto !important;
}

.ac-methodology-cta-bar > p:has(> .ac-methodology-cta-btn),
.casino-players div[style*="border-top: 1px solid #d9e3dc"] > p:has(> .ac-methodology-cta-btn) {
	flex: 0 0 auto !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	max-width: min(100%, 260px) !important;
}

.ac-methodology-cta-btn,
.ac-methodology-cta-bar > a,
.ac-methodology-cta-bar > p > a,
.casino-players div[style*="border-top: 1px solid #d9e3dc"] > a,
.casino-players div[style*="border-top: 1px solid #d9e3dc"] > p > a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	align-self: center !important;
	width: auto !important;
	max-width: min(100%, 260px) !important;
	min-height: 44px !important;
	height: auto !important;
	padding: 10px 18px !important;
	border-radius: 8px !important;
	background: #007a3d !important;
	color: #fff !important;
	font-family: 'Cairo', sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: none !important;
	white-space: normal !important;
	box-sizing: border-box !important;
	border: none !important;
	box-shadow: none !important;
	vertical-align: middle !important;
	transition: background-color 0.2s ease !important;
	-webkit-tap-highlight-color: transparent;
}

.ac-methodology-cta-btn:hover,
.ac-methodology-cta-btn:focus,
.ac-methodology-cta-bar > a:hover,
.ac-methodology-cta-bar > a:focus,
.ac-methodology-cta-bar > p > a:hover,
.ac-methodology-cta-bar > p > a:focus,
.casino-players div[style*="border-top: 1px solid #d9e3dc"] > a:hover,
.casino-players div[style*="border-top: 1px solid #d9e3dc"] > a:focus,
.casino-players div[style*="border-top: 1px solid #d9e3dc"] > p > a:hover,
.casino-players div[style*="border-top: 1px solid #d9e3dc"] > p > a:focus {
	background: #005c2f !important;
	color: #fff !important;
	text-decoration: none !important;
	outline: none !important;
}

@media (min-width: 992px) {
	.ac-methodology-cta-btn,
	.ac-methodology-cta-bar > a,
	.ac-methodology-cta-bar > p > a,
	.casino-players div[style*="border-top: 1px solid #d9e3dc"] > a,
	.casino-players div[style*="border-top: 1px solid #d9e3dc"] > p > a {
		max-width: 240px !important;
	}
}

@media (max-width: 767px) {
	.ac-methodology-cta-bar,
	.casino-players div[style*="border-top: 1px solid #d9e3dc"] {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 14px !important;
	}

	.ac-methodology-cta-bar > p:has(> .ac-methodology-cta-btn),
	.casino-players div[style*="border-top: 1px solid #d9e3dc"] > p:has(> .ac-methodology-cta-btn) {
		max-width: 100% !important;
		width: 100% !important;
	}

	.ac-methodology-cta-btn,
	.ac-methodology-cta-bar > a,
	.ac-methodology-cta-bar > p > a,
	.casino-players div[style*="border-top: 1px solid #d9e3dc"] > a,
	.casino-players div[style*="border-top: 1px solid #d9e3dc"] > p > a {
		max-width: 100% !important;
		width: 100% !important;
		align-self: stretch !important;
		padding: 12px 16px !important;
	}
}