/** Shopify CDN: Minification failed

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

**/
/* ═══════════════════════════════════════════════════════
   THE STITCH LADI — Custom CSS for Shopify Dawn 15.x
   ═══════════════════════════════════════════════════════
   
   HOW TO INSTALL:
   ───────────────
   Option A (easiest):
     1. Go to Online Store → Themes → Customize
     2. Click "Theme Settings" (gear icon, bottom-left)
     3. Scroll to "Custom CSS" at the very bottom
     4. Paste this entire file there
     5. Save
   
   Option B (cleaner, via Edit Code):
     1. Go to Online Store → Themes → "..." → Edit code
     2. In the Assets folder, click "Add a new asset"
     3. Create a blank file called "stitch-ladi-custom.css"
     4. Paste this entire file there
     5. Open layout/theme.liquid
     6. Find the </head> tag and add this line BEFORE it:
        {{ 'stitch-ladi-custom.css' | asset_url | stylesheet_tag }}
     7. Save both files
   
   ═══════════════════════════════════════════════════════ */


/* ─── BRAND VARIABLES ─── */
:root {
  --stitch-blue-lightest: #d8ecf5;
  --stitch-blue-light: #afd5f0;
  --stitch-blue-mid: #6e8fa6;
  --stitch-blue-primary: #4974a5;
  --stitch-blue-dark: #2e3a44;
  --stitch-cream: #faf8f4;
  --stitch-white: #fffff9;
  --stitch-warm-white: #f7f5f0;
  --stitch-text: #2e3a44;
  --stitch-text-light: #6e8fa6;
}


/* ─── GLOBAL OVERRIDES ─── */
body,
.shopify-section {
  font-family: 'Libre Franklin', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Background: warm cream instead of stark white */
body {
  background-color: var(--stitch-cream) !important;
}

/* All headings: Cormorant Garamond */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.hN,
[class*="heading"],
[class*="title"] {
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
  font-weight: 300 !important;
  color: var(--stitch-blue-dark) !important;
  letter-spacing: 0.01em;
}

/* Load Google Fonts (backup if not in theme settings) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Libre+Franklin:wght@300;400;500&display=swap');


/* ─── ANNOUNCEMENT BAR ─── */
.announcement-bar {
  background-color: var(--stitch-blue-dark) !important;
  border: none !important;
}

.announcement-bar__message,
.announcement-bar a,
.announcement-bar p {
  color: var(--stitch-blue-lightest) !important;
  font-family: 'Libre Franklin', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}


/* ─── HEADER / NAVIGATION ─── */
.header-wrapper {
  background-color: var(--stitch-cream) !important;
  border-bottom: 1px solid var(--stitch-blue-lightest) !important;
}

/* Nav links */
.header__menu-item,
.header__menu-item span,
.header__menu-item a,
.list-menu__item a {
  font-family: 'Libre Franklin', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: var(--stitch-text) !important;
}

.header__menu-item:hover span,
.header__menu-item:hover a,
.list-menu__item a:hover {
  color: var(--stitch-blue-primary) !important;
}

/* Remove underline animation, replace with subtle bottom border */
.header__menu-item::after,
.header__active-menu-item::after {
  background-color: var(--stitch-blue-primary) !important;
  height: 1px !important;
}


/* ─── BUTTONS ─── */
/* Primary / solid buttons */
.button,
.shopify-payment-button__button,
button[name="add"],
.cart__submit-button,
.button--primary {
  background-color: var(--stitch-blue-dark) !important;
  color: var(--stitch-white) !important;
  border: 1px solid var(--stitch-blue-dark) !important;
  font-family: 'Libre Franklin', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  border-radius: 0 !important;
  transition: background-color 0.3s ease, border-color 0.3s ease !important;
}

.button:hover,
.shopify-payment-button__button:hover,
button[name="add"]:hover,
.cart__submit-button:hover,
.button--primary:hover {
  background-color: var(--stitch-blue-primary) !important;
  border-color: var(--stitch-blue-primary) !important;
}

/* Secondary / outline buttons */
.button--secondary {
  background-color: transparent !important;
  color: var(--stitch-text) !important;
  border: 1px solid var(--stitch-blue-lightest) !important;
  border-radius: 0 !important;
}

.button--secondary:hover {
  border-color: var(--stitch-blue-primary) !important;
  color: var(--stitch-blue-primary) !important;
}

/* Remove all rounded corners from buttons */
.button,
[class*="button"],
.shopify-payment-button__button {
  border-radius: 0 !important;
}


/* ─── PRODUCT CARDS ─── */
.card-wrapper {
  border-radius: 0 !important;
}

.card {
  border-radius: 0 !important;
  border: 1px solid var(--stitch-blue-lightest) !important;
  background: var(--stitch-white) !important;
  transition: border-color 0.3s ease !important;
}

.card:hover {
  border-color: var(--stitch-blue-primary) !important;
}

/* Product titles in grids */
.card__heading a,
.card-information__text,
.card__heading {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  color: var(--stitch-text) !important;
}

/* Product prices */
.price-item,
.price__regular .price-item--regular,
.price .money {
  font-family: 'Libre Franklin', sans-serif !important;
  font-weight: 400 !important;
  color: var(--stitch-text) !important;
}

/* Remove sale badges or style them cleanly */
.badge {
  background-color: var(--stitch-blue-dark) !important;
  color: var(--stitch-white) !important;
  border-radius: 0 !important;
  font-family: 'Libre Franklin', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* Remove card image border radius */
.card__media,
.card__media img,
.media {
  border-radius: 0 !important;
}


/* ─── PRODUCT PAGE ─── */
.product__title h1,
.product__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 300 !important;
  font-size: 32px !important;
  color: var(--stitch-blue-dark) !important;
}

.product__description p,
.product__description li {
  font-family: 'Libre Franklin', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #555 !important;
}


/* ─── SECTION BACKGROUNDS ─── */
/* Alternate sections between cream and white */
.shopify-section:nth-child(even) {
  background-color: var(--stitch-white);
}

.shopify-section:nth-child(odd) {
  background-color: var(--stitch-cream);
}

/* Image banner (hero) */
.banner {
  background-color: var(--stitch-cream) !important;
}

.banner__heading {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 300 !important;
}

.banner__text {
  font-family: 'Libre Franklin', sans-serif !important;
  font-weight: 300 !important;
  color: var(--stitch-text-light) !important;
}


/* ─── COLLECTION PAGE ─── */
.collection-hero__title,
.title--primary {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 300 !important;
  color: var(--stitch-blue-dark) !important;
}

.collection-hero__description {
  font-family: 'Libre Franklin', sans-serif !important;
  font-weight: 300 !important;
  color: var(--stitch-text-light) !important;
}


/* ─── RICH TEXT / ABOUT SECTIONS ─── */
.rich-text__heading {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 300 !important;
}

.rich-text__text p {
  font-family: 'Libre Franklin', sans-serif !important;
  font-weight: 300 !important;
  line-height: 1.8 !important;
  color: var(--stitch-text-light) !important;
}

/* Section labels / subtitles (uppercase small text) */
.rich-text__caption,
.subtitle,
.caption,
.caption-large {
  font-family: 'Libre Franklin', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--stitch-blue-primary) !important;
  font-weight: 400 !important;
}


/* ─── NEWSLETTER / EMAIL SIGNUP ─── */
.newsletter-form__field-wrapper input[type="email"] {
  border: 1px solid var(--stitch-blue-lightest) !important;
  border-radius: 0 !important;
  background: var(--stitch-cream) !important;
  font-family: 'Libre Franklin', sans-serif !important;
  font-size: 13px !important;
  color: var(--stitch-text) !important;
}

.newsletter-form__field-wrapper input[type="email"]::placeholder {
  color: var(--stitch-text-light) !important;
  font-weight: 300 !important;
}

.newsletter-form__button {
  background-color: var(--stitch-blue-dark) !important;
  border-radius: 0 !important;
}


/* ─── FOOTER ─── */
.footer {
  background-color: var(--stitch-blue-dark) !important;
  border-top: none !important;
}

.footer h2,
.footer__heading,
.footer-block__heading {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400 !important;
  color: var(--stitch-white) !important;
  font-size: 16px !important;
}

.footer a,
.footer p,
.footer li,
.footer__content-bottom,
.copyright {
  color: var(--stitch-blue-mid) !important;
  font-family: 'Libre Franklin', sans-serif !important;
  font-size: 13px !important;
}

.footer a:hover {
  color: var(--stitch-blue-light) !important;
}

/* Footer bottom bar */
.footer__content-bottom {
  border-top: 1px solid rgba(109,143,166,0.15) !important;
}


/* ─── CART ─── */
.cart-item__name {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400 !important;
}

/* Cart drawer */
.cart-drawer {
  border-radius: 0 !important;
}


/* ─── INPUTS & FORMS ─── */
input, select, textarea,
.field__input {
  border-radius: 0 !important;
  border-color: var(--stitch-blue-lightest) !important;
  font-family: 'Libre Franklin', sans-serif !important;
}

input:focus, select:focus, textarea:focus,
.field__input:focus {
  border-color: var(--stitch-blue-primary) !important;
  box-shadow: none !important;
}


/* ─── LINKS ─── */
a {
  color: var(--stitch-blue-primary);
  transition: color 0.3s ease;
}

a:hover {
  color: var(--stitch-blue-dark);
}


/* ─── REMOVE ALL BORDER RADIUS (clean, sharp aesthetic) ─── */
img,
.card,
.card__media,
.banner,
.button,
input,
select,
textarea,
.badge,
.cart-drawer,
.modal,
.popup,
[class*="radius"],
.media {
  border-radius: 0 !important;
}


/* ─── SPACING REFINEMENTS ─── */
/* Add more breathing room to sections */
.section-template--padding {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

@media screen and (min-width: 750px) {
  .section-template--padding {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

/* Product grid spacing */
.grid--4-col-desktop .grid__item,
.grid--3-col-desktop .grid__item {
  padding: 12px !important;
}


/* ─── SCROLLBAR (subtle touch) ─── */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: var(--stitch-cream);
}

::-webkit-scrollbar-thumb {
  background: var(--stitch-blue-light);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--stitch-blue-mid);
}


/* ─── SELECTION COLOR ─── */
::selection {
  background-color: var(--stitch-blue-lightest);
  color: var(--stitch-blue-dark);
}


/* ═══════════════════════════════════════════════════════
   END STITCH LADI CUSTOM CSS
   ═══════════════════════════════════════════════════════ */