/* ============================================================
   L'ÉVEIL DES SENS — STYLES PAGE D'ACCUEIL (eveil-home.css)
   Destination : themes/AdultTheme/assets/css/eveil-home.css
   Chargé uniquement sur la page d'accueil (voir head.tpl).
   Toutes les classes sont préfixées "ev-" pour ne jamais
   entrer en conflit avec le thème ou les modules existants.
   ============================================================ */

:root{
  --ev-prune:#2A0E24;
  --ev-prune-2:#3D1635;
  --ev-ivoire:#FAF3EE;
  --ev-ivoire-2:#F3E7DF;
  --ev-rose:#E25B8E;
  --ev-rose-soft:#F0BBCE;
  --ev-or:#D4AF7A;
  --ev-encre:#33121F;
}

/* ---------- Révélation au scroll ---------- */
.ev-reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.22,.6,.2,1),transform .9s cubic-bezier(.22,.6,.2,1)}
.ev-reveal.ev-visible{opacity:1;transform:none}
.ev-d1{transition-delay:.12s}.ev-d2{transition-delay:.24s}.ev-d3{transition-delay:.36s}

/* ---------- Pleine largeur ----------
   Le layout PrestaShop limite la largeur du contenu : cette classe
   fait "déborder" les sections sur toute la largeur de l'écran. */
.ev-bleed{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
#page-home-eveil{overflow-x:clip}
#page-home-eveil .page-home__modules{padding:60px 0}

/* ---------- HERO ---------- */
.ev-hero{position:relative;min-height:88vh;display:flex;flex-direction:column;justify-content:center;
  background:var(--ev-prune);overflow:hidden;padding:90px 5vw 100px;margin-bottom:0}
.ev-veil{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none}
.ev-veil-1{width:62vw;height:62vw;background:radial-gradient(circle,#7A2B5E 0%,transparent 65%);top:-18vw;right:-14vw;animation:evDrift1 22s ease-in-out infinite alternate}
.ev-veil-2{width:48vw;height:48vw;background:radial-gradient(circle,#C4517F 0%,transparent 62%);bottom:-16vw;left:-10vw;animation:evDrift2 27s ease-in-out infinite alternate;opacity:.35}
.ev-veil-3{width:30vw;height:30vw;background:radial-gradient(circle,#D4AF7A 0%,transparent 60%);top:38%;left:46%;animation:evDrift3 19s ease-in-out infinite alternate;opacity:.16}
@keyframes evDrift1{from{transform:translate(0,0) scale(1)}to{transform:translate(-7vw,5vw) scale(1.12)}}
@keyframes evDrift2{from{transform:translate(0,0) scale(1)}to{transform:translate(6vw,-5vw) scale(1.08)}}
@keyframes evDrift3{from{transform:translate(0,0)}to{transform:translate(-5vw,-6vw)}}

.ev-hero-inner{position:relative;max-width:880px;margin:0 auto;text-align:center}
.ev-eyebrow{display:inline-block;color:var(--ev-or);font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;margin-bottom:30px;font-weight:400}
.ev-eyebrow::before,.ev-eyebrow::after{content:"";display:inline-block;width:34px;height:1px;background:var(--ev-or);vertical-align:middle;margin:0 16px;opacity:.6}
.ev-hero h1{font-family:'Fraunces',serif;font-weight:300;color:var(--ev-ivoire);
  font-size:clamp(2.4rem,5.6vw,4.6rem);line-height:1.08;letter-spacing:-.01em;margin:0;text-transform:none}
.ev-hero h1 em{font-style:italic;color:var(--ev-rose-soft);font-weight:400}
.ev-hero-sub{color:rgba(250,243,238,.78);max-width:560px;margin:28px auto 42px;font-size:1.06rem;font-weight:300}
.ev-actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.ev-btn{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;
  text-decoration:none;padding:16px 36px;border-radius:99px;transition:all .35s;display:inline-block}
.ev-btn-rose{background:var(--ev-rose);color:#fff !important;box-shadow:0 12px 36px rgba(226,91,142,.32)}
.ev-btn-rose:hover{background:#EC6E9D;transform:translateY(-2px);box-shadow:0 18px 44px rgba(226,91,142,.42);text-decoration:none}
.ev-btn-ghost{color:var(--ev-ivoire) !important;border:1px solid rgba(250,243,238,.35)}
.ev-btn-ghost:hover{border-color:var(--ev-ivoire);background:rgba(250,243,238,.06);text-decoration:none}

/* ---------- Bandeau défilant ---------- */
.ev-marquee{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(250,243,238,.1);
  overflow:hidden;padding:16px 0;background:rgba(42,14,36,.4)}
.ev-marquee-track{display:flex;width:max-content;animation:evScroll 32s linear infinite}
.ev-marquee-item{color:rgba(250,243,238,.65);font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;
  white-space:nowrap;padding:0 34px;display:flex;align-items:center;gap:34px}
.ev-marquee-item::after{content:"✦";color:var(--ev-or);font-size:.6rem}
@keyframes evScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- Sections ---------- */
.ev-section{padding:100px 5vw}
.ev-section-ivoire{background:var(--ev-ivoire)}
.ev-section-ivoire2{background:var(--ev-ivoire-2)}
.ev-head{max-width:1180px;margin:0 auto 56px}
.ev-head-center{text-align:center}
.ev-kicker{color:var(--ev-rose);font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;font-weight:500;display:block;margin-bottom:14px}
.ev-h2{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(1.9rem,3.6vw,2.9rem);
  line-height:1.12;color:var(--ev-encre);margin:0;text-transform:none}
.ev-h2 em{font-style:italic;color:var(--ev-rose)}

/* ---------- Univers ---------- */
.ev-universes{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media(max-width:1000px){.ev-universes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ev-universes{grid-template-columns:1fr}}
.ev-uni{position:relative;border-radius:20px;padding:38px 28px;min-height:320px;display:flex;flex-direction:column;
  justify-content:flex-end;text-decoration:none !important;overflow:hidden;
  transition:transform .45s cubic-bezier(.22,.6,.2,1),box-shadow .45s}
.ev-uni:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(42,14,36,.22)}
.ev-uni::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 80% 0%,rgba(250,243,238,.16),transparent 55%)}
.ev-u1{background:linear-gradient(160deg,#54204A,#2A0E24)}
.ev-u2{background:linear-gradient(160deg,#8A3158,#3D1027)}
.ev-u3{background:linear-gradient(160deg,#41294F,#1F1230)}
.ev-u4{background:linear-gradient(160deg,#7A5236,#33200F)}
.ev-uni h3{font-family:'Fraunces',serif;font-style:italic;font-weight:400;color:var(--ev-ivoire);
  font-size:1.65rem;line-height:1.1;margin:0 0 10px;position:relative;text-transform:none}
.ev-uni p{color:rgba(250,243,238,.7);font-size:.9rem;position:relative;margin:0}
.ev-arrow{position:absolute;top:24px;right:24px;width:42px;height:42px;border:1px solid rgba(250,243,238,.3);
  border-radius:50%;display:grid;place-items:center;color:var(--ev-ivoire);transition:all .35s;font-size:1rem}
.ev-uni:hover .ev-arrow{background:var(--ev-ivoire);color:var(--ev-prune);transform:rotate(45deg)}

/* ---------- Habillage doux des produits PrestaShop existants ----------
   Ces règles adoucissent les fiches du bloc produits dynamique
   (module existant) sans toucher à son fonctionnement.
   Si un sélecteur ne correspond pas au markup de ton thème,
   il est simplement ignoré — aucun risque. */
#index .product-miniature,
#index .js-product-miniature{border-radius:18px;overflow:hidden;transition:transform .4s cubic-bezier(.22,.6,.2,1),box-shadow .4s}
#index .product-miniature:hover,
#index .js-product-miniature:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(42,14,36,.15)}
#index .product-miniature .product-title a{font-weight:400;color:var(--ev-encre)}
#index .product-miniature .price{font-family:'Fraunces',serif;font-size:1.2rem;color:var(--ev-encre)}

/* ---------- La maison ---------- */
.ev-maison{background:var(--ev-prune);color:var(--ev-ivoire)}
.ev-maison-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
@media(max-width:880px){.ev-maison-grid{grid-template-columns:1fr;gap:44px}}
.ev-maison .ev-h2{color:var(--ev-ivoire)}
.ev-maison .ev-kicker{color:var(--ev-or)}
.ev-maison p{color:rgba(250,243,238,.8);margin:20px 0;font-size:1rem}
.ev-signature{font-family:'Fraunces',serif;font-style:italic;font-size:1.3rem;color:var(--ev-rose-soft);margin-top:28px}
.ev-signature small{display:block;font-family:inherit;font-style:normal;font-size:.74rem;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(250,243,238,.55);margin-top:6px;font-family:'Outfit',sans-serif}
.ev-pledges{display:flex;flex-direction:column;gap:16px}
.ev-pledge{border:1px solid rgba(250,243,238,.14);border-radius:16px;padding:20px 24px;display:flex;gap:16px;
  align-items:flex-start;transition:border-color .3s,background .3s}
.ev-pledge:hover{border-color:rgba(212,175,122,.5);background:rgba(250,243,238,.03)}
.ev-pledge .ev-ico{color:var(--ev-or);font-size:1.1rem;line-height:1.4}
.ev-pledge strong{display:block;font-weight:500;font-size:.94rem;margin-bottom:3px;color:var(--ev-ivoire)}
.ev-pledge span{font-size:.85rem;color:rgba(250,243,238,.65)}

/* ---------- FAQ ---------- */
.ev-faq{max-width:760px;margin:0 auto}
.ev-faq-item{border-bottom:1px solid rgba(51,18,31,.12)}
.ev-faq-q{width:100%;background:none;border:none;text-align:left;padding:24px 4px;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  font-family:'Fraunces',serif;font-size:1.1rem;font-weight:400;color:var(--ev-encre)}
.ev-faq-q .ev-plus{font-family:'Outfit',sans-serif;color:var(--ev-rose);font-size:1.4rem;font-weight:300;transition:transform .35s;flex-shrink:0}
.ev-faq-item.ev-open .ev-plus{transform:rotate(45deg)}
.ev-faq-a{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.22,.6,.2,1)}
.ev-faq-a p{padding:0 4px 24px;font-size:.94rem;color:rgba(51,18,31,.7);max-width:640px;margin:0}

/* ---------- Accessibilité ---------- */
@media (prefers-reduced-motion: reduce){
  .ev-veil-1,.ev-veil-2,.ev-veil-3,.ev-marquee-track{animation:none}
  .ev-reveal{opacity:1;transform:none;transition:none}
}

/* ================================================================
   COMPATIBILITÉ THÈME ADULTTHEME — ne pas supprimer
   Le thème injecte ses propres couleurs de titres APRÈS ce fichier,
   ce qui rendait les textes invisibles sur fonds sombres.
   Ces règles renforcées garantissent la lisibilité partout.
   ================================================================ */

/* --- HERO (fond prune sombre) : tout le texte en clair --- */
#page-home-eveil .ev-hero h1{color:#FAF3EE !important}
#page-home-eveil .ev-hero h1 em{color:#F4A8C4 !important}
#page-home-eveil .ev-hero .ev-eyebrow{color:#D4AF7A !important}
#page-home-eveil .ev-hero .ev-hero-sub{color:rgba(250,243,238,.85) !important}
#page-home-eveil .ev-marquee,#page-home-eveil .ev-marquee-item{color:rgba(250,243,238,.75) !important}

/* --- UNIVERS (cartes sombres) : titres, textes et flèches en ivoire --- */
#page-home-eveil .ev-uni h3{color:#FAF3EE !important}
#page-home-eveil .ev-uni p{color:rgba(250,243,238,.82) !important}
#page-home-eveil .ev-uni .ev-arrow{color:#FAF3EE !important}
#page-home-eveil .ev-uni:hover h3{color:#fff !important}

/* --- SECTIONS CLAIRES (univers, FAQ) : titres en prune --- */
#page-home-eveil .ev-section-ivoire .ev-h2,
#page-home-eveil .ev-section-ivoire2 .ev-h2{color:#2A0E24 !important}
#page-home-eveil .ev-h2 em{color:#E25B8E !important}
#page-home-eveil .ev-kicker{color:#E25B8E !important}

/* --- LA MAISON (fond prune) : tout en clair --- */
#page-home-eveil .ev-maison .ev-h2{color:#FAF3EE !important}
#page-home-eveil .ev-maison .ev-h2 em{color:#F4A8C4 !important}
#page-home-eveil .ev-maison .ev-kicker{color:#D4AF7A !important}
#page-home-eveil .ev-maison p{color:rgba(250,243,238,.85) !important}
#page-home-eveil .ev-maison .ev-signature{color:#F4A8C4 !important}
#page-home-eveil .ev-maison .ev-signature small{color:rgba(250,243,238,.6) !important}
#page-home-eveil .ev-pledge strong{color:#FAF3EE !important}
#page-home-eveil .ev-pledge span{color:rgba(250,243,238,.78) !important}
#page-home-eveil .ev-pledge .ev-ico{color:#D4AF7A !important}
#page-home-eveil .ev-pledge a{color:#F4A8C4 !important;text-decoration:underline}
#page-home-eveil .ev-pledge a:hover{color:#fff !important}

/* --- FAQ : questions en prune, réponses lisibles --- */
#page-home-eveil .ev-faq-q{color:#2A0E24 !important}
#page-home-eveil .ev-faq-a p{color:#5d4a57 !important}
#page-home-eveil .ev-plus{color:#E25B8E !important}

/* --- BOUTONS DU HERO : ne pas laisser le thème les écraser --- */
#page-home-eveil .ev-btn-rose{background:#E25B8E !important;border-color:#E25B8E !important;color:#fff !important}
#page-home-eveil .ev-btn-rose:hover{background:#c94677 !important;border-color:#c94677 !important}
#page-home-eveil .ev-btn-ghost{background:transparent !important;border:1px solid rgba(250,243,238,.5) !important;color:#FAF3EE !important}
#page-home-eveil .ev-btn-ghost:hover{background:rgba(250,243,238,.12) !important;color:#fff !important}

/* --- Panier flottant du thème : masqué sur l'accueil uniquement
   (le picto sac "0" qui flottait au milieu de la page) --- */
#index .bon-desktop-sticky-cart{display:none !important}