/* SpeedX final staging polish — navigation, checkout and readability.
 * Scoped to SX child theme. Does not change WooCommerce/payment functionality. */
/* The original XStore countdown claims scarcity even when it is not verified.
 * Hide only this decorative Sales Booster module in draft checkout/cart. */
.sx-modern .sales-booster-cart-countdown,
.sx-modern .elementor-widget-woocommerce-etheme_sales_cart_checkout_countdown {display:none!important}

/* Menu visibility follows ARIA state managed by modern.js, including Escape. */
.sx-modern .sx-nav-group:hover>.sx-mega,
.sx-modern .sx-nav-group:focus-within>.sx-mega {display:none}
.sx-modern .sx-nav-group.is-open>.sx-mega {display:block}
.sx-modern .sx-chevron[aria-expanded=true] {color:#fff}
.sx-modern .sx-mega{scrollbar-gutter:stable;overscroll-behavior:contain}
.sx-modern .sx-mega-all .sx-link-list{gap:8px 23px}
.sx-modern .sx-mega-all .sx-link-item>a{overflow-wrap:anywhere}
.sx-modern .sx-filter-status{margin:0 0 14px!important;color:#4b565f;font:700 12px/1.5 var(--sx-body)}
.sx-modern .sx-filter-status[hidden]{display:none!important}
.sx-modern .sx-mobile .sx-filter-status{padding:2px 0 10px}
.sx-modern .sx-mobile .sx-mobile-scroller{scrollbar-gutter:stable}
.sx-modern .sx-search-panel:focus-within{box-shadow:inset 0 0 0 1px #ffffff50}

/* Give checkout one clear visual hierarchy without changing its fields. */
.sx-modern .sx-transaction-content{min-width:0}
.sx-modern .sx-checkout-guidance{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 25px;padding:15px 18px;margin:0 0 25px;background:#f0f3f0;border:1px solid #dde4df;color:#334049;font:600 13px/1.6 var(--sx-body)}
.sx-modern .sx-checkout-guidance a{color:#a92b25;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.sx-modern .woocommerce form.checkout #customer_details,
.sx-modern .woocommerce form.checkout .cart-order-details{min-width:0}
.sx-modern .woocommerce form.checkout input.input-text:focus-visible,
.sx-modern .woocommerce form.checkout .select2-selection:focus-within{border-color:#c9352e!important;box-shadow:0 0 0 2px #c9352e20}
.sx-modern .woocommerce form.checkout .order-review,
.sx-modern .woocommerce form.checkout #order_review{overflow-wrap:anywhere}
.sx-modern .woocommerce #payment #place_order,
.sx-modern .woocommerce .wc-proceed-to-checkout a.checkout-button{background:#c9352e!important;border-color:#c9352e!important;color:#fff!important;min-height:52px!important;font-weight:800!important}
.sx-modern .woocommerce #payment #place_order:hover,
.sx-modern .woocommerce .wc-proceed-to-checkout a.checkout-button:hover{background:#af2923!important}
.sx-modern .woocommerce .cart-empty .return-to-shop a,
.sx-modern .woocommerce .cart-empty a.btn.black{min-height:45px;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;color:#fff!important;background:#202a31!important;border-radius:2px}
.sx-modern .woocommerce form.checkout .form-row label{line-height:1.45!important}
.sx-modern .woocommerce form.checkout .woocommerce-billing-fields h3,
.sx-modern .woocommerce form.checkout #order_review_heading{letter-spacing:.02em;border-bottom:1px solid #e1e6e2;padding-bottom:11px}
@media(max-width:767px){
 .sx-modern .sx-checkout-guidance{padding:13px 15px;font-size:12px;margin-bottom:19px}
 .sx-modern .woocommerce #payment #place_order{width:100%!important}
 .sx-modern .sx-mobile .sx-mobile-header{position:sticky;top:0;z-index:1}
 .sx-modern .sx-mobile .sx-link-item>a{min-height:44px;align-items:center}
}
@media(prefers-reduced-motion:reduce){
 .sx-modern .sx-nav-group .sx-mega,.sx-modern .sx-mobile{transition:none!important}
}