/*
Theme Name: Astra Child - Petshop Tedarik
Template: astra
Version: 1.2.0
Text Domain: astra-child
*/

/* Ana sayfanın özel (pst-redesign-v2) paletiyle birebir eşleşiyor, tüm site tek marka gibi görünsün diye */
:root {
	--pst-red: #ff2638;
	--pst-red-dark: #e5233a;
	--pst-orange: #ff7a1a;
	--pst-orange-dark: #ef5d10;
	--pst-ink: #111827;
	--pst-navy: #0f172a;
	--pst-muted: #59687a;
	--pst-border: #e5e7eb;
	--pst-bg-soft: #f7f7f8;
	--pst-bg-soft-2: #f4f4f5;
	--pst-green: #0f8a45;
	--pst-green-bg: #eafaf0;
	--pst-radius: 16px;
	--pst-radius-sm: 10px;
	--pst-shadow: 0 10px 26px rgba(15, 23, 42, .06);
	--pst-shadow-hover: 0 18px 40px rgba(15, 23, 42, .11);
}

body,
button,
input,
select,
textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: var(--pst-ink);
}

a { transition: color .18s ease; }
a:hover { color: var(--pst-red); }

/* ===== Üst güven barı (ana sayfa hariç, functions.php -> wp_body_open) ===== */
.petshop-trust-bar {
	background: var(--pst-bg-soft);
	border-top: 2px solid var(--pst-ink);
	border-bottom: 1px solid var(--pst-border);
	font-size: 13px;
	font-weight: 800;
}
.petshop-trust-bar ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 28px;
	margin: 0;
	padding: 7px 16px;
}
.petshop-trust-bar li { white-space: nowrap; }

/* ===== Header ===== */
.site-header,
.ast-primary-header-bar {
	border-bottom: 1px solid var(--pst-border);
	box-shadow: none;
}
.main-header-menu .menu-item > a,
.ast-primary-header-bar .menu-link {
	font-weight: 900;
}
.main-header-menu .menu-item > a:hover,
.main-header-menu .current-menu-item > a {
	color: var(--pst-red) !important;
}
.ast-search-menu-icon input.search-field,
.search-field {
	border-radius: 24px !important;
	background: var(--pst-bg-soft-2) !important;
	border: 1px solid transparent !important;
}
.ast-search-menu-icon input.search-field:focus {
	border-color: var(--pst-orange) !important;
	box-shadow: 0 0 0 4px rgba(255, 122, 26, .12) !important;
}

/* ===== Butonlar / CTA'lar (ana sayfadaki .btn / .prod-btn ile birebir) ===== */
.button,
button:not(.mega-tabs button),
input[type="submit"],
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit {
	background-color: var(--pst-orange) !important;
	color: var(--pst-ink) !important;
	border: none !important;
	border-radius: var(--pst-radius-sm) !important;
	font-weight: 950 !important;
	padding: 13px 20px !important;
	transition: filter .18s ease, transform .18s ease !important;
}
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	filter: brightness(.96);
	transform: translateY(-1px);
}
.woocommerce a.added_to_cart {
	color: var(--pst-red) !important;
	font-weight: 800;
}

/* ===== Ürün kartları (WooCommerce loop), ana sayfadaki .prod kartıyla aynı dil ===== */
ul.products li.product,
.woocommerce ul.products li.product {
	background: #fff;
	border: 1px solid var(--pst-border);
	border-radius: var(--pst-radius);
	padding: 12px;
	box-shadow: var(--pst-shadow);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
ul.products li.product:hover {
	border-color: #ffb0b8;
	transform: translateY(-5px);
	box-shadow: var(--pst-shadow-hover);
}
ul.products li.product img {
	border: 1px solid #eef1f5;
	border-radius: 12px;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background: #fff;
}
ul.products li.product .woocommerce-loop-product__title {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--pst-ink);
	margin: 9px 0 4px;
}
ul.products li.product .price {
	color: var(--pst-navy);
	font-weight: 950;
	font-size: 16px;
}
ul.products li.product .price del {
	color: #94a3b8;
	font-size: 12px;
	font-weight: 400;
}
ul.products li.product .price ins {
	color: var(--pst-navy);
	text-decoration: none;
}
ul.products li.product .onsale {
	background: var(--pst-red) !important;
	border-radius: 999px;
	font-weight: 900;
	min-height: 2.5em;
	min-width: 2.5em;
}
ul.products li.product .star-rating {
	margin: 0 0 4px;
}

/* ===== Kategori kartları (pastel tonlar, ana sayfadaki .tile ile aynı ritim) ===== */
ul.products li.product-category {
	border: 0;
	border-radius: 22px;
	overflow: hidden;
	box-shadow: none;
	transition: transform .2s ease, box-shadow .2s ease;
}
ul.products li.product-category:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 34px rgba(15, 23, 42, .09);
}
ul.products li.product-category:nth-child(6n+1) { background: #fff0ed; }
ul.products li.product-category:nth-child(6n+2) { background: #fff7e4; }
ul.products li.product-category:nth-child(6n+3) { background: #eaf7ff; }
ul.products li.product-category:nth-child(6n+4) { background: #eef9ec; }
ul.products li.product-category:nth-child(6n+5) { background: #f3efff; }
ul.products li.product-category:nth-child(6n+6) { background: #fff0f6; }
ul.products li.product-category img {
	border-radius: 50%;
	border: 6px solid rgba(255, 255, 255, .9);
	box-shadow: 0 10px 22px rgba(15, 23, 42, .12);
}
ul.products li.product-category h2 {
	color: var(--pst-ink);
	font-weight: 900;
	font-size: 15px;
}

/* ===== Tekil ürün sayfası ===== */
.single-product div.product .price {
	color: var(--pst-navy);
	font-size: 1.6em;
	font-weight: 950;
}
.single-product div.product .woocommerce-product-details__short-description {
	color: var(--pst-muted);
	line-height: 1.6;
}
.single-product span.onsale {
	background: var(--pst-red) !important;
}
.woocommerce-product-rating .star-rating { margin-right: 8px; }

/* Sepette/ödeme sayfasında toplam tutar vurgusu */
.woocommerce table.shop_table .order-total .amount,
.woocommerce-checkout-review-order-table .order-total .amount {
	color: var(--pst-red);
	font-weight: 950;
}

/* ===== Mağaza üst araç çubuğu: breadcrumb, başlık, filtre, sıralama ===== */
.woocommerce-breadcrumb {
	font-size: 13px;
	color: var(--pst-muted);
	margin: 16px 0 10px;
}
.woocommerce-breadcrumb a { color: var(--pst-muted); }
.woocommerce-breadcrumb a:hover { color: var(--pst-red); }

.woocommerce-products-header__title.page-title {
	font-size: 28px;
	font-weight: 950;
	letter-spacing: -.6px;
	margin-bottom: 18px;
}

.petshop-shop-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px 24px;
	background: #fff;
	border: 1px solid var(--pst-border);
	border-radius: var(--pst-radius-sm);
	padding: 14px 18px;
	margin-bottom: 22px;
	box-shadow: var(--pst-shadow);
}
.petshop-shop-toolbar .woocommerce-result-count {
	margin: 0;
	font-size: 13px;
	color: var(--pst-muted);
	order: 2;
}
.petshop-shop-toolbar__filters {
	order: 1;
	flex: 1 1 260px;
}
.petshop-shop-toolbar__filters .widget_price_filter { margin: 0; }
.petshop-shop-toolbar__filters .widget-title,
.petshop-shop-toolbar__filters h3 { display: none; }
.price_slider_wrapper .ui-slider {
	height: 4px;
	background: var(--pst-border);
	border: 0;
	border-radius: 999px;
	margin: 10px 0 12px;
}
.price_slider_wrapper .ui-slider-range {
	background: var(--pst-orange);
	border-radius: 999px;
}
.price_slider_wrapper .ui-slider-handle {
	width: 16px;
	height: 16px;
	top: -6px;
	background: var(--pst-red);
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
	outline: none;
	cursor: pointer;
}
.price_slider_amount {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.price_slider_amount .button {
	padding: 8px 16px !important;
	font-size: 12px !important;
}
.price_slider_amount .price_label {
	font-size: 12px;
	color: var(--pst-muted);
}

.petshop-shop-toolbar .woocommerce-ordering {
	order: 3;
	margin: 0;
}
.petshop-shop-toolbar select.orderby {
	appearance: none;
	-webkit-appearance: none;
	background: var(--pst-bg-soft-2) url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23111827'/%3E%3C/svg%3E") no-repeat right 14px center;
	border: 1px solid var(--pst-border);
	border-radius: 999px;
	padding: 10px 34px 10px 16px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}
.petshop-shop-toolbar select.orderby:focus {
	outline: none;
	border-color: var(--pst-orange);
	box-shadow: 0 0 0 4px rgba(255, 122, 26, .12);
}

@media (max-width: 600px) {
	.petshop-shop-toolbar { flex-direction: column; align-items: stretch; }
	.petshop-shop-toolbar .woocommerce-result-count,
	.petshop-shop-toolbar .woocommerce-ordering { order: initial; }
}

/* ===== Sepet ===== */
.woocommerce-cart table.cart,
.woocommerce table.shop_table {
	border: 1px solid var(--pst-border);
	border-radius: var(--pst-radius-sm);
	overflow: hidden;
	border-collapse: separate;
	border-spacing: 0;
}
.woocommerce table.shop_table th {
	background: var(--pst-bg-soft);
	color: var(--pst-ink);
	font-weight: 800;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .03em;
	padding: 14px 12px;
}
.woocommerce table.shop_table td {
	padding: 14px 12px;
	border-top: 1px solid var(--pst-border);
}
.woocommerce td.product-name a {
	font-weight: 700;
	color: var(--pst-ink);
}
.woocommerce td.product-price .amount,
.woocommerce td.product-subtotal .amount {
	color: var(--pst-navy);
	font-weight: 800;
}
.woocommerce .quantity .qty {
	border: 1px solid var(--pst-border);
	border-radius: 8px;
	padding: 8px 10px;
	width: 64px;
	text-align: center;
	font-weight: 700;
}
.woocommerce a.remove {
	color: var(--pst-red) !important;
	border-radius: 50% !important;
	background: var(--pst-bg-soft-2) !important;
}
.woocommerce a.remove:hover {
	background: var(--pst-red) !important;
	color: #fff !important;
}
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout-review-order,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table {
	background: #fff;
	border: 1px solid var(--pst-border);
	border-radius: var(--pst-radius);
	padding: 20px;
	box-shadow: var(--pst-shadow);
}
.cart_totals h2 {
	font-size: 18px;
	font-weight: 900;
	margin-bottom: 12px;
}
.woocommerce-cart .coupon .input-text {
	border: 1px solid var(--pst-border);
	border-radius: 999px;
	padding: 10px 18px;
}

/* ===== Ödeme (checkout) ===== */
.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
	border: 1px solid var(--pst-border) !important;
	border-radius: 10px !important;
	padding: 11px 14px !important;
}
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
	border-color: var(--pst-orange) !important;
	outline: none;
	box-shadow: 0 0 0 4px rgba(255, 122, 26, .12);
}
.woocommerce-checkout #payment {
	background: var(--pst-bg-soft) !important;
	border-radius: var(--pst-radius-sm);
}
.woocommerce-checkout #payment div.payment_box {
	background: #fff !important;
	border-radius: 10px;
}

/* ===== Hesabım (my account) ===== */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	border: 1px solid var(--pst-border);
	border-radius: var(--pst-radius-sm);
	overflow: hidden;
	background: #fff;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
	border-bottom: 1px solid var(--pst-border);
}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child { border-bottom: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 12px 16px;
	font-weight: 700;
	color: var(--pst-ink);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--pst-orange);
	color: #fff !important;
}
.woocommerce-MyAccount-content table.shop_table {
	background: #fff;
}

/* ===== Footer ===== */
.site-footer,
footer.site-footer {
	background: var(--pst-bg-soft);
	color: var(--pst-ink);
}

/* ===== Mobil düzen ===== */
@media (max-width: 600px) {
	.petshop-trust-bar ul {
		gap: 14px;
		font-size: 11px;
	}
	ul.products.columns-4 li.product,
	ul.products.columns-3 li.product {
		width: 48% !important;
	}
}
