/* Phase 8.2 - final frontend polish before visual validation. */

/* Discover: one intentionally dominant card and a controlled next-card peek. */
@media (min-width: 901px) {
  .manna-discovery { padding-block: clamp(3.5rem, 5vw, 5.5rem); }
  .manna-discovery .manna-container { width: min(calc(100% - (2 * var(--manna-gutter))), 1280px); }
  .manna-discovery .manna-section-heading { margin-bottom: 1rem; }
  .manna-discovery .manna-section-heading h2 { font-size: clamp(2.8rem, 4.5vw, 4.4rem); margin-bottom: 0; }
  .manna-discovery .manna-eyebrow { margin-bottom: .45rem; }
  .manna-discovery .manna-chips { margin-bottom: 1.1rem; }
  .manna-swipe-track { width: min(100%, 1040px); gap: 20px; padding-right: 0; scroll-padding-left: 0; }
  .manna-swipe-card { flex: 0 0 min(calc(100% - 200px), 820px); height: 510px; min-height: 0; grid-template-columns: minmax(0, 3fr) minmax(280px, 2fr); }
  .manna-swipe-media { min-height: 0; height: 510px; }
  .manna-swipe-copy { padding: clamp(1.7rem, 3vw, 2.8rem); justify-content: center; }
  .manna-swipe-copy h3 { font-size: clamp(2rem, 3vw, 3rem); }
  .manna-swipe-copy .price { margin: .4rem 0 1.15rem; }
  .manna-swipe-loading { height: 510px; flex-basis: min(calc(100% - 200px), 820px); }
}

/* Catalog: remove Woo clearfix grid items and the artificial card void. */
.woocommerce ul.products::before,
.woocommerce ul.products::after { content: none !important; display: none !important; }
.woocommerce ul.products { align-items: start; grid-auto-flow: row; }
.manna-product-card,
.woocommerce ul.products li.manna-product-card { background: transparent; align-self: start; }
.manna-product-info { flex: 0 0 auto; padding: .85rem 0 1rem; }
.manna-product-info h3 { min-height: 0; margin-bottom: .35rem; }
.manna-card-meta { margin-top: 0; align-items: baseline; }
.woocommerce ul.products li.product .manna-product-media { aspect-ratio: 4 / 5; background: #eee9e2; }
.woocommerce ul.products li.product .manna-product-media img { object-fit: cover; }
.manna-badges em { padding: .28rem .48rem; font-size: .58rem; }

/* Compact premium archive controls. */
.manna-archive-filters { display: grid; grid-template-columns: repeat(6, minmax(115px, 1fr)) auto; gap: .65rem; align-items: end; padding: 1rem; border: 1px solid var(--manna-line); background: var(--manna-ivory); }
.manna-archive-filters label,
.manna-filter-context { min-width: 0; }
.manna-archive-filters label > span,
.manna-filter-context > span { font-size: .62rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--manna-ink-soft); }
.manna-archive-filters select,
.manna-archive-filters input[type="number"] { width: 100%; min-height: 42px; border: 1px solid var(--manna-line); background: #fff; padding: .45rem .65rem; font-size: .78rem; }
.manna-filter-context { display: grid; gap: .2rem; align-content: center; min-height: 42px; padding: .4rem .65rem; border: 1px solid var(--manna-line); background: #fff; }
.manna-filter-context strong { font-size: .8rem; }
.manna-sale-toggle { position: relative; display: flex !important; align-items: center; align-self: end; min-height: 42px; padding: .4rem .65rem; border: 1px solid var(--manna-line); background: #fff; cursor: pointer; }
.manna-sale-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.manna-sale-toggle span { display: flex; align-items: center; gap: .45rem; color: var(--manna-ink) !important; }
.manna-sale-toggle span::before { content: ""; width: 28px; height: 16px; border-radius: 99px; background: #d8d2cb; box-shadow: inset 0 0 0 1px rgb(0 0 0 / 8%); transition: background var(--manna-transition); }
.manna-sale-toggle span::after { content: ""; position: absolute; left: .82rem; width: 10px; height: 10px; border-radius: 50%; background: #fff; transition: transform var(--manna-transition); }
.manna-sale-toggle input:checked + span::before { background: var(--manna-plum); }
.manna-sale-toggle input:checked + span::after { transform: translateX(12px); }
.manna-filter-reset { align-self: center; justify-self: start; border-bottom: 1px solid currentColor; font-size: .7rem; font-weight: 700; }
.woocommerce .woocommerce-result-count { margin-top: .3rem; }
.woocommerce .woocommerce-ordering { display: none; }

/* Mon Mur: every state stays in normal document flow. */
.manna-wall-layout.has-results { grid-template-columns: 1fr; gap: 1.5rem; }
.manna-wall-layout.has-results .manna-wall-intro { position: static; top: auto; max-width: 720px; }
.manna-wall-results,
.manna-wall-results.has-results { position: static !important; inset: auto !important; transform: none !important; margin: 0; }
.manna-wall-results.has-results { grid-column: auto; width: 100%; }
.manna-wall-query-summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.4rem; padding-bottom: 1rem; border-bottom: 1px solid var(--manna-line); }
.manna-wall-query-summary p { margin: 0; font-family: var(--manna-font-editorial); font-size: 1.3rem; }
.manna-wall-query-summary button { border: 0; border-bottom: 1px solid currentColor; background: transparent; padding: .25rem 0; font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.manna-wall-top-dimensions article span { color: var(--manna-plum); font-weight: 650; }
.manna-wall-top-dimensions article small { opacity: .72; }
.manna-wall-compatible ul { margin-bottom: 0; }

/* Woo primary actions and checkout use Manna tokens, never plugin purple. */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce .checkout-button,
.woocommerce #payment #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { background: var(--manna-ink) !important; border: 1px solid var(--manna-ink) !important; border-radius: 2px !important; color: #fff !important; box-shadow: none !important; }
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce .checkout-button:hover,
.woocommerce #payment #place_order:hover { background: var(--manna-gold) !important; border-color: var(--manna-gold) !important; }
.woocommerce-cart button[name="apply_coupon"],
.woocommerce-cart button[name="update_cart"] { border-radius: 2px !important; }

.woocommerce-checkout .manna-container { max-width: 1240px; }
.woocommerce-checkout form.checkout { grid-template-columns: minmax(0, 3fr) minmax(360px, 2fr); column-gap: clamp(2rem, 4vw, 4rem); }
.woocommerce-checkout #customer_details { padding: clamp(1.2rem, 2.5vw, 2rem); border: 1px solid var(--manna-line); background: #fff; }
.woocommerce-checkout #customer_details h3 { font-size: 1.65rem; }
.woocommerce-checkout form .form-row label { font-size: .76rem; font-weight: 650; }
.woocommerce-checkout form .form-row input.input-text,
.woocommerce-checkout form .form-row textarea,
.woocommerce-checkout form .form-row select { border-radius: 2px; background: #fff; }
.woocommerce-checkout form.checkout > #order_review { border-radius: 2px; padding: 1.5rem; box-shadow: 0 12px 35px rgb(26 25 23 / 5%); }
.woocommerce-checkout #order_review table { border: 0; }
.woocommerce-checkout #order_review table th,
.woocommerce-checkout #order_review table td { padding: .85rem .55rem; }
.woocommerce-checkout #payment { border: 1px solid var(--manna-line); }
.woocommerce-checkout #payment ul.payment_methods { border-bottom-color: var(--manna-line); }
.woocommerce-checkout #payment div.payment_box { background: var(--manna-ivory); color: var(--manna-ink); }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--manna-ivory); }
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info { border-top: 0; background: transparent; padding: .65rem 0 !important; color: var(--manna-ink); }
.woocommerce-checkout .woocommerce-info::before { display: none; }

.manna-footer-bottom { align-items: center; }
.manna-seondo { font-weight: 650; letter-spacing: .03em; }
.manna-seondo a { border-bottom: 1px solid rgb(255 255 255 / 35%); }

@media (max-width: 1180px) and (min-width: 641px) {
  .manna-archive-filters { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
}

@media (max-width: 900px) {
  .woocommerce-checkout form.checkout { grid-template-columns: minmax(0, 1fr); }
  .woocommerce-checkout form.checkout > #customer_details,
  .woocommerce-checkout form.checkout > #order_review_heading,
  .woocommerce-checkout form.checkout > #order_review { grid-column: 1; grid-row: auto; min-width: 0; }
  .woocommerce-checkout form.checkout > #order_review { position: static; }
}

@media (max-width: 640px) {
  .manna-archive-filters { display: grid; grid-template-columns: 1fr; padding: 1.2rem; border: 0; background: #fff; }
  .manna-archive-filters label,
  .manna-archive-filters .manna-button,
  .manna-archive-filters .manna-filter-context,
  .manna-archive-filters .manna-sale-toggle { grid-column: 1; }
  .manna-filter-reset { padding: .5rem 0; }
  .manna-product-info { padding: .65rem 0 .85rem; }
  .manna-card-meta { display: grid; gap: .18rem; }
  .manna-wall-layout.has-results { gap: 1rem; }
  .manna-wall-query-summary { align-items: flex-start; }
  .manna-wall-query-summary p { font-size: 1.05rem; }
  .manna-wall-results.has-results { padding: 1.1rem; }
  .manna-wall-recommendations > h3 { font-size: 2rem; }
  .manna-footer-bottom { grid-template-columns: 1fr auto; align-items: center; }
  .woocommerce-checkout #customer_details { padding: 1rem; }
}