/** Shopify CDN: Minification failed

Line 254:0 Unexpected "}"
Line 275:0 Unexpected "}"

**/
/******************************************
   ELLA & FAITH LONDON — PREMIUM CLEAN THEME
   White | Minimal | High-End | Modern
******************************************/

/* =============================================
   FORCE COLLECTION BANNER TEXT TO PURE WHITE
   (Sahara requires deep-target overrides)
   ============================================= */

.collection-hero,
.collection-hero *:not(button):not(.button):not(.btn):not(svg):not(path) {
    color: #ffffff !important;
    text-shadow: 0px 0px 3px rgba(0,0,0,0.35) !important;
}

/* override title specifically */
.collection-hero__title,
.collection-hero__inner h1 {
    color: #ffffff !important;
}

/* override subtitle */
.collection-hero__content p,
.collection-hero__subheading {
    color: #ffffff !important;
}

/* override description */
.collection-hero__description {
    color: #ffffff !important;
}





/*-----------------------------------------
  1. GLOBAL BACKGROUND — PURE WHITE
------------------------------------------*/
body,
.page-width,
.shopify-section,
.collection,
.index-section,
.template-collection {
    background: #FFFFFF !important;
}

/*-----------------------------------------
  2. GLOBAL TEXT — PREMIUM CHARCOAL
  (used everywhere except over images)
------------------------------------------*/
body,
p,
li,
span,
a,
.header__menu-item,
.footer__content,
.card__information,
.product__info-wrapper,
.collection-filters__label,
.collection-sorting__label {
    color: #4A4642 !important;  /* soft luxury charcoal */
}

/*-----------------------------------------
  3. HERO BANNERS — WHITE TEXT ONLY HERE
------------------------------------------*/
.hero__title,
.hero__subtitle,
.hero__text,
.hero__content *,
.image-with-text__heading,
.image-with-text__text {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/*-----------------------------------------
  4. COLLECTION BANNER HEADERS — WHITE
------------------------------------------*/
.collection-hero__title,
.collection-hero__description,
.collection-banner__heading,
.collection-banner__subheading,
.collection__heading,
.collection__description {
    color: #FFFFFF !important;
}

/*-----------------------------------------
  5. SECTION HEADINGS (homepage titles)
     “Find Your Everyday Favourite”
------------------------------------------*/
.title-wrapper-with-link h2,
.section-header__title,
.index-section h2 {
    color: #4A4642 !important;
}

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––
   PREMIUM COLLECTION TILE TITLES – LUXE UPGRADE
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.collection-list__item-title,
.collection-card__title,
.collection-list__item-title span {
  color: #222222 !important;          /* soft luxury charcoal */
  font-weight: 500 !important;
  font-size: 15.5px !important;       /* refined, premium */
  letter-spacing: 0.8px !important;   /* elegant spacing for all caps */
  text-transform: uppercase !important;
  text-align: left !important;
  margin-top: 8px !important;         /* tightened spacing */
  margin-bottom: 2px !important;
  text-shadow: none !important;
  opacity: 0;                         /* start hidden for fade-in */
  transform: translateY(6px);         /* soft float */
  animation: fadeInUp 0.6s ease forwards;
}

/* Hover effect – gold */
.collection-list__item:hover .collection-list__item-title,
.collection-card:hover .collection-card__title {
  color: #C2A878 !important;          /* soft muted gold */
}

/* Fade-in animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Mobile refinement */
@media (max-width: 768px) {
  .collection-list__item-title,
  .collection-card__title {
    font-size: 14.5px !important;
    letter-spacing: 0.6px !important;
  }
}
/*–––––––––––––––––––––––––––––––––––––
   HOMEPAGE COLLECTION BUTTONS – PREMIUM
–––––––––––––––––––––––––––––––––––––*/

.collection-list__item-title {
  display: none !important; /* hide default titles */
}

.homepage-collection-button {
  margin-top: 14px;
  display: inline-block;
  padding: 10px 22px;
  background-color: #000000;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  border-radius: 40px;
  text-decoration: none !important;
  transition: all 0.25s ease-out;
}

/* Hover – soft gold */
.homepage-collection-button:hover {
  background-color: #C2A878;
  color: #000;
}
/* HIDE DEFAULT COLLECTION TITLES */
.collection-list__item-title,
.collection-list__item-info,
.collection-list__item .card__heading {
  display: none !important;
}
/* ADD PREMIUM BUTTONS UNDER HOMEPAGE COLLECTION TILES */
.collection-list__item {
  text-align: center;
  position: relative;
  padding-bottom: 45px; /* space for the new button */
}

/* Button Style */
.collection-list__item::after {
  content: attr(data-button);
  display: inline-block;
  margin-top: 14px;
  padding: 10px 22px;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  border-radius: 40px;
  transition: all 0.25s ease-out;
  cursor: pointer;
}

/* Gold hover */
.collection-list__item:hover::after {
  background-color: #C2A878;
  color: #000;
}

/* OPTION C – BOLD MINIMALIST PREMIUM HEADINGS */

/* SECTION HEADINGS – Homepage titles */
.title-wrapper-with-link h2,
.section-header__title,
.index-section h2 {
  font-size: 28px !important;
  font-weight: 600 !important;
  letter-spacing: 0.25px !important;
  color: #111111 !important; /* natural black */
  line-height: 1.2 !important;
}

/* === ULTRA-MINIMAL CATEGORY TITLES === */

.collection-list__item-title,
.collection-card__title,
.collection-list__item_title {
  font-size: 12.5px !important;   /* smaller + refined */
  font-weight: 250 !important;     /* light, quiet */
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: #111111 !important;       /* natural clean black */
  margin-top: 10px !important;
  margin-bottom: 2px !important;
  text-shadow: none !important;
}

/* Hover – soft gold */
.collection-list__item-title:hover,
.collection-card__title:hover,
.collection-list__item_title:hover {
  color: #C5A46D !important;
  transition: color 0.25s ease-in-out;
}

}
/* ================================================
   MATCH CATEGORY TITLES TO PREMIUM MINIMAL HEADINGS
   (EARRINGS / BRACELETS / NECKLACES)
=================================================== */

.collection-list__item-title,
.collection-card__title,
.collection-list__item-title span {
    font-size: 14.5px !important;        /* soft, quiet elegance */
    font-weight: 200 !important;         /* ultra-clean, not bold */
    letter-spacing: 0.8px !important;    /* refined spacing */
    text-transform: uppercase !important;
    color: #111111 !important;           /* natural black for consistency */
    text-align: left !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    text-shadow: none !important;
}


}

/* GOLD HOVER — soft luxury gold */
.collection-list__item-title:hover,
.collection-card__title:hover {
    color: #C5A46D !important;
}

/* MOBILE finesse */
@media (max-width: 768px) {
  .collection-list__item-title,
  .collection-card__title {
      font-size: 14px !important;
      letter-spacing: 0.8px !important;
  }
}
/* ============================================
   ULTRA-REFINED LUXURY HERO HEADING
   ============================================ */

.hero__title,
.image-banner__heading,
.slideshow__heading {
    font-size: 36px !important;        /* slimmer + more elegant */
    font-weight: 300 !important;       /* refined, minimal */
    letter-spacing: 0.3px !important;  /* subtle spacing */
    line-height: 1.18 !important;
    color: #F3F1EF !important;         /* soft warm white */
    opacity: 0.90 !important;          /* gentle, not harsh */
    text-shadow: none !important;
}

/* Subtitle (small text on the right) */
.hero__subtitle,
.slideshow__text,
.image-banner__text {
    font-size: 13px !important;
    font-weight: 300 !important;
    opacity: 0.70 !important;
    letter-spacing: 0.25px !important;
}

/* =============================================
   UNIFIED PREMIUM HEADER STYLE (MATCH HERO)
   Slim • Clean • Modern • Luxury Minimal
============================================= */

.title-wrapper-with-link h2,
.section-header__title,
.index-section h2,
.homepage-title,
.index-section__title {
    font-size: 28px !important;
    font-weight: 300 !important;   /* slim */
    letter-spacing: 0.5px !important; /* refined spacing */
    color: #111111 !important;     /* natural clean black */
    text-transform: none !important;
    line-height: 1.25 !important;
    opacity: 1 !important;
    margin-bottom: 24px !important;
}

/* Make subheadings also match the premium tone */
.section-header__subheading,
.index-section__subtitle,
.homepage-subheading {
    font-size: 14.5px !important;
    font-weight: 300 !important;
    letter-spacing: 0.3px !important;
    color: #4A4642 !important;
}
/***********************************************
   GLOBAL PREMIUM UNIFIED TITLE STYLE — A1
   Natural Clean Black (#111111)
***********************************************/

.collection-list__item-title,
.collection-card__title,
.section-header__title,
.index-section h2,
.title-wrapper-with-link h2,
.collection__heading,
.collection__description,
.index-section__title,
.collection-list__item_title,
h2.section-title {
    font-size: 14.5px !important;
    font-weight: 200 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
    color: #111111 !important; /* natural clean black */
    margin-top: 8px !important;
    margin-bottom: 6px !important;
    text-shadow: none !important;
}

/* Subtle hover for collection tiles only */
.collection-list__item-title:hover,
.collection-card__title:hover {
    color: #C5A46D !important; /* soft luxury gold */
    transition: color 0.25s ease;
}
/******************************************
   UNIFIED HOMEPAGE SECTION TITLES
   (Loved By You, New Intentions, etc.)
******************************************/

.index-section__title,
.section-header__title,
.title-wrapper-with-link h2,
.homepage-title,
.shopify-section h2 {
    font-size: 22px !important;    /* refined + consistent */
    font-weight: 200 !important;    /* quiet, minimalist */
    letter-spacing: 0.5px !important;
    color: #111111 !important;      /* natural soft black */
    text-transform: none !important;
    line-height: 1.3 !important;
}
/* ================================================
   FIX HOMEPAGE CATEGORY TITLES (EARRINGS / BRACELETS / NECKLACES)
   Make them match refined minimal headings
=================================================== */

.collection-list__item .card__heading,
.collection-list__item .card__heading span,
.collection-list__item .collection-list__item__title,
.collection-list__item .title,
.collection-list__item-title {
    font-size: 14.5px !important;
    font-weight: 200 !important;          /* soft + understated */
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    color: #111111 !important;            /* natural black */
    text-align: center !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}
/* FIX CATEGORY STRIP TITLES UNDER HERO (EARRINGS / BRACELETS / NECKLACES) */
.collection-list__item_title,
.collection-card__title {
  font-size: 14.5px !important;
  font-weight: 200 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #111111 !important; /* natural soft black */
}
/* ===========================================
   UNIFIED ELLA & FAITH TYPOGRAPHY SYSTEM
   (Minimal, elegant, consistent)
=========================================== */

/* Section Titles – e.g. NEW INTENTIONS, LOVED BY YOU */
.index-section h2,
.featured-collection__title,
.homepage-sections h2 {
  font-size: 20px !important;
  font-weight: 200 !important;
  letter-spacing: 0.5px !important;
  color: #111111 !important;
  text-transform: none !important;
  margin-bottom: 20px !important;
}

/* Category Titles under images – EARRINGS / BRACELETS / NECKLACES */
.collection-list__item_title,
.collection-card__title,
.collection-list .collection-list__item_title {
  font-size: 16px !important;
  font-weight: 200 !important;
  letter-spacing: 0.5px !important;
  color: #111111 !important;
  text-transform: none !important;
  margin-top: 10px !important;
}

/* Product card titles (under product images across homepage) */
.card__title,
.product-item__title,
.product-card__title {
  font-size: 14px !important;
  font-weight: 200 !important;
  color: #111111 !important;
  letter-spacing: 0.3px !important;
}

/* Badge Labels – e.g. EARRINGS / BODY-PIERCING-JEWELLERY */
.badge,
.badge--tertiary,
.collection-badge {
  font-size: 11px !important;
  font-weight: 200 !important;
  letter-spacing: 1px !important;
  color: #111111 !important;
  text-transform: uppercase !important;
}