/* ==========================================================================
   TT-MIM Mobile Drawer (siyah zemin / beyaz yazı)
   ========================================================================== */

.ttmim-mobile-drawer.off-canvas,
.ttmim-mobile-drawer .off-canvas-content {
	background: #0b0b0d !important;
	color: #ffffff;
}

.ttmim-mobile-drawer .off-canvas-content {
	padding-top: 10px;
}

.ttmim-mobile-drawer .off-canvas-head {
	background: #0b0b0d;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ttmim-mobile-drawer .off-canvas-head .close,
.ttmim-mobile-drawer .off-canvas-head .close i {
	color: #ffffff;
}

/* ============================================================
   Hızlı aksiyonlar (Bizi Arayın / WhatsApp / Harita)
   ============================================================ */
.ttmim-mobile-actions {
	display: grid;
	gap: 4px;
	padding: 0 18px 10px;
	margin-bottom: 6px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ttmim-mobile-action {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	padding: 10px 0;
	color: #ffffff !important;
	background: transparent;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none !important;
	transform-origin: left center;
	transition: transform 0.18s ease, color 0.18s ease;
}

.ttmim-mobile-action:hover,
.ttmim-mobile-action:focus {
	color: #ffffff !important;
	transform: scale(calc(1 + 2 / 100));
}

.ttmim-mobile-action__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	color: #2AB391;
	font-size: 17px;
	flex-shrink: 0;
}

/* ============================================================
   Bölüm başlıkları (Ürün Grupları / Kurumsal / Menü)
   ============================================================ */
.ttmim-mobile-section {
	padding: 0 18px 4px;
	margin: 0;
}

.ttmim-mobile-section__title {
	margin: 14px 0 4px;
	padding: 0;
	color: rgba(255, 255, 255, 0.55);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
}

/* ============================================================
   Menü listeleri
   ============================================================ */
.ttmim-mobile-drawer .ttmim-mobile-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ttmim-mobile-drawer .ttmim-mobile-menu > li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ttmim-mobile-drawer .ttmim-mobile-menu > li:last-child {
	border-bottom: 0;
}

.ttmim-mobile-drawer .ttmim-mobile-menu > li > a {
	display: flex;
	align-items: center;
	min-height: 46px;
	padding: 12px 0;
	color: #ffffff !important;
	background: transparent;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
	text-decoration: none !important;
	transform-origin: left center;
	transition: transform 0.18s ease, color 0.18s ease;
}

.ttmim-mobile-drawer .ttmim-mobile-menu > li > a:hover,
.ttmim-mobile-drawer .ttmim-mobile-menu > li > a:focus {
	color: #ffffff !important;
	transform: scale(calc(1 + 2 / 100));
}

/* Site içi alt menüler de (örn. mevcut SmartMag mobil menüsü) aynı stilde dursun */
.ttmim-mobile-drawer .mobile-menu li > a {
	color: #ffffff !important;
}

.ttmim-mobile-drawer .mobile-menu .chevron,
.ttmim-mobile-drawer .mobile-menu .chevron i {
	color: rgba(255, 255, 255, 0.7);
}

.ttmim-mobile-section--site-menu {
	margin-top: 6px;
}

.ttmim-mobile-drawer .off-canvas-widgets {
	margin-top: 12px;
	padding: 18px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	color: #ffffff;
}

.ttmim-mobile-drawer .off-canvas-widgets a {
	color: #ffffff !important;
}

@media (max-width: 480px) {
	.ttmim-mobile-actions,
	.ttmim-mobile-section {
		padding-left: 16px;
		padding-right: 16px;
	}
}