/** Shopify CDN: Minification failed

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

**/
/* ===== Spada Jewellers — Design System Override ===== */

/* ===== Logo ===== */
.spada-logo {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-decoration: none !important;
  line-height: 1 !important;
  gap: 3px !important;
}

.spada-logo__main {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.55rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.35em !important;
  color: #9c7a37 !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

.spada-logo__sub {
  font-family: 'Jost', sans-serif !important;
  font-size: 0.52rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.32em !important;
  color: #847d6e !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,500&family=Jost:wght@300;400;500&display=swap');

/* Override theme CSS variables at root */
:root,
.color-scheme-1,
[class*="color-"] {
  --color-background: rgb(255, 255, 255) !important;
  --color-foreground: rgb(28, 26, 23) !important;
  --color-foreground-rgb: 28 26 23 !important;
  --color-foreground-heading: rgb(28, 26, 23) !important;
  --color-foreground-heading-rgb: 28 26 23 !important;
  --color-primary: rgb(185, 144, 74) !important;
  --color-primary-rgb: 185 144 74 !important;
  --color-primary-hover: rgb(156, 122, 55) !important;
  --color-primary-hover-rgb: 156 122 55 !important;
  --color-border: rgba(185, 144, 74, 0.22) !important;
  --color-border-rgb: 185 144 74 !important;
  --color-primary-button-text: rgb(255, 255, 255) !important;
  --color-primary-button-background: rgb(185, 144, 74) !important;
  --color-primary-button-border: rgb(185, 144, 74) !important;
  --color-primary-button-hover-text: rgb(255, 255, 255) !important;
  --color-primary-button-hover-background: rgb(156, 122, 55) !important;
  --color-primary-button-hover-border: rgb(156, 122, 55) !important;
  --color-secondary-button-text: rgb(28, 26, 23) !important;
  --color-secondary-button-background: transparent !important;
  --color-secondary-button-border: rgba(28, 26, 23, 0.2) !important;
  --color-secondary-button-hover-text: rgb(156, 122, 55) !important;
  --color-secondary-button-hover-background: transparent !important;
  --color-secondary-button-hover-border: rgb(185, 144, 74) !important;

  /* Font overrides */
  --font-body--family: 'Jost', sans-serif !important;
  --font-heading--family: 'Cormorant Garamond', serif !important;
  --font-subheading--family: 'Jost', sans-serif !important;
  --font-accent--family: 'Cormorant Garamond', serif !important;
  --font-h1--family: 'Cormorant Garamond', serif !important;
  --font-h2--family: 'Cormorant Garamond', serif !important;
  --font-h3--family: 'Cormorant Garamond', serif !important;

  /* Border radius — square/sharp edges */
  --style-border-radius-buttons-primary: 0px !important;
  --style-border-radius-buttons-secondary: 0px !important;
  --style-border-radius-inputs: 0px !important;
  --style-border-radius-sm: 0px !important;
  --style-border-radius-md: 0px !important;
  --style-border-radius-lg: 0px !important;
}

/* ===== Body & typography ===== */
body {
  font-family: 'Jost', sans-serif !important;
  font-weight: 300 !important;
  color: #1c1a17 !important;
  background: #ffffff !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  color: #1c1a17 !important;
}

/* ===== Announcement / top bar ===== */
.announcement-bar,
.announcement-bar .section-background,
[class*="announcement"] {
  background: #1c1a17 !important;
  color: #fbf8f2 !important;
}

.announcement-bar *,
.announcement-bar a {
  color: #fbf8f2 !important;
  font-size: 0.74rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
}

/* ===== Header ===== */
header-component,
.header-section .section-background,
.header-wrapper,
.shopify-section-group-header-group {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(185, 144, 74, 0.22) !important;
}

/* Logo */
.header__logo,
.logo,
[class*="logo"] {
  font-family: 'Cormorant Garamond', serif !important;
  letter-spacing: 0.3em !important;
  font-weight: 500 !important;
  color: #9c7a37 !important;
  font-size: 1.4rem !important;
}

/* Nav links */
.header__menu-item,
.header__menu-item a,
.header__menu > li > a,
nav a {
  font-family: 'Jost', sans-serif !important;
  font-size: 0.76rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: #1c1a17 !important;
}

.header__menu-item a:hover,
nav a:hover {
  color: #9c7a37 !important;
}

/* ===== Buttons ===== */
.button,
.button--primary,
[class*="btn"],
button[type="submit"],
.shopify-challenge__button {
  font-family: 'Jost', sans-serif !important;
  font-size: 0.76rem !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  border-radius: 0 !important;
}

/* ===== Cards ===== */
.card,
.product-card,
[class*="card"] {
  border-radius: 0 !important;
}

/* ===== Footer ===== */
.footer,
footer {
  background: #ffffff !important;
  border-top: 1px solid rgba(185, 144, 74, 0.22) !important;
  color: #1c1a17 !important;
}

.footer__heading,
.footer h4,
[class*="footer"] h4,
[class*="footer"] [class*="heading"] {
  font-family: 'Jost', sans-serif !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #9c7a37 !important;
  font-weight: 400 !important;
}

.footer a,
[class*="footer"] a {
  color: #847d6e !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 300 !important;
  transition: color 0.3s ease !important;
}

.footer a:hover,
[class*="footer"] a:hover {
  color: #9c7a37 !important;
}

/* ===== Price ===== */
.price,
.price__regular,
[class*="price"] {
  color: #9c7a37 !important;
  font-family: 'Jost', sans-serif !important;
}

/* ===== Inputs ===== */
input,
textarea,
select {
  border-radius: 0 !important;
  font-family: 'Jost', sans-serif !important;
}

/* ===== Focus ===== */
:focus-visible {
  outline-color: #9c7a37 !important;
}

/* ===== Marquee ===== */
[class*="marquee"] {
  border-top: 1px solid rgba(185, 144, 74, 0.22) !important;
  border-bottom: 1px solid rgba(185, 144, 74, 0.22) !important;
  background: #fbf8f2 !important;
}

[class*="marquee"] * {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  color: #9c7a37 !important;
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* ===== Collection page — price + SKU on same row ===== */
.product-card .product-card__content {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: baseline !important;
  column-gap: 10px !important;
}

/* Gallery, zoom-out details, title — span full width */
.product-card .product-card__content > .card-gallery,
.product-card .product-card__content > .product-grid-view-zoom-out--details,
.product-card .product-card__content > a.contents {
  grid-column: 1 / -1 !important;
}

/* Price → left */
.product-card .product-card__content > price-component {
  grid-column: 1 !important;
}

/* SKU/report number → right, lighter and monospace */
.product-card .product-card__content > product-sku-component {
  grid-column: 2 !important;
  font-family: 'JetBrains Mono', 'Courier New', monospace !important;
  font-size: 0.72rem !important;
  color: #847d6e !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
}

.product-card product-sku-component * {
  font-family: 'JetBrains Mono', 'Courier New', monospace !important;
  font-size: 0.72rem !important;
  color: #847d6e !important;
}

/* ===== Product page — landscape (images left, details right) ===== */
/* Images fill their column height neatly */
.product-information__media img,
.product-information__media video,
.product-information__media .media {
  max-height: 80vh !important;
  object-fit: contain !important;
}

/* ===== Product page — compact buy buttons ===== */
.buy-buttons-block {
  max-width: 420px !important;
}

/* Override height/padding for Add to Cart */
.add-to-cart-button,
.product-form-buttons button {
  --height-buy-buttons: 42px !important;
  height: 42px !important;
  padding-block: 0 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.2em !important;
}

/* Side-by-side buttons (not stacked) */
.product-form-buttons--stacked > *:not(
  .quantity-selector-wrapper,
  .quantity-rules,
  .quantity-label,
  .volume-pricing,
  .product-form-text__error
) {
  flex-basis: var(--buy-button-preferred-width, 140px) !important;
}

/* Dynamic checkout (PayPal, Apple Pay, etc.) */
.shopify-payment-button__button,
.shopify-payment-button__button--branded {
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 !important;
}

.shopify-payment-button {
  max-width: 420px !important;
}

/* ===== Footer ABN ===== */
.spada-footer-abn {
  display: inline-block;
  margin-left: 14px;
  padding-left: 14px;
  border-left: 1px solid rgba(185,144,74,0.22);
  color: #847d6e !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 0.74rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.05em !important;
}