/* Asia Mannequin child theme: high-fashion black front-end polish. */

/* WooCommerce buttons: black, sharp, uppercase, letter-spaced. */
.woocommerce a.button,
.woocommerce ul.products li.product .button,
.woocommerce button.button {
	background-color: #0A0A0A;
	color: #ffffff;
	border-radius: 0;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 0.78rem;
	padding: 0.85em 1.6em;
}

.woocommerce a.button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce button.button:hover {
	background-color: #000000;
	color: #ffffff;
}

/* Product cards: editorial, left-aligned, uppercase tracked titles, hairline image. */
.woocommerce ul.products li.product {
	text-align: left;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: #0A0A0A;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.82rem;
	line-height: 1.4;
}

.woocommerce ul.products li.product a img {
	border-radius: 0;
	border: 1px solid #E7E4DF;
}

/* Nav: uppercase, wide-tracked (fashion). */
header .wp-block-navigation {
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 0.72rem;
}

/* Shop archive and entry titles: Nunito 700, the house heading face. */
.woocommerce-products-header__title,
h1.entry-title {
	font-family: Nunito, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0em;
}

/* Sharpen inputs and remove rounded corners site-wide for the couture look. */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.wp-block-search__input,
select {
	border-radius: 0;
}

/* AM: rental terms block, ASIAMQ-7. Mirrors the .am-specs table look. */
.am-rental-terms .am-rental-heading {
	margin: 1.5rem 0 0.25rem;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-family: Nunito, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.am-rental-terms .am-rental-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0.5rem 0 0;
}
.am-rental-terms .am-rental-table th,
.am-rental-terms .am-rental-table td {
	text-align: left;
	padding: 0.5rem 0.75rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	font-size: 0.95rem;
}
.am-rental-terms .am-rental-table th {
	width: 40%;
	font-weight: 600;
}
.am-rental-terms .am-rental-note {
	margin: 0.75rem 0 0;
	font-size: 0.85rem;
	opacity: 0.75;
}

/* AM: quote model, ASIAMQ-7. The mini-cart drawer footer server-renders a
   $0.00 subtotal (woocommerce/mini-cart-footer-block) and hydrates to a real
   amount. No money may render on the front end, so hide the subtotal row.
   The drawer keeps its item list and View cart / Checkout actions.
   Belt and braces: functions.php section 11 removes the auto-hooked
   mini-cart block entirely, so this rule should never match. */
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-subtotal {
	display: none;
}

/* AM: Gravity Forms submit (contact form) matches the theme's sharp black
   uppercase buttons above. */
.gform_wrapper input[type="submit"],
.gform_wrapper .gform_button {
	background-color: #0A0A0A;
	color: #ffffff;
	border: none;
	border-radius: 0;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 0.78rem;
	padding: 0.85em 1.6em;
	cursor: pointer;
}

.gform_wrapper input[type="submit"]:hover,
.gform_wrapper .gform_button:hover {
	background-color: #000000;
	color: #ffffff;
}

/* AM: band gaps, ASIAMQ-11. Kiosko's theme.json styles.spacing.blockGap
   (--wp--style--block-gap: spacing 50) adds margin-block-start to root
   template blocks, which painted white slivers between the dark front-page
   bands. The front page now wraps its bands in a gap-0 group; on the other
   templates the footer part is still a root sibling, so kill the stray strip
   above the black footer here. Breathing room stays: each template's content
   group sets its own explicit bottom margin. */
.wp-site-blocks > footer.wp-block-template-part {
	margin-block-start: 0;
}

/* AM: filter sidebar, ASIAMQ-11. WC 10.7 product-filters collection styled
   to the house look: Nunito, no underlines, tight rhythm, champagne accent
   on hover and checked, sharp checkboxes. No price or rating filter exists
   in the pattern (quote model). WC prints its block styles after this file,
   so overrides carry a .wc-block-product-filters prefix for specificity. */
.wc-block-product-filters {
	font-family: Nunito, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.wc-block-product-filters a {
	text-decoration: none;
}

/* Checkbox list: tight vertical rhythm, quiet labels. */
.wc-block-product-filters .wc-block-product-filter-checkbox-list__items {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wc-block-product-filters .wc-block-product-filter-checkbox-list__label {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	font-size: 0.85rem;
	line-height: 1.4;
	color: #0A0A0A;
	cursor: pointer;
}

.wc-block-product-filters .wc-block-product-filter-checkbox-list__label:hover .wc-block-product-filter-checkbox-list__text {
	color: #A8894E;
}

/* Hierarchy: top-level terms (Buy, Rental) as Nunito uppercase group heads,
   children indented one step per depth. */
.wc-block-product-filters .wc-block-product-filter-checkbox-list__item:not([class*="has-depth"]) .wc-block-product-filter-checkbox-list__text {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.8rem;
}

.wc-block-product-filters .wc-block-product-filter-checkbox-list__item.has-depth-1 {
	padding-inline-start: 1rem;
}

.wc-block-product-filters .wc-block-product-filter-checkbox-list__item.has-depth-2 {
	padding-inline-start: 2rem;
}

/* Sharp checkbox, champagne when checked, white tick. WC paints the box via
   input[type=checkbox].__input plus a 10% currentColor :before wash on the
   wrapper, and exposes color hooks as custom properties: use both. */
.wc-block-product-filters {
	--wc-product-filter-checkbox-list-option-element: #FFFFFF;
	--wc-product-filter-checkbox-list-option-element-border: #0A0A0A;
}

.wc-block-product-filters .wc-block-product-filter-checkbox-list__input-wrapper::before {
	display: none;
}

.wc-block-product-filters input[type="checkbox"].wc-block-product-filter-checkbox-list__input {
	width: 15px;
	height: 15px;
	min-width: 15px;
	border-radius: 0;
	background: #FFFFFF;
	border: 1px solid #0A0A0A;
}

.wc-block-product-filters input[type="checkbox"].wc-block-product-filter-checkbox-list__input:checked {
	background: #A8894E;
	border-color: #A8894E;
}

.wc-block-product-filters input[type="checkbox"].wc-block-product-filter-checkbox-list__input:focus-visible {
	outline: 1px solid #A8894E;
	outline-offset: 1px;
}

.wc-block-product-filters .wc-block-product-filter-checkbox-list__mark {
	color: #FFFFFF;
}

/* Counts in muted grey. */
.wc-block-product-filters .wc-block-product-filter-checkbox-list__count {
	color: #6B6B6B;
	font-size: 0.78rem;
}

/* Show more: quiet uppercase text control, champagne hover, no underline. */
.wc-block-product-filters .wc-block-product-filter-checkbox-list__show-more,
.wc-block-product-filters .wc-block-product-filter-checkbox-list__show-less {
	background: none;
	border: none;
	padding: 0;
	margin-top: 0.6rem;
	color: #6B6B6B;
	font-size: 0.72rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

.wc-block-product-filters .wc-block-product-filter-checkbox-list__show-more:hover,
.wc-block-product-filters .wc-block-product-filter-checkbox-list__show-less:hover {
	color: #A8894E;
}

/* Active filter chips: sharp, hairline border, champagne hover. */
.wc-block-product-filters .wc-block-product-filter-removable-chips__item {
	border: 1px solid #E7E4DF;
	border-radius: 0;
	background: #FFFFFF;
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.wc-block-product-filters .wc-block-product-filter-removable-chips__item:hover {
	border-color: #A8894E;
	color: #A8894E;
}

/* Clear filters: quiet text button, champagne hover. */
.wc-block-product-filters .wc-block-product-filter-clear-button .wp-block-button__link {
	background: transparent;
	color: #6B6B6B;
	border: none;
	padding: 0.25rem 0;
	font-size: 0.72rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-decoration: none;
}

.wc-block-product-filters .wc-block-product-filter-clear-button .wp-block-button__link:hover {
	color: #A8894E;
	background: transparent;
}

/* AM: front-page category tiles, design round ASIAMQ-14. The [product_categories]
   shortcode wraps each tile title in the link, so the global link style
   underlined it. Match the filter sidebar: no underline, Nunito uppercase
   labels, champagne hover, hairline image border like the product cards.
   Specificity note: WooCommerce's block-theme compat sheet (twenty-twenty-
   three.css via c0.wp.com) ships `.woocommerce ul.products li.product
   h2.woocommerce-loop-category__title { font-size: revert }` at 0,3,3 which
   reverted the label to the global h2 scale (27px), and the legacy custom-CSS
   file am-css-homepage.css centers the h2 directly. The li.product.product-
   category h2 selector (0,4,3) outranks both without !important.
   Counts are hidden on the tiles by design: the tile is a lookbook label, the
   per-category item counts stay available in the shop filter sidebar. */
.woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title {
	color: #0A0A0A;
	font-family: Nunito, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.8rem;
	line-height: 1.45;
	text-align: left;
	margin: 0.9rem 0 0;
	padding: 0;
}

.woocommerce ul.products li.product-category a {
	text-decoration: none;
}

.woocommerce ul.products li.product.product-category a:hover h2.woocommerce-loop-category__title {
	color: #A8894E;
}

.woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title mark.count {
	display: none;
}

.woocommerce ul.products li.product-category a img {
	border-radius: 0;
	border: 1px solid #E7E4DF;
}

/* AM: footer Categories column, round 3, grown into the one footer type
   system in the ASIAMQ-15 design round. Two tiers under identical column
   headings: link lists (Browse .am-footer-links + Categories .am-footer-cats)
   as quiet uppercase small labels, and body text (brand blurb + Contact) at
   0.9rem in the same muted #B9B5AE, champagne hover on every link, no
   underline or bullets. Categories keeps its two columns. */
footer ul.am-footer-cats,
footer ul.am-footer-links {
	list-style: none;
	/* Match the paragraphs' flow gap (24px) so all four columns start their
	   first text line on the same rhythm below the headings. */
	margin: var(--wp--style--block-gap, 1.5rem) 0 0;
	padding: 0;
}

footer ul.am-footer-cats {
	column-count: 2;
	column-gap: 2rem;
}

footer ul.am-footer-cats li,
footer ul.am-footer-links li {
	break-inside: avoid;
	margin: 0 0 0.55rem;
	padding: 0;
}

footer ul.am-footer-cats a,
footer ul.am-footer-links a {
	text-decoration: none;
	color: #B9B5AE;
	font-size: 0.72rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	line-height: 1.9;
}

footer ul.am-footer-cats a:hover,
footer ul.am-footer-links a:hover {
	color: #A8894E;
}

/* Contact: phone and email as normal body links in the muted body color.
   The email must never break mid-address: no wrap inside the link, and at
   0.9rem it fits its column on both 1440 and 390 widths. */
footer .am-footer-contact a {
	color: #B9B5AE;
	text-decoration: none;
	word-break: normal;
	overflow-wrap: normal;
	white-space: nowrap;
}

footer .am-footer-contact a:hover {
	color: #A8894E;
}

/* AM: original wordmark logo, ASIAMQ-13. The site logo is the pre-rebuild SVG
   wordmark (white marks on transparency, attachment 148772), placed in the
   black header bar and the hero top bar via core/site-logo. The SVG carries
   no dimension metadata, so the block cannot emit its own width and CSS owns
   the sizing: 300px in the header bar, 340px on the hero, scaling down on
   small screens so the hamburger keeps its row. Wordmark ratio is 9.3:1, so
   300px wide is about 32px tall. */
.wp-block-site-logo {
	width: min(300px, 60vw);
}

.wp-block-cover .wp-block-site-logo {
	width: min(340px, 60vw);
}

/* Core's site-logo block style (wp-block-site-logo-inline-css) caps a logo
   with no width attribute at 120px via .is-default-size (0,2,1). Match that
   specificity here; this sheet loads later, so this rule wins. */
.wp-block-site-logo img,
.wp-block-site-logo.is-default-size img {
	width: 100%;
	height: auto;
	display: block;
}