/* Alcatraz E-Ticaret — açık mavi cam tasarım katmanı */
:root {
	--az-blue: #1787f7;
	--az-cyan: #08bfd6;
	--az-navy: #10233f;
	--az-text: #18324d;
	--az-muted: #64748b;
	--az-line: rgba(99, 170, 219, .24);
	--az-glass: rgba(255, 255, 255, .9);
	--az-glass-strong: rgba(255, 255, 255, .96);
	--az-shadow: 0 10px 28px rgba(43, 91, 124, .07);
	--az-radius: 16px;
	--sm-bg: #f5f8fa;
	--sm-surface: rgba(255, 255, 255, .92);
	--sm-text: var(--az-text);
	--sm-primary: var(--az-blue);
	--sm-primary-dark: #0875df;
	--sm-border: var(--az-line);
	--sm-radius-lg: var(--az-radius);
	--sm-shadow: var(--az-shadow);
}

html {
	background: #f5f8fa;
}

body,
.sm-body,
.prime-body {
	color: var(--az-text);
	background: #f5f8fa !important;
}

body::before {
	display: none;
}

/* Üst menü */
.sm-header {
	background: rgba(245, 248, 250, .96) !important;
	border-bottom: 1px solid rgba(109, 178, 222, .28);
	box-shadow: 0 5px 18px rgba(48, 91, 120, .045) !important;
	backdrop-filter: blur(14px) saturate(115%);
	-webkit-backdrop-filter: blur(14px) saturate(115%);
}

.sm-header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(23,135,247,.42), rgba(8,191,214,.35), transparent);
}

.sm-header-desktop__top {
	border-bottom-color: rgba(99, 170, 219, .2) !important;
}

.sm-header-menu__list {
	gap: 4px !important;
}

.sm-header-menu__link,
.sm-header-menu a {
	color: #243b55 !important;
	border-radius: 11px;
	padding: 9px 13px !important;
	transition: color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.sm-header-menu__link:hover,
.sm-header-menu a:hover,
.sm-header-menu__link.is-active,
.sm-header-menu a.active {
	color: #087bdc !important;
	background: rgba(232, 247, 255, .94) !important;
	box-shadow: inset 0 0 0 1px rgba(23, 135, 247, .12), 0 5px 15px rgba(45, 130, 188, .08);
	transform: translateY(-1px);
}

.sm-search,
.sm-search-wrap form,
.sm-search-desktop form {
	background: rgba(242, 249, 253, .82) !important;
	border: 1px solid rgba(101, 168, 212, .2) !important;
	border-radius: 999px !important;
	box-shadow: inset 0 1px 2px rgba(30, 93, 135, .04);
}

.sm-search input,
.sm-search-wrap input,
.sm-search-desktop input {
	background: transparent !important;
}

.sm-icon-btn {
	color: var(--az-navy) !important;
}

.sm-icon-btn:hover {
	color: var(--az-blue) !important;
	background: rgba(226, 244, 255, .9) !important;
}

/* Header logosu — geniş tuval içindeki logoyu okunaklı göster */
@media (min-width: 992px) {
	.sm-header-desktop .sm-logo img {
		max-width: 180px !important;
		max-height: 54px !important;
	}
}

/* Genel sayfa yüzeyleri */
.page {
	background: #f5f8fa !important;
}

.sm-page-wrap,
.prime-page,
.prime-container,
.product-showcase,
.sm-home {
	position: relative;
}

.sm-section__title,
.prime-page__title,
.product-heading h1,
.cms-content h1,
.cms-content h2,
h1, h2, h3 {
	color: var(--az-navy);
}

.text-muted,
.sm-countdown,
.prime-catalog__meta {
	color: var(--az-muted) !important;
}

a {
	transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.sm-section__link,
.prime-cart-section__link,
.breadcrumb a {
	color: var(--az-blue) !important;
}

/* Cam kartlar */
.sm-product-card,
.product-card,
.prime-product-card,
.prime-cart-box,
.prime-cart-summary,
.prime-cart-note,
.prime-cart-empty,
.prime-empty,
.product-purchase-card,
.product-gallery__stage,
.product-gallery__thumb,
.product-description,
.product-detail-tabs,
.prime-catalog__toolbar,
.catalog-toolbar,
.catalog-filter,
.filter-card,
.account-card,
.account-panel,
.order-card,
.checkout-card,
.checkout-summary,
.contact-card,
.cms-content,
.card,
.modal-content,
.dropdown-menu,
.offcanvas {
	background: var(--az-glass) !important;
	border: 1px solid var(--az-line) !important;
	box-shadow: var(--az-shadow) !important;
	backdrop-filter: blur(16px) saturate(125%);
	-webkit-backdrop-filter: blur(16px) saturate(125%);
}

.sm-product-card,
.product-card,
.prime-product-card,
.prime-cart-box,
.prime-cart-summary,
.prime-cart-empty,
.product-purchase-card,
.product-gallery__stage,
.account-card,
.account-panel,
.order-card,
.checkout-card,
.checkout-summary,
.contact-card,
.cms-content,
.card {
	border-radius: var(--az-radius) !important;
}

.sm-product-card:hover,
.product-card:hover,
.prime-product-card:hover {
	border-color: rgba(23, 135, 247, .32) !important;
	box-shadow: 0 18px 42px rgba(38, 113, 168, .15) !important;
	transform: translateY(-3px);
}

.sm-product-card__media,
.product-card__image,
.product-image,
.product-gallery__main {
	background: rgba(255, 255, 255, .86) !important;
}

/* Form alanları */
.form-control,
.form-select,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="date"],
textarea,
select,
.chosen-container .chosen-single {
	color: var(--az-text) !important;
	background-color: rgba(255, 255, 255, .82) !important;
	border-color: rgba(91, 157, 204, .3) !important;
	border-radius: 11px !important;
	box-shadow: inset 0 1px 2px rgba(37, 93, 132, .035) !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
	background-color: rgba(255, 255, 255, .96) !important;
	border-color: rgba(23, 135, 247, .58) !important;
	box-shadow: 0 0 0 4px rgba(23, 135, 247, .1) !important;
}

/* Butonlar */
.btn-details,
.prime-btn--primary,
.btn-buy-now,
.addtocart,
.checkout-button,
.auth-form .btn-primary,
.auth-form .btn-details,
button[type="submit"].btn-dark {
	color: #fff !important;
	background: linear-gradient(100deg, var(--az-blue), var(--az-cyan)) !important;
	border: 0 !important;
	border-radius: 11px !important;
	box-shadow: 0 9px 22px rgba(20, 146, 222, .22) !important;
}

.btn-details:hover,
.prime-btn--primary:hover,
.btn-buy-now:hover,
.addtocart:hover,
.checkout-button:hover,
button[type="submit"].btn-dark:hover {
	color: #fff !important;
	filter: brightness(.97) saturate(1.08);
	box-shadow: 0 12px 27px rgba(20, 146, 222, .3) !important;
	transform: translateY(-1px);
}

.btn-outline-primary,
.prime-btn--outline,
.product-fav-btn {
	color: #087bdc !important;
	background: rgba(255,255,255,.62) !important;
	border-color: rgba(23,135,247,.3) !important;
	border-radius: 11px !important;
}

.badge,
.sm-product-card__badge,
.product-badge {
	border-radius: 999px !important;
}

/* Banner */
.sm-hero,
.sm-hero-hook,
.sm-hero .fshop-slider {
	padding-left: 0 !important;
	padding-right: 0 !important;
	background: transparent !important;
	overflow: hidden !important;
	border: 0 !important;
	box-shadow: 0 18px 46px rgba(31, 112, 173, .13) !important;
}

.sm-hero .fshop-slider__track,
.sm-hero .fshop-slider__slide {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.sm-hero .fshop-slider__image {
	inset: 0 !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover !important;
	transform: scaleX(1.045);
	transform-origin: center;
}

/* Giriş / kayıt */
.auth-split {
	background: #f5f8fa !important;
}

.auth-split__panel--form {
	background: rgba(255,255,255,.68) !important;
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.auth-split__form-wrap {
	background: rgba(255,255,255,.52);
	border: 1px solid rgba(93,163,211,.22);
	border-radius: 22px;
	box-shadow: var(--az-shadow);
	padding: clamp(24px, 4vw, 42px) !important;
}

.auth-split__tab.is-active,
.nav-link.active {
	color: var(--az-blue) !important;
	border-color: var(--az-blue) !important;
}

/* Alt alan */
.sm-footer,
footer,
footer.bg-brand-900 {
	color: #53697c !important;
	background: #f5f8fa !important;
	border-top: 1px solid rgba(99, 170, 219, .24) !important;
	box-shadow: 0 -8px 28px rgba(42, 87, 119, .045) !important;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer .text-white {
	color: #17324c !important;
}

footer .text-secondary,
footer a.text-secondary,
footer p,
footer li,
footer span {
	color: #61778a !important;
}

footer a.text-secondary:hover,
footer .hover-text-white:hover {
	color: #087bdc !important;
}

footer .border-dark,
footer .border-secondary,
footer .border-top {
	border-color: rgba(86, 151, 193, .22) !important;
}

footer a.bg-white.bg-opacity-10 {
	color: #087bdc !important;
	background: rgba(255,255,255,.78) !important;
	border: 1px solid rgba(65, 151, 207, .2);
}

footer a.bg-white.bg-opacity-10 span,
footer a.bg-white.bg-opacity-10 svg {
	color: #087bdc !important;
}

footer .input-group .form-control {
	color: #29455f !important;
	background: rgba(255,255,255,.88) !important;
}

@media (max-width: 991.98px) {
	body.sm-body#login,
	body.sm-body#register {
		overflow-x: hidden !important;
	}

	.auth-split {
		left: 14px !important;
		right: 14px !important;
		width: auto !important;
		max-width: 400px !important;
		margin-left: auto;
		margin-right: auto;
		transform: translateY(-50%) !important;
		box-sizing: border-box;
	}

	.sm-header-mobile .sm-logo img {
		max-width: 145px !important;
		max-height: 42px !important;
	}

	.sm-header {
		background: rgba(245,248,250,.98) !important;
	}

	.sm-header-menu {
		background: rgba(255,255,255,.74) !important;
	}

	.auth-split__form-wrap {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 20px !important;
		box-sizing: border-box;
		overflow: hidden;
	}

	.auth-split__form .d-flex.justify-content-between {
		flex-wrap: wrap;
		gap: 10px 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
	}
}
