/** Shopify CDN: Minification failed

Line 10:0 All "@import" rules must come first

**/
/* Westwood Interiors — Global Custom Styles */

html { scroll-behavior: smooth; }

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&family=Poppins:wght@400;500;600&display=swap');

:root {
  --ww-gold: #AB843B;
  --ww-gold-cta: #AD853B;
  --ww-gold-hover: #956F2F;
  --ww-dark: #1B1B18;
  --ww-light-bg: #FDFBFA;
  --ww-secondary-bg: #F7F5F3;
  --ww-text: #333333;
  --ww-text-on-dark: #FEFCFB;
  --ww-white: #FFFFFF;
  --ww-text-secondary: #555555;
  --ww-text-muted: #777777;
  --ww-border: #dddddd;
  --ww-font-heading: 'Barlow', sans-serif;
  --ww-font-body: 'Poppins', sans-serif;
}

body {
  font-family: var(--ww-font-body);
  color: var(--ww-text);
  background-color: var(--ww-light-bg);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ww-font-heading);
}

h1 { font-weight: 700; }
h2, h3 { font-weight: 500; }

.btn-gold,
.ww-btn-gold {
  display: inline-block;
  background-color: var(--ww-gold-cta);
  color: var(--ww-white);
  font-family: var(--ww-font-body);
  font-weight: 500;
  font-size: 14px;
  padding: 12px 28px;
  border-radius: 5px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}

.btn-gold:hover,
.ww-btn-gold:hover {
  background-color: var(--ww-gold-hover);
  color: var(--ww-white);
}

.btn-outline-gold {
  display: inline-block;
  background: transparent;
  color: var(--ww-gold);
  font-family: var(--ww-font-body);
  font-weight: 500;
  font-size: 14px;
  padding: 10px 26px;
  border: 2px solid var(--ww-gold);
  border-radius: 5px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}

.btn-outline-gold:hover {
  background-color: var(--ww-gold);
  color: var(--ww-white);
}

/* ---- Header Overrides (Desktop: >1024px) ---- */
@media (min-width: 1101px) {
  .header__row--top {
    height: 112px !important;
    background-color: #FEFCFB !important;
    align-items: center !important;
  }
  .header__columns {
    grid-template-columns: 1fr !important;
    align-items: center !important;
    height: 100% !important;
  }
  .header__column--left {
    flex: 1 !important;
    height: 100% !important;
  }
  .header-logo img,
  .header__heading-link img {
    width: 166px !important;
    height: 85px !important;
    object-fit: contain !important;
  }
  .header-logo { min-width: 166px; }
  /* Shopify's built-in menu is hidden — our custom-header-search section renders the nav */
  .header-menu { display: none !important; }
  /* Hide search, account, cart icons on desktop */
  .header__column--right {
    display: none !important;
  }
  /* Hide hamburger on desktop */
  .header__drawer {
    display: none !important;
  }
}

/* ---- Mobile/Tablet Header (≤1100px) ---- */
@media (max-width: 1100px) {
  .header__row--top {
    height: auto !important;
    min-height: 70px !important;
    background-color: #FEFCFB !important;
    align-items: center !important;
    padding: 10px 16px !important;
  }
  .header__columns {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    row-gap: 0 !important;
    align-items: center !important;
  }
  .header__column--left {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    grid-column: 1 / -1 !important;
    gap: 0 !important;
  }
  /* Logo left — margin-right: auto absorbs free space, pushing icons flush together */
  .header-logo {
    order: -1 !important;
    justify-content: flex-start !important;
    margin-right: auto !important;
  }
  .header-logo img,
  .header__heading-link img {
    width: 120px !important;
    max-height: 60px !important;
    height: auto !important;
    object-fit: contain !important;
  }
  /* Hamburger right — force visible */
  .header__drawer {
    order: 99 !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
  }
  .header__drawer button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 8px !important;
  }
  /* Replace 2-line hamburger with 3-line, sized to match search icon */
  .header__drawer .header-drawer-icon--open svg {
    width: 22px !important;
    height: 22px !important;
    viewBox: 0 0 22 22 !important;
  }
  .header__drawer .header-drawer-icon--open svg path { display: none !important; }
  .header__drawer .header-drawer-icon--open svg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
  /* Hide desktop nav */
  .header-menu {
    display: none !important;
  }
  /* Hide search, account, cart */
  .header__column--right,
  search-button,
  .search-action {
    display: none !important;
  }
  /* Override mobile search btn auto-margin so it sits flush next to hamburger */
  .ww-mobile-search-btn {
    margin-left: 0 !important;
  }
  /* ---- Drawer: slide from RIGHT to match hamburger position ---- */
  .menu-drawer {
    left: auto !important;
    right: 0 !important;
    max-width: 100% !important;
    transform: translate(100%) !important;
  }
  .menu-open > .menu-drawer {
    transform: translate(0) !important;
  }
  .menu-drawer__close-button {
    margin-left: auto !important;
  }
  .menu-drawer__animated-element {
    animation-name: none !important;
  }
  /* Smaller menu items */
  .menu-drawer__menu-item {
    font-size: 18px !important;
    line-height: 1.4 !important;
    padding: 6px 0 !important;
  }
  /* Hide product cards at bottom of drawer */
  .menu-drawer__featured-content {
    display: none !important;
  }
}

/* ---- ≤825px: collapse Shopify grid side columns so logo aligns at 16px ---- */
@media (max-width: 825px) {
  .header__row--top {
    grid-template-columns: 0px 1fr 0px !important;
  }
}

/* ---- Featured Products Section ---- */
.ww-featured__heading { text-align: center; }

/* Featured Products button — center and match border-radius */
[id*="product_list"] .button,
.ww-featured .btn-gold {
  display: block !important;
  margin: 24px auto 0 !important;
  border-radius: 5px !important;
  width: fit-content !important;
}

.product__price,
.price,
.product-form__cart-submit,
.product-form__buttons,
.shopify-payment-button { display: none !important; }

/* ---- Hide sale badges & compare-at pricing (Horizon theme) ---- */
.product-badges,
.product-badges__badge,
.badge,
.badge--sale,
.badge--sold-out,
.card__badge { display: none !important; }

.price-item--regular.compare-at-price,
.price__sale .price-item__group:has(.compare-at-price) { display: none !important; }

.price--on-sale .price-item--sale {
  color: inherit !important;
  font-weight: inherit !important;
}

.product-card {
  text-align: left;
}

.product-card a {
  text-decoration: none;
  color: var(--ww-text);
}

/* Product card gallery carousel */
.product-card__gallery {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 6px;
  background-color: #FFFFFF;
}
.product-card__slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.product-card__slide.is-active { opacity: 1; }
.product-card__gallery:hover .product-card__slide.is-active { transform: scale(1.05); }
.product-card__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,0.85);
  color: #333;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s;
  z-index: 2;
  padding: 0;
}
.product-card__arrow--prev { left: 6px; }
.product-card__arrow--next { right: 6px; }
.product-card__gallery:hover .product-card__arrow { opacity: 1; }
.product-card__arrow:hover { background: #fff; }

/* Fallback for cards without gallery wrapper (e.g. search results) */
.product-card img:not(.product-card__slide) {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 6px;
  background-color: #FFFFFF;
}

.product-card h3 {
  font-family: var(--ww-font-body);
  font-size: 16px;
  font-weight: 500;
  margin: 12px 0 4px;
  color: var(--ww-text);
}

.product-card .view-details {
  font-size: 13px;
  color: var(--ww-gold);
  font-weight: 500;
}

/* Related products — match collection card image style */
product-recommendations .product-media-container {
  aspect-ratio: 1 / 1;
  background-color: #FFFFFF;
}
product-recommendations .product-media__image {
  object-fit: contain !important;
}

/* ---- Page-load fade-in/up animations ---- */
@keyframes ww-fadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

.ww-animate {
  opacity: 0;
  transform: translateY(24px);
}

.ww-animate.is-visible {
  animation: ww-fadeUp 0.6s ease-out forwards;
  animation-delay: var(--ww-delay, 0s);
}

@media (max-width: 825px) {
  @keyframes ww-fadeUp {
    from { opacity: 0; transform: translateY(30px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  .ww-animate { transform: translateY(30px); }
  .ww-animate.is-visible {
    animation-delay: 0s !important;
    animation-duration: 0.8s;
    animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ww-animate {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}
