@charset "UTF-8";

/* İkon paketleri CSS gövdesini bloke etmeden JS tarafından paralel yüklenir. */

/* Next.js chunk toparlanma yenilemesinde ham HTML'nin parlamasını engeller. */
html.texas-chunk-recovering::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;
    display: block !important;
    pointer-events: all !important;
    background:
        url('/uploads/45bc598d_texasbetlogo.png') center / min(320px, 66vw) auto no-repeat,
        #070b1d !important;
}

/*
 * TEXSASBET CUSTOM CSS — BÖLÜM HARİTASI
 * 01. Harici ikon/font kaynakları
 * 02. Platform temel düzeltmeleri
 * 03. Sidebar ve navigasyon
 * 04. Header, hızlı aksiyonlar ve mobil alt menü
 * 05. Modal, arama ve hesap paneli
 * 06. Loader ve açılış perdesi
 * 07. Banner, lisans alanı ve footer
 * 08. Responsive kurallar
 * 09. Son güvenli override'lar: scroll, filigran ve hizalama
 */

@font-face {
	font-family: icomoon;
	src: url("/uploads/c3d4014a_icomoon-J2JMMNXH.eot?c9b9uo");
	src:
		url("/uploads/c3d4014a_icomoon-J2JMMNXH.eot?c9b9uo#iefix") format("embedded-opentype"),
		url("/uploads/4fee340a_icomoon-KISCC7U7.ttf?c9b9uo") format("truetype"),
		url("/uploads/5dde8a82_icomoon-2VLPQKYE.woff?c9b9uo") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Inter;
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwkT9nA2.woff2) format("woff2");
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

:root {
	font-family: Inter var, sans-serif;
	font-feature-settings: "cv02", "cv03", "cv04", "cv11";
	font-variation-settings: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: icomoon !important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-custom-1:before {
	content: "\e93f";
}

.icon-custom-2:before {
	content: "\e940";
}

.icon-custom-3:before {
	content: "\e938";
}

.icon-custom-4:before {
	content: "\e939";
}

.icon-custom-5:before {
	content: "\e93a";
}

.icon-custom-6:before {
	content: "\e93b";
}

.icon-custom-7:before {
	content: "\e93c";
}

.icon-custom-8:before {
	content: "\e93d";
	color: #1c274c;
}

.icon-custom-9:before {
	content: "\e93e";
}

.icon-navigation-1:before {
	content: "\e900";
}

.icon-navigation-2:before {
	content: "\e901";
}

.icon-navigation-3:before {
	content: "\e902";
}

.icon-navigation-4:before {
	content: "\e903";
}

.icon-navigation-5:before {
	content: "\e904";
}

.icon-navigation-6:before {
	content: "\e905";
}

.icon-navigation-7:before {
	content: "\e906";
}

.icon-navigation-8:before {
	content: "\e907";
}

.icon-navigation-9:before {
	content: "\e908";
}

.icon-navigation-10:before {
	content: "\e909";
}

.icon-navigation-11:before {
	content: "\e90a";
}

.icon-navigation-12:before {
	content: "\e90b";
}

.icon-navigation-13:before {
	content: "\e90c";
}

.icon-navigation-14:before {
	content: "\e90d";
}

.icon-navigation-15:before {
	content: "\e90e";
}

.icon-navigation-16:before {
	content: "\e90f";
}

.icon-navigation-17:before {
	content: "\e910";
}

.icon-navigation-18:before {
	content: "\e911";
}

.icon-navigation-19:before {
	content: "\e912";
}

.icon-navigation-20:before {
	content: "\e913";
}

.icon-navigation-21:before {
	content: "\e914";
}

.icon-light:before {
	content: "\e915";
}

.icon-live-support:before {
	content: "\e916";
}

.icon-right-arrow:before {
	content: "\e917";
}

.icon-right-top-arrow:before {
	content: "\e918";
}

.icon-translate:before {
	content: "\e919";
}

.icon-dark:before {
	content: "\e91a";
}

.icon-wallet:before {
	content: "\e91b";
}

.icon-homepage:before {
	content: "\e91c";
}

.icon-logout:before {
	content: "\e91d";
}

.icon-promotion:before {
	content: "\e91e";
}

.icon-search:before {
	content: "\e91f";
}

.icon-plus:before {
	content: "\e920";
}

.icon-widget-1:before {
	content: "\e922";
}

.icon-widget-2:before {
	content: "\e921";
}

.icon-widget-3:before {
	content: "\e925";
}

.icon-widget-4:before {
	content: "\e926";
}

.icon-widget-5:before {
	content: "\e928";
}

.icon-widget-6:before {
	content: "\e927";
}

.icon-widget-7:before {
	content: "\e924";
}

.icon-widget-8:before {
	content: "\e929";
}

.icon-membership-1:before {
	content: "\e936";
}

.icon-membership-2:before {
	content: "\e92a";
}

.icon-membership-3:before {
	content: "\e92b";
}

.icon-membership-4:before {
	content: "\e92c";
}

.icon-membership-5:before {
	content: "\e92d";
}

.icon-membership-6:before {
	content: "\e92e";
}

.icon-membership-7:before {
	content: "\e92f";
}

.icon-membership-8:before {
	content: "\e930";
}

.icon-membership-9:before {
	content: "\e931";
}

.icon-membership-10:before {
	content: "\e932";
}

.icon-membership-11:before {
	content: "\e933";
}

.icon-membership-12:before {
	content: "\e934";
}

.icon-membership-13:before {
	content: "\e935";
}

/* =========================================
   ANA SCROLLBAR TASARIMI 
   ========================================= */

/* Firefox için modern scrollbar ayarı */
html {
	scrollbar-width: thin;
	/* Daha zarif ve ince bir görünüm */
	scrollbar-color: #1a1a1a #0d0d0d;
	/* 1. Değer: Çubuk rengi, 2. Değer: Arka plan rengi */
}

/* Chrome, Safari ve Edge (WebKit) için scrollbar genişliği */
::-webkit-scrollbar {
	width: 12px;
	/* Dikey scroll genişliği */
	height: 12px;
	/* Yatay scroll yüksekliği */
}

/* Scrollbar Arka Planı (Track) */
::-webkit-scrollbar-track {
	background: #1a1a1a;
	/* Sitenin karanlık temasına uyumlu daha koyu bir arka plan */
	border-radius: 8px;
	/* Köşeleri yuvarlatarak modern bir his katar */
}

/* Scrollbar Tutma Çubuğu (Thumb) */
::-webkit-scrollbar-thumb {
	background-color: #1a1a1a;
	/* İstediğin ana renk */
	border-radius: 8px;
	/* Oval, hap şeklinde görünüm */
	/* Çubuğun kenarlarına arka planla aynı renkte boşluk vererek daha ince görünmesini sağlıyoruz */
	border: 3px solid #1a1a1a;
}

/* Kullanıcı fare ile çubuğun üzerine geldiğinde (Hover) */
::-webkit-scrollbar-thumb:hover {
	background-color: #1e1e1e;
	/* Tıklandığını veya üzerine gelindiğini belli eden bir tık daha açık/canlı ton */
}

/* Tıklanıp aşağı/yukarı kaydırılırken (Active) */
::-webkit-scrollbar-thumb:active {
	background-color: #353535;
	/* Basılı tutarken rengi biraz daha aydınlat */
}

header,
main,
footer {
	transition: padding-left 0.4s ease-in-out !important;
}

.data-\[state\=open\]\:fade-in-0[data-state=open] {
	z-index: 999999999;
}

body.sidebar-open header,
body.sidebar-open main,
body.sidebar-open footer {
	padding-left: 265px !important;
}


body.sidebar-open #grand-happy-hours-widget {
	padding-left: 280px !important;
}

body:not(.sidebar-open) header,
body:not(.sidebar-open) main,
body:not(.sidebar-open) footer {
	padding-left: 80px !important;
}

div.w-full.overflow-hidden:has(svg.lucide-trophy) {
	display: none !important;
}

.sidebar-container {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 160;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 242px;
	height: 100dvh;
	padding: 12px;
	overflow: hidden;
	overflow-x: hidden;
	white-space: nowrap;
	transition: width 0.4s ease-in-out !important;
	background: #18204a;
}

.min-h-screen .flex .items-center .justify-center .bg-[#0a0a0a] {
	width: 100%;
}

body.sidebar-open .sidebar-container {
	width: 265px;
}

body:not(.sidebar-open) .sidebar-container {
	width: 80px;
}

.sidebar-container .sidebar-scroll {
	display: flex;
	height: inherit;
	flex-direction: column;
	justify-content: flex-start;
	gap: 10px;
	padding: 0;
	border-radius: 12px;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.sidebar-container .sidebar-scroll::-webkit-scrollbar {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

body:not(.sidebar-open) .nav-link__label,
body:not(.sidebar-open) .menu-title span,
body:not(.sidebar-open) .menu-item span,
body:not(.sidebar-open) .menu-header .pi-chevron-down,
body:not(.sidebar-open) .sidebar-banner,
body:not(.sidebar-open) .other-buttons span,
body:not(.sidebar-open) .logo {
	display: none !important;
}

body:not(.sidebar-open) .nav-link--img,
body:not(.sidebar-open) .menu-item,
body:not(.sidebar-open) .menu-header,
body:not(.sidebar-open) .icons-button {
	justify-content: center !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body:not(.sidebar-open) .sidebar-container .justify-content-center {
	justify-content: center !important;
	width: 100%;
}

header .sidebar-toggle {
	display: none !important;
}

body:not(.sidebar-open) header .sidebar-toggle {
	display: flex !important;
}

body.sidebar-open .sidebar-container .sidebar-toggle {
	display: flex !important;
}

body:not(.sidebar-open) .sidebar-container .sidebar-toggle {
	display: none !important;
	margin-left: 5px;
}

body:not(.sidebar-open) .sidebar-categories {
	grid-template-columns: 1fr !important;
	gap: 8px;
}

body:not(.sidebar-open) .navigation-menu .menu-section .menu-header {
	display: none !important;
}

body:not(.sidebar-open) .navigation-menu .menu-section {
	background: transparent !important;
	padding: 0 !important;
}

body.sidebar-open .navigation-menu .menu-section .menu-header {
	display: flex !important;
}

.px-4 {
	padding-left: 15px;
}

.container {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0px !important;
	padding-right: 25px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.navigation-menu {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 10px;
}

.navigation-menu .menu-section {
	margin: 0;
	padding: 2px 8px;
	background: #1e2a5a;
	border-radius: 12px;
	transition: all .2s ease;
	overflow: hidden;
}

.navigation-menu .menu-section.open {
	overflow: unset;
	padding: 8px;
}

.navigation-menu .menu-section .menu-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 40px;
	padding: 0 8px 0 10px;
	cursor: pointer;
	border-radius: 12px;
	transition: all .2s ease;
	background: transparent;
	color: #f5f5f5;
}

.navigation-menu .menu-section.open .menu-header {
	background: #253268;
	color: #c8aa73;
}

.navigation-menu .menu-section .menu-header .menu-title {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	min-width: 0;
}

.navigation-menu .menu-section .menu-header .menu-title span {
	min-width: 0;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -.015em;
	opacity: .9;
}

.navigation-menu .menu-section .menu-header .menu-title i {
	width: 16px;
	min-width: 16px;
	height: 16px;
	display: none;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	opacity: .9;
}

.navigation-menu .menu-section .menu-header .menu-chevron,
.navigation-menu .menu-section .menu-header>span:not(.menu-title > span) {
	width: 24px;
	height: 24px;
	min-width: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	transition: all .2s ease;
}

.navigation-menu .menu-section .menu-header .pi-chevron-down {
	font-size: 10px;
	opacity: .7;
	transition: transform .2s ease, opacity .2s ease;
}

.navigation-menu .menu-section.open .menu-header .pi-chevron-down {
	transform: rotate(180deg);
	color: #c8aa73;
}

.navigation-menu .menu-section.open .menu-header:hover {
	filter: brightness(1.1);
}

.navigation-menu .menu-section.open:hover {
	filter: unset;
}

.navigation-menu .menu-items {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 0;
	transition:
		max-height 0.3s ease-in-out,
		opacity 0.3s ease-in-out,
		margin-top 0.3s ease-in-out;
}

.navigation-menu .menu-section.open .menu-items {
	max-height: 400px;
	opacity: 1;
	margin-top: 8px;
}

.navigation-menu .menu-section .menu-header .rotated {
	transition: transform 0.3s ease;
	transform: rotate(0deg);
}

.navigation-menu .menu-section.open .menu-header .rotated {
	transform: rotate(180deg);
}

.navigation-menu .menu-section .menu-items .menu-item {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 36px;
	padding: 0 5px;
	border-radius: 12px;
	color: #bbb;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -.25px;
	text-decoration: none;
	cursor: pointer;
	transition: all .2s ease;
}

.navigation-menu .menu-section .menu-items .menu-item:hover {
	background: #1e2a5a;
	color: #f5f5f5;
}

.navigation-menu .menu-section .menu-items .menu-item i {
	width: 18px;
	min-width: 18px;
	height: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #bbb;
	opacity: .8;
	transition: all .2s ease;
}

.navigation-menu .menu-section .menu-items .menu-item:hover i {
	color: #f5f5f5;
	opacity: 1;
}

.navigation-menu .menu-section.open .menu-items .menu-item {
	pointer-events: auto;
}

header {
	background: rgb(14 24 53 / 97%) !important;
	padding-left: 265px !important;
	z-index: 99;
}

main,
footer {
	padding-left: 265px !important;
}

footer {
	background: #0e1835 !important;
}

.sidebar-toggle {
	max-width: 48px;
	width: 48px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .2s ease;
}

.sidebar-container a.p-button.p-button-primary.toggle-button.sidebar-toggle.is-expanded {
	display: none;
}

.sidebar-banner a .gifimg {
	border-radius: 12px;
	margin-top: 5px;
}

.sidebar-categories {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
}

.nav-link--img {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 50px;
	padding: 0 5px 0 10px;
	overflow: hidden;
	background: #1e2a5a;
	border: 0;
	border-radius: 12px;
	transition: all .2s ease;
}

.nav-link--img:hover {
	filter: brightness(1.15);
	cursor: pointer;
}

.nav-link--img:hover .nav-link__icon-bg {
	opacity: .5;
	transform: scale(1.02);
}

.nav-link--img .nav-link__icon-bg {
	position: absolute;
	right: -8px;
	bottom: -12px;
	width: 48px;
	height: 48px;
	opacity: .2;
	transition: all .2s ease;
	background-size: cover;
}

.nav-link--img .nav-link__label {
	position: relative;
	z-index: 1;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -.15px;
	opacity: .85;
}

.sidebar-container .p-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 45px;
	height: 45px;
	padding: 0 20px;
	color: #f5f5f5;
	background: #1a2455;
	border: 1px solid transparent;
	border-radius: 12px;
	box-shadow: none;
	font-size: 14px;
	font-weight: 600;
	font-family: "Inter", sans-serif;
	letter-spacing: -.2px;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
	transition: all .2s ease;
}

.sidebar-container .p-button.p-button-primary,
.sidebar-container .p-button-group.p-button-primary>.p-button,
.p-splitbutton.p-button-primary>.p-button {
	color: #f5f5f5;
	background: #1e2a5a;
	border: 1px solid transparent;
	box-shadow: none;
}

.sidebar-container .p-button.p-button-help,
.sidebar-container .p-button-group.p-button-help>.p-button {
	color: #f5f5f5;
	background: #008641;
	border-color: transparent;
}

.sidebar-container .p-button.p-button-help:hover,
.sidebar-container .p-button.p-button-info:hover,
.sidebar-container .p-button-group.p-button-info>.p-button:hover,
.p-splitbutton.p-button-info>.p-button:hover {
	filter: brightness(1.2);
}

.icons-button {
	padding: 0;
	justify-content: center;
	position: relative;
	border: 0 !important;
}

.icons-button img {
	width: 40px;
}

.p-button.icons-button {
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

.p-button.icons-button>i {
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 1;
	font-size: 16px;
	opacity: .92;
}

.p-button.icons-button>div {
	position: relative;
	z-index: 1;
	flex: 1 0 0;
	display: flex;
	gap: 10px;
	align-items: center;
	min-width: 0;
}

.p-button.icons-button>div span {
	width: 100%;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.p-button.icons-button>div>i {
	font-size: 10px;
	opacity: .75;
	transition: all .2s ease;
}

.other-buttons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 12px;
	overflow: hidden;
	transition: all .2s ease;
}

.other-buttons .p-button {
	min-width: 40px;
	height: 40px;
	padding: 0 10px;
	gap: 8px;
}

.other-buttons .p-button i {
	font-size: 14px;
}

.app-language-selector .p-button {
	padding: 0;
}

.app-language-selector .p-button.icons-button {
	padding-left: 0;
	padding-right: 0;
	margin-top: 5px;
}

body.sidebar-open #header-logo {
	display: none !important;
}

body.sidebar-open header .sidebar-toggle {
	display: flex !important;
}

body.sidebar-open .sidebar-container .sidebar-toggle {
	display: none !important;
}

body:not(.sidebar-open) #header-logo {
	display: flex !important;
}

body:not(.sidebar-open) header .sidebar-toggle {
	display: none !important;
}

body:not(.sidebar-open) .sidebar-container .sidebar-toggle {
	display: flex !important;
}

body:not(.sidebar-open) .other-buttons {
	flex-direction: column !important;
	align-items: center !important;
	gap: 8px !important;
}

body:not(.sidebar-open) .other-buttons .p-button {
	width: 45px !important;
	padding: 0 !important;
	justify-content: center !important;
}

body:not(.sidebar-open) .other-buttons .p-button span {
	display: none !important;
}

body.sidebar-open .other-buttons {
	flex-direction: row !important;
}

body.sidebar-open .other-buttons .p-button {
	width: 100% !important;
}

body:not(.sidebar-open) .other-buttons .icon-right-top-arrow {
	display: none !important;
}

body:not(.sidebar-open) .other-buttons .p-button-help {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 0 !important;
	width: 45px !important;
}

body:not(.sidebar-open) .other-buttons .p-button-help div {
	display: none !important;
}

body:not(.sidebar-open) .other-buttons .icon-live-support {
	margin: 0 !important;
	font-size: 20px !important;
}

button[title="Bahis Öner"] {
	display: none !important;
}

.lg\:hidden {
	display: block;
}

.max-w-\[1600px\] {
	max-width: 100%;
}

.sidebar-categories a {
	width: 45px;
	height: 45px;
	padding-top: 15px;
	text-align: center;
}

nav .app-search-button,
nav button {
	gap: 8px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}

nav .p-button.link-styled {
	padding: 8px;
	background: transparent !important;
	box-shadow: none !important;
	border: 1px solid transparent !important;
	color: #f5f5f5 !important;
	font-weight: 600;
	font-size: 14px;
	opacity: .9;
}

nav .p-button.link-styled i {
	font-size: 15px;
	margin-top: 2px;
}

nav .p-button.icons-button>i {
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 1;
	font-size: 15px;
	opacity: .92;
}

nav .p-button.icons-button>div {
	position: relative;
	z-index: 1;
	flex: 1 0 0;
	justify-content: baseline;
	display: flex;
	gap: 10px;
	align-items: anchor-center;
	min-width: 0;
}

nav .p-button.icons-button>div span {
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
}

nav .p-button.link-styled.p-button-secondary {
	color: #c8aa73 !important;
}

a.sub-header-item {
	position: relative;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 70px;
	padding: 15px 8px;
	border: 0;
	border-radius: 12px;
	background: transparent;
	color: #d8d4cc;
	text-decoration: none;
	white-space: nowrap;
	line-height: 1;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	transition: all .2s ease;
	opacity: .85;
}

.sub-header-scroll {
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
	min-width: 100%;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	cursor: grab;
	user-select: none;
	-webkit-user-select: none;
	touch-action: pan-x;
	will-change: scroll-position;
}

.sub-header-menu {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 100%;
	padding: 0;
}

.app-sub-header {
	position: sticky;
	left: 0;
	z-index: 80;
	width: 100%;
	height: 0;
	padding: 0 30px 0 105px;
	opacity: 1 !important;
	height: auto !important;
	background: #0e1835f7;
	box-shadow: 0 8px 20px #0000001f;
	opacity: 0;
	top: 65px;
	width: calc(100% - 0px);
}

button.sub-header-nav {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	transform: translateY(-50%);
	border: 0;
	background: transparent;
	color: var(--light);
	transition: var(--transition);
}

button.sub-header-nav.sub-header-nav-left {
	left: 77px;
}

button.sub-header-nav.sub-header-nav-right {
	right: 0px;
}

a.sub-header-item:hover {
	color: #f5f5f5;
	opacity: 1;
}

a.text-sm.text-slate-400.hover\:text-white.flex.items-center.gap-1.transition-colors {
	display: none;
}

.p-button.p-button-secondary:hover,
.p-button-group.p-button-secondary>.p-button:hover,
.p-splitbutton.p-button-secondary>.p-button:hover {
	filter: brightness(1.1);
}

.app-theme-buttons {
	margin-top: 10px;
}

main.min-h-screen.bg-slate-950 {
	background-color: #050e24;
	padding-left: 0 !important;
}

#header-logo {
	margin-left: 25px;
}

.w-\[240px\].flex-shrink-0.space-y-3.hidden.lg\:block {
	margin-left: 25px;
}

.relative.rounded-2xl.overflow-hidden.border.border-white\/10.bg-black.shadow-2xl.shadow-black\/50.aspect-\[16\/9\] {
	margin-left: 25px;
}

.sticky.top-0.z-50.bg-\[\#0f0f11\]\/95.backdrop-blur-md.border-b.border-white\/5 {
	margin-right: -25px;
	background-color: #111c3f;
}

body.sidebar-open footer {
	padding-left: 285px !important;
}

div#radix-_r_3_ {
	font-family: sans-serif;
}

body:not(.sidebar-open) footer {
	padding-left: 100px !important;
}

button.inline-flex.items-center.justify-center.gap-2.whitespace-nowrap.ring-offset-background.transition-colors.focus-visible\:outline-none.focus-visible\:ring-2.focus-visible\:ring-ring.focus-visible\:ring-offset-2.disabled\:pointer-events-none.disabled\:opacity-50.\[\&_svg\]\:pointer-events-none.\[\&_svg\]\:size-4.\[\&_svg\]\:shrink-0.border.border-input.bg-background.hover\:bg-accent.hover\:text-accent-foreground.py-2.border-none.font-bold.text-\[11px\].px-6.h-9.rounded-md {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 45px;
	height: 45px;
	padding: 0 20px;
	color: #f5f5f5;
	background: #1a2455;
	border: 1px solid transparent;
	border-radius: 12px;
	box-shadow: none;
	font-size: 14px;
	font-weight: 600;
	font-family: "Inter", sans-serif;
	transition: all .2s ease;
	outline: none;
	overflow: hidden;
	white-space: nowrap;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	letter-spacing: -.2px;
}

button.inline-flex.items-center.justify-center.gap-2.whitespace-nowrap.ring-offset-background.transition-colors.focus-visible\:outline-none.focus-visible\:ring-2.focus-visible\:ring-ring.focus-visible\:ring-offset-2.disabled\:pointer-events-none.disabled\:opacity-50.\[\&_svg\]\:pointer-events-none.\[\&_svg\]\:size-4.\[\&_svg\]\:shrink-0.bg-primary.text-primary-foreground.hover\:bg-primary\/90.py-2.border-none.font-bold.text-\[11px\].px-6.h-9.rounded-md {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 45px;
	height: 45px;
	padding: 0 20px;
	color: #f5f5f5;
	background: #1a2455;
	border: 1px solid transparent;
	border-radius: 12px;
	box-shadow: none;
	font-size: 14px;
	font-weight: 600;
	font-family: "Inter", sans-serif;
	transition: all .2s ease;
	outline: none;
	overflow: hidden;
	white-space: nowrap;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	letter-spacing: -.2px;
}

.bg-\[\#2a1a47\]\/60 {
	background-color: rgb(36 49 87);
}

.bg-\[\#1a0d2e\]\/95 {
	background-color: rgb(25 37 73);
}

.bg-\[\#1a0d2e\] {
	background-color: rgb(25 37 73);
}

.bg-\[\#18181b\] {
	--tw-bg-opacity: 1;
	background-color: #c8aa73;
	color: #111c3f;
}

.flex.items-center.gap-2.bg-\[\#18181b\].px-4.py-2.rounded-xl.border.border-white\/10 span.text-white.font-bold {
	color: #111c3f;
}

.flex.items-center.gap-2.bg-\[\#18181b\].px-4.py-2.rounded-xl.border.border-white\/10 svg {
	color: #0e1734;
}

.sticky.top-0.z-50.bg-\[\#0f0f11\]\/95.backdrop-blur-md.border-b.border-white\/5 {
	padding-left: 10px;
}

a.sub-header-item.active {
	color: #bc9b6a;
}

a.p-element.menu-item.active {
	color: #aa9369 !important;
	border-left: 1px solid #aa9369;
	border-radius: 0 !important;
}

button.inline-flex.items-center.justify-center.gap-2.whitespace-nowrap.ring-offset-background.focus-visible\:outline-none.focus-visible\:ring-2.focus-visible\:ring-ring.focus-visible\:ring-offset-2.disabled\:pointer-events-none.disabled\:opacity-50.\[\&_svg\]\:pointer-events-none.\[\&_svg\]\:size-4.\[\&_svg\]\:shrink-0.bg-primary.text-primary-foreground.hover\:bg-primary\/90.rounded-md.px-3.flex-1.font-bold.text-xs.h-9.md\:h-7.transition-colors:nth-child(1) {
	background: #137f13 !important;
}

button.flex.items-center.gap-2.px-4.py-2\.5.rounded-lg.whitespace-nowrap.transition-all.duration-200.text-sm.font-medium.bg-primary.text-primary-foreground.shadow-lg.shadow-primary\/20 {
	color: #050e24;
}

button.inline-flex.items-center.justify-center.gap-2.whitespace-nowrap.ring-offset-background.focus-visible\:outline-none.focus-visible\:ring-2.focus-visible\:ring-ring.focus-visible\:ring-offset-2.disabled\:pointer-events-none.disabled\:opacity-50.\[\&_svg\]\:pointer-events-none.\[\&_svg\]\:size-4.\[\&_svg\]\:shrink-0.bg-primary.text-primary-foreground.hover\:bg-primary\/90.rounded-md.font-bold.text-sm.md\:text-xs.h-10.md\:h-8.px-4.md\:px-3.transition-colors {
	color: #0e1734 !important;
}

.sidebar-container .app-logo img {
	margin: 0 auto;
	max-width: 175px;
}

header button.lg\:hidden.text-white {
	display: none;
}

@media (min-width: 1024px) {
	.lg\:hidden {
		display: none;
	}
body.sidebar-open #grand-happy-hours-widget {
	padding-left: 290px !important;
}
body:not(.sidebar-open) #grand-happy-hours-widget  {
                    padding-left: 90px !important;
                }
}

@media (max-width: 1023px) {

	.container.mx-auto.px-3.md\:px-4.py-4.md\:py-6.max-w-full.overflow-hidden {
		padding: 0 !important;
		margin: 0 !important;
	}

	body:not(.sidebar-open) header,
	body:not(.sidebar-open) main,
	body:not(.sidebar-open) footer {
		padding-left: 0px !important;
	}

	button.sub-header-nav.sub-header-nav-left {
		left: 0px;
	}

	.min-h-screen.flex.items-center.justify-center.bg-\[\#0a0a0a\] {
		width: 100%;
	}

	div#radix-_r_3_ {
		z-index: 99999999 !important;
	}

	.md\:hidden.flex.items-center.justify-between.p-4.border-b.border-\[\#222\].bg-\[\#111\] {
		padding: 10px;
		margin: 0;
	}

	img.h-6.object-contain {
		height: 50px;
	}

	.sidebar-scroll {
		padding-bottom: 110px !important;
	}

	button.inline-flex.items-center.justify-center.gap-2.whitespace-nowrap.ring-offset-background.transition-colors.focus-visible\:outline-none.focus-visible\:ring-2.focus-visible\:ring-ring.focus-visible\:ring-offset-2.disabled\:pointer-events-none.disabled\:opacity-50.\[\&_svg\]\:pointer-events-none.\[\&_svg\]\:size-4.\[\&_svg\]\:shrink-0.bg-primary.text-primary-foreground.hover\:bg-primary\/90.py-2.border-none.font-bold.text-\[11px\].px-6.h-9.rounded-md {
		height: 30px;
	}

	button.inline-flex.items-center.justify-center.gap-2.whitespace-nowrap.ring-offset-background.transition-colors.focus-visible\:outline-none.focus-visible\:ring-2.focus-visible\:ring-ring.focus-visible\:ring-offset-2.disabled\:pointer-events-none.disabled\:opacity-50.\[\&_svg\]\:pointer-events-none.\[\&_svg\]\:size-4.\[\&_svg\]\:shrink-0.border.border-input.bg-background.hover\:bg-accent.hover\:text-accent-foreground.py-2.border-none.font-bold.text-\[11px\].px-6.h-9.rounded-md {
		height: 35px;
	}

	div#radix-_r_0_ {
		z-index: 99999999;
	}

	.fixed.inset-0.z-50.bg-black\/80.data-\[state\=open\]\:animate-in.data-\[state\=closed\]\:animate-out.data-\[state\=closed\]\:fade-out-0.data-\[state\=open\]\:fade-in-0 {
		z-index: 99999999;
	}

	footer.bg-gradient-to-b.from-\[\#0d0d0d\].to-black {
		padding-left: 15px !important;
	}

	.mobile-bottom-nav a.sidebar-toggle.menu-toggle-btn {
		margin-top: -45px;
		scale: 1.3;
		border-radius: 50%;
		background-color: #202842;
	}

	img.h-7.object-contain {
		height: 50px;
	}

	.fixed.bottom-0.left-0.right-0.z-50.bg-\[\#1a1a1a\].rounded-t-2xl.max-h-\[70vh\].lg\:hidden.flex.flex-col {
		z-index: 999999;
	}

	.fixed.bottom-0.left-0.right-0.z-50.bg-\[\#1a1a1a\].rounded-t-2xl.max-h-\[70vh\].lg\:hidden.flex.flex-col {
		max-height: 63vh;
	}

	.flex-1.overflow-y-auto.p-4 {
		max-height: 450px;
		padding-bottom: 90px;
	}

	.flex-1.relative.bg-black {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	body.app-body:not(.custom-casino-game-page) .flex-1.relative.bg-black {
		margin-top: 25px;
		margin-bottom: 25px;
	}

	body.app-body:not(.custom-casino-game-page) .fixed.inset-0.bg-black.flex.flex-col {
		margin-top: 100px;
		margin-bottom: 65px;
		padding-bottom: 25px;
	}

	body.app-body:not(.custom-casino-game-page) .flex.items-center.gap-2 img.h-7.w-auto.object-contain {
		display: none !important;
	}

	body.app-body:not(.custom-casino-game-page) button.w-9.h-9.flex.items-center.justify-center.rounded-lg.bg-white\/10.active\:bg-white\/20 {
		display: none !important;
	}

	.fixed.inset-0.bg-black.flex.flex-col {
		margin-top: 100px;
		margin-bottom: 65px;
		padding-bottom: 25px;
	}

	.flex.items-center.gap-2 img.h-7.w-auto.object-contain {
		display: none !important;
	}

	button.w-9.h-9.flex.items-center.justify-center.rounded-lg.bg-white\/10.active\:bg-white\/20 {
		display: none !important;
	}

	main.flex-1.w-full.mx-auto.relative.z-0.max-w-\[1600px\].px-4.md\:px-6 {
		max-width: calc(100% - 0px) !important;
	}

	.my-12.px-4.md\:px-0:has(img.w-full.h-full.object-cover.transition-transform.duration-500.group-hover\:scale-105) {
		display: block !important;
		width: 100% !important;
		margin-top: 24px !important;
		margin-bottom: 24px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	main {
		z-index: 5 !important;
	}

	.w-full.md\:w-2\/5.relative.shrink-0 {
        display: none;
    }

#grand-happy-hours-widget {
    padding-left: 10px !important;
}
}

section[aria-label="Notifications alt+T"][aria-live="polite"] {
	position: fixed !important;
	z-index: 9999999999 !important;
	pointer-events: none;
}

span.text-sm.hidden.sm\:inline {
	font-size: 16px;
	display: inline-block;
	padding-left: 8px;
}

button.justify-center.whitespace-nowrap.rounded-md.text-sm.font-medium.ring-offset-background.transition-colors.focus-visible\:outline-none.focus-visible\:ring-2.focus-visible\:ring-ring.focus-visible\:ring-offset-2.disabled\:pointer-events-none.disabled\:opacity-50.\[\&_svg\]\:pointer-events-none.\[\&_svg\]\:size-4.\[\&_svg\]\:shrink-0.hover\:text-accent-foreground.py-2.h-10.px-3.bg-\[\#1e2738\].hover\:bg-\[\#2a3548\].lg\:hidden.flex.items-center.gap-2 svg {
	float: left;
}

.relative.px-3.mb-6.md\:mb-0 {
	padding: 0;
}

.min-h-screen.flex.items-center.justify-center.bg-\[\#0a0a0a\] {
	display: none !important;
}

img.w-full.h-auto.object-cover.transition-transform.duration-300.group-hover\:scale-105 {
	scale: 0.95;
}

.w-full.md\:w-2\/5.relative.shrink-0 img {
	object-fit: fill;
	height: auto !important;
}

span.text-\[9px\].md\:text-\[10px\].font-bold.px-1\.5.md\:px-2.py-0\.5.md\:py-1.rounded-full.uppercase.shadow-lg {
	background-color: #11183f !important;
	border: 1px solid #c8aa73;
	display: none;
}

.group:hover .group-hover\:scale-110 {
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.fixed.bottom-0.md\:bottom-6.right-0.md\:right-6.z-50.w-full.md\:w-\[380px\].h-\[100dvh\].md\:h-\[550px\].bg-white.md\:rounded-2xl.shadow-2xl.shadow-black\/30.border.border-gray-200.flex.flex-col.overflow-hidden.animate-in.slide-in-from-bottom-5.duration-300 {
	z-index: 9999999999999999999999;
}

img.w-full.h-auto.object-cover {
	max-height: 270px !important;
}

main.flex-1.w-full.mx-auto.relative.z-0.max-w-\[1600px\].px-4.md\:px-6 {
	max-width: calc(100% - 30px);
	padding-right: 0 !important;
}

.md\:px-0 {
	padding-right: 12px !important;
}

img.w-full.h-full.object-cover.transition-transform.duration-500.group-hover\:scale-105 {
	transform: none !important;
}

/* =========================================================
   TEXASBET — LACİVERT / GOLD / BEYAZ MENÜ İYİLEŞTİRMELERİ
   Ana dosyanın mevcut yapısını bozmadan en sonda ezilir.
   ========================================================= */
:root {
    --texas-navy-950: #030615;
    --texas-navy-900: #070b1d;
    --texas-navy-800: #101936;
    --texas-navy-700: #18204a;
    --texas-navy-600: #202d5e;
    --texas-gold: #d2b15a;
    --texas-gold-light: #e5cf8a;
    --texas-white: #f7f8fc;
    --texas-muted: #a8b1c6;
    --texas-border: rgba(200, 170, 115, .22);
}

html,
body,
main {
    background-color: var(--texas-navy-900) !important;
    color: var(--texas-white) !important;
}

header,
footer,
.app-sub-header {
    background: rgba(7, 11, 29, .97) !important;
    border-color: var(--texas-border) !important;
}

.sidebar-container {
    background: linear-gradient(180deg, var(--texas-navy-800), var(--texas-navy-900) 72%) !important;
    border-right: 1px solid var(--texas-border) !important;
    box-shadow: 16px 0 44px rgba(0, 0, 0, .3) !important;
}

.sidebar-container .app-logo {
    background: transparent !important;
    border-bottom: 1px solid var(--texas-border) !important;
    box-shadow: none !important;
}

.sidebar-container .app-logo > div,
.sidebar-container .app-logo .logo,
.sidebar-container .app-logo .logo.active {
    background: transparent !important;
    box-shadow: none !important;
}

.sidebar-container .app-logo img,
#header-logo img {
    width: auto !important;
    max-width: 190px !important;
    object-fit: contain !important;
}

.navigation-menu .menu-section {
    margin: 0 10px 12px !important;
    overflow: hidden !important;
    background: rgba(16, 25, 54, .6) !important;
    border: 1px solid rgba(255, 255, 255, .035) !important;
    border-radius: 12px !important;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}

.navigation-menu .menu-section.open {
    background: rgba(16, 25, 54, .92) !important;
    border-color: var(--texas-border) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
}

.navigation-menu .menu-section .menu-header {
    min-height: 50px !important;
    padding: 0 14px !important;
    color: var(--texas-white) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 11px !important;
    cursor: pointer !important;
    user-select: none !important;
    outline: none !important;
}

.navigation-menu .menu-section .menu-header:focus-visible {
    box-shadow: inset 0 0 0 2px var(--texas-gold) !important;
}

.navigation-menu .menu-section.open .menu-header,
.navigation-menu .menu-section .menu-header:hover {
    color: var(--texas-gold-light) !important;
    background: var(--texas-navy-700) !important;
}

.navigation-menu .menu-section .menu-header .menu-title i,
.navigation-menu .menu-section.open .menu-header .pi-chevron-down {
    color: var(--texas-gold) !important;
}

.navigation-menu .menu-section .menu-items {
    max-height: 0 !important;
    padding: 0 9px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-5px) !important;
    transition: max-height .3s ease, padding .3s ease, opacity .2s ease, transform .25s ease, visibility .25s ease !important;
}

.navigation-menu .menu-section.open .menu-items {
    max-height: 650px !important;
    padding: 9px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.navigation-menu .menu-section .menu-items .menu-item {
    min-height: 48px !important;
    margin: 0 0 8px !important;
    padding: 0 13px !important;
    color: var(--texas-white) !important;
    background: var(--texas-navy-800) !important;
    border: 1px solid rgba(255, 255, 255, .04) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease !important;
}

.navigation-menu .menu-section .menu-items .menu-item:last-child {
    margin-bottom: 0 !important;
}

.navigation-menu .menu-section .menu-items .menu-item:hover,
.navigation-menu .menu-section .menu-items .menu-item.active {
    color: var(--texas-white) !important;
    background: var(--texas-navy-600) !important;
    border-color: rgba(200, 170, 115, .45) !important;
    transform: translateX(2px) !important;
}

.navigation-menu .menu-section .menu-items .menu-item i,
.navigation-menu .menu-section .menu-items .menu-item.active i {
    color: var(--texas-gold) !important;
}

.sidebar-toggle,
.sidebar-container .p-button.p-button-primary {
    color: var(--texas-navy-950) !important;
    background: linear-gradient(135deg, var(--texas-gold-light), #a9792f) !important;
    border-color: var(--texas-gold) !important;
}

/* Modern header / sidebar menü düğmesi */
.app-logo-container .sidebar-toggle,
.sidebar-container .app-logo .sidebar-toggle {
    position: relative !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    display: inline-grid !important;
    place-items: center !important;
    color: var(--texas-gold-light) !important;
    background: linear-gradient(145deg, rgba(32,45,94,.96), rgba(12,18,48,.98)) !important;
    border: 1px solid rgba(210,177,90,.46) !important;
    border-radius: 13px !important;
    box-shadow: inset 0 1px rgba(255,255,255,.08), 0 8px 22px rgba(0,0,0,.24) !important;
    overflow: hidden !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.app-logo-container .sidebar-toggle::before,
.sidebar-container .app-logo .sidebar-toggle::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 15%, rgba(229,207,138,.13), transparent 48%);
    pointer-events: none;
}

.app-logo-container .sidebar-toggle:hover,
.sidebar-container .app-logo .sidebar-toggle:hover {
    transform: translateY(-1px) !important;
    border-color: var(--texas-gold) !important;
    box-shadow: 0 0 0 3px rgba(210,177,90,.09), 0 10px 25px rgba(0,0,0,.3) !important;
}

.app-logo-container .sidebar-toggle i,
.sidebar-container .app-logo .sidebar-toggle i {
    position: relative;
    z-index: 1;
    font-size: 18px !important;
}

/* Menü ikonları: aynı ölçüde, modern gold kutu */
.navigation-menu .menu-title > i,
.navigation-menu .menu-item > i {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    display: inline-grid !important;
    place-items: center !important;
    color: var(--texas-gold) !important;
    background: rgba(210,177,90,.08) !important;
    border: 1px solid rgba(210,177,90,.16) !important;
    border-radius: 9px !important;
    font-size: 14px !important;
}

/* Grand slider tamamen kaldırıldı. */
#custom-hero-slider-area,
.gb-hero-slider-area {
    display: none !important;
}

/* Header giriş ve üyelik butonları */
header .texas-login-action,
header .texas-register-action {
    min-width: 112px !important;
    height: 40px !important;
    padding: 0 20px !important;
    border-radius: 11px !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: .055em !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

header .texas-login-action {
    color: #f7f8fc !important;
    background: rgba(24,32,74,.92) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
}

header .texas-register-action {
    color: #171006 !important;
    background: var(--texas-gold) !important;
    border: 1px solid var(--texas-gold-light) !important;
    box-shadow: 0 8px 22px rgba(210,177,90,.16) !important;
}

header .texas-login-action:hover,
header .texas-register-action:hover {
    transform: translateY(-1px) !important;
}

/* Giriş / kayıt modalı */
[role="dialog"].texas-auth-dialog {
    color: var(--texas-white) !important;
    background: linear-gradient(155deg, #121b3e, #060a1c 72%) !important;
    border: 1px solid rgba(210,177,90,.28) !important;
    border-radius: 20px !important;
    box-shadow: 0 30px 90px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.025) !important;
}

.texas-auth-dialog > div > div:first-child {
    background: rgba(7,11,29,.96) !important;
    border-color: rgba(210,177,90,.16) !important;
}

.texas-auth-dialog img {
    width: auto !important;
    max-width: 145px !important;
    height: 34px !important;
    object-fit: contain !important;
}

.texas-auth-dialog input:not([type="checkbox"]) {
    height: 50px !important;
    color: #fff !important;
    background: rgba(16,25,54,.92) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 11px !important;
    box-shadow: none !important;
}

.texas-auth-dialog input:not([type="checkbox"]):focus {
    border-color: var(--texas-gold) !important;
    box-shadow: 0 0 0 3px rgba(210,177,90,.11) !important;
}

.texas-auth-dialog input[type="checkbox"] {
    accent-color: var(--texas-gold) !important;
}

.texas-auth-dialog .texas-login-action,
.texas-auth-dialog .texas-register-action,
.texas-auth-dialog button[type="submit"] {
    height: 50px !important;
    color: #171006 !important;
    background: var(--texas-gold) !important;
    border: 1px solid var(--texas-gold-light) !important;
    border-radius: 11px !important;
    box-shadow: 0 10px 26px rgba(255,190,0,.22) !important;
}

.texas-auth-dialog button:not([type="submit"]) {
    color: var(--texas-gold-light) !important;
}

.texas-auth-dialog [style*="168, 85, 247"],
.texas-auth-dialog [style*="236, 72, 153"] {
    color: var(--texas-gold-light) !important;
    border-color: rgba(210,177,90,.2) !important;
    background: linear-gradient(135deg, rgba(210,177,90,.11), rgba(16,25,54,.96) 58%, #070b1d) !important;
}

/* Hızlı arama, auth modalının logo ölçülerinden etkilenmez. */
#custom-fast-search-modal .fast-search-panel {
    background: linear-gradient(155deg, #121b3e, #070b1d 74%) !important;
    border: 1px solid rgba(210,177,90,.28) !important;
    box-shadow: 0 28px 80px rgba(0,0,0,.58) !important;
}

#custom-fast-search-modal .fast-search-img-wrap {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 215 / 160 !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    background: #0b122d !important;
}

#custom-fast-search-modal .fast-search-img-wrap img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 0 !important;
}

#custom-fast-search-modal .fast-search-card:hover .fast-search-img-wrap {
    box-shadow: 0 0 0 1px rgba(210,177,90,.46), 0 10px 26px rgba(0,0,0,.24) !important;
}

#custom-fast-search-modal .fast-search-title,
#custom-fast-search-modal .fast-search-section-title,
#custom-fast-search-modal .fast-search-provider,
#custom-fast-search-modal .fast-search-close {
    color: var(--texas-gold-light) !important;
}

/* Header aksiyon grubu her zaman görünür ve sağda kalır. */
header .texas-header-auth {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 5 !important;
}

/* Üst hızlı işlemler: yeşil/mor inline renkleri kaldır. */
.custom-top-actions .icons-button {
    min-height: 40px !important;
    color: #dfe3ed !important;
    background: rgba(24,32,74,.9) !important;
    border: 1px solid rgba(210,177,90,.18) !important;
    border-radius: 11px !important;
    box-shadow: none !important;
}

.custom-top-actions .icons-button:hover {
    color: #fff !important;
    background: rgba(210,177,90,.1) !important;
    border-color: rgba(210,177,90,.52) !important;
}

.custom-top-actions .icons-button > i {
    color: var(--texas-gold) !important;
}

.custom-top-actions .icons-button:hover > i {
    color: var(--texas-gold-light) !important;
}

.custom-top-actions .icons-button div,
.custom-top-actions .icons-button div span,
.custom-top-actions .custom-wheel-trigger div {
    color: #dfe3ed !important;
}

/* Kapalı sidebar: tüm ikonlar gerçek 72px raya sığar. */
body:not(.sidebar-open) .sidebar-container {
    width: 72px !important;
    min-width: 72px !important;
    overflow-x: hidden !important;
}

body:not(.sidebar-open) .sidebar-container .app-logo,
body:not(.sidebar-open) .sidebar-container .app-logo > div {
    width: 72px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
}

body:not(.sidebar-open) .sidebar-container .app-logo .logo,
body:not(.sidebar-open) .sidebar-container .nav-link__label,
body:not(.sidebar-open) .sidebar-container .menu-title span,
body:not(.sidebar-open) .sidebar-container .menu-item span,
body:not(.sidebar-open) .sidebar-container .menu-header > span {
    display: none !important;
}

body:not(.sidebar-open) .sidebar-container .sidebar-toggle,
body:not(.sidebar-open) .sidebar-container .nav-link--img,
body:not(.sidebar-open) .sidebar-container .menu-header,
body:not(.sidebar-open) .sidebar-container .menu-item {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    transform: none !important;
}

body:not(.sidebar-open) .sidebar-container .sidebar-categories {
    width: 72px !important;
    padding: 8px 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
}

body:not(.sidebar-open) .sidebar-container .navigation-menu {
    width: 72px !important;
    padding: 8px 0 !important;
}

body:not(.sidebar-open) .navigation-menu .menu-section,
body:not(.sidebar-open) .navigation-menu .menu-section.open {
    width: 72px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body:not(.sidebar-open) .navigation-menu .menu-section .menu-items,
body:not(.sidebar-open) .navigation-menu .menu-section.open .menu-items {
    width: 72px !important;
    max-height: 700px !important;
    padding: 7px 0 0 !important;
    display: grid !important;
    gap: 8px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

body:not(.sidebar-open) .navigation-menu .menu-title > i,
body:not(.sidebar-open) .navigation-menu .menu-item > i {
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
}

body:not(.sidebar-open) .sidebar-container .other-buttons {
    width: 72px !important;
    padding: 8px 0 !important;
    display: grid !important;
    justify-items: center !important;
    gap: 8px !important;
}

/* Hesap / bonus / promosyon paneli */
[role="dialog"].texas-account-dialog {
    color: #eef1f7 !important;
    background: #0a0c11 !important;
    border: 1px solid rgba(210,177,90,.2) !important;
    border-radius: 18px !important;
    box-shadow: 0 28px 90px rgba(0,0,0,.62) !important;
    overflow: hidden !important;
}

/* Sınıf henüz JS tarafından eklenmeden önce de hesap modalını doğru boya. */
[role="dialog"]:has(svg.lucide-wallet):has(svg.lucide-history) {
    color: #eef1f7 !important;
    background: #0a0c11 !important;
    border-color: rgba(210,177,90,.2) !important;
}

.texas-account-dialog [class*="bg-[#111]"],
.texas-account-dialog [class*="bg-[#1a1a1a]"],
.texas-account-dialog [class*="bg-[#222]"] {
    background: #11151d !important;
}

.texas-account-dialog > div[class*="w-full"][class*="md:w-[260px]"],
.texas-account-dialog > div[style*="17, 17, 17"] {
    background: #0c0e12 !important;
}

.texas-account-dialog > div[class*="flex-1"][class*="bg-[#1a1a1a]"],
.texas-account-dialog > div[class*="flex-1"][class*="overflow-hidden"] {
    background: #0d111a !important;
}

.texas-account-dialog [class*="border-[#222]"],
.texas-account-dialog [class*="border-[#333]"] {
    border-color: rgba(210,177,90,.14) !important;
}

.texas-account-dialog [style*="44, 11, 0"],
.texas-account-dialog [style*="6, 0, 0"] {
    background: #10131a !important;
    border-color: rgba(210,177,90,.18) !important;
}

.texas-account-dialog [style*="linear-gradient(135deg, rgb(210, 177, 90)"],
.texas-account-dialog [style*="linear-gradient(135deg, rgb(229, 207, 138)"] {
    background: #18204a !important;
    color: var(--texas-gold-light) !important;
}

.texas-account-dialog button {
    color: #c7ccd7 !important;
    border-radius: 9px !important;
}

.texas-account-dialog button:hover,
.texas-account-dialog button[class*="text-[#00C853]"] {
    color: #dbc27d !important;
    background: rgba(210,177,90,.07) !important;
}

.texas-account-dialog input {
    color: #f7f8fc !important;
    background: #11151d !important;
    border-color: rgba(210,177,90,.16) !important;
}

.texas-account-dialog button[style*="0, 200, 83"],
.texas-account-dialog button[class*="bg-[#00C853]"],
.texas-account-dialog button[style*="244, 196, 48"] {
    color: #16120a !important;
    background: var(--texas-gold) !important;
    border-color: var(--texas-gold-light) !important;
}

.texas-account-dialog .texas-account-deposit,
.texas-account-dialog .texas-account-submit {
    color: #0b0c10 !important;
    background: #c7aa63 !important;
    border: 1px solid #d8c17e !important;
    box-shadow: none !important;
}

.texas-account-dialog .texas-account-withdraw {
    color: #dbc27d !important;
    background: #151922 !important;
    border: 1px solid rgba(210,177,90,.3) !important;
    box-shadow: none !important;
}

/* Bakiye kartındaki iki hızlı işlem aynı görünür; tıklayınca renk değiştirmez. */
.texas-account-dialog .texas-account-quick-action,
.texas-account-dialog .texas-account-quick-action:hover,
.texas-account-dialog .texas-account-quick-action:focus,
.texas-account-dialog .texas-account-quick-action:focus-visible,
.texas-account-dialog .texas-account-quick-action:active {
    color: #dbc27d !important;
    background-color: #151922 !important;
    background-image: none !important;
    border: 1px solid rgba(210,177,90,.3) !important;
    box-shadow: none !important;
    transform: none !important;
    outline: none !important;
}

/* Sol menü satırlarının tamamı tek sistem; seçili durum yalnızca ince çizgiyle anlaşılır. */
.texas-account-dialog .texas-account-nav-action,
.texas-account-dialog .texas-account-nav-action:hover,
.texas-account-dialog .texas-account-nav-action:focus,
.texas-account-dialog .texas-account-nav-action:focus-visible,
.texas-account-dialog .texas-account-nav-action:active {
    color: #c7ccd7 !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-left: 2px solid transparent !important;
    box-shadow: none !important;
    transform: none !important;
    outline: none !important;
}

.texas-account-dialog .texas-account-nav-action[class*="text-[#00C853]"],
.texas-account-dialog .texas-account-nav-action[class*="bg-[#00C853]"],
.texas-account-dialog .texas-account-nav-action[aria-current="page"],
.texas-account-dialog .texas-account-nav-action[data-state="active"] {
    color: #dbc27d !important;
    background-color: rgba(210,177,90,.07) !important;
    border-left-color: #c7aa63 !important;
}

.texas-account-dialog .texas-account-bonus,
.texas-account-dialog .texas-account-promo {
    color: #dbc27d !important;
    background: transparent !important;
    border-left: 2px solid transparent !important;
}

.texas-account-dialog [class*="bg-[#00C853]"],
.texas-account-dialog [class*="bg-[#009624]"],
.texas-account-dialog [class*="text-[#00C853]"],
.texas-account-dialog [style*="0, 200, 83"],
.texas-account-dialog [style*="0, 150, 36"] {
    color: #dbc27d !important;
    background-color: rgba(210,177,90,.07) !important;
    border-color: rgba(210,177,90,.22) !important;
}

.texas-account-dialog .w-2.h-2.rounded-full,
.texas-account-dialog [class*="bg-[#00C853]"][class*="rounded-full"] {
    background: var(--texas-gold) !important;
}

.texas-account-dialog .bg-\[\#4a1c1c\] {
    background: rgba(115,73,42,.18) !important;
    border-color: rgba(210,177,90,.2) !important;
}

.texas-account-dialog .text-\[\#ff6b6b\] {
    color: #d9b98c !important;
}

/* Genel yeşil temizliğinden sonra ana işlem butonlarını tekrar sabitle. */
.texas-account-dialog .texas-account-deposit,
.texas-account-dialog .texas-account-submit {
    color: #0b0c10 !important;
    background: #c7aa63 !important;
    border: 1px solid #d8c17e !important;
}

/* Önceki genel deposit kuralını hızlı kartta geçersiz kıl. */
.texas-account-dialog .texas-account-deposit.texas-account-quick-action,
.texas-account-dialog .texas-account-withdraw.texas-account-quick-action {
    color: #dbc27d !important;
    background-color: #151922 !important;
    background-image: none !important;
    border: 1px solid rgba(210,177,90,.3) !important;
}

/* Eski nth-child ve platform inline renklerini kesin olarak geçersiz kılar. */
.texas-account-dialog .flex.gap-2 > button.texas-account-quick-action:nth-child(1),
.texas-account-dialog .flex.gap-2 > button.texas-account-quick-action:nth-child(2),
.texas-account-dialog .flex.gap-2 > button.texas-account-quick-action:nth-child(1):hover,
.texas-account-dialog .flex.gap-2 > button.texas-account-quick-action:nth-child(2):hover,
.texas-account-dialog .flex.gap-2 > button.texas-account-quick-action:nth-child(1):active,
.texas-account-dialog .flex.gap-2 > button.texas-account-quick-action:nth-child(2):active,
.texas-account-dialog .flex.gap-2 > button.texas-account-quick-action:nth-child(1):focus,
.texas-account-dialog .flex.gap-2 > button.texas-account-quick-action:nth-child(2):focus {
    color: #dbc27d !important;
    background: #151922 !important;
    background-color: #151922 !important;
    background-image: none !important;
    border: 1px solid rgba(210,177,90,.3) !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Mobil header: logo, aksiyonlar ve hamburger aynı eksende. */
@media (max-width: 767px) {
    header .container,
    header .container > div,
    header [class*="justify-between"] {
        min-width: 0 !important;
    }

    header .container > div {
        height: 64px !important;
        display: flex !important;
        align-items: center !important;
        gap: 7px !important;
    }

    header .app-logo-container {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        gap: 7px !important;
    }

    header .app-logo-container .sidebar-toggle {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        flex: 0 0 40px !important;
    }

    header #header-logo {
        display: flex !important;
        min-width: 0 !important;
        max-width: 145px !important;
        align-items: center !important;
    }

    header #header-logo img {
        display: block !important;
        width: 100% !important;
        max-width: 145px !important;
        height: 34px !important;
        object-fit: contain !important;
    }

    header .texas-header-auth {
        margin-left: auto !important;
        gap: 5px !important;
    }

    header .texas-header-auth .texas-login-action,
    header .texas-header-auth .texas-register-action {
        width: auto !important;
        min-width: 0 !important;
        height: 36px !important;
        padding: 0 10px !important;
        font-size: 9px !important;
        white-space: nowrap !important;
    }

    header button.lg\:hidden.text-white {
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        flex: 0 0 36px !important;
    }

    .mobile-bottom-nav .nav-item i.pi-home,
    .mobile-bottom-nav .nav-item i.pi {
        width: 22px !important;
        height: 22px !important;
        display: inline-grid !important;
        place-items: center !important;
        line-height: 1 !important;
    }
}

.texas-account-dialog .texas-account-deposit.texas-account-nav-action,
.texas-account-dialog .texas-account-withdraw.texas-account-nav-action,
.texas-account-dialog .texas-account-bonus.texas-account-nav-action,
.texas-account-dialog .texas-account-promo.texas-account-nav-action {
    color: #c7ccd7 !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-left: 2px solid transparent !important;
}

/* Sağ içerikteki fazla mavi yüzeyleri siyaha yakın premium tona indir. */
.texas-account-dialog [class*="bg-[#0f172a]"],
.texas-account-dialog [class*="bg-[#111827]"],
.texas-account-dialog [class*="bg-[#101936]"],
.texas-account-dialog [class*="bg-[#18204a]"] {
    background: #11151d !important;
}

.texas-account-dialog [class*="rounded-lg"][class*="border"] {
    border-color: rgba(210,177,90,.16) !important;
}

@media (max-width: 1180px) {
    .custom-top-actions .icons-button div,
    .custom-top-actions .icons-button span:not(.p-ink) {
        display: none !important;
    }

    .custom-top-actions .icons-button {
        width: 40px !important;
        min-width: 40px !important;
        padding: 0 !important;
    }
}

.sub-header-item:hover,
.sub-header-item.active {
    color: var(--texas-gold-light) !important;
}

#app-global-loader {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background:
        radial-gradient(circle at center, rgba(210,177,90,.09), transparent 34%),
        #070b1d !important;
    transition: opacity .55s ease, visibility .55s ease !important;
}

#app-global-loader .texas-eclipse-loader {
    position: relative;
    width: 230px;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0d1017;
    box-shadow:
        0 0 24px rgba(210,177,90,.26),
        0 0 70px rgba(210,177,90,.18),
        0 0 140px rgba(210,177,90,.08);
    isolation: isolate;
}

#app-global-loader .texas-eclipse-loader::before {
    content: "";
    position: absolute;
    inset: -9px;
    z-index: -1;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        rgba(210,177,90,.18) 80deg,
        #e8d79f 130deg,
        rgba(210,177,90,.3) 170deg,
        transparent 240deg,
        transparent 360deg
    );
    filter: blur(.4px);
    animation: texasEclipseSpin 1.45s linear infinite;
}

#app-global-loader .texas-eclipse-loader::after {
    content: "";
    position: absolute;
    inset: -20px;
    z-index: -2;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(210,177,90,.24), transparent 68%);
    filter: blur(14px);
}

#app-global-loader .texas-eclipse-logo {
    width: 250px;
    max-width: none;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(210,177,90,.2));
}

/* Flu casino elemanları: kart, çip ve para yağmuru */
#app-global-loader .texas-casino-rain {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    filter: blur(.15px);
}

#app-global-loader .texas-casino-rain span {
    position: absolute;
    left: var(--x);
    top: -15vh;
    width: 44px;
    height: 58px;
    display: grid;
    place-items: center;
    color: rgba(236,211,139,.42);
    background: rgba(18,21,29,.62);
    border: 1px solid rgba(210,177,90,.25);
    border-radius: 9px;
    font: 800 24px/1 Georgia, serif;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    opacity: .72;
    animation: texasCasinoFall var(--t) linear infinite;
    animation-delay: var(--d);
}

#app-global-loader .texas-casino-rain span:nth-child(3n+2) {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: rgba(236,214,149,.48);
    background: repeating-radial-gradient(circle, rgba(210,177,90,.22) 0 4px, rgba(15,18,25,.78) 5px 9px);
}

@keyframes texasCasinoFall {
    0% { transform: translate3d(-12px,-12vh,0) rotate(0deg); opacity: 0; }
    12% { opacity: .72; }
    88% { opacity: .58; }
    100% { transform: translate3d(22px,125vh,0) rotate(var(--r)); opacity: 0; }
}

/* Renkli, okunaklı üst kategori ikonları */
.sub-header-item .texas-sub-icon {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: inline-grid;
    place-items: center;
    border-radius: 8px;
    font: 800 15px/1 Inter, sans-serif;
    background: #151922;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: inset 0 1px rgba(255,255,255,.04);
    transform-origin: center;
    animation: texasSubIconPulse 2.25s ease-in-out infinite;
    will-change: transform;
}

/* Kampanya/affiliate modalı giriş modalından bağımsız, tam görselli düzen. */
[role="dialog"].texas-promo-dialog {
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.texas-promo-dialog > div.relative {
    background: #080d20 !important;
    border: 1px solid rgba(210,177,90,.25) !important;
    border-radius: 18px !important;
    box-shadow: 0 28px 80px rgba(0,0,0,.62) !important;
}

.texas-promo-dialog > div.relative > div:has(> img) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #080d20 !important;
}

.texas-promo-dialog > div.relative > div > img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1400 / 899 !important;
    object-fit: contain !important;
    object-position: center !important;
}

@media (min-width: 768px) {
    .texas-promo-dialog > div.relative > div:has(> img) {
        width: 56% !important;
        flex: 0 0 56% !important;
    }

    .texas-promo-dialog > div.relative > div:has(> img) + div {
        width: 44% !important;
        flex: 0 0 44% !important;
    }
}

@media (max-width: 767px) {
    .texas-promo-dialog > div.relative > div:has(> img),
    .texas-promo-dialog > div.relative > div > img {
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        aspect-ratio: 1400 / 899 !important;
    }
}

.sub-header-item:nth-child(2n) .texas-sub-icon { animation-delay: -.55s; }
.sub-header-item:nth-child(3n) .texas-sub-icon { animation-delay: -1.1s; }

.sub-header-item > span:last-child {
    color: #ffffff !important;
    opacity: 1 !important;
}

.texas-sub-home { color: #fff; }
.texas-sub-sport {
    color: #f5f5f5 !important;
    background: #17191e !important;
    filter: grayscale(1) !important;
}
.texas-sub-live { color: #ff5d64; font-size: 22px !important; }
.texas-sub-777 { color: #ff555b; font-weight: 950 !important; letter-spacing: -2px; }
.texas-777-icon { color: #d2b15a; font-weight: 950 !important; letter-spacing: -2px; }
.texas-sub-casino { color: #f3f4f8; background: #3b1c24 !important; }
.texas-sub-aviator { color: #70b7ff; }
.texas-sub-bonus { color: #dbc27d; }
.texas-sub-new { color: #e5cf8a; }
.texas-sub-popular { color: #f1c45d; }
.texas-sub-bell { font-size: 15px !important; }

@keyframes texasSubIconPulse {
    0%, 100% { transform: scale(.92); }
    50% { transform: scale(1.12); }
}

.mobile-bottom-nav .texas-777-icon {
    width: 26px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    font-size: 14px;
    line-height: 1;
}

/* Destek bağlantıları kullanıcı URL'leri gelene kadar görünür fakat pasif. */
.sidebar-container .texas-support-pending {
    width: 100%;
    font: inherit;
    text-align: left;
    cursor: default !important;
    opacity: .72;
}

/* Destek satırları diğer Spor/Casino alt bağlantılarıyla aynı raya oturur. */
.sidebar-container .texas-support-section .menu-items .texas-support-pending {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 13px !important;
    margin: 0 !important;
    text-align: left !important;
}

.sidebar-container .texas-support-section .menu-items .texas-support-pending > i {
    flex: 0 0 30px !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    display: inline-grid !important;
    place-items: center !important;
}

.sidebar-container .texas-support-section .menu-items .texas-support-pending > span {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}

/* Kapalı sidebar: hızlı kategori kutularını 72px rayın tam merkezine sabitle. */
body:not(.sidebar-open) .sidebar-container .sidebar-scroll,
body:not(.sidebar-open) .sidebar-container .sidebar-scroll > div {
    box-sizing: border-box !important;
    width: 72px !important;
    min-width: 72px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:not(.sidebar-open) .sidebar-container .sidebar-categories {
    box-sizing: border-box !important;
    width: 72px !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    justify-items: center !important;
    align-items: center !important;
}

body:not(.sidebar-open) .sidebar-container .sidebar-categories .nav-link--img,
body:not(.sidebar-open) .sidebar-container .sidebar-categories .nav-link--img > a {
    box-sizing: border-box !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
}

body:not(.sidebar-open) .sidebar-container .sidebar-categories .nav-link__icon-bg {
    position: static !important;
    inset: auto !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    opacity: .82 !important;
    transform: none !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border-radius: 11px !important;
}

body:not(.sidebar-open) .sidebar-container .sidebar-categories .nav-link--img:hover .nav-link__icon-bg {
    transform: none !important;
    opacity: 1 !important;
}

/* Ana sayfa alt bannerı ve lisans bilgilendirmesi */
.texas-license-banner-section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.texas-license-banner-section > div,
.texas-license-banner-section img[src*="991723c6_3d8b1763_6caffe28_73317f5d_media_18750825_7310b3bf.png"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.texas-license-card {
    position: relative;
    width: min(100%, 920px);
    margin: 22px auto 48px;
    padding: clamp(24px, 4vw, 44px) clamp(18px, 5vw, 58px);
    color: #d9dce5;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0%, rgba(210,177,90,.10), transparent 42%),
        #090b10;
    border: 1px solid rgba(210,177,90,.24);
    border-radius: 18px;
    box-shadow: 0 20px 55px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.035);
}

.texas-license-card::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    width: min(220px, 48%);
    height: 2px;
    transform: translateX(-50%);
    background: #d2b15a;
    border-radius: 999px;
    box-shadow: 0 0 18px rgba(210,177,90,.32);
}

.texas-license-card h2 {
    margin: 0 0 18px;
    color: #e5cf8a;
    font-size: clamp(19px, 2.2vw, 27px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .055em;
}

.texas-license-card p {
    max-width: 760px;
    margin: 0 auto;
    color: #c4c8d2;
    font-size: clamp(13px, 1.35vw, 16px);
    font-weight: 450;
    line-height: 1.75;
}

.texas-license-card p + p {
    margin-top: 18px;
}

.texas-license-card p strong {
    color: #e5cf8a;
    font-weight: 750;
}

.texas-license-card .texas-license-note {
    max-width: 700px;
    padding-top: 16px;
    color: #9299a9;
    font-size: clamp(11px, 1.1vw, 13px);
    border-top: 1px solid rgba(210,177,90,.16);
}

@media (max-width: 767px) {
    .texas-license-banner-section {
        display: block !important;
        width: 100% !important;
        margin: 20px 0 !important;
        padding: 0 10px !important;
    }

    .texas-license-banner-section > div {
        min-height: 130px !important;
        height: auto !important;
        aspect-ratio: 16 / 7;
        border-radius: 12px !important;
    }

    .texas-license-banner-section img[src*="991723c6_3d8b1763_6caffe28_73317f5d_media_18750825_7310b3bf.png"] {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .texas-license-card {
        width: calc(100% - 20px);
        margin: 14px auto 30px;
        padding: 26px 18px;
        border-radius: 14px;
    }

    .texas-license-card h2 {
        margin-bottom: 14px;
        letter-spacing: .035em;
    }

    .texas-license-card p {
        line-height: 1.65;
    }
}

/* Mobil alt navigasyon: tek gold ikon paleti ve premium yüzey. */
@media (max-width: 1023px) {
    .mobile-bottom-nav {
        height: 68px !important;
        padding: 0 max(8px, env(safe-area-inset-left)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-right)) !important;
        background:
            linear-gradient(180deg, rgba(19,23,34,.98), rgba(7,9,14,.99)) !important;
        border-top: 1px solid rgba(210,177,90,.25) !important;
        box-shadow: 0 -8px 20px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.025) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .mobile-bottom-nav button.nav-item {
        appearance: none !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        font-family: inherit !important;
        cursor: pointer !important;
    }

    .mobile-bottom-nav .custom-deposit-trigger > i,
    .mobile-bottom-nav .custom-deposit-trigger > span {
        color: #d8c27f !important;
    }

    .mobile-bottom-nav .nav-item,
    .mobile-bottom-nav .nav-item > span,
    .mobile-bottom-nav .nav-item > i,
    .mobile-bottom-nav .nav-item > .texas-777-icon,
    .mobile-bottom-nav .menu-toggle-btn > i {
        color: #d2b15a !important;
    }

    .mobile-bottom-nav .nav-item > i,
    .mobile-bottom-nav .nav-item > .texas-777-icon,
    .mobile-bottom-nav .menu-toggle-btn > i {
        filter: none !important;
    }

    .mobile-bottom-nav .nav-item.active,
    .mobile-bottom-nav .nav-item.active > span,
    .mobile-bottom-nav .nav-item.active > i,
    .mobile-bottom-nav .nav-item.active > .texas-777-icon {
        color: #ead795 !important;
    }

    .mobile-bottom-nav .menu-toggle-btn,
    .mobile-bottom-nav a.sidebar-toggle.menu-toggle-btn {
        background: linear-gradient(145deg, #1a1e29, #0b0e14) !important;
        border: 1px solid rgba(210,177,90,.42) !important;
        box-shadow: 0 8px 24px rgba(0,0,0,.44), inset 0 1px rgba(255,255,255,.05) !important;
    }
}

/* Mobil performans: scroll sırasında pahalı yüzey efektlerini kapat. */
@media (max-width: 767px) {
    .app-sub-header,
    header,
    .mobile-bottom-nav,
    .sidebar-container {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .sub-header-scroll {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: auto !important;
        overscroll-behavior-x: contain;
        touch-action: pan-x !important;
        -webkit-overflow-scrolling: touch;
    }

    .sub-header-item,
    .mobile-bottom-nav .nav-item {
        transition: color .15s ease, background-color .15s ease !important;
    }

    body.app-body > div.flex-1.flex.flex-col.h-full {
        scroll-behavior: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

/* Mobil footer güvenli alanı: sabit alt menü 18+ ve lisans rozetlerini örtmez. */
@media (max-width: 1023px) {
    body.app-body:not(.custom-casino-game-page) footer {
        padding-bottom: 0 !important;
        overflow: visible !important;
    }

    body.app-body:not(.custom-casino-game-page) footer::after {
        content: "" !important;
        display: block !important;
        width: 100% !important;
        height: calc(84px + env(safe-area-inset-bottom)) !important;
        flex: 0 0 auto !important;
        pointer-events: none !important;
    }

    html,
    body,
    body.app-body > div.flex-1.flex.flex-col.h-full {
        scroll-padding-bottom: calc(84px + env(safe-area-inset-bottom)) !important;
    }
}

/* ========================================================================== 
   CANLI DESTEK — TEXSASBET LACİVERT / SOFT GOLD TEMA
   ========================================================================== */

/* React yeniden çizse bile sidebar altındaki eski destek ve dil ikonları görünmez. */
.sidebar-container .other-buttons,
.sidebar-container .app-language-selector,
.sidebar-container .custom-live-support-trigger {
    display: none !important;
}

/* Sabit canlı destek çağrı butonu */
.texas-live-support-launcher {
    z-index: 2147483000 !important;
}

.texas-live-support-launcher > button {
    width: 74px !important;
    height: 74px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: url('/uploads/bb8766b2_65d720b1-c353-4172-82ac-49ceb9a30bdc.png') center / contain no-repeat !important;
    box-shadow: none !important;
    animation: texasSupportAttention 2.4s ease-in-out infinite !important;
}

.texas-live-support-launcher > button::after {
    content: none !important;
    display: none !important;
}

.texas-live-support-launcher > button:hover {
    border: 0 !important;
    box-shadow: none !important;
}

.texas-live-support-launcher > button > svg {
    display: none !important;
}

.texas-live-support-launcher > button > span {
    color: #f8f3e3 !important;
    background: #090e20 !important;
    border: 1px solid rgba(210, 177, 90, .28) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .35) !important;
}

/* Misafir ve üye destek penceresinin ortak kabuğu */
.texas-live-support-panel {
    color: #f7f7f4 !important;
    background: #080d20 !important;
    border: 1px solid rgba(210, 177, 90, .34) !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .62), 0 0 35px rgba(210, 177, 90, .09) !important;
}

.texas-live-support-header {
    position: relative !important;
    background: linear-gradient(135deg, #111a39 0%, #090f25 72%, #171526 100%) !important;
    border-bottom: 1px solid rgba(210, 177, 90, .28) !important;
}

.texas-live-support-header::after {
    content: "";
    position: absolute;
    right: 15%;
    bottom: 0;
    width: 42%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #d2b15a, transparent);
    pointer-events: none;
}

.texas-live-support-brandmark {
    flex: 0 0 auto !important;
    border: 1px solid rgba(229, 207, 138, .28) !important;
    background:
        url('/uploads/3c7c6423_65d720b1-c353-4172-82ac-49ceb9a30bdc.png') center / 78% auto no-repeat,
        rgba(210, 177, 90, .08) !important;
    box-shadow: inset 0 0 18px rgba(210, 177, 90, .07) !important;
}

.texas-live-support-brandmark > svg {
    display: none !important;
}

.texas-live-support-header h3 {
    color: #ffffff !important;
    letter-spacing: .01em !important;
}

.texas-live-support-header h3 + p {
    color: #d8c27f !important;
}

.texas-live-support-header button {
    color: #e8dfc4 !important;
    border: 1px solid transparent !important;
}

.texas-live-support-header button:hover {
    color: #ffffff !important;
    background: rgba(210, 177, 90, .1) !important;
    border-color: rgba(210, 177, 90, .18) !important;
}

.texas-live-support-header button svg {
    color: currentColor !important;
}

.texas-live-support-body {
    background:
        radial-gradient(circle at 50% 12%, rgba(210, 177, 90, .08), transparent 34%),
        linear-gradient(155deg, #0e1735 0%, #080d20 72%) !important;
}

.texas-live-support-body h4 {
    color: #ffffff !important;
    font-weight: 800 !important;
}

.texas-live-support-body p {
    color: #aeb6ca !important;
}

.texas-live-support-body input {
    height: 46px !important;
    color: #f8f8f5 !important;
    background: rgba(7, 12, 29, .82) !important;
    border: 1px solid rgba(210, 177, 90, .2) !important;
    border-radius: 11px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

.texas-live-support-body input::placeholder {
    color: #7f899f !important;
}

.texas-live-support-body input:focus {
    border-color: rgba(229, 207, 138, .74) !important;
    box-shadow: 0 0 0 3px rgba(210, 177, 90, .1) !important;
    outline: none !important;
}

.texas-live-support-body > button,
.texas-live-support-body .space-y-4 > button {
    min-height: 46px !important;
    color: #090c16 !important;
    background: #d8bd70 !important;
    border: 1px solid #e5cf8a !important;
    border-radius: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
    box-shadow: 0 10px 25px rgba(210, 177, 90, .14) !important;
}

.texas-live-support-body > button:hover,
.texas-live-support-body .space-y-4 > button:hover {
    color: #070a12 !important;
    background: #e5cf8a !important;
}

.texas-live-support-body button:disabled {
    color: rgba(9, 12, 22, .52) !important;
    background: #9b8957 !important;
    border-color: rgba(229, 207, 138, .25) !important;
    box-shadow: none !important;
    opacity: .66 !important;
}

.texas-live-support-promo {
    background: #090f24 !important;
    border-color: rgba(210, 177, 90, .22) !important;
}

.texas-live-support-promo img {
    display: block !important;
    width: 100% !important;
    opacity: .92 !important;
}

@keyframes texasSupportAttention {
    0%, 100% { transform: translateZ(0) scale(1); }
    50% { transform: translateZ(0) scale(1.055); }
}

@keyframes texasSupportRing {
    0% { opacity: 0; transform: scale(.86); }
    38% { opacity: .72; }
    100% { opacity: 0; transform: scale(1.2); }
}

/* React sınıfları eklenmeden önce ilk karede eski beyaz/yeşil temayı engelle. */
div.fixed[class*="md:w-[380px]"]:has(h3) {
    color: #f7f7f4 !important;
    background: #080d20 !important;
    border-color: rgba(210, 177, 90, .34) !important;
}

div.fixed[class*="md:w-[380px]"]:has(h3) > div:first-child {
    background: linear-gradient(135deg, #111a39 0%, #090f25 72%, #171526 100%) !important;
    border-color: rgba(210, 177, 90, .28) !important;
}

div.fixed[class*="md:w-[380px]"]:has(h3) > div.flex-1 {
    background: linear-gradient(155deg, #0e1735 0%, #080d20 72%) !important;
}

div.fixed[class*="md:w-[380px]"]:has(h3) > div.flex-1 h4 {
    color: #ffffff !important;
}

div.fixed[class*="md:w-[380px]"]:has(h3) > div.flex-1 p {
    color: #aeb6ca !important;
}

div.fixed[class*="md:w-[380px]"]:has(h3) > div.flex-1 input {
    color: #f8f8f5 !important;
    background: rgba(7, 12, 29, .82) !important;
    border-color: rgba(210, 177, 90, .2) !important;
}

div.fixed[class*="md:w-[380px]"]:has(h3) > div.flex-1 button {
    color: #090c16 !important;
    background: #d8bd70 !important;
    border-color: #e5cf8a !important;
}

@media (prefers-reduced-motion: reduce) {
    .texas-live-support-launcher > button,
    .texas-live-support-launcher > button::after {
        animation: none !important;
    }
}

@media (max-width: 767px) {
    .texas-live-support-launcher {
        right: 14px !important;
        bottom: 82px !important;
    }

    .texas-live-support-launcher > button {
        width: 52px !important;
        height: 52px !important;
        border-radius: 16px !important;
    }

    .texas-live-support-panel {
        width: 100% !important;
        height: 100dvh !important;
        border-width: 0 !important;
        border-radius: 0 !important;
    }

    .texas-live-support-header {
        padding-top: max(20px, env(safe-area-inset-top)) !important;
    }
}

.sub-header-item .texas-sub-home.fi-rr-house-chimney {
    color: #f5f6f8 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    background: #171b24 !important;
}

/* Masaüstü kapalı sidebar: hızlı görseller ve alt menü aynı 36px merkez ekseninde. */
@media (min-width: 1024px) {
    body:not(.sidebar-open) .sidebar-container,
    body:not(.sidebar-open) .sidebar-container .sidebar-scroll,
    body:not(.sidebar-open) .sidebar-container .app-theme-buttons,
    body:not(.sidebar-open) .sidebar-container .sidebar-categories,
    body:not(.sidebar-open) .sidebar-container .navigation-menu {
        box-sizing: border-box !important;
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        transform: none !important;
    }

    body:not(.sidebar-open) .sidebar-container .sidebar-categories {
        display: grid !important;
        grid-template-columns: 72px !important;
        justify-content: start !important;
        justify-items: center !important;
    }

    body:not(.sidebar-open) .sidebar-container .sidebar-categories .nav-link--img {
        grid-column: 1 !important;
        justify-self: center !important;
        margin-inline: auto !important;
    }
}

/* Üst şeritteki Anasayfa simgesi gerçek PrimeIcons ev ikonu. */
.sub-header-item .texas-sub-home.pi-home {
    color: #f5f6f8 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    background: #171b24 !important;
}

/* Eski gövde filigranını kapat; orta alan ve footer artık aynı çapraz dili kullanır. */
body.texas-home-page::before {
    display: none !important;
}

/* Kapalı masaüstü sidebar için son hizalama katmanı. */
@media (min-width: 1024px) {
    body:not(.sidebar-open) .sidebar-container {
        --texas-collapsed-rail: 72px;
        --texas-collapsed-item: 44px;
    }

    body:not(.sidebar-open) .sidebar-container .app-logo,
    body:not(.sidebar-open) .sidebar-container .app-logo > div,
    body:not(.sidebar-open) .sidebar-container .sidebar-scroll,
    body:not(.sidebar-open) .sidebar-container .app-theme-buttons,
    body:not(.sidebar-open) .sidebar-container .sidebar-categories,
    body:not(.sidebar-open) .sidebar-container .navigation-menu,
    body:not(.sidebar-open) .sidebar-container .navigation-menu .menu-section,
    body:not(.sidebar-open) .sidebar-container .navigation-menu .menu-items,
    body:not(.sidebar-open) .sidebar-container > .pt-0,
    body:not(.sidebar-open) .sidebar-container .other-buttons {
        box-sizing: border-box !important;
        width: var(--texas-collapsed-rail) !important;
        min-width: var(--texas-collapsed-rail) !important;
        max-width: var(--texas-collapsed-rail) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        transform: none !important;
    }

    body:not(.sidebar-open) .sidebar-container .app-logo > div,
    body:not(.sidebar-open) .sidebar-container .sidebar-categories,
    body:not(.sidebar-open) .sidebar-container .navigation-menu .menu-items,
    body:not(.sidebar-open) .sidebar-container .other-buttons {
        display: grid !important;
        grid-template-columns: var(--texas-collapsed-rail) !important;
        justify-content: start !important;
        justify-items: center !important;
        align-items: center !important;
    }

    body:not(.sidebar-open) .sidebar-container .sidebar-toggle,
    body:not(.sidebar-open) .sidebar-container .nav-link--img,
    body:not(.sidebar-open) .sidebar-container .nav-link--img > a,
    body:not(.sidebar-open) .sidebar-container .menu-header,
    body:not(.sidebar-open) .sidebar-container .menu-item,
    body:not(.sidebar-open) .sidebar-container .other-buttons > button,
    body:not(.sidebar-open) .sidebar-container .other-buttons > .app-language-selector,
    body:not(.sidebar-open) .sidebar-container .other-buttons > .app-language-selector > button {
        box-sizing: border-box !important;
        grid-column: 1 !important;
        justify-self: center !important;
        width: var(--texas-collapsed-item) !important;
        min-width: var(--texas-collapsed-item) !important;
        max-width: var(--texas-collapsed-item) !important;
        height: var(--texas-collapsed-item) !important;
        min-height: var(--texas-collapsed-item) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 !important;
        transform: none !important;
    }

    body:not(.sidebar-open) .sidebar-container .menu-header,
    body:not(.sidebar-open) .sidebar-container .menu-item,
    body:not(.sidebar-open) .sidebar-container .other-buttons > button,
    body:not(.sidebar-open) .sidebar-container .other-buttons > .app-language-selector > button {
        display: grid !important;
        place-items: center !important;
        justify-content: center !important;
        align-content: center !important;
        gap: 0 !important;
    }

    body:not(.sidebar-open) .sidebar-container .menu-header .menu-title {
        width: var(--texas-collapsed-item) !important;
        height: var(--texas-collapsed-item) !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        gap: 0 !important;
    }

    body:not(.sidebar-open) .sidebar-container .menu-header .menu-title > i,
    body:not(.sidebar-open) .sidebar-container .menu-item > i,
    body:not(.sidebar-open) .sidebar-container .other-buttons > button > i {
        position: static !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        transform: none !important;
    }

    body:not(.sidebar-open) .sidebar-container .nav-link__icon-bg {
        position: static !important;
        inset: auto !important;
        margin: 0 !important;
        transform: none !important;
    }

    body:not(.sidebar-open) .sidebar-container .app-language-selector img {
        display: block !important;
        width: 28px !important;
        height: 28px !important;
        margin: 0 auto !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }

    body:not(.sidebar-open) .sidebar-container .texas-support-section .texas-support-pending {
        display: grid !important;
        place-items: center !important;
        justify-content: center !important;
        align-content: center !important;
        gap: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    body:not(.sidebar-open) .sidebar-container .texas-support-section .texas-support-pending > i {
        grid-area: 1 / 1 !important;
        justify-self: center !important;
        align-self: center !important;
        margin: 0 !important;
    }
}

/* Açık sidebar'da Destek satırları diğer alt bağlantılarla aynı sol hizada kalır. */
body.sidebar-open .sidebar-container .texas-support-section .texas-support-pending {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 0 13px !important;
    text-align: left !important;
}


/* Üst aksiyon grubunu tek çizgide, eşit yükseklikte tut. */
.custom-top-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
}

.custom-top-actions > .app-search-button,
.custom-top-actions > button,
.custom-top-actions > .app-search-button > button {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@keyframes texasEclipseSpin {
    to { transform: rotate(360deg); }
}

/* Platformun ikinci mobil hamburgeri gereksiz; Texas sidebar düğmesi yeterli. */
header button:has(svg.lucide-menu),
header button:has(svg[class*="lucide-menu"]) {
    display: none !important;
}

@media (max-width: 600px) {
    #app-global-loader .texas-eclipse-loader {
        width: 176px;
        height: 176px;
    }

    #app-global-loader .texas-eclipse-logo {
        width: 198px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #app-global-loader .texas-eclipse-loader::before {
        animation-duration: 3s !important;
    }
}

/* ========================================================================== */
/*  KARARLI SAYFA AKIŞI — main/footer görünürlüğü ve doğal scroll              */
/* ========================================================================== */

html {
    min-height: 100% !important;
    height: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.app-body {
    display: flex !important;
    width: 100% !important;
    min-height: 100vh !important;
    height: var(--app-vh, 100dvh) !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

/* Canlı DOM'daki gerçek sayfa kaydırma yüzeyi. */
body.app-body > div.flex-1.flex.flex-col.h-full {
    min-width: 0 !important;
    min-height: 0 !important;
    height: var(--app-vh, 100dvh) !important;
    max-height: var(--app-vh, 100dvh) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch;
}

body.app-body > main {
    display: block !important;
    width: 100% !important;
    min-height: 100vh !important;
    height: auto !important;
    overflow: visible !important;
    isolation: auto !important;
}

/* Main üzerinde oluşturulan dekoratif katman içerik/scroll hesabına girmesin. */
body.texas-home-page main::before {
    content: none !important;
    display: none !important;
}

body.app-body > footer,
body.app-body > footer.bg-gradient-to-b {
    position: relative !important;
    inset: auto !important;
    z-index: 2 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-height: 1px !important;
    height: auto !important;
    flex: none !important;
    clear: both !important;
    overflow: visible !important;
}

/* Sidebar kendi içinde scroll olur; sayfanın ana scroll'unu kilitlemez. */
.sidebar-container {
    max-height: 100dvh !important;
}

.sidebar-container .sidebar-scroll {
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* Destek ikonları: açıkken sol hiza, kapalı masaüstünde tam merkez. */
body.sidebar-open .sidebar-container .texas-support-section .texas-support-pending {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

@media (min-width: 1024px) {
    body:not(.sidebar-open) .sidebar-container .texas-support-section .texas-support-pending {
        display: grid !important;
        grid-template-columns: 44px !important;
        place-items: center !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    body:not(.sidebar-open) .sidebar-container .texas-support-section .texas-support-pending > i {
        grid-area: 1 / 1 !important;
        justify-self: center !important;
        align-self: center !important;
        margin: 0 !important;
    }
}

@media (max-width: 1023px) {
    body.app-body > main,
    body.app-body > footer,
    body.app-body > footer.bg-gradient-to-b {
        width: 100% !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    body.app-body > footer {
        /* Alt menü boşluğu footer::after ile belge akışında oluşturuluyor. */
        padding-bottom: 0 !important;
    }
}

/* ========================================================================== */
/*  TÜM SAYFADA ÇAPRAZ TEXASBET FİLİGRANI — belge akışından tamamen bağımsız   */
/* ========================================================================== */

body.app-body.texas-home-page {
    position: relative !important;
    isolation: isolate !important;
    background: #070b1d !important;
}

body.app-body.texas-home-page::before {
    content: none !important;
    display: none !important;
}

body.app-body main {
    position: relative !important;
    z-index: 1 !important;
    isolation: auto !important;
    overflow: visible !important;
    background-color: #070b1d !important;
    background-image: url('/uploads/1ed91080_texsasbg.png') !important;
    background-repeat: repeat-y !important;
    background-position: center top !important;
    background-size: 100% auto !important;
    background-attachment: scroll !important;
}

body.app-body main::before {
    content: none !important;
    display: none !important;
}

body.app-body main > * {
    position: relative;
    z-index: auto;
}
body.app-body:not(.custom-casino-game-page) main > * {
    position: relative;
    z-index: auto;
}

body.app-body.texas-home-page > footer {
    position: relative !important;
    z-index: 2 !important;
    background-color: rgba(7,11,29,.94) !important;
}

@media (max-width: 767px) {
    body.app-body main {
        background-color: #070b1d !important;
        background-image: url('/uploads/b003b05e_texsasbg.png') !important;
        background-repeat: repeat-y !important;
        background-position: center top !important;
        background-size: auto 720px !important;
        background-attachment: scroll !important;
    }
}

/* ========================================================================== */
/*  ERKEN AÇILIŞ PERDESİ — altyapı teması özel JS çalışmadan önce görünmez     */
/* ========================================================================== */

html:not(.texas-loader-mounted)::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483646 !important;
    display: block !important;
    pointer-events: all !important;
    background:
        url('/uploads/45bc598d_texasbetlogo.png') center / min(330px, 68vw) auto no-repeat,
        radial-gradient(circle at center, rgba(210,177,90,.12), transparent 30%),
        #070b1d !important;
}

@media (prefers-reduced-motion: reduce) {
    .sub-header-item .texas-sub-icon {
        animation: none !important;
        will-change: auto !important;
        transform: none !important;
    }
}

html:not(.texas-loader-mounted)::after {
    content: "" !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 2147483647 !important;
    width: min(250px, 54vw) !important;
    aspect-ratio: 1 !important;
    display: block !important;
    pointer-events: none !important;
    border-radius: 50% !important;
    border: 1px solid rgba(210,177,90,.12) !important;
    border-top-color: #e5cf8a !important;
    box-shadow: 0 0 45px rgba(210,177,90,.13) !important;
    transform: translate(-50%, -50%) !important;
    animation: texasEarlyBootSpin 1.35s linear infinite !important;
}

@keyframes texasEarlyBootSpin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    html:not(.texas-loader-mounted)::after {
        animation-duration: 3s !important;
    }
}

/* Happy Hours hiçbir koşulda görünmez. */
#grand-happy-hours-widget,
[id*="happy-hours" i],
[class*="happy-hours" i] {
    display: none !important;
}

@media (max-width: 1023px) {
    .sidebar-container {
        width: min(88vw, 340px) !important;
    }

    body.mobile-sidebar-open .sidebar-container .menu-header,
    body.mobile-sidebar-open .sidebar-container .menu-item {
        width: 100% !important;
    }
}
/* Mobil ana kategori kartları: Slot, Casino, Spor ve Bonus 2x2 */
@media (max-width: 767px) {
    .flex.flex-wrap.gap-4.justify-center:has(> a[href="/casino"] > img[src*="SLOT_OYUNLARI"]) {
        gap: 10px !important;
        align-items: stretch;
    }

    .flex.flex-wrap.gap-4.justify-center:has(> a[href="/casino"] > img[src*="SLOT_OYUNLARI"]) > a {
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
    }

    .flex.flex-wrap.gap-4.justify-center:has(> a[href="/casino"] > img[src*="SLOT_OYUNLARI"]) > a > img {
        display: block;
        width: 100% !important;
        height: auto !important;
    }
}

/* ========================================================================== */
/*  MOBİL SAFARİ — doğal belge scroll'u ve güvenli scroll kilidi              */
/* ========================================================================== */

@media (max-width: 1023px) {
    /*
     * Platform varsayılan olarak body'yi ekran yüksekliğine kilitleyip bütün
     * sayfayı içteki div'e kaydırıyordu. iOS Safari'de loader/viewport değişimi
     * sırasında bu div dokunmayı kaybedebiliyor. Normal görünümde belgeyi
     * doğal akışa bırak; sidebar, modal ve oyun tam ekranı kendi kilidini korur.
     */
    html:not(.custom-casino-game-page) {
        height: auto !important;
        min-height: 100% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior-y: auto !important;
        touch-action: pan-y !important;
    }

    body.app-body:not(.mobile-sidebar-open):not(.custom-game-pseudo-fullscreen-active):not(.custom-casino-game-page):not([data-scroll-locked]) {
        position: relative !important;
        height: auto !important;
        min-height: 100dvh !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior-y: auto !important;
        touch-action: pan-y !important;
        -webkit-overflow-scrolling: touch;
    }

    body.app-body:not(.mobile-sidebar-open):not(.custom-game-pseudo-fullscreen-active):not(.custom-casino-game-page):not([data-scroll-locked])
        > div.flex-1.flex.flex-col.h-full {
        height: auto !important;
        min-height: 100dvh !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        overscroll-behavior: auto !important;
        touch-action: pan-y !important;
        -webkit-overflow-scrolling: auto;
    }

    /* Açık sidebar'da arka plan; oyun modunda ise tüm oyun yüzeyi sabit kalır. */
    body.app-body.mobile-sidebar-open,
    body.app-body.custom-game-pseudo-fullscreen-active,
    body.app-body.custom-casino-game-page,
    body.app-body[data-scroll-locked] {
        overflow: hidden !important;
    }

    /* Mobil oyun rotasında yalnız oyun yüzeyi kalır ve gerçek ekranı kaplar. */
    html.custom-casino-game-page,
    body.app-body.custom-casino-game-page {
        width: 100% !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #000 !important;
    }

    body.app-body.custom-casino-game-page > div.flex-1.flex.flex-col.h-full {
        width: 100% !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        overflow: hidden !important;
    }

    body.app-body.custom-casino-game-page main {
        position: fixed !important;
        inset: 0 !important;
        z-index: 2147482000 !important;
        width: 100vw !important;
        max-width: none !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #000 !important;
    }

    body.app-body.custom-casino-game-page main > div.fixed.inset-0 {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding-top: env(safe-area-inset-top, 0px) !important;
        transform: none !important;
    }

    body.app-body.custom-casino-game-page main > div.fixed.inset-0 > .flex-shrink-0 {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        flex: 0 0 auto !important;
    }

    body.app-body.custom-casino-game-page main > div.fixed.inset-0 button.w-9.h-9,
    body.app-body.custom-casino-game-page main > div.fixed.inset-0 a.w-9.h-9 {
        display: inline-flex !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body.app-body.custom-casino-game-page main > div.fixed.inset-0 img.h-7.object-contain {
        display: block !important;
        width: auto !important;
        max-width: 118px !important;
        height: 28px !important;
        visibility: visible !important;
        opacity: 1 !important;
        object-fit: contain !important;
    }
}