/*
Theme Name:   Sayssy
Theme URI:    https://thehouseofsayssy.com
Description:  The House of Sayssy - B2B wholesale storefront. Astra child theme with a shop-first homepage, app-style mobile UI and a BIBA-style desktop listing.
Author:       Sayssy
Template:     astra
Version:      2.6.0
Text Domain:  sayssy
Tags:         e-commerce, custom-colors, wide-blocks
*/

/* The design system lives in the plugin (sayssy.css).
   This file only corrects Astra defaults. */

/* --- Drop the Astra container so .sy-wrap controls width ---------------- */

.sy-shop-page .site-content > .ast-container,
.sy-shop-page .ast-container { max-width: 100%; padding: 0; }

.sy-shop-page #primary { margin: 0; padding: 0; }
.sy-shop-page .site-main { padding: 0; }

.ast-woocommerce-container { padding: 0 !important; }

/* Astra's page title and breadcrumb are not wanted on the shop */
.sy-shop-page .ast-archive-description,
.sy-shop-page .woocommerce-products-header,
.sy-shop-page .woocommerce-breadcrumb,
.sy-shop-page .woocommerce-result-count,
.sy-shop-page .woocommerce-ordering { display: none; }

/* Astra's sticky header can clash with ours */
.ast-sticky-shrunk .sy-header { box-shadow: var(--sy-shadow); }

/* --- Buttons brand colour --------------------------------------------- */

.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.wc-block-components-button {
	background: var(--sy-orange) !important;
	border-color: var(--sy-orange) !important;
	color: #fff !important;
	border-radius: var(--sy-r-sm) !important;
	font-weight: 700 !important;
}
.woocommerce .button.alt:hover,
.woocommerce a.button.alt:hover { background: var(--sy-orange-dark) !important; }

.woocommerce .button {
	border-radius: var(--sy-r-sm) !important;
	font-weight: 600 !important;
}

/* --- Single product ---------------------------------------------------- */

.single-product div.product .price { color: var(--sy-ink); font-weight: 800; }
.single-product div.product .price .sayssy-set-total { display: block; font-size: 14px; font-weight: 500; margin-top: 4px; color: var(--sy-muted); }
.single-product div.product .sayssy-unit { font-size: 13px; color: var(--sy-muted); font-weight: 500; }
.single-product form.cart .quantity input.qty { width: 5.5em; text-align: center; }

.single-product .product_title { font-weight: 800; letter-spacing: -.01em; }

/* --- Cart / checkout --------------------------------------------------- */

.woocommerce-cart table.cart img { width: 78px; border-radius: var(--sy-r-sm); }
.woocommerce table.shop_table { border-radius: var(--sy-r); border-color: var(--sy-line); }
.woocommerce table.shop_table th { font-weight: 700; }

/* --- My account -------------------------------------------------------- */

.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; }
.woocommerce-MyAccount-navigation ul li a {
	display: block; padding: 11px 14px; border-radius: var(--sy-r-sm);
	color: var(--sy-ink-2); text-decoration: none; font-weight: 600; font-size: 14px;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
	background: var(--sy-orange-soft); color: var(--sy-orange);
}

/* --- Mobile: keep the footer clear of the bottom nav ------------------- */

@media (max-width: 900px) {
	.site-footer, footer.site-footer { padding-bottom: calc(var(--sy-bnav-h) + 12px); }
	.sy-shop-page .site-content { padding-top: 0; }
}