/* Native Nouvo homepage */
.home .wp-block-post-title {
  display: none !important;
}

.home .wp-block-post-content > div {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

header .wp-block-navigation-item:has(a[href*="/legacy-home"]) {
  display: none !important;
}

header .wp-block-navigation-item:has(a[href="https://nouvo-global.com/home/"]) {
  display: none !important;
}

:root {
  --nouvo-ink: #3b2118;
  --nouvo-brown: #6f3e27;
  --nouvo-caramel: #9a5b36;
  --nouvo-cream: #f7f1e9;
  --nouvo-paper: #fffdf9;
  --nouvo-line: #d8c6b8;
  --nouvo-gold: #b08a48;
}

body {
  background: var(--nouvo-paper);
  color: var(--nouvo-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .005em;
}

h1, h2, h3, h4,
.wp-block-post-title,
.woocommerce div.product .product_title {
  color: var(--nouvo-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: -.02em;
}

header.wp-block-template-part {
  background: rgba(255,253,249,.96);
  border-bottom: 1px solid var(--nouvo-line);
}

header .wp-block-site-title a {
  color: var(--nouvo-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: .18em;
  text-decoration: none;
  text-transform: lowercase;
}

header .wp-block-navigation-item__content {
  color: var(--nouvo-ink);
  font-size: .84rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

header .wp-block-navigation-item__content:hover,
header .current-menu-item > .wp-block-navigation-item__content {
  color: var(--nouvo-caramel);
}

.wp-element-button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: var(--nouvo-brown) !important;
  border: 1px solid var(--nouvo-brown) !important;
  border-radius: 0 !important;
  color: #fff !important;
  font-weight: 600 !important;
  letter-spacing: .08em;
  min-height: 48px;
  padding: .9rem 1.5rem !important;
  text-transform: uppercase;
  transition: background .2s ease, color .2s ease;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: transparent !important;
  color: var(--nouvo-brown) !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--nouvo-brown);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.7rem;
}

.woocommerce div.product div.images img {
  background: var(--nouvo-cream);
}

.woocommerce div.product .woocommerce-product-gallery__image {
  background: var(--nouvo-cream);
}

.woocommerce div.product .quantity .qty {
  border: 1px solid var(--nouvo-line);
  border-radius: 0;
  min-height: 48px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  border-bottom: 1px solid var(--nouvo-line);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent;
  border: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--nouvo-brown);
}

.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
  color: #806c60 !important;
  font-size: .83rem !important;
  letter-spacing: .04em;
}

footer.wp-block-template-part {
  background: var(--nouvo-ink);
  color: var(--nouvo-cream);
}

footer.wp-block-template-part a {
  color: var(--nouvo-cream);
}

::selection {
  background: var(--nouvo-line);
  color: var(--nouvo-ink);
}

@media (max-width: 782px) {
  header .wp-block-site-title a {
    font-size: 1.35rem;
  }

  .woocommerce div.product .product_title {
    font-size: 2.4rem;
    line-height: 1.08;
  }

  .woocommerce div.product form.cart .button {
    width: calc(100% - 82px);
  }
}


/* Nouvo primary navigation: keep the launch menu focused */
header .wp-block-navigation-item:has(a[href*="/about/"]),
header .wp-block-navigation-item:has(a[href*="/cart/"]),
header .wp-block-navigation-item:has(a[href*="/checkout/"]),
header .wp-block-navigation-item:has(a[href*="/gallery/"]),
header .wp-block-navigation-item:has(a[href*="/my-account/"]),
header .wp-block-navigation-item:has(a[href*="/our-mission/"]) {
  display: none !important;
}

header .wp-block-navigation__container > li:has(a[href="https://nouvo-global.com/"]) { order: 1; }
header .wp-block-navigation__container > li:has(a[href*="/shop/"]) { order: 2; }
header .wp-block-navigation__container > li:has(a[href*="/brand-story/"]) { order: 3; }
header .wp-block-navigation__container > li:has(a[href*="/where-to-buy/"]) { order: 4; }

header .wp-block-page-list > li.menu-item-home { order: 1; }
header .wp-block-page-list > li:has(a[href*="/shop/"]) { order: 2; }
header .wp-block-page-list > li:has(a[href*="/brand-story/"]) { order: 3; }
header .wp-block-page-list > li:has(a[href*="/where-to-buy/"]) { order: 4; }


/* WooCommerce uses $ for SGD by default; show the unambiguous S$ prefix */
.woocommerce-Price-currencySymbol { display: none; }
.woocommerce-Price-amount bdi::before { content: "S$"; }


/* Compact single-product Add to Cart button */
.single-product .single_add_to_cart_button {
  white-space: nowrap;
  font-size: 15px;
  line-height: 1.2;
  min-height: 44px;
  padding: 10px 18px;
}
.single-product button.single_add_to_cart_button {
  min-height: 44px !important;
  padding: 10px 18px !important;
}
.single-product button.single_add_to_cart_button { min-width: 120px !important; }
.single-product button.single_add_to_cart_button { min-width: 132px !important; }

/* Keep legal policy links in the footer, not the primary header */
header .wp-block-navigation-item:has(a[href*="/privacy-cookie-policy/"]),
header .wp-block-page-list > li:has(a[href*="/privacy-cookie-policy/"]) {
  display: none !important;
}

/* Keep Contact in the footer, not the primary header */
header .wp-block-navigation-item:has(a[href*="/contact/"]),
header .wp-block-page-list > li:has(a[href*="/contact/"]) {
  display: none !important;
}

/* Balanced mobile header controls */
@media (max-width: 700px) {
  header .site-header {
    display: grid !important;
    grid-template-columns: minmax(96px, 1fr) 44px 44px 44px;
    column-gap: 6px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  header .site-header .site-brand {
    min-width: 0;
    margin: 0 !important;
  }

  header .site-header > .wp-block-navigation,
  header .site-header > .wp-block-woocommerce-customer-account,
  header .site-header > .wc-block-mini-cart {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }

  header .wp-block-navigation__responsive-container-open,
  header .wc-block-customer-account__link,
  header .wc-block-mini-cart__button {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
  }

  header .wp-block-navigation__responsive-container-open svg,
  header .wc-block-customer-account__link svg,
  header .wc-block-mini-cart__button svg {
    width: 24px !important;
    height: 24px !important;
  }

  header .wp-block-navigation__responsive-container-open:focus,
  header .wc-block-customer-account__link:focus,
  header .wc-block-mini-cart__button:focus {
    outline: none !important;
    box-shadow: none !important;
  }

  header .wp-block-navigation__responsive-container-open:focus-visible,
  header .wc-block-customer-account__link:focus-visible,
  header .wc-block-mini-cart__button:focus-visible {
    outline: 1px solid #b08a48 !important;
    outline-offset: 2px;
    background: #f7f1e9;
  }
}

@media (max-width: 700px) {
  header .site-header .site-brand > .wp-block-site-logo {
    display: none !important;
  }

  header .site-header .site-brand > .site-words-stack {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
  }

  header .site-header > .wp-block-navigation {
    grid-column: 2;
    grid-row: 1;
  }

  header .site-header > .wp-block-woocommerce-customer-account {
    grid-column: 3;
    grid-row: 1;
  }

  header .site-header > .wc-block-mini-cart {
    grid-column: 4;
    grid-row: 1;
  }
}