/*
 Theme Name:   Woodmart Child – Twaaq
 Template:     woodmart
 Description:  Twaaq customisations moved out of the Woodmart parent theme so the parent can be updated with the licensed package without losing them: the custom functions.php code (WhatsApp order messages, spinner coupon, celebrity code field, Egypt cities, checkout tweaks, order list columns, free-shipping SKUs, ...) and the 13 edited WooCommerce email templates.
 Version:      1.0.4
 Text Domain:  woodmart-child
*/
/* Parent CSS edits (style.css changed 25 Jun 2026) are added here after diffing against the licensed 7.5.2 package. */

/* Woodmart 8 layout differences, restored to the look the site had on Woodmart 7.5.2 (18 Oct 2026). */
/* 1. Woodmart 8 adds 40px top padding to the content area: the homepage banner sat under an empty beige strip. */
.home .wd-content-layout { padding-top: 0; }
/* 2. The floating cart button now prints its "العربة / Cart" label, which was cut off; keep the icon only. */
.wd-header-cart.wd-design-5 .wd-toolbar-label { display: none !important; }
/* 3. Woodmart 8 shows the header cart icon on phones as well; the site uses the floating cart button there. */
@media (max-width: 1024px) { .whb-header .wd-header-cart.wd-design-2 { display: none; } }

/* 4. Desktop floating cart (20 Oct 2026). On 7.5.2 the header cart used style 5, which the site's custom CSS pins to the
   bottom corner. Woodmart 8 renders style 5 as a plain header icon, so on desktop show the sticky toolbar's cart
   (the one phones already use) and hide the header icon. The rest of the toolbar stays hidden on desktop. */
@media (min-width: 1025px) {
	.wd-toolbar { display: block !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; }
	.wd-toolbar > :not(.wd-header-cart) { display: none !important; }
	.whb-header .wd-header-cart.wd-design-2 { display: none; }
}

/* 5. Quantity selector (20 Oct 2026). Woodmart 8 prints the -/+ controls as <button class="minus btn"> instead of
   <input type="button">, so the custom CSS rules written for input[type=button] / input.plus no longer match.
   Same rules, rewritten for the new markup. */
div.quantity { align-items: center; }
div.quantity input[type=number] { min-height: 35px !important; }
div.quantity button.btn { padding: 0; border-radius: 50% !important; min-width: 30px !important; min-height: 30px !important; height: 30px !important; width: 30px !important; border: 1px solid #ab8e66 !important; }
div.quantity button.plus, div.quantity button.minus { background: transparent; color: #ab8e66; box-shadow: none; }
/* Product card: quantity inside the brown add-to-cart pill. */
.wd-add-btn.wd-add-btn-replace .quantity { filter: none !important; }
.wd-add-btn.wd-add-btn-replace .quantity button.minus, .wd-add-btn.wd-add-btn-replace .quantity button.plus, .wd-add-btn.wd-add-btn-replace .quantity input.qty { width: 26px !important; min-width: 0 !important; height: 30px !important; min-height: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 16px !important; line-height: 1 !important; color: #000 !important; }
.wd-add-btn.wd-add-btn-replace .quantity input.qty { width: 24px !important; font-weight: 600 !important; }

/* 6. Floating cart icon centred in its box (20 Oct 2026): the toolbar link keeps 15px bottom padding for the label hidden in rule 2. */
.wd-toolbar .wd-header-cart.wd-design-5 > a { width: 100%; height: 100% !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; }

/* 7. Checkout order review (20 Oct 2026): quantity under the start of the product name, not centred. */
.wd-checkout-prod-cont div.quantity { justify-content: flex-start !important; }
/* Note: the speed optimizer's CSS minifier drops the space before ":is(", so write descendant selectors out in full here. */