@import url("https://cdn.jsdelivr.net/npm/primeicons@7.0.0/primeicons.min.css");
@import url("https://cdn-uicons.flaticon.com/4.0.0/uicons-regular-rounded/css/uicons-regular-rounded.css");

@charset "UTF-8";

@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"),
		url("https://meritcasino904.com/media/icomoon-FU5WKOR4.svg?c9b9uo#icomoon") format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: block;
}

@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: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: #0A1F1A;
}

.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: #0C241F;
	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: #12362F;
	color: #DCA757;
}

.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: #DCA757;
}

.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: #0C241F;
	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(6 22 18 / 97%) !important;
	padding-left: 265px !important;
	z-index: 99;
}

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

footer {
	background: #0A1F1A !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: #0C241F;
	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: #0C241F;
	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: #0C241F;
	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: #B7792B;
	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: #DCA757 !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: #0A1F1Af7;
	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: #061612;
	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: #0A1F1A;
}

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: #0C241F;
	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: #0C241F;
	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(12 36 31);
}

.bg-\[\#1a0d2e\]\/95 {
	background-color: rgb(12 36 31);
}

.bg-\[\#1a0d2e\] {
	background-color: rgb(12 36 31);
}

.bg-\[\#18181b\] {
	--tw-bg-opacity: 1;
	background-color: #DCA757;
	color: #0A1F1A;
}

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

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

.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: #D4A856;
}

a.p-element.menu-item.active {
	color: #D4A856 !important;
	border-left: 1px solid #D4A856;
	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: #B7792B !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(2) {
	background: #DCA757 !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: #061612;
}

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: #0A1F1A !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;
	}
@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: #0A1F1A;
	}

	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;
	}

	.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: none !important;
	}

	main {
		z-index: 5 !important;
	}

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

}

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: #0A1F1A !important;
	border: 1px solid #DCA757;
	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;
}
/* =========================================
   BETRUMA400 MARKA PALETÄ°
   Banner ve logo referansından türetilmiştir.
   ========================================= */
:root {
    --betruma-bg-deep: #061612;
    --betruma-bg-main: #0A1F1A;
    --betruma-surface: #0C241F;
    --betruma-surface-raised: #12362F;
    --betruma-gold: #DCA757;
    --betruma-gold-light: #F5C77A;
    --betruma-gold-dark: #A66528;
    --betruma-bronze: #D4A856;
    --betruma-text: #F5F1E8;
    --betruma-text-muted: #C9C5BA;
    --betruma-border: rgba(220, 167, 87, .24);
}

html,
body {
    background: var(--betruma-bg-deep) !important;
}

body.app-body,
body > div,
.min-h-screen,
.bg-bg-main {
    background-color: var(--betruma-bg-deep) !important;
}

html.dark {
    --background: 160 57% 5% !important;
    --card: 167 50% 9% !important;
    --border: 161 27% 22% !important;
    --input: 161 27% 22% !important;
    --secondary: 168 50% 14% !important;
}

body::before,
body::after,
body.app-body > div,
body.app-body > div > div,
#__next,
[data-nextjs-scroll-focus-boundary],
.flex-1.flex.flex-col.h-full.overflow-y-auto.bg-transparent {
    background-color: var(--betruma-bg-deep) !important;
}

.sidebar-container {
    background: linear-gradient(180deg, var(--betruma-bg-main), var(--betruma-bg-deep)) !important;
    border-right: 1px solid var(--betruma-border);
}

header {
    background: rgba(6, 22, 18, .97) !important;
    border-bottom-color: var(--betruma-border) !important;
}

main,
footer {
    background-color: var(--betruma-bg-deep) !important;
}

footer {
    border-top: 1px solid var(--betruma-border);
}

.navigation-menu .menu-section,
.nav-link--img,
.sidebar-container .p-button.p-button-primary,
.sidebar-container .p-button.p-button-info {
    background: var(--betruma-surface) !important;
}

/* =========================================
   BETRUMA SIDEBAR — SADE ÇİZGİ İKON DİLİ
   ========================================= */
.navigation-menu {
    gap: 7px !important;
}

.navigation-menu .menu-section {
    padding: 5px !important;
    border: 1px solid rgba(220, 167, 87, .08) !important;
    border-radius: 11px !important;
    background: rgba(12, 36, 31, .78) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.navigation-menu .menu-section.open {
    padding: 5px !important;
}

.navigation-menu .menu-section .menu-header {
    min-height: 40px !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    color: var(--betruma-text-muted) !important;
}

.navigation-menu .menu-section.open .menu-header {
    background: rgba(18, 54, 47, .84) !important;
    color: var(--betruma-gold-light) !important;
}

.navigation-menu .menu-section .menu-header .menu-title {
    gap: 9px !important;
}

.navigation-menu .menu-section .menu-header .menu-title i {
    display: inline-flex !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    align-items: center;
    justify-content: center;
    color: var(--betruma-gold) !important;
    font-size: 15px !important;
    opacity: .95 !important;
}

.navigation-menu .menu-section .menu-header .menu-title span {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase;
}

.navigation-menu .menu-section .menu-header .pi-chevron-down {
    color: var(--betruma-text-muted) !important;
    font-size: 9px !important;
}

.navigation-menu .menu-items {
    gap: 3px !important;
}

.navigation-menu .menu-section.open .menu-items {
    margin-top: 4px !important;
}

.navigation-menu .menu-section .menu-items .menu-item {
    min-height: 40px !important;
    padding: 0 9px !important;
    gap: 10px !important;
    border-radius: 8px !important;
    color: var(--betruma-text-muted) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.navigation-menu .menu-section .menu-items .menu-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    bottom: 9px;
    width: 2px;
    border-radius: 99px;
    background: transparent;
    transition: background-color .2s ease, box-shadow .2s ease;
}

.navigation-menu .menu-section .menu-items .menu-item i {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #9EB3AA !important;
    font-size: 16px !important;
    opacity: 1 !important;
    transition: color .2s ease, transform .2s ease;
}

.navigation-menu .menu-section .menu-items .menu-item:hover {
    background: rgba(18, 54, 47, .9) !important;
    color: var(--betruma-text) !important;
}

.navigation-menu .menu-section .menu-items .menu-item:hover i {
    color: var(--betruma-gold-light) !important;
    transform: scale(1.06);
}

.navigation-menu .menu-section .menu-items .menu-item.active {
    background: linear-gradient(90deg, rgba(220, 167, 87, .16), rgba(18, 54, 47, .58)) !important;
    color: var(--betruma-gold-light) !important;
}

.navigation-menu .menu-section .menu-items .menu-item.active::before {
    background: var(--betruma-gold) !important;
    box-shadow: 0 0 8px rgba(220, 167, 87, .42);
}

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

.nav-link--img {
    height: 46px !important;
    padding: 0 10px !important;
    gap: 9px;
    border: 1px solid rgba(220, 167, 87, .08) !important;
    border-radius: 10px !important;
}

.nav-link--img > a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 9px;
}

.nav-link--img .nav-link__line-icon {
    width: 22px;
    min-width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--betruma-gold) !important;
    font-size: 16px;
}

.nav-link--img .nav-link__label {
    font-size: 13px !important;
    font-weight: 650 !important;
    color: var(--betruma-text) !important;
}

body:not(.sidebar-open) .nav-link--img .nav-link__line-icon {
    margin: 0 auto;
}

/* =========================================
   BETRUMA CANLI DESTEK PANELÄ°
   ========================================= */
body:has(.betruma-support-panel) .mobile-bottom-nav,
body:has(.betruma-support-panel) .app-sub-header,
body:has(.betruma-support-panel) #custom-info-bar-area,
body.betruma-support-open .mobile-bottom-nav,
body.betruma-support-open .app-sub-header,
body.betruma-support-open #custom-info-bar-area {
    display: none !important;
}

.betruma-support-panel {
    z-index: 2147483000 !important;
    background: var(--betruma-bg-deep) !important;
    border-color: var(--betruma-border) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .55) !important;
}

.betruma-support-panel > div:first-child {
    background: linear-gradient(135deg, #12362F 0%, #0A1F1A 58%, #B7792B 145%) !important;
    border-bottom: 1px solid var(--betruma-border) !important;
}

.betruma-support-panel > div:first-child > div:first-child > div:first-child {
    background: rgba(220, 167, 87, .18) !important;
    border: 1px solid rgba(245, 199, 122, .34) !important;
}

.betruma-support-panel > div:nth-child(2) {
    background: #F5F1E8 !important;
    border-color: rgba(220, 167, 87, .35) !important;
}

.betruma-support-panel > div:nth-child(2) img {
    display: block !important;
    width: auto !important;
    max-width: min(92%, 340px) !important;
    max-height: 74px !important;
    margin: 3px auto !important;
    object-fit: contain !important;
}

.betruma-support-panel > div:nth-child(3) {
    background: linear-gradient(180deg, #F8F6F0 0%, #EFEADF 100%) !important;
}

.betruma-support-panel > div:nth-child(3) h4 {
    color: #0A1F1A !important;
}

.betruma-support-panel > div:nth-child(3) p {
    color: #52645E !important;
}

.betruma-support-panel > div:nth-child(3) button {
    background: linear-gradient(135deg, var(--betruma-gold), var(--betruma-gold-dark)) !important;
    color: var(--betruma-bg-deep) !important;
    border: 1px solid rgba(166, 101, 40, .42) !important;
    box-shadow: 0 8px 20px rgba(166, 101, 40, .2) !important;
    font-weight: 800 !important;
}

.betruma-support-panel input,
.betruma-support-panel textarea {
    background: #FFFDF8 !important;
    color: #0A1F1A !important;
    border-color: rgba(183, 121, 43, .38) !important;
}

.betruma-support-panel input:focus,
.betruma-support-panel textarea:focus {
    border-color: var(--betruma-gold) !important;
    box-shadow: 0 0 0 3px rgba(220, 167, 87, .16) !important;
}

button[class*="shadow-green-500/30"][class*="from-green-500"][class*="to-emerald-600"] {
    background: linear-gradient(135deg, var(--betruma-gold), var(--betruma-gold-dark)) !important;
    color: var(--betruma-bg-deep) !important;
    box-shadow: 0 8px 24px rgba(220, 167, 87, .28) !important;
}

@media (max-width: 767px) {
    .betruma-support-panel {
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100dvh !important;
        max-width: none !important;
        max-height: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        padding-bottom: env(safe-area-inset-bottom) !important;
    }

    .betruma-support-panel > div:first-child {
        padding-top: max(14px, env(safe-area-inset-top)) !important;
    }

    body:has(.betruma-support-panel) {
        overflow: hidden !important;
    }

    body.betruma-support-open {
        overflow: hidden !important;
    }

    body.betruma-support-open header,
    body.betruma-support-open [class*="mobile-header"],
    body.betruma-support-open [class*="bottom-navigation"] {
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.betruma-support-open .betruma-support-panel,
    body.betruma-support-open .betruma-support-panel * {
        visibility: visible !important;
    }
}

.navigation-menu .menu-section.open .menu-header,
.navigation-menu .menu-section .menu-items .menu-item:hover {
    background: var(--betruma-surface-raised) !important;
}

.navigation-menu .menu-section.open .menu-header,
.navigation-menu .menu-section.open .menu-header .pi-chevron-down,
.navigation-menu .menu-section .menu-items .menu-item.active,
nav .p-button.p-button-secondary.link-styled {
    color: var(--betruma-gold) !important;
}

header button[class*="bg-primary"],
header button:last-of-type,
.gb-info-icon,
.swiper-pagination-bullet-active {
    background: linear-gradient(135deg, var(--betruma-gold-light), var(--betruma-gold-dark)) !important;
    color: var(--betruma-bg-deep) !important;
}

.gb-info-bar-area,
.app-sub-header {
    background: rgba(10, 31, 26, .97) !important;
    border-color: var(--betruma-border) !important;
}

.mobile-bottom-nav {
    background: rgba(10, 31, 26, .98) !important;
    border-top: 1px solid var(--betruma-border) !important;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .32) !important;
}

.mobile-bottom-nav .nav-item {
    color: var(--betruma-text-muted) !important;
}

.mobile-bottom-nav .nav-item.active,
.mobile-bottom-nav .nav-item.support-btn {
    color: var(--betruma-gold-light) !important;
}

.mobile-bottom-nav .menu-toggle-btn {
    background: var(--betruma-surface-raised) !important;
    color: var(--betruma-gold-light) !important;
    border: 1px solid var(--betruma-border) !important;
}

#custom-info-bar-area .gb-info-bar-area,
#custom-info-bar-area .gb-info-bar-area::before {
    background: rgba(10, 31, 26, .96) !important;
}

#custom-info-bar-area,
#custom-info-bar-area.gb-info-bar-host,
#custom-info-bar-area .gb-scroll-wrapper,
#custom-info-bar-area .gb-marquee-wrapper {
    background-color: var(--betruma-bg-deep) !important;
}

#custom-info-bar-area .gb-info-icon,
#custom-info-bar-area .gb-info-close {
    background: var(--betruma-surface-raised) !important;
    color: var(--betruma-gold-light) !important;
}

#custom-hero-slider-area {
    background: var(--betruma-bg-deep) !important;
}

#custom-hero-slider-area .hero-banner-item {
    background: var(--betruma-bg-main) !important;
}

#custom-hero-slider-area .swiper-pagination {
    display: none !important;
}

/* Platform cards that otherwise retain Tailwind's navy defaults. */
[class*="bg-[#0f172a]"],
[class*="bg-[#111827]"],
[class*="bg-[#101936]"],
[class*="bg-[#0b122d]"],
[class*="bg-[#111b42]"],
[class*="bg-[#202842]"] {
    background-color: var(--betruma-surface) !important;
}

.bg-slate-900,
[class~="bg-slate-900"],
[class*="bg-[#111827]"],
[class*="bg-[#1f2937]"],
[class*="bg-[#111]"],
[class*="bg-[#1a1a1a]"] {
    background-color: var(--betruma-surface) !important;
    border-color: var(--betruma-border) !important;
}

.bg-purple-600,
.hover\:bg-purple-500:hover,
.bg-purple-500 {
    background-color: var(--betruma-gold-dark) !important;
}

.w-1.h-6.bg-purple-500 {
    background-color: var(--betruma-gold) !important;
}

@media (max-width: 1023px) {
    html,
    body,
    body.app-body,
    body > div,
    .min-h-screen,
    main,
    footer {
        background: var(--betruma-bg-deep) !important;
    }

    body,
    body.app-body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    body.sidebar-open header,
    body.sidebar-open main,
    body.sidebar-open footer,
    body:not(.sidebar-open) header,
    body:not(.sidebar-open) main,
    body:not(.sidebar-open) footer,
    header,
    main,
    footer {
        padding-left: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    footer > div,
    footer .container,
    footer [class*="max-w-"] {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    #custom-info-bar-area,
    #custom-hero-slider-area,
    .app-sub-header {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #custom-info-bar-area,
    #custom-info-bar-area .gb-info-bar-area,
    #custom-info-bar-area .gb-info-bar-area::before {
        background: var(--betruma-bg-deep) !important;
        background-color: var(--betruma-bg-deep) !important;
        background-image: none !important;
    }

    #custom-info-bar-area .gb-scroll-wrapper,
    #custom-info-bar-area .gb-marquee-wrapper {
        background: transparent !important;
    }

    .bg-slate-900,
    [class~="bg-slate-900"],
    [class*="bg-[#111827]"],
    [class*="bg-[#1f2937]"],
    [class*="bg-[#111]"],
    [class*="bg-[#1a1a1a]"] {
        background-color: var(--betruma-surface) !important;
    }

    #custom-hero-slider-area .custom-slider,
    #custom-hero-slider-area .swiper-slide,
    #custom-hero-slider-area .hero-banner-item,
    #custom-hero-slider-area .hero-banner-item a,
    #custom-hero-slider-area .hero-banner-item img {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.logo img,
#header-logo img,
.app-logo img,
#app-global-loader img {
    object-fit: contain;
    clip-path: inset(5% 2% 5% 2%);
}

.logo img,
#header-logo img {
    max-width: 190px;
}

body:not(.sidebar-open) #header-logo img {
    max-width: 155px;
}

@media (max-width: 1023px) {
    .logo img,
    #header-logo img {
        max-width: 150px;
    }
}
/* =========================================
   BETRUMA CANLI DESTEK — FINAL OVERRIDE
   Keep this block at the absolute end of Custom CSS.
   ========================================= */
html body .betruma-support-panel {
    z-index: 2147483647 !important;
    background: #061612 !important;
    border-color: rgba(220, 167, 87, .38) !important;
}

html body .betruma-support-panel > div:first-child {
    background: linear-gradient(135deg, #12362F 0%, #0A1F1A 62%, #A66528 145%) !important;
    background-color: #0A1F1A !important;
    border-color: rgba(220, 167, 87, .32) !important;
}

html body .betruma-support-panel > div:first-child > div:first-child > div:first-child {
    background: rgba(220, 167, 87, .18) !important;
    border: 1px solid rgba(245, 199, 122, .35) !important;
}

html body .betruma-support-panel > div:nth-child(2) {
    background: #F5F1E8 !important;
    background-color: #F5F1E8 !important;
    border-color: rgba(183, 121, 43, .35) !important;
}

html body .betruma-support-panel > div:nth-child(2) img {
    display: block !important;
    width: auto !important;
    max-width: min(92%, 340px) !important;
    max-height: 74px !important;
    margin: 3px auto !important;
    object-fit: contain !important;
}

html body .betruma-support-panel > div:nth-child(3) {
    background: linear-gradient(180deg, #F8F6F0 0%, #EFEADF 100%) !important;
    background-color: #F8F6F0 !important;
}

html body .betruma-support-panel > div:nth-child(3) h4 {
    color: #0A1F1A !important;
}

html body .betruma-support-panel > div:nth-child(3) p {
    color: #52645E !important;
}

html body .betruma-support-panel > div:nth-child(3) button {
    background: linear-gradient(135deg, #F5C77A, #A66528) !important;
    background-color: #DCA757 !important;
    color: #061612 !important;
    border-color: rgba(166, 101, 40, .45) !important;
}

html body > div.fixed.bottom-20.right-4.z-50 > button {
    background: linear-gradient(135deg, #F5C77A, #A66528) !important;
    background-color: #DCA757 !important;
    color: #061612 !important;
    box-shadow: 0 8px 24px rgba(220, 167, 87, .30) !important;
}

@media (max-width: 767px) {
    html body.betruma-support-open {
        overflow: hidden !important;
    }

    html body.betruma-support-open header,
    html body.betruma-support-open .app-sub-header,
    html body.betruma-support-open .mobile-bottom-nav,
    html body.betruma-support-open #custom-info-bar-area,
    html body.betruma-support-open #custom-hero-slider-area {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    html body .betruma-support-panel {
        position: fixed !important;
        inset: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        transform: none !important;
    }

    html body .betruma-support-panel > div:first-child {
        padding-top: max(14px, env(safe-area-inset-top)) !important;
        padding-bottom: 12px !important;
    }
}