/** Shopify CDN: Minification failed

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

**/
/* ============================================================
   NURSHIFAA — Surcouche stylistique pour le thème Dawn
   À placer dans : assets/nurshifaa-theme.css
   À charger dans layout/theme.liquid APRÈS base.css :
   {{ 'nurshifaa-theme.css' | asset_url | stylesheet_tag }}
   ============================================================ */

/* ─── VARIABLES DE MARQUE ────────────────────────────────── */
:root {
  --ns-ivory:      #FAF7F2;
  --ns-cream:      #F4EFE6;
  --ns-sand:       #E8DDD0;
  --ns-taupe:      #D4C4B0;
  --ns-warm:       #C4A882;
  --ns-sienna:     #9C6E4A;
  --ns-umber:      #6B4226;
  --ns-forest:     #4A5E3A;
  --ns-sage:       #7A8C6A;
  --ns-gold:       #C8913A;
  --ns-gold-pale:  #E8C870;
  --ns-ink:        #2A2018;
  --ns-text:       #4A3C2C;
  --ns-muted:      #8A7A6A;

  /* Polices */
  --ns-font-heading: 'Lora', Georgia, serif;
  --ns-font-body:    'DM Sans', system-ui, sans-serif;

  /* Remplace les variables Dawn */
  --color-background: 250, 247, 242;       /* --ns-ivory en RGB */
  --color-foreground: 42, 32, 24;          /* --ns-ink en RGB */
  --color-button:     107, 66, 38;         /* --ns-umber en RGB */
  --color-button-text: 250, 247, 242;      /* --ns-ivory en RGB */
  --color-link:       156, 110, 74;        /* --ns-sienna en RGB */
}

/* ─── IMPORT POLICES ─────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@300;400;500&display=swap');

/* ─── BASE GLOBAL ────────────────────────────────────────── */
body {
  font-family: var(--ns-font-body);
  background-color: var(--ns-ivory);
  color: var(--ns-text);
  letter-spacing: 0.01em;
}

/* ─── TYPOGRAPHIE ────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5,
.heading {
  font-family: var(--ns-font-heading) !important;
  font-weight: 400 !important;
  color: var(--ns-ink);
  letter-spacing: 0.01em;
}

/* Titres de sections — style éditorial */
.title,
.section-title,
.collection__title,
.featured-collection__title {
  font-family: var(--ns-font-heading) !important;
  font-weight: 400 !important;
  color: var(--ns-ink);
}

p, li, span, label, input, textarea, select {
  font-family: var(--ns-font-body);
}

/* ─── HEADER / NAV ───────────────────────────────────────── */
.header-wrapper {
  background-color: rgba(250, 247, 242, 0.95) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--ns-sand) !important;
  transition: box-shadow 0.3s ease;
}

/* Réduire la hauteur du header */
.header {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
  min-height: 60px !important;
}

/* Logo — limiter la taille */
.header__heading-logo {
  max-height: 52px !important;
  width: auto !important;
}

.header__heading-logo-wrapper {
  max-width: 120px !important;
}

/* Logo texte */
.header__heading-link .h2,
.header__heading-link span {
  font-family: var(--ns-font-heading) !important;
  font-weight: 600 !important;
  color: var(--ns-ink) !important;
  font-size: 1.5rem;
}

/* Liens nav */
.header__menu-item,
.header__menu-item span {
  font-family: var(--ns-font-body) !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.06em !important;
  color: var(--ns-muted) !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

.header__menu-item:hover,
.header__menu-item:hover span {
  color: var(--ns-sienna) !important;
  text-decoration: none !important;
}

.header__active-menu-item {
  color: var(--ns-sienna) !important;
  text-decoration: none !important;
}

/* Icônes header */
.header__icon {
  color: var(--ns-text) !important;
}
.header__icon:hover {
  color: var(--ns-sienna) !important;
}

/* Panier — badge */
.cart-count-bubble {
  background-color: var(--ns-sienna) !important;
  color: var(--ns-ivory) !important;
  font-size: 0.6rem !important;
}

/* ─── BARRE D'ANNONCE ────────────────────────────────────── */
.announcement-bar {
  background-color: var(--ns-umber) !important;
}

.announcement-bar__message,
.announcement-bar a {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.08em !important;
}

/* ─── BOUTONS ────────────────────────────────────────────── */
.button,
.shopify-challenge__button,
.customer button {
  font-family: var(--ns-font-body) !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.1em !important;
  border-radius: 2px !important;
  background-color: var(--ns-ink) !important;
  color: var(--ns-ivory) !important;
  border: none !important;
  transition: background-color 0.25s ease, transform 0.2s ease !important;
  padding: 1rem 2rem !important;
  min-height: 4.5rem !important;
}

.button:hover:not([disabled]),
.shopify-challenge__button:hover,
.customer button:hover:not([disabled]) {
  background-color: var(--ns-umber) !important;
  transform: translateY(-2px);
  color: var(--ns-ivory) !important;
}

/* Forcer fond sombre sur tous les boutons de bannière/hero */
.banner .button,
.banner__buttons .button,
.image-banner .button {
  background-color: var(--ns-ink) !important;
  color: var(--ns-ivory) !important;
  opacity: 1 !important;
}

.button::after { box-shadow: none !important; }
.button::before { display: none !important; }

/* Bouton secondaire */
.button--secondary {
  background-color: transparent !important;
  color: var(--ns-text) !important;
  border: 1px solid var(--ns-taupe) !important;
}
.button--secondary:hover:not([disabled]) {
  border-color: var(--ns-sienna) !important;
  color: var(--ns-sienna) !important;
  background-color: transparent !important;
  transform: none;
}

/* Bouton tertiary */
.button--tertiary {
  background-color: transparent !important;
  color: var(--ns-sienna) !important;
  border: none !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.12em !important;
}

/* ─── HERO / IMAGE BANNER ────────────────────────────────── */
.banner {
  background-color: var(--ns-cream);
}

.banner__content .banner__heading,
.banner__heading {
  font-family: var(--ns-font-heading) !important;
  font-weight: 500 !important;
  color: var(--ns-ink) !important;
  line-height: 1.15;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
}

.banner__content .banner__heading em {
  font-style: italic;
  color: var(--ns-sienna);
}

/* Texte description sous le titre — pas de majuscules */
.banner__content p,
.banner__content .banner__text,
.banner__text p {
  font-family: var(--ns-font-body) !important;
  color: var(--ns-ink) !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  opacity: 0.75;
}

/* ─── SECTIONS TEXTE (rich-text) ─────────────────────────── */
.rich-text__heading {
  font-family: var(--ns-font-heading) !important;
  font-weight: 400 !important;
  color: var(--ns-ink) !important;
}

.rich-text__text {
  color: var(--ns-muted) !important;
  font-weight: 300;
  line-height: 1.75;
}

/* Sous-titre / label de section */
.title-wrapper .subtitle,
.subtitle {
  font-family: var(--ns-font-body) !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--ns-sienna) !important;
  font-weight: 500 !important;
}

/* ─── CARTES PRODUITS ────────────────────────────────────── */
.card {
  background-color: var(--ns-cream) !important;
  border: none !important;
  border-radius: 4px !important;
  overflow: hidden;
  transition: transform 0.35s ease !important;
}

.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 40px rgba(42, 32, 24, 0.1) !important;
}

.card__heading,
.card .h3 {
  font-family: var(--ns-font-heading) !important;
  font-weight: 500 !important;
  font-size: 0.95rem !important;
  color: var(--ns-ink) !important;
}

/* Prix */
.price__regular .price-item,
.price .price-item--regular {
  font-family: var(--ns-font-heading) !important;
  font-size: 1.05rem !important;
  color: var(--ns-sienna) !important;
  font-weight: 500 !important;
}

.price__sale .price-item--sale {
  font-family: var(--ns-font-heading) !important;
  color: var(--ns-sienna) !important;
  font-weight: 500 !important;
}

.price__compare .price-item--regular {
  color: var(--ns-taupe) !important;
  font-size: 0.82rem !important;
  font-weight: 400 !important;
}

/* Badge produit */
.badge {
  font-size: 0.6rem !important;
  letter-spacing: 0.1em !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  padding: 0.25rem 0.65rem !important;
}

/* Badge "Nouveau" */
.badge--primary {
  background-color: var(--ns-forest) !important;
  color: white !important;
  border: none !important;
}

/* Badge "Promo" */
.badge--sale,
.badge--on-sale {
  background-color: var(--ns-sienna) !important;
  color: white !important;
  border: none !important;
}

/* ─── SECTION COLLECTION ─────────────────────────────────── */
.collection-hero__title,
.collection__title {
  font-family: var(--ns-font-heading) !important;
  font-weight: 400 !important;
  color: var(--ns-ink) !important;
}

/* Lien "Tout voir" */
.link-with-icon,
.title-wrapper-with-link .link-with-icon {
  font-family: var(--ns-font-body) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--ns-sienna) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: gap 0.2s ease !important;
}

.link-with-icon:hover {
  color: var(--ns-umber) !important;
}

/* ─── SECTION MULTICOLONNE (How it works / Why us) ───────── */
.multicolumn .multicolumn-card__title,
.multicolumn-card__title {
  font-family: var(--ns-font-heading) !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  color: var(--ns-ink) !important;
  margin-bottom: 0.5rem;
}

.multicolumn-card__info,
.multicolumn-card p {
  font-size: 0.85rem !important;
  color: var(--ns-muted) !important;
  line-height: 1.65 !important;
  font-weight: 300 !important;
}

/* Icône / image multicolonne */
.multicolumn-card__image-wrapper {
  border-radius: 50% !important;
  background-color: var(--ns-cream) !important;
  border: 1px solid var(--ns-sand) !important;
  overflow: hidden;
  transition: background-color 0.3s ease !important;
}

.multicolumn-card:hover .multicolumn-card__image-wrapper {
  background-color: var(--ns-sienna) !important;
}

/* ─── TÉMOIGNAGES ────────────────────────────────────────── */
.testimonials-block,
.shopify-section .testimonials {
  background-color: var(--ns-ink) !important;
}

/* ─── FORMULAIRE NEWSLETTER ──────────────────────────────── */
.email-signup-banner {
  background: linear-gradient(135deg, var(--ns-umber) 0%, var(--ns-ink) 100%) !important;
}

.email-signup-banner .banner__heading {
  font-family: var(--ns-font-heading) !important;
  font-weight: 400 !important;
  color: white !important;
}

.email-signup-banner p {
  color: rgba(255, 255, 255, 0.55) !important;
}

.newsletter-form__field-wrapper .field__input {
  background-color: rgba(255, 255, 255, 0.07) !important;
  border: none !important;
  color: white !important;
  border-radius: 2px 0 0 2px !important;
}

.newsletter-form__field-wrapper .field__input::placeholder {
  color: rgba(255, 255, 255, 0.35) !important;
}

.newsletter-form .button {
  background-color: var(--ns-gold) !important;
  border-radius: 0 2px 2px 0 !important;
  letter-spacing: 0.08em !important;
}

.newsletter-form .button:hover:not([disabled]) {
  background-color: var(--ns-sienna) !important;
  transform: none !important;
}

/* ─── FOOTER ─────────────────────────────────────────────── */
.footer {
  background-color: var(--ns-ink) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.footer * {
  color: rgba(255, 255, 255, 0.5) !important;
}

.footer__heading,
.footer .h4 {
  font-family: var(--ns-font-body) !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.4) !important;
  font-weight: 500 !important;
  margin-bottom: 1.1rem !important;
}

.footer-block__details-content a,
.footer__list li a,
.footer a {
  font-size: 0.83rem !important;
  color: rgba(255, 255, 255, 0.5) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

.footer-block__details-content a:hover,
.footer a:hover {
  color: white !important;
}

.footer__copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 255, 255, 0.3) !important;
  font-size: 0.75rem !important;
}

/* Logo footer */
.footer .footer__logo,
.footer .h2 {
  font-family: var(--ns-font-heading) !important;
  font-weight: 600 !important;
  color: white !important;
}

/* Réseaux sociaux */
.list-social__link {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 50% !important;
  color: rgba(255, 255, 255, 0.5) !important;
  transition: all 0.2s !important;
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.list-social__link:hover {
  border-color: var(--ns-gold) !important;
  color: var(--ns-gold) !important;
}

/* ─── CHAMPS / INPUTS ────────────────────────────────────── */
.field__input,
.customer .field input,
.select__select {
  font-family: var(--ns-font-body) !important;
  background-color: rgb(var(--color-background)) !important;
  border-radius: 2px !important;
}

.field__label,
.customer .field label {
  font-family: var(--ns-font-body) !important;
  color: var(--ns-muted) !important;
}

/* ─── BREADCRUMB ─────────────────────────────────────────── */
.breadcrumb a,
.breadcrumbs a {
  color: var(--ns-muted) !important;
  font-size: 0.78rem !important;
}

.breadcrumb a:hover {
  color: var(--ns-sienna) !important;
}

/* ─── PAGE PRODUIT ───────────────────────────────────────── */
.product__title {
  font-family: var(--ns-font-heading) !important;
  font-weight: 400 !important;
  color: var(--ns-ink) !important;
}

.product__description,
.product-description {
  color: var(--ns-muted) !important;
  line-height: 1.75 !important;
  font-weight: 300 !important;
}

.product__price .price {
  color: var(--ns-sienna) !important;
  font-family: var(--ns-font-heading) !important;
  font-size: 1.5rem !important;
}

/* Variantes */
.variant-pills__input:checked + .variant-pills__label,
.variant-pills .swatch--selected {
  border-color: var(--ns-sienna) !important;
  background-color: var(--ns-sienna) !important;
  color: white !important;
}

/* ─── ANIMATIONS SCROLL (surcharge Dawn) ─────────────────── */
@media (prefers-reduced-motion: no-preference) {
  .scroll-trigger.animate--slide-in {
    opacity: 0;
    transform: translateY(28px);
  }

  .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: calc(var(--animation-order, 0) * 90ms);
    animation: none; /* remplace l'animation keyframe de Dawn */
  }

  .scroll-trigger.animate--fade-in {
    opacity: 0;
  }

  .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
    opacity: 1;
    transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1);
    animation: none;
  }
}

/* ─── SÉLECTION TEXTE ────────────────────────────────────── */
::selection {
  background-color: rgba(156, 110, 74, 0.2);
  color: var(--ns-ink);
}

/* ─── SCROLLBAR (Webkit) ─────────────────────────────────── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--ns-cream); }
::-webkit-scrollbar-thumb { background: var(--ns-taupe); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--ns-warm); }

/* ─── RESPONSIVE ─────────────────────────────────────────── */
@media screen and (max-width: 749px) {
  .banner__content .banner__heading {
    font-size: clamp(2rem, 8vw, 3rem) !important;
  }
}