/* AlphaBike UX – mağaza deneyimi ve mobil uyum */
:root {
	--ab-red: #e60000;
	--ab-red-dark: #b80000;
	--ab-ink: #1d1d1f;
	--ab-muted: #6b6b70;
	--ab-line: #e7e7ea;
	--ab-soft: #f6f6f7;
	--ab-radius: 10px;
	--ab-bottom-nav-h: 62px;
}

/* ---------- Genel ---------- */
html { -webkit-text-size-adjust: 100%; }
img { max-width: 100%; height: auto; }
body { overflow-x: hidden; }
.screen-reader-text:focus { clip: auto !important; }

/* Ana sayfa H1: arama motorları için var, görsel olarak gizli */
.home .single-head.page-head {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* Elementor giriş animasyonu kalıntıları içeriği gizlemesin */
.elementor-invisible { visibility: visible !important; }

/* ---------- Başlıktaki sepet ikonu ----------
   Tema, mini sepeti :hover ile açıyor. Dokunmatik ekranlarda (özellikle iPhone) ilk dokunuş
   yalnızca bu açılır menüyü tetikleyip sepet sayfasına gitmeyi engelliyordu. Fare olmayan
   cihazlarda ve telefonda açılır menüyü kapatıp ikona dokunulunca doğrudan sepete gidiyoruz. */
@media (hover: none), (max-width: 767px) {
	ul.site-header-cart,
	.header-cart-block:hover ul.site-header-cart,
	.product-added-to-cart .header-cart-block ul.site-header-cart { display: none !important; }
}

/* ---------- Butonlar: birincil eylem dolu kırmızı ---------- */
.woocommerce .single_add_to_cart_button,
.woocommerce a.button.add_to_cart_button,
.woocommerce a.button.product_type_simple,
.woocommerce .checkout-button,
.woocommerce #place_order {
	background: var(--ab-red) !important;
	border-color: var(--ab-red) !important;
	color: #fff !important;
	border-radius: 8px !important;
	font-weight: 700;
	letter-spacing: .2px;
	transition: background .15s ease;
}
.woocommerce .single_add_to_cart_button:hover,
.woocommerce a.button.add_to_cart_button:hover,
.woocommerce .checkout-button:hover,
.woocommerce #place_order:hover { background: var(--ab-red-dark) !important; border-color: var(--ab-red-dark) !important; }
.woocommerce a.added_to_cart { display: inline-block; margin-top: 6px; font-weight: 600; }

/* ---------- Ürün kartları ---------- */
.woocommerce ul.products li.product {
	border-radius: var(--ab-radius);
	transition: box-shadow .2s ease, transform .2s ease;
}
@media (hover: hover) {
	.woocommerce ul.products li.product:hover { box-shadow: 0 8px 24px rgba(0,0,0,.08); transform: translateY(-2px); }
}
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--ab-ink); line-height: 1.3; }
.woocommerce ul.products li.product .price { color: var(--ab-ink); font-weight: 700; }
.woocommerce ul.products li.product .price del { color: var(--ab-muted); font-weight: 400; }
.woocommerce ul.products li.product .price ins { text-decoration: none; color: var(--ab-red); }
.woocommerce span.onsale { border-radius: 6px; font-weight: 700; }

/* ---------- Ürün sayfası ---------- */
.single-product .summary .price { color: var(--ab-ink) !important; font-size: 1.7em !important; font-weight: 700; }
.single-product .summary .price ins { text-decoration: none; color: var(--ab-red); }
.single-product .summary .price del { font-size: .65em; color: var(--ab-muted); }

/* ---------- Güven şeridi ve alt bilgi ---------- */
.ab-trust { background: var(--ab-soft); border-top: 1px solid var(--ab-line); padding: 22px 0; }
.ab-trust__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.ab-trust__grid::before, .ab-trust__grid::after, .ab-footer__grid::before, .ab-footer__grid::after { display: none; }
.ab-trust__item { display: flex; align-items: center; gap: 12px; }
.ab-trust__item strong { display: block; color: var(--ab-ink); font-size: 15px; }
.ab-trust__item span { color: var(--ab-muted); font-size: 13px; }
.ab-ico { font-size: 24px; line-height: 1; }

.ab-footer { background: #151517; color: #c9c9cf; padding: 40px 0 24px; font-size: 14px; }
.ab-footer a { color: #e9e9ee; }
.ab-footer a:hover { color: #fff; text-decoration: underline; }
.ab-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 28px; }
.ab-footer__title { color: #fff; font-size: 16px; font-weight: 700; margin: 0 0 12px; list-style: none; }
.ab-footer__title::-webkit-details-marker { display: none; }
.ab-footer__logo img { max-height: 56px; width: auto; background: #fff; padding: 6px 10px; border-radius: 8px; margin-bottom: 12px; }
.site-header .custom-logo { width: 120px; } /* logo dosyası 4 kat çözünürlükte; tema "width: auto" ile büyütmesin */
/* Tema, sayfa kaydırılınca sepet ve hesap simgelerini sağ kenara sabitliyor; 1400 px'ten dar ekranlarda içeriğin üstüne biniyor. */
@media (max-width: 1399px) {
	.header-cart.float-cart, .header-my-account.float-login { display: none !important; }
}
.ab-footer__links, .ab-footer__contact { list-style: none; margin: 0; padding: 0; }
.ab-footer__links li, .ab-footer__contact li { margin: 0 0 9px; }
.ab-footer__links--legal { margin-top: 9px; }
.footer-credits.container-fluid { background: #0d0d0f; color: #9a9aa1; padding: 14px 0; font-size: 13px; }
.ab-copyright { text-align: center; }

/* ---------- Mobil kategori kısayolları (ana sayfa) ---------- */
.ab-chips { display: none; }

/* ---------- Mobil alt gezinme ---------- */
.ab-bottom-nav { display: none; }
.ab-sticky-atc { display: none; }

/* =========================================================
   TABLET & TELEFON
   ========================================================= */
@media (max-width: 991px) {
	.ab-trust__grid { grid-template-columns: repeat(2, 1fr); }
	.ab-footer__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 767px) {
	body { padding-bottom: calc(var(--ab-bottom-nav-h) + env(safe-area-inset-bottom)); }

	/* --- Kompakt başlık: logo solda, ikonlar sağda, arama altta --- */
	.site-header.container-fluid { padding: 8px 0 10px !important; position: relative; }
	.site-header .heading-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin: 0; }
	.site-header .heading-row::before, .site-header .heading-row::after { display: none; } /* Bootstrap clearfix flex öğesi olmasın */
	.site-header .container { padding: 0; }
	.site-header .site-heading { width: auto; flex: 0 0 auto; padding: 0 12px; text-align: left; float: none; }
	.site-header .site-branding-logo { width: auto; height: auto; margin: 0; text-align: left; }
	.site-header .custom-logo { max-height: 46px; width: auto; }
	.site-header .search-heading { width: 100%; flex: 1 0 100%; padding: 0 12px; margin-top: 8px; float: none; }
	.site-header .header-search-form { margin: 0; }
	.site-header .header-search-input { height: 42px; font-size: 16px; } /* 16px: iOS'ta yakınlaştırmayı önler */
	.site-header .header-search-select { display: none; }
	.site-header .header-search-form form { display: flex; }
	.site-header .header-search-input { flex: 1; width: auto !important; border-radius: 8px 0 0 8px; }
	.site-header .header-search-button { height: 42px; border-radius: 0 8px 8px 0; }

	.main-menu { position: absolute; top: 8px; right: 6px; width: auto; min-height: 0; border: 0 !important; background: transparent !important; box-shadow: none !important; z-index: 50; }
	.main-menu .navbar { min-height: 0; margin: 0; border: 0; background: transparent; }
	.main-menu .container { width: auto; padding: 0; }
	.main-menu .navbar-header { display: flex; align-items: center; gap: 6px; height: 46px; float: none; margin: 0; }
	.main-menu .mobile-cart, .main-menu .mobile-account { width: auto; height: auto; position: static; }
	.main-menu .header-cart .amount-cart { display: none; }
	.main-menu .header-cart { padding: 0; }
	.main-menu .header-cart a.cart-contents { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; } /* rahat dokunma alanı */
	.main-menu .open-panel { position: static; margin: 0 0 0 4px; }
	.main-menu .brand-absolute { display: none !important; }

	/* --- Kategori kısayolları --- */
	.ab-chips {
		display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px 12px; margin: 0 -15px 6px; padding-left: 15px; padding-right: 15px;
		scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity;
	}
	.ab-chips::-webkit-scrollbar { display: none; }
	.ab-chip {
		flex: 0 0 auto; scroll-snap-align: start; padding: 9px 14px; border-radius: 999px; background: var(--ab-soft);
		border: 1px solid var(--ab-line); color: var(--ab-ink) !important; font-size: 14px; font-weight: 600; white-space: nowrap; text-decoration: none !important;
	}
	.ab-chip--hot { background: var(--ab-red); border-color: var(--ab-red); color: #fff !important; }

	/* --- İçerik boşlukları --- */
	.main-container, #site-content { padding-top: 6px; }
	.main-content-page.single-content { padding-left: 0 !important; padding-right: 0 !important; }
	.single-head .single-title, .woocommerce-products-header__title { font-size: 26px; margin: 6px 0 10px; }
	.elementor-section.elementor-section-boxed > .elementor-container { padding-left: 0; padding-right: 0; }

	/* --- Ana sayfa afişleri: telefonda yan yana, kompakt --- */
	.elementor-809 .elementor-heading-title { font-size: 28px !important; line-height: 1.2 !important; }
	.elementor-809 .elementor-element-78ba48c { min-height: 0 !important; }
	.elementor-809 .elementor-element-6b7c98e img { max-height: 240px; width: auto; object-fit: contain; }
	.elementor-809 .elementor-element-077cb8f,
	.elementor-809 .elementor-element-6616df4,
	.elementor-809 .elementor-element-851e2ad,
	.elementor-809 .elementor-element-b88df4a {
		flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important;
		min-height: 0 !important; padding: 14px !important; margin-bottom: 12px; border-radius: 14px !important; overflow: hidden;
	}
	.elementor-809 .elementor-element-077cb8f > .e-con,
	.elementor-809 .elementor-element-6616df4 > .e-con,
	.elementor-809 .elementor-element-851e2ad > .e-con,
	.elementor-809 .elementor-element-b88df4a > .e-con {
		width: 50% !important; max-width: 50% !important; min-height: 0 !important; padding: 0 4px !important; --padding-top: 0; --padding-bottom: 0;
	}
	.elementor-809 .elementor-element-077cb8f img,
	.elementor-809 .elementor-element-6616df4 img,
	.elementor-809 .elementor-element-851e2ad img,
	.elementor-809 .elementor-element-b88df4a img { max-height: 140px; width: auto; object-fit: contain; margin: 0 auto; display: block; }
	.elementor-809 .elementor-element-3343741 .elementor-widget-envo-extra-heading * { font-size: 17px !important; line-height: 1.25 !important; letter-spacing: 0 !important; }
	.elementor-809 .elementor-element-3343741 .elementor-widget-envo-extra-heading { margin-bottom: 4px !important; }
	.elementor-809 .elementor-element-0bc237a .elementor-widget-text-editor { font-size: 12px; line-height: 1.5; }
	.elementor-809 .elementor-widget-button .elementor-button { padding: 10px 14px; font-size: 13px; }
	.elementor-809 .elementor-element-0bc237a,
	.elementor-809 .elementor-element-3343741 { min-height: 0 !important; padding-top: 6px !important; padding-bottom: 6px !important; }
	.elementor-809 .elementor-element-0bc237a > .e-con,
	.elementor-809 .elementor-element-3343741 > .e-con { min-height: 0 !important; }

	/* --- Ürün listesi: 2 sütun (ızgara design.css'te) --- */
	.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 15px !important; min-height: 2.6em; }
	.woocommerce ul.products li.product .button { width: 100%; padding: 10px 6px !important; min-height: 42px; font-size: 14px !important; }

	/* --- Ürün sayfası --- */
	.single-product div.product .woocommerce-product-gallery { margin-bottom: 12px; }
	.single-product .product_title { font-size: 24px !important; }
	.single-product form.cart { display: flex; gap: 10px; align-items: stretch; }
	.single-product form.cart .quantity input.qty { height: 48px; font-size: 16px; }
	.single-product form.cart .single_add_to_cart_button { flex: 1; min-height: 48px; font-size: 17px !important; }
	.single-product .woocommerce-tabs ul.tabs { display: flex; overflow-x: auto; white-space: nowrap; }

	.ab-sticky-atc {
		position: fixed; left: 0; right: 0; bottom: calc(var(--ab-bottom-nav-h) + env(safe-area-inset-bottom)); z-index: 9998;
		display: flex; align-items: center; gap: 10px; padding: 8px 12px; background: #fff; border-top: 1px solid var(--ab-line);
		box-shadow: 0 -4px 14px rgba(0,0,0,.06); transform: translateY(120%); transition: transform .2s ease;
	}
	.ab-sticky-atc[hidden] { display: none; }
	.ab-sticky-atc.is-visible { transform: translateY(0); }
	.ab-sticky-atc__info { flex: 1; min-width: 0; line-height: 1.2; }
	.ab-sticky-atc__title { display: block; font-size: 13px; color: var(--ab-muted); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	.ab-sticky-atc__price { font-weight: 700; color: var(--ab-ink); font-size: 16px; }
	.ab-sticky-atc__price del { display: none; }
	.ab-sticky-atc__price ins { text-decoration: none; color: var(--ab-red); }
	.ab-sticky-atc__btn { background: var(--ab-red); color: #fff; border: 0; border-radius: 8px; padding: 12px 18px; font-weight: 700; font-size: 15px; min-height: 46px; }

	/* --- Sepet & ödeme --- */
	.woocommerce-cart table.cart td, .woocommerce-checkout .form-row input, .woocommerce-checkout .form-row select { font-size: 16px; }
	.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; float: none; }
	.woocommerce .checkout-button { width: 100%; font-size: 18px !important; padding: 16px !important; }
	.woocommerce #place_order { width: 100%; font-size: 18px !important; padding: 16px !important; }

	/* --- Güven şeridi & alt bilgi --- */
	.ab-trust { padding: 16px 0; }
	.ab-trust__grid { gap: 12px; }
	.ab-trust__item { gap: 8px; }
	.ab-trust__item strong { font-size: 14px; }
	.ab-trust__item span { font-size: 12px; }
	.ab-footer { padding: 26px 0 10px; }
	.ab-footer__grid { grid-template-columns: 1fr; gap: 0; }
	.ab-footer__brand { padding-bottom: 14px; }
	.ab-footer details { border-top: 1px solid #2a2a2e; padding: 0; }
	.ab-footer details > summary { cursor: pointer; padding: 14px 0; margin: 0; position: relative; }
	.ab-footer details > summary::after { content: "+"; position: absolute; right: 2px; top: 10px; font-size: 22px; font-weight: 400; }
	.ab-footer details[open] > summary::after { content: "–"; }
	.ab-footer details .ab-footer__links { padding-bottom: 12px; }
	.ab-footer__links a, .ab-footer__contact a { display: inline-block; padding: 4px 0; }

	/* --- Alt gezinme çubuğu --- */
	.ab-bottom-nav {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; display: grid; grid-template-columns: repeat(5, 1fr);
		height: calc(var(--ab-bottom-nav-h) + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom);
		background: #fff; border-top: 1px solid var(--ab-line); box-shadow: 0 -2px 12px rgba(0,0,0,.05);
	}
	.ab-bottom-nav a, .ab-bottom-nav button {
		position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
		color: #555 !important; font-size: 11px; font-weight: 600; text-decoration: none !important; background: none; border: 0; padding: 0; font-family: inherit;
	}
	.ab-bottom-nav svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
	.ab-bottom-nav .is-active { color: var(--ab-red) !important; }
	.ab-cart-count {
		position: absolute; top: 6px; left: 50%; margin-left: 5px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px;
		background: var(--ab-red); color: #fff; font-size: 11px; line-height: 18px; text-align: center; font-weight: 700;
	}
	.ab-cart-count.is-empty { display: none; }

	/* Sabit çubuklarla çakışan yüzen öğeler */
	.float-cart, .float-login, #return-to-top, .back-to-top { bottom: calc(var(--ab-bottom-nav-h) + 16px) !important; }
	.main-menu .header-cart.float-cart, .main-menu .header-my-account.float-login { bottom: auto !important; }
	.iyzico-overlay, #iyzico-overlay { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; animation: none !important; }
}