/*
Theme Name: Newfound Child
Description: Site-specific fixes for the Newfound theme on newfound.com.au.
Template: newfound
Version: 1.0.5
Text Domain: newfound-child
*/

/* My Account: WooCommerce's clearfix pseudo-elements become grid items under the theme's
   `display: contents` wrapper and push the menu into the wide column. Remove once in the theme. */
.woocommerce-account .wc-area > .woocommerce::before,
.woocommerce-account .wc-area > .woocommerce::after {
	display: none;
}

/* Trade Desk: with four range tabs plus a member's My Prices tab, "Need something else?" wraps
   onto its own line. Keep it on the right there, as when it fits beside the tabs. */
@media (min-width: 640px) {
	.sheet-tools .need-else {
		margin-left: auto;
	}
}

/* Trade Desk: more tabs than fit (set in Products → Trade Desk tabs) wrap instead of overflowing. */
.sheet-tools .tabs {
	flex-wrap: wrap;
}

/* Product page: the product's extra details, e.g. its available colours (inc/product-details.php, D8). */
.pd-desc .nfc-colours ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.pd-desc .nfc-colours li{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:4px 12px 4px 8px;border:1px solid var(--line);border-radius:999px;font-size:14px;line-height:1.2;background:var(--white)}
.pd-desc .nfc-colours .sw{width:16px;height:16px;border-radius:50%;background:var(--sw);border:1px solid rgba(0,0,0,.22);flex:none}
.pd-desc .nfc-specs{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:8px 0 0;line-height:1.6;color:#2b3a52}
.pd-desc .nfc-specs dt{font-weight:600}
.pd-desc .nfc-specs dd{margin:0}

/* Send to cart at quantity 0 shows a hint (assets/child.js, D10). The disabled button lets the
   click through to its box, which checks where it landed. */
.row[data-nf] .buy [data-send]:disabled{pointer-events:none}
.row[data-nf] .buy:has([data-send]:disabled){cursor:default}
.added.nfc-hint{color:#b3261e}

/* CollectChat: on phones and tablets, lift the chat bubble above the cart bar so it doesn't cover
   the total and Checkout button (L4). The bar is 66px tall. */
@media (max-width:900px){
	body.has-bar #chat-bot-launcher-container{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}
}
/* On wider screens the cart panel sticks to the top of the window. With four or more lines its
   Place order and Request a quote buttons would slide under the chat bubble (or off a short screen),
   so the list of lines scrolls instead, keeping the buttons in view. */
@media (min-width:901px){
	.sidebar .cart-lines{max-height:max(182px,calc(100vh - 480px));overflow-y:auto;overscroll-behavior:contain}
}

/* Checkout: "Delivery address" is a plain heading. Its tick box stays in the form, always
   ticked (inc/checkout.php), so the delivery fields always show and can't be hidden. */
.woocommerce-checkout #ship-to-different-address .input-checkbox{display:none}
.woocommerce-checkout #ship-to-different-address label{pointer-events:none;cursor:default}