/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/**
 * Checkout funnel stilleri
 * ------------------------
 * `alaca-checkout-funnel` body class'ı sadece sepet, checkout ve sipariş
 * tamamlandı sayfalarında eklenir. Bu sayfalarda:
 * - Tema header ve footer'ı gizlenir
 * - İçerik tam genişliğe yakın ve sade bir arka planla gösterilir
 * - Shopify benzeri iki kolonlu checkout yerleşimi sağlanır
 */

/* Tema header ve footer'ı gizle (funnel header .alaca-funnel-header-bar korunur) */
.alaca-checkout-funnel .wd-page-wrapper > header,
.alaca-checkout-funnel .wd-prefooter,
.alaca-checkout-funnel .wd-footer,
.alaca-checkout-funnel .wd-copyrights {
	display: none !important;
}

/* Breadcrumb ve sayfa başlığı alanını funnel'da gizle; boşluk bırakmasın */
.alaca-checkout-funnel .wd-breadcrumbs,
.alaca-checkout-funnel .woodmart-page-title,
.alaca-checkout-funnel .wd-page-title,
.alaca-checkout-funnel .page-title {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	border: none !important;
}

/* Sayfa wrapper – Hiut benzeri açık gri arka plan */
.alaca-checkout-funnel .wd-page-wrapper.website-wrapper {
	background-color: #f6f6f7;
	min-height: 100vh;
}

/* Sabit header altında kalan içeriğe üst boşluk (header yüksekliğiyle birebir, yapışık) */
.alaca-checkout-funnel .main-page-wrapper {
	padding-top: 32px;
	padding-bottom: 48px;
}

/* İçerik alanları header'a yapışık; tema margin/padding sıfırla */
.alaca-checkout-funnel .wd-content-layout,
.alaca-checkout-funnel .content-layout-wrapper,
.alaca-checkout-funnel .wd-content-area.site-content {
	margin-top: 0;
	padding-top: 0;
}

/* Checkout / sepet içeriğini header'a biraz daha yaklaştır (fazla boşluğu al) */
.alaca-checkout-funnel #main-content {
	margin-top: 0;
}

/* Checkout ana container – Hiut benzeri daraltılmış alan */
.alaca-checkout-funnel .woocommerce {
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
}


/* Sol kolon (form alanı): beyaz arka plan – Hiut left column */
.alaca-checkout-funnel .woocommerce #customer_details,
.alaca-checkout-funnel .woocommerce .col2-set {
	background-color: #ffffff;
}

/* Sağ kolon (sipariş özeti): açık gri arka plan – Hiut right column */
.alaca-checkout-funnel .woocommerce .checkout-order-review,
.alaca-checkout-funnel .woocommerce .order-review-wrapper,
.alaca-checkout-funnel .woocommerce #order_review {
	background-color: #ebebeb;
}

.alaca-checkout-funnel .woocommerce .checkout-order-review,
.alaca-checkout-funnel .woocommerce #order_review {
	padding: 24px;
	border-radius: 8px;
}

/* Sipariş özetinde kupon alanı (Toplam gönderi altında, tek blok) */
.alaca-checkout-funnel .alaca-checkout-coupon-in-summary {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* Aynı hook iki kez tetiklendiği için ikinci ve sonraki kupon bloklarını gizle (tek alan kalsın) */
.alaca-checkout-funnel .alaca-checkout-coupon-in-summary ~ .alaca-checkout-coupon-in-summary {
	display: none !important;
}

.alaca-checkout-funnel .alaca-summary-coupon-row {
	display: flex;
	gap: 8px;
	align-items: center;
}

.alaca-checkout-funnel .alaca-summary-coupon-row input[type="text"] {
	flex: 1;
	min-width: 0;
}

.alaca-checkout-funnel .alaca-summary-coupon-button {
	white-space: nowrap;
	padding-inline: 14px;
}

@media (max-width: 767px) {
	.alaca-checkout-funnel .alaca-summary-coupon-row {
		flex-direction: column;
		align-items: stretch;
	}

	.alaca-checkout-funnel .alaca-summary-coupon-button {
		width: 100%;
		text-align: center;
	}
}

/* Üstteki varsayılan kupon formunu gizle; sadece Sipariş Özeti içindeki kupon kalsın */
.alaca-checkout-funnel.woocommerce-checkout .wd-checkout-coupon,
.alaca-checkout-funnel.woocommerce-checkout .woocommerce-form-coupon {
	display: none !important;
}

/* wd-checkout-steps bar'ı beyaz kart üzerinde */
.alaca-checkout-funnel .wd-checkout-steps-wrapp,
.alaca-checkout-funnel .wd-checkout-steps {
	background: #ffffff;
}

/* Form elemanları: daha modern ve okunaklı */
.alaca-checkout-funnel .woocommerce form .form-row input.input-text,
.alaca-checkout-funnel .woocommerce form .form-row textarea,
.alaca-checkout-funnel .woocommerce form .form-row select {
	border-radius: 8px;
	border: 1px solid #d4d4dd;
	padding: 10px 12px;
	font-size: 14px;
	box-shadow: none;
}

.alaca-checkout-funnel .woocommerce form .form-row input.input-text:focus,
.alaca-checkout-funnel .woocommerce form .form-row textarea:focus,
.alaca-checkout-funnel .woocommerce form .form-row select:focus {
	border-color: #111827;
	box-shadow: 0 0 0 1px rgba(17, 24, 39, 0.12);
	outline: none;
}

/* Birincil buton */
.alaca-checkout-funnel .woocommerce #place_order,
.alaca-checkout-funnel .woocommerce button.button.alt,
.alaca-checkout-funnel .woocommerce a.button.alt {
	width: 100%;
	border-radius: 999px;
	padding: 14px 20px;
	font-weight: 600;
	font-size: 15px;
	background-color: #111827;
	color: #ffffff;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.45);
}

.alaca-checkout-funnel .woocommerce #place_order:hover,
.alaca-checkout-funnel .woocommerce button.button.alt:hover,
.alaca-checkout-funnel .woocommerce a.button.alt:hover {
	background-color: #000000;
}

/* Hata / bilgi / başarı uyarılarının header altında görünmesi için boşluk */
.alaca-checkout-funnel .woocommerce-notices-wrapper,
.alaca-checkout-funnel .woocommerce-error,
.alaca-checkout-funnel .woocommerce-message,
.alaca-checkout-funnel .woocommerce-info {
	margin-top: 12px;
}

/* Sepet sayfası ve teşekkür sayfası için hafif kart stili */
.alaca-checkout-funnel .cart-content-wrapper,
.alaca-checkout-funnel .woocommerce-order {
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	padding: 24px;
	border-radius: 12px;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

@media (max-width: 767px) {
	.alaca-checkout-funnel .cart-content-wrapper,
	.alaca-checkout-funnel .woocommerce-order {
		padding: 18px 14px;
	}
}

/* Funnel header: form alanının üstünde, beyaz arka plan, kompakt */
.alaca-funnel-header-bar {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	z-index: 1;
	text-align: center;
	padding: 14px 16px;
	margin: 0;
	background-color: #ffffff;
	border: none;
	border-bottom: 1px solid #e5e7eb;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

/* Funnel sayfalarında header sticky OLMASIN; scroll ile birlikte yukarı çıksın */
.alaca-checkout-funnel .alaca-funnel-header-bar {
	position: static !important;
	top: auto !important;
}

.alaca-funnel-header-inner {
	max-width: 1120px;
	margin: 0 auto;
}

.alaca-funnel-logo {
	margin: 0;
}

.alaca-funnel-logo a.alaca-funnel-logo-link,
.alaca-funnel-logo .custom-logo-link {
	display: inline-block;
}

.alaca-funnel-logo img {
	max-height: 40px;
	width: auto;
	height: auto;
	vertical-align: middle;
}

.alaca-funnel-site-name {
	font-size: 1.5rem;
	font-weight: 600;
	color: #111827;
	letter-spacing: -0.02em;
}

/* Ödeme sayfasında ülke ve posta kodu alanlarını tamamen gizle (başlık dahil) */
.alaca-checkout-funnel .form-row.alaca-hide-field {
	display: none !important;
}