/** Shopify CDN: Minification failed

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

**/
/*
  The Rake — PDP refinements
  rk-pdp.css
*/

/* =====================================================================
   1. CALLOUT TAG SPACING
   ===================================================================== */
.price--on-sale ~ .rk-callout,
.callout__label,
[class*='callout-bar'] {
  margin-block-end: 1px;
}

.product-details .text-block h3,
.product-details h3 {
  margin-block-start: 1px;
}

/* =====================================================================
   2. SALE PRICE — colour + weight
   ===================================================================== */
.price--on-sale,
[data-template*='product'] :is(.price--on-sale, .price.price--on-sale) {
  color: #E8291C !important;
  font-weight: 300 !important;
}

/* =====================================================================
   3. SIZE / VARIANT PICKER
   Border-only selected state
   ===================================================================== */
.variant-option__button-label:has(input:checked) {
  background-color: transparent !important;
  border-color: #1a1a1a !important;
  color: #1a1a1a !important;
}

.variant-option__button-label:has(input:checked) .variant-option__button-label__pill {
  display: none !important;
}

.variant-option__button-label {
  border-color: #d8d8d8;
  color: #1a1a1a;
}

.variant-option__button-label:hover {
  border-color: #1a1a1a;
}

/* =====================================================================
   4. SIZE GUIDE TRIGGER — in legend row
   ===================================================================== */
.rk-sg-trigger {
  font-size: 0.6875rem !important;
  font-weight: 400;
  color: #1a1a1a;
  opacity: 0.45;
  background: none;
  border: none;
  border-bottom: 1px solid currentColor;
  padding: 0 0 1px;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: opacity 0.15s ease;
  flex-shrink: 0;
}

.rk-sg-trigger:hover {
  opacity: 0.9;
}

/* Hide old standalone wrap */
.rk-sg-wrap {
  display: none !important;
}

/* =====================================================================
   5. COLOUR LABEL — match size label styling
   ===================================================================== */
.rk-swatches-title {
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  opacity: 0.5 !important;
}

/* =====================================================================
   6. COLOUR SWATCHES — reduce gap above final sale notice
   ===================================================================== */
.rk-swatches {
  margin-bottom: 0.25rem !important;
}

/* =====================================================================
   7. FINAL SALE NOTICE — centred, tight above Add to Bag
   ===================================================================== */
.rk-final-sale-notice {
  text-align: center !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0.25rem !important;
  padding: 0 !important;
}

/* =====================================================================
   8. BRAND / VENDOR LINK — tighter gap below
   ===================================================================== */
[class*='ai-vendor-link'] a {
  font-size: 0.8125rem !important;
  font-weight: 300 !important;
  color: #888888 !important;
  letter-spacing: 0.01em;
  text-decoration: none !important;
}

[class*='ai-vendor-link'] [class*='__prefix'] {
  color: #aaaaaa !important;
  font-weight: 300 !important;
}

[class*='ai-vendor-link'] svg {
  width: 10px !important;
  height: 10px !important;
  stroke-width: 1.5 !important;
  opacity: 0.5;
}

[class*='ai-vendor-link'] a:hover {
  color: #1a1a1a !important;
}

/* The vendor link block has an 8px margin-bottom — reduce it */
[class*='ai-vendor-link'] {
  margin-bottom: 2px !important;
}

/* =====================================================================
   9. PICKUP AVAILABILITY
   ===================================================================== */
.pickup-availability__row .svg-wrapper svg {
  width: 14px;
  height: 14px;
  opacity: 0.7;
}

.pickup-location__text-sm {
  font-size: 0.75rem !important;
  font-weight: 300 !important;
}

.pickup-location__text-xs {
  font-size: 0.6875rem !important;
  opacity: 0.55;
}

.pickup-location__button {
  font-size: 0.6875rem !important;
  font-weight: 300 !important;
  opacity: 0.55;
  border-bottom: 1px solid currentColor;
  text-decoration: none !important;
}

.pickup-location__button:hover {
  opacity: 1;
}

/* =====================================================================
   10. ADD TO CART BUTTON — Playfair Display
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400&display=swap');

.add-to-cart-button .add-to-cart-text__content span:first-child {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em;
  font-size: 0.9375rem;
  text-transform: none !important;
}

/* =====================================================================
   11. PDP ACCORDION HEADINGS — Playfair Display
   ===================================================================== */
.product-details .accordion [data-accordion-heading],
.product-details .accordion summary,
.product-details .accordion legend,
.product-details .accordion__heading,
.product-details ._accordion-row > summary,
.product-details ._accordion-row > button {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 0.9375rem !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
}

/* =====================================================================
   12. FOOTER ACCORDION HEADINGS — Playfair Display
   ===================================================================== */
.menu__heading .menu__heading__accordion,
.menu__heading .menu__heading__default,
.footer .menu__heading {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.01em;
  text-transform: none !important;
}
