/**
 * BERA Ön Yüz – Modern Görünüm
 * Çalışma mantığı ve veri yapısı değiştirilmedi, sadece görsel iyileştirme.
 */

/* ========== Genel & Sayfa Arka Planı ========== */
#kt_body {
	background: linear-gradient(160deg, #f0f4f8 0%, #e8eef5 50%, #f5f7fa 100%) !important;
	min-height: 100vh;
}
#kt_wrapper {
	background: transparent;
}
.page {
	background: transparent !important;
	min-height: 100vh;
}

/* ========== Header – Menü genişliği alt tablo ile birebir aynı ========== */
#kt_header {
	background: #fff !important;
	border-bottom: none !important;
	box-shadow: none !important;
}
/* Header içi container'lar – tablo ile aynı genişlik */
#kt_header .container-xxl {
	max-width: 1320px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	box-sizing: border-box;
}
/* Menü satırı: alt tablo ile BİREBİR aynı genişlik (container-xxl = 1320px, padding 1rem) */
#kt_header_nav.header-menu-container.container-xxl {
	width: 100% !important;
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	box-sizing: border-box;
	position: relative;
	background: transparent !important;
}
/* Menü çubuğu: tablo ile aynı genişlik (1rem içeride = #kt_content_container .row .col-12 ile aynı) */
#kt_header_nav::before {
	content: '';
	position: absolute;
	left: 1rem;
	right: 1rem;
	top: 0;
	bottom: 0;
	background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
	z-index: -1;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 4px 12px rgba(15, 23, 42, .12);
}
#kt_header .separator {
	display: none;
}
/* Logo */
#kt_header .d-flex.align-items-center.me-5 img {
	max-height: 48px;
	width: auto;
	object-fit: contain;
}

/* Üst bant: marquee + döviz */
#kt_header .mob #yazi {
	background: #f8fafc !important;
	border-radius: 8px;
	border: 1px solid #e2e8f0;
	color: #475569 !important;
	padding: 10px 1rem !important;
	font-size: .9rem;
	font-weight: 500;
}
#kt_header .mob .btn-warning {
	border-radius: 8px;
	font-weight: 600;
	font-size: .875rem;
	border: none;
	background: #f59e0b !important;
	color: #fff !important;
	transition: opacity .2s, transform .15s;
}
#kt_header .mob .btn-warning:hover {
	opacity: .92;
	transform: translateY(-1px);
}

/* Ana menü çubuğu – tam genişlik, tek satır */
@media (min-width: 992px) {
	#kt_header_nav {
		min-height: 56px !important;
		align-items: center !important;
		display: flex !important;
		flex-wrap: nowrap !important;
	}
	.header-menu {
		height: auto !important;
		min-height: 56px !important;
		flex: 1 1 auto !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#kt_header_nav .menu.menu-lg-row {
		width: 100% !important;
		max-width: 100% !important;
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0 !important;
	}
}

/* Menü linkleri – koyu bar üzerinde açık yazı, modern */
#kt_header_nav .menu.menu-lg-row .menu-item > .menu-link,
#kt_header_nav .menu.menu-lg-row .menu-item > a .menu-link,
#kt_header_nav .menu.menu-lg-row .menu-item > span.menu-link {
	border-radius: 0;
	padding: 14px 18px !important;
	transition: color .2s, border-color .2s, background .15s, opacity .2s;
	color: rgba(255, 255, 255, .92) !important;
	font-weight: 500;
	font-size: .9rem;
	letter-spacing: .02em;
	background: transparent !important;
	border-bottom: 2px solid transparent;
}
#kt_header_nav .menu.menu-lg-row .menu-item:hover > .menu-link,
#kt_header_nav .menu.menu-lg-row .menu-item:hover > a .menu-link,
#kt_header_nav .menu.menu-lg-row .menu-item:hover > span.menu-link,
#kt_header_nav .menu.menu-lg-row .menu-item.menu-item-active > .menu-link,
#kt_header_nav .menu.menu-lg-row .menu-item.menu-item-active > a .menu-link,
#kt_header_nav .menu.menu-lg-row .menu-item.menu-item-active > span.menu-link {
	color: #fff !important;
	border-bottom-color: #38bdf8 !important;
	background: transparent !important;
}
#kt_header_nav .menu.menu-lg-row .menu-title {
	font-size: .9rem;
	font-weight: 500;
	color: inherit !important;
}

/* Açılır menü – minimal kart, yazılar her zaman koyu ve okunaklı */
.menu-sub-dropdown,
.menu-sub-lg-dropdown,
#kt_header .menu-sub-dropdown,
#kt_header .menu-sub-lg-dropdown {
	background: #fff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 12px !important;
	box-shadow: 0 20px 50px -12px rgba(0,0,0,.12), 0 0 0 1px rgba(0,0,0,.03) !important;
	padding: 8px 0 !important;
	min-width: 220px;
	margin-top: 4px !important;
}
.menu-sub-dropdown *,
.menu-sub-lg-dropdown *,
#kt_header .menu-sub-dropdown *,
#kt_header .menu-sub-lg-dropdown * {
	color: inherit;
}
.menu-sub-dropdown .menu-link,
.menu-sub-lg-dropdown .menu-link,
#kt_header .menu-sub .menu-link,
#kt_header .menu-sub-dropdown .menu-link,
#kt_header .menu-sub-lg-dropdown .menu-link {
	padding: 11px 1.25rem !important;
	border-radius: 0;
	margin: 0 6px;
	color: #111827 !important;
	transition: background .15s, color .15s;
	border-left: 3px solid transparent;
}
.menu-sub-dropdown .menu-link .menu-title,
.menu-sub-lg-dropdown .menu-link .menu-title,
#kt_header .menu-sub .menu-link .menu-title,
#kt_header .menu-sub-dropdown .menu-link .menu-title,
#kt_header .menu-sub-lg-dropdown .menu-link .menu-title {
	color: #111827 !important;
	font-weight: 600;
	font-size: .875rem;
}
.menu-sub-dropdown .menu-link .svg-icon,
.menu-sub-lg-dropdown .menu-link .svg-icon,
#kt_header .menu-sub .menu-link .svg-icon {
	color: #4b5563 !important;
}
.menu-sub-dropdown .menu-link:hover,
.menu-sub-lg-dropdown .menu-link:hover,
#kt_header .menu-sub .menu-link:hover {
	background: #f1f5f9 !important;
	color: #0f172a !important;
	border-left-color: #2563eb;
}
.menu-sub-dropdown .menu-link:hover .menu-title,
.menu-sub-lg-dropdown .menu-link:hover .menu-title,
#kt_header .menu-sub .menu-link:hover .menu-title { color: #0f172a !important; }
.menu-sub-dropdown .menu-link:hover .svg-icon,
.menu-sub-lg-dropdown .menu-link:hover .svg-icon,
#kt_header .menu-sub .menu-link:hover .svg-icon { color: #1f2937 !important; }
.menu-sub-dropdown .menu-item,
.menu-sub-lg-dropdown .menu-item { margin: 0; }

.menu-sub-lg-down-accordion .menu-link,
#kt_header .menu-sub .menu-link {
	background: transparent !important;
	padding: 11px 1.25rem !important;
	color: #111827 !important;
	font-size: .875rem;
}
.menu-sub-lg-down-accordion .menu-link .menu-title,
#kt_header .menu-sub .menu-link .menu-title {
	color: #111827 !important;
	font-weight: 600;
}
.menu-sub-lg-down-accordion .menu-link:hover,
#kt_header .menu-sub .menu-link:hover {
	background: #f1f5f9 !important;
	color: #0f172a !important;
}
.menu-sub-lg-down-accordion .menu-link:hover .menu-title,
#kt_header .menu-sub .menu-link:hover .menu-title { color: #0f172a !important; }

/* Arama kutusu – arka plan daha açık, Getir butonundan hafif sola */
#kt_header_nav .form-control {
	border-radius: 8px;
	border: 1px solid rgba(255,255,255,.5);
	background: rgba(255,255,255,.58) !important;
	color: #0f172a !important;
	padding: 0.5rem 12px;
	font-size: .875rem;
	margin-right: 10px !important;
}
#kt_header_nav .form-control::placeholder {
	color: #475569;
}
#kt_header_nav .btn-primary {
	border-radius: 8px;
	font-weight: 500;
	font-size: .875rem;
	background: #38bdf8 !important;
	border-color: #38bdf8 !important;
	color: #0f172a !important;
	transition: background .2s, opacity .2s;
}
#kt_header_nav .btn-primary:hover {
	background: #7dd3fc !important;
	border-color: #7dd3fc !important;
	opacity: 1;
}
#kt_header_nav .btn-light-primary {
	border-radius: 8px;
	font-weight: 500;
	font-size: .875rem;
	background: rgba(255,255,255,.18) !important;
	color: #fff !important;
	border: 1px solid rgba(255,255,255,.3) !important;
	transition: background .2s, border-color .2s;
}
#kt_header_nav .btn-light-primary:hover {
	background: rgba(255,255,255,.28) !important;
	border-color: rgba(255,255,255,.4) !important;
	color: #fff !important;
}

#kt_header .btn-icon.btn-outline {
	border-radius: 8px;
}

/* Mobil menü */
.menu-column { height: auto !important; }
@media (max-width: 991.98px) {
	.header-menu .menu.menu-column {
		background: #fff !important;
		border-radius: 12px;
		box-shadow: 0 25px 50px -12px rgba(0,0,0,.2);
		border: 1px solid #e5e7eb;
	}
	.header-menu .menu .menu-link .menu-title,
	.header-menu .menu .menu-item > .menu-link,
	.header-menu .menu .menu-item > a .menu-link,
	.header-menu .menu .menu-item > span.menu-link {
		color: #111827 !important;
		font-weight: 500;
	}
	.header-menu .menu .menu-sub .menu-link,
	.header-menu .menu .menu-sub-lg-down-accordion .menu-link {
		color: #374151 !important;
		padding: 12px 1.25rem !important;
	}
	.header-menu .menu .menu-sub .menu-link:hover,
	.header-menu .menu .menu-sub-lg-down-accordion .menu-link:hover {
		background: #f9fafb !important;
		color: #111827 !important;
	}
	.header-menu .menu .menu-sub-dropdown,
	.header-menu .menu .menu-sub-lg-dropdown {
		background: #fafafa !important;
		border: 1px solid #e5e7eb;
		border-radius: 10px;
	}
}

/* ========== İçerik Alanı – Menü/tablo ile BİREBİR aynı genişlik ========== */
#kt_content_container {
	background: transparent !important;
	padding: 1.75rem 1rem 2.5rem !important;
	min-height: 50vh;
	max-width: 1320px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100% !important;
	box-sizing: border-box;
}
@media (max-width: 991.98px) {
	#kt_header .container-xxl,
	#kt_header_nav,
	#kt_content_container {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
}
#kt_content_container > .row > .card.mb-5,
#kt_content_container .row.mt-5 .card,
#kt_content_container .row.mt-5 .card-lg {
	background: #fff !important;
	border: none !important;
	border-radius: 1rem !important;
	box-shadow: 0 4px 20px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04) !important;
	overflow: hidden;
}
#kt_content_container .card:hover {
	box-shadow: 0 12px 40px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04);
}

/* İstatistik / özet kartları (Alınan, Ödenen, Bakiye, Sipariş Adeti) */
#kt_content_container .card-dashed,
.card-dashed {
	border: none !important;
	border-radius: 1rem !important;
	box-shadow: 0 4px 16px rgba(0,0,0,.06) !important;
	transition: box-shadow .25s, transform .2s !important;
	background: #fff !important;
}
#kt_content_container .card-dashed:hover,
.card-dashed:hover {
	box-shadow: 0 12px 32px rgba(0,0,0,.1) !important;
	transform: translateY(-3px);
}

/* Kart başlıkları */
#kt_content_container .card-header.card-header-stretch,
.card-header.card-header-stretch {
	background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
	border-bottom: 1px solid #e2e8f0 !important;
	padding: 1rem 1.5rem !important;
}
#kt_content_container .card-header .card-title h3,
.card-header .card-title h3 {
	margin: 0 !important;
	font-weight: 700 !important;
	font-size: 1.15rem !important;
	color: #1e3a5f !important;
}

/* ========== Tablolar (tüm ön yüz tabloları) ========== */
#kt_content_container .table-responsive,
.table-responsive {
	border-radius: 0.75rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #e2e8f0;
}
#kt_content_container table.table,
#kt_content_container #tabled,
#kt_content_container #tabled2,
table.table.table-row-bordered {
	margin-bottom: 0 !important;
}
#kt_content_container thead th,
#kt_content_container #tabled thead th,
#kt_content_container #tabled2 thead th,
.table thead.bg-lighten th,
.table thead th {
	background: linear-gradient(180deg, #1e3a5f 0%, #2d4a6e 100%) !important;
	color: #fff !important;
	border: none !important;
	padding: 1rem 1.25rem !important;
	font-weight: 600 !important;
	font-size: .8rem !important;
	text-transform: uppercase;
	letter-spacing: .04em;
}
#kt_content_container tbody td,
#kt_content_container #tabled tbody td,
#kt_content_container #tabled2 tbody td,
.table tbody td {
	padding: 1rem 1.25rem !important;
	vertical-align: middle !important;
	border-color: #f1f5f9 !important;
	color: #334155;
	transition: background .15s;
}
#kt_content_container tbody tr:hover,
#kt_content_container #tabled tbody tr:hover,
#kt_content_container #tabled2 tbody tr:hover,
.table tbody tr:hover {
	background: #f8fafc !important;
}
#kt_content_container tbody tr:last-child td,
.table tbody tr:last-child td {
	border-bottom: none !important;
}

/* Tablo satır renkleri (bg-danger, bg-warning, bg-success – mevcut mantık korunur) */
table .bg-danger { background-color: rgba(220, 53, 69, 0.12) !important; }
table .bg-warning { background-color: rgba(255, 193, 7, 0.15) !important; }
table .bg-success { background-color: rgba(25, 135, 84, 0.12) !important; }

/* Küçük ekranlarda ürün tablosu: Ürün Kodu dar, Stok Adeti her zaman görünsün */
@media (max-width: 768px) {
	/* Slider ile tablo arasındaki boşluğu azalt */
	#kt_content_container #kt_content > .row.mb-3 {
		margin-bottom: 0.5rem !important;
	}
	.modern-product-table thead th:nth-child(2),
	.modern-product-table tbody td:nth-child(2) {
		min-width: 65px !important;
		max-width: 85px !important;
	}
}
/* Stok Adeti sütunu – mobil ve dar ekranda (768 + 991) asla gizlenmesin */
@media (max-width: 991px) {
	#kt_content_container .modern-product-table-wrap table.modern-product-table thead th.stok-adeti-col,
	#kt_content_container .modern-product-table-wrap table.modern-product-table tbody td.stok-adeti-col {
		display: table-cell !important;
		visibility: visible !important;
		min-width: 72px !important;
		max-width: none !important;
		width: auto !important;
	}
}

/* Tablo butonları */
#kt_content_container .btn-primary,
#kt_content_container .btn-success,
#kt_content_container #tabled .btn,
#kt_content_container #tabled2 .btn {
	border-radius: 0.5rem !important;
	font-weight: 600 !important;
	transition: transform .15s, box-shadow .2s !important;
}
#kt_content_container #tabled .btn-success:hover,
#kt_content_container #tabled2 .btn-primary:hover,
#kt_content_container .table .btn:hover {
	transform: translateY(-1px);
}

/* ========== DataTables (sayfalama, arama, select) ========== */
#kt_content_container .dataTables_wrapper .dataTables_length,
#kt_content_container .dataTables_wrapper .dataTables_filter {
	padding: 0.75rem 0;
}
#kt_content_container .dataTables_wrapper select,
#kt_content_container .dataTables_wrapper input {
	border-radius: 0.5rem;
	border: 1px solid #e2e8f0;
	padding: 0.4rem 0.75rem;
}
#kt_content_container .dataTables_wrapper .dataTables_paginate .paginate_button {
	border-radius: 0.5rem;
	margin: 0 2px;
}
#kt_content_container .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background: linear-gradient(135deg, #1e3a5f 0%, #2d4a6e 100%) !important;
	border-color: transparent !important;
	color: #fff !important;
}
table.dataTable thead th { background: linear-gradient(180deg, #1e3a5f 0%, #2d4a6e 100%) !important; color: #fff !important; border: none !important; }

/* ========== Formlar ========== */
#kt_content_container .form-control,
.card-lg .form-control {
	border-radius: 0.5rem !important;
	border: 1px solid #e2e8f0 !important;
	padding: 0.6rem 1rem !important;
	transition: border-color .2s, box-shadow .2s !important;
}
#kt_content_container .form-control:focus,
.card-lg .form-control:focus {
	border-color: #2563eb !important;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, .15) !important;
}
#kt_content_container .card-lg .row .form-group label {
	font-weight: 600;
	color: #1e293b;
}

/* ========== Footer ========== */
#kt_footer {
	background: #fff !important;
	border-top: 1px solid #e2e8f0 !important;
	box-shadow: 0 -4px 20px rgba(0,0,0,.04) !important;
	padding: 1.5rem 0 !important;
	margin-top: 2rem;
	border-radius: 0;
}
#kt_scrolltop {
	background: #fff !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 4px 16px rgba(0,0,0,.08) !important;
	border-radius: 12px !important;
	transition: transform .2s, box-shadow .2s !important;
}
#kt_scrolltop:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0,0,0,.12) !important;
}

/* ========== Index / Shop sayfa kartları (ürün listesi vb.) ========== */
#kt_content_container .card.mb-5,
.toolbar.b2b-hero-toolbar {
	border-radius: 1rem !important;
	box-shadow: 0 4px 20px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04) !important;
	border: none !important;
}
.toolbar.b2b-hero-toolbar {
	background: #fff !important;
}