/** Shopify CDN: Minification failed

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

**/
/* Level Pegs — Premium Brand CSS
   Visual direction: editorial, premium e-commerce
   Treatment B: underline text-link buttons
   Palette: Figma design system (bone/charcoal/grove/sage/wood/driftwood)

   RULES:
   - No logo modifications
   - No AI imagery
   - Works with existing Dawn section CSS
   - Mobile-first
*/

/* ============================================
   CUSTOM PROPERTIES — Figma palette
   ============================================ */
:root {
  /* Core palette */
  --lp-bone: #F2EDE4;
  --lp-parchment: #E8E0D0;
  --lp-charcoal: #1C1C1A;
  --lp-grove: #2C4A2E;
  --lp-sage: #4A6741;
  --lp-wood: #7A5C3A;
  --lp-driftwood: #A8896A;

  /* Named tee colours */
  --lp-bel-air: #7EB3C8;
  --lp-continental: #2E4057;
  --lp-firebird: #D94F3D;
  --lp-holly: #2C5F2E;
  --lp-blue-raspberry: #4A90D9;
  --lp-spitfire: #E87722;
  --lp-highlander: #B5A642;
  --lp-merion: #3A6B35;
  --lp-sedona: #C4714A;
  --lp-thunderbird: #8B1A1A;

  /* Typography */
  --lp-font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --lp-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Spacing scale */
  --lp-space-xs: 0.5rem;
  --lp-space-sm: 1rem;
  --lp-space-md: 2rem;
  --lp-space-lg: 3rem;
  --lp-space-xl: 4rem;
  --lp-space-2xl: 6rem;
}

/* ============================================
   GOOGLE FONTS — Playfair Display for headings
   Loaded via theme.liquid snippet or CSS @import.
   If Shopify's font picker is used instead, this
   acts as fallback only.
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');

/* ============================================
   TYPOGRAPHY
   ============================================ */

/* Headings — serif, editorial weight */
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5 {
  font-family: var(--lp-font-heading);
  letter-spacing: -0.01em;
  font-weight: 400;
  line-height: 1.15;
}

.h0, h1 {
  font-weight: 400;
  line-height: 1.1;
}

h2, .h2 {
  font-weight: 400;
}

/* Body — clean system stack */
body, p, li, td, th, input, textarea, select, button {
  font-family: var(--lp-font-body);
}

/* Rich text — comfortable reading */
.rte p, .rte li {
  line-height: 1.7;
}

/* ============================================
   TREATMENT B — UNDERLINE TEXT-LINK BUTTONS
   Square edges (radius 0 set in settings).
   Primary buttons: solid fill, no border-radius.
   Secondary/outline buttons: text-link style
   with underline, no background, no border.
   ============================================ */

/* Primary buttons — solid, square, restrained */
.button,
.shopify-challenge__button,
button[type="submit"],
.shopify-payment-button__button {
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.8rem;
  font-weight: 600;
  font-family: var(--lp-font-body);
  padding: 0.875rem 2rem;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Remove hover lift — premium sites don't bounce */
.button:hover {
  transform: none;
  opacity: 0.9;
}

.button:active {
  transform: none;
}

/* Secondary buttons — Treatment B underline text link */
.button--secondary,
a.button--secondary,
.button--tertiary,
a.button--tertiary {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0.25rem 0;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.8rem;
  font-weight: 600;
  transition: text-decoration-thickness 0.2s ease;
}

.button--secondary:hover,
a.button--secondary:hover,
.button--tertiary:hover,
a.button--tertiary:hover {
  text-decoration-thickness: 2px;
  background: transparent !important;
}

/* "View all" links in collection grids — underline style */
.collection__view-all a,
.view-all a {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.8rem;
  font-weight: 600;
}

.collection__view-all a:hover,
.view-all a:hover {
  text-decoration-thickness: 2px;
}

/* Quick add button on collection grids */
.quick-add__submit {
  border-radius: 0 !important;
  transition: opacity 0.2s ease;
}

/* ============================================
   HOMEPAGE SECTIONS
   ============================================ */

/* Hero slideshow — full bleed, editorial text */
.slideshow .banner__content {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.slideshow .banner__heading {
  font-family: var(--lp-font-heading);
  font-weight: 400;
  letter-spacing: -0.02em;
}

/* Section headings — generous top spacing */
.section-header .title {
  font-family: var(--lp-font-heading);
}

/* Image with text sections — premium spacing */
.image-with-text .image-with-text__content {
  padding: var(--lp-space-lg);
}

/* Collection list cards — clean hover */
.collection-list .card:hover {
  box-shadow: none;
}

/* ============================================
   PRODUCT PAGE
   ============================================ */

/* Product title — serif */
.product__title {
  font-family: var(--lp-font-heading);
  font-weight: 400;
  letter-spacing: -0.01em;
}

/* Price — confident size */
.product .price {
  font-size: 1.25rem;
  font-weight: 600;
}

/* Variant picker — square swatches for colours */
.product-form__input--pill input[type="radio"] + label {
  border-radius: 0;
}

/* Delivery & Returns collapsible — clean icon */
.product .accordion summary .icon-accordion {
  flex-shrink: 0;
}

/* Quantity selector spacing */
.product-form__quantity {
  margin-bottom: 1rem;
}

/* ============================================
   CART
   ============================================ */

/* Shipping progress banner — premium feel */
.cart .section-shipping-banner .rich-text__text p {
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0;
}

/* ============================================
   NEWSLETTER / EMAIL CAPTURE
   ============================================ */

/* Newsletter on homepage — restrained width */
.newsletter .newsletter-form__field-wrapper {
  max-width: 440px;
  margin: 0 auto;
}

/* Newsletter heading — serif */
.newsletter .title {
  font-family: var(--lp-font-heading);
}

/* Newsletter input — square to match buttons */
.newsletter .field__input {
  border-radius: 0;
}

.newsletter .newsletter__button {
  border-radius: 0;
}

/* ============================================
   CARDS — Product & Collection
   ============================================ */

/* Product card titles — serif, restrained */
.card__heading {
  font-family: var(--lp-font-heading);
  font-weight: 400;
  font-size: 0.95rem;
}

/* Card hover — subtle, no bounce */
.card:hover .card__heading {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

/* Card images — no border radius */
.card .media {
  border-radius: 0;
}

/* ============================================
   HEADER & NAVIGATION
   ============================================ */

/* Header — clean, no shadow initially */
.header {
  border-bottom: 1px solid rgba(28, 28, 26, 0.1);
}

/* Nav links — uppercase, tracked */
.header__menu-item span {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8rem;
  font-weight: 600;
}

/* ============================================
   FOOTER
   ============================================ */

.footer {
  border-top: 1px solid rgba(28, 28, 26, 0.1);
}

.footer h2, .footer .h2 {
  font-family: var(--lp-font-heading);
  font-weight: 400;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* ============================================
   TRUST / SUSTAINABILITY STRIP
   ============================================ */

/* Multicolumn used as trust strip — icon grid */
.multicolumn .multicolumn-card__info {
  text-align: center;
}

.multicolumn .multicolumn-card__info h3 {
  font-family: var(--lp-font-body);
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* ============================================
   MOBILE REFINEMENTS
   ============================================ */

@media screen and (max-width: 749px) {
  /* Comfortable side gutters */
  .page-width {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  /* Readable text on small screens */
  .rte p, .rte li {
    font-size: 0.95rem;
    line-height: 1.65;
  }

  /* Product page — price visible without scroll */
  .product__info-container {
    padding-top: 1rem;
  }

  /* Buttons — full width on mobile */
  .button {
    width: 100%;
  }

  /* Hero text — slightly smaller */
  .slideshow .banner__heading {
    font-size: 2rem;
  }

  /* Image-with-text — tighter on mobile */
  .image-with-text .image-with-text__content {
    padding: var(--lp-space-md);
  }
}

/* ============================================
   ACCESSIBILITY
   ============================================ */

/* Focus states — grove green outline */
*:focus-visible {
  outline: 2px solid var(--lp-grove);
  outline-offset: 2px;
}

/* Skip link */
.skip-to-content-link:focus {
  clip: auto;
  height: auto;
  width: auto;
  position: fixed;
  z-index: 10000;
}

/* Reduced motion — respect user preference */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}