/*
Theme Name: WP Shop Child
Theme URI: https://wpdev.neobyte.cloud
Description: Child theme of Astra for the COD storefront. Custom CSS/PHP only — real styling lands Days 2–3.
Author: mdnaim
Template: astra
Version: 0.1.0
Text Domain: wpshop-child
*/

/* Custom styles go here. Kept minimal — this is a 1-year temporary site. */

/*
 * Brand colors are set via Appearance > Customize > Global > Colors (the
 * `global-color-palette` astra-settings key, seeded in bd-content.php with
 * the same values this file used to hardcode here). Don't reintroduce a
 * :root override in this file — a static override here always wins over
 * the Customizer's own generated CSS regardless of what you publish, since
 * this stylesheet loads after it in the page source.
 */

/* Single font pairing so Bangla and Latin text don't visually clash. */
body,
h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-button__link {
	font-family: "Hind Siliguri", sans-serif;
}

/*
 * Fixed navbar on scroll. Free Astra has no "Sticky Header" setting (that's
 * gated behind the paid Astra Addon) — plain CSS covers it instead.
 */
#masthead {
	position: sticky;
	top: 0;
	z-index: 99;
}

/*
 * Header polish: search icon, cart icon, and nav menu were crammed together
 * with no breathing room. Add spacing/alignment and drop the cart icon's
 * boxed border so it reads as one clean icon, matching the plain search icon.
 */
.site-header-primary-section-right {
	gap: 28px;
	align-items: center;
}

.site-header-primary-section-right .main-header-menu {
	gap: 6px;
}

.ast-site-header-cart .cart-container,
.ast-site-header-cart .ast-addon-cart-wrap {
	border: none !important;
	box-shadow: none !important;
}

/*
 * Cart page: show product totals only, no shipping row/calculator. Scoped
 * to the Cart page specifically (body class woocommerce-cart) — Checkout
 * still needs to show shipping since that's what the customer is agreeing
 * to pay.
 */
.woocommerce-cart .woocommerce-shipping-totals,
.woocommerce-cart .woocommerce-shipping-calculator {
	display: none;
}

/*
 * Track Order form: Order ID + email-or-phone side by side on desktop
 * instead of stacked (Astra's form-row-first/-last floats don't apply
 * outside the checkout column layout this form isn't part of).
 */
@media (min-width: 545px) {
	.woocommerce-form-track-order {
		display: flex;
		flex-wrap: wrap;
		gap: 0 20px;
	}

	.woocommerce-form-track-order .form-row-first,
	.woocommerce-form-track-order .form-row-last {
		flex: 1 1 0;
		width: auto;
	}

	.woocommerce-form-track-order .clear,
	.woocommerce-form-track-order .form-row:last-of-type {
		flex-basis: 100%;
	}
}