/** Shopify CDN: Minification failed

Line 53:24 Unexpected "*"

**/
/* ================================================
   AMIGO PROVISIONS CO. — Custom Styles
   ================================================ */

/* --- Brand Variables --- */
:root {
  --amigo-forest:    #2C4A35;
  --amigo-mid-green: #3D6B4A;
  --amigo-rust:      #C4622D;
  --amigo-sand:      #C8B89A;
  --amigo-cream:     #F5F0E8;
  --amigo-charcoal:  #1E1E1E;
}

/* ================================================
   TYPOGRAPHY — Unified Font System
   ================================================ */

/* Force DM Sans everywhere as base */
body,
p, li, td, th, label, input, textarea, select,
.button, .btn,
nav, footer,
.announcement-bar__message,
.price, .price__regular, .price__sale,
.card__information,
.card__vendor,
.product-form__input,
.quantity__label {
  font-family: var(--font-body-family) !important;
}

/* Force Cormorant Garamond for all headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4,
.banner__heading,
.section-header__title,
.card__heading,
.collection-card__title,
.featured-collection__title {
  font-family: var(--font-heading-family) !important;
  font-style: italic;
}

/* Kill rogue fonts from custom sections */
.brand_slide h3,
.brand_slide_title,
.ai-shop-category__text-* {
  font-family: var(--font-body-family) !important;
}

/* ================================================
   ANNOUNCEMENT BAR
   ================================================ */
.announcement-bar {
  font-family: var(--font-body-family) !important;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-size: 1.1rem;
}

/* ================================================
   HERO BUTTONS — Smaller, Inline, Auto-width
   ================================================ */
.banner__buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 12px !important;
  justify-content: center;
  align-items: center;
}

.banner__buttons .button {
  width: auto !important;
  min-width: 0 !important;
  padding: 10px 24px !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-family: var(--font-body-family) !important;
  white-space: nowrap;
  border-radius: 8px !important;
  border: none !important;       /* ← add this */
  outline: none !important;      /* ← add this */
  box-shadow: none !important;   /* ← add this */
}

@media screen and (max-width: 749px) {
  .banner__buttons {
    flex-direction: row !important;
    gap: 10px !important;
  }

  .banner__buttons .button {
    padding: 9px 18px !important;
    font-size: 1.1rem !important;
  }
}

/* ================================================
   GLOBAL BUTTONS
   ================================================ */
.button--primary,
.button--secondary {
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-family: var(--font-body-family) !important;
}

/* ================================================
   PRICE
   ================================================ */
.price .price__regular,
.price .price__sale {
  color: var(--amigo-rust);
  font-family: var(--font-body-family) !important;
}

/* ================================================
   PRODUCT CARDS
   ================================================ */
.card__heading {
  font-family: var(--font-body-family) !important;
  font-style: normal;
  font-size: 1.3rem;
  letter-spacing: 0.05em;
}

/* ================================================
   SHOP BY STYLE — Category Grid Text
   ================================================ */
[class*="ai-shop-category__text"] {
  font-family: var(--font-body-family) !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
}

/* Center lone last tile (Pets) in Shop by Style grid */
.ai-shop-category__grid > *:last-child:nth-child(odd) {
  grid-column: 1 / -1;
  max-width: 50%;
  margin: 0 auto;
}

/* ================================================
   SHOP BY SCHOOL — Slider
   ================================================ */
.brand_slider_title {
  font-family: var(--font-heading-family) !important;
  font-style: italic;
}

.brand_slide_title,
.brand_slide h3 {
  font-family: var(--font-body-family) !important;
  font-style: normal;
}

/* Center school slider when slides don't fill full width */
.brand-collection-slider .swiper-wrapper {
  justify-content: center;
}

/* ================================================
   NEWSLETTER SECTION
   ================================================ */
.newsletter__heading {
  font-family: var(--font-heading-family) !important;
  font-style: italic;
}

.newsletter p,
.newsletter .field__input {
  font-family: var(--font-body-family) !important;
}

/* ================================================
   MOBILE POLISH — Spacing, Sizing & Tap Targets
   (max-width: 749px matches Dawn's mobile breakpoint)
   ================================================ */
@media screen and (max-width: 749px) {

  /* ── Consistent section vertical spacing ── */
  section.section {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  /* ── Hero banner: no top padding so it sits flush under the header ── */
  section.section:has(.banner) {
    padding-top: 0;
    padding-bottom: 0;
  }

  /* ── Hero banner ── */
  .banner__heading.h0 {
    font-size: 2.6rem !important;
  }

  .banner__box {
    padding: 3rem 1.5rem;
  }

  /* ── Buttons: 44px min tap target ── */
  .button,
  .button--primary,
  .button--secondary,
  .shopify-challenge__button {
    min-height: 44px;
  }

  /* ── Image-with-text: breathing room ── */
  .image-with-text__content {
    padding: 24px 20px !important;
  }

  /* ── Newsletter heading cap ── */
  .newsletter .h1,
  .newsletter h1 {
    font-size: 2.2rem !important;
  }

  /* ── Product card titles ── */
  .card__heading {
    font-size: 1.2rem;
  }

  /* ── Brand slider section alignment ── */
  .brand_slide_section {
    padding: 28px 0;
  }
}

/* ================================================
   HOMEPAGE VISUAL POLISH — Section Transitions
   ================================================ */

/* ── 1. Banner bottom gradient fade into cream ── */
/* Taller gradient for a seamless bleed into the Fan Favorites
   section which overlaps via negative margin (see rule below). */
section.section:has(.banner) {
  position: relative;
  z-index: 1;
}
section.section:has(.banner)::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(to bottom, transparent 0%, var(--amigo-cream) 100%);
  z-index: 2;
  pointer-events: none;
}

/* ── Fan Favorites — overlapping card with rounded top ── */
/* Pull the section up into the hero and round the top corners
   so it looks like a cream card sliding over the banner image. */
[class*="ai-bestseller-scroll-"]:not([class*="__"]) {
  margin-top: -48px;
  position: relative;
  z-index: 3;
  border-radius: 16px 16px 0 0;
}

/* On mobile, tighten the overlap a touch so the banner
   heading text isn't obscured. */
@media screen and (max-width: 749px) {
  [class*="ai-bestseller-scroll-"]:not([class*="__"]) {
    margin-top: -36px;
    border-radius: 12px 12px 0 0;
  }
}

/* ── 2. Fan Favorites heading — brand serif treatment ── */
[class*="ai-bestseller-scroll__title"] {
  font-family: var(--font-heading-family) !important;
  font-style: italic;
  color: var(--amigo-forest) !important;
}

/* ── 3. Category tile rounding on mobile ── */
@media screen and (max-width: 749px) {
  [class*="ai-shop-category__item"] {
    border-radius: 10px !important;
    overflow: hidden;
  }
}

/* ── 4. Decorative section dividers ── */
/* Thin sand-colored line between Fan Favorites and Shop by Category,
   and between Shop by Category and Shop by School. */
[class*="ai-shop-category-"]:not([class*="__"]) {
  position: relative;
}
[class*="ai-shop-category-"]:not([class*="__"])::before {
  content: '';
  display: block;
  width: 60px;
  height: 1px;
  background-color: var(--amigo-sand);
  margin: 0 auto 20px;
}

/* Single divider above Shop by School */
[class*="ai-shop-by-school-container"]::before {
  content: '';
  display: block;
  width: 60px;
  height: 1px;
  background-color: var(--amigo-sand);
  margin: 0 auto 30px;
}

/* ── 5. Soft shadow on Fan Favorites card top edge ── */
/* Subtle top shadow reinforces the "card over banner" layering. */
[class*="ai-bestseller-scroll-"]:not([class*="__"]) {
  box-shadow: 0 -4px 16px rgba(0,0,0,0.06);
}