/*!
 * Plutus Market - experience de navigation (2026-10-02).
 * Charte : creme #F8F1E9, surface #EDE3D6, encre #170A0C, accent #680808,
 * filets #B9AFA6, Cormorant Garamond / Source Sans 3, aucune ombre.
 * Le kit Elementor repeint tous les liens (.elementor-kit-10 a) : chaque lien
 * d'ici est donc prefixe par body pour garder la bonne couleur.
 */

/* =========================================================
   1. Barre de recherche fixe (telephone et tablette)
   ========================================================= */

.pxp-recherche-place{display:block;width:100%;}

@media (max-width:1024px){
  body form.plutus-recherche.pxp-recherche-fixe{
    position:fixed;
    top:var(--pxp-haut,0px);
    left:0;
    right:0;
    z-index:990;
    width:100%;
    max-width:none;
    margin:0;
    padding:8px 16px;
    box-sizing:border-box;
    background:#F8F1E9;
    border-bottom:1px solid #B9AFA6;
  }
  body form.plutus-recherche.pxp-recherche-fixe .plutus-recherche__boite{max-width:860px;margin:0 auto;}
}

/* =========================================================
   2. Bloc de decouverte et bande de rayons
   ========================================================= */

.pxp{font-family:"Source Sans 3",sans-serif;color:#170A0C;}
.pxp-decouverte{border-top:1px solid #B9AFA6;margin-top:32px;}
.pxp__inner{box-sizing:border-box;max-width:1840px;margin:0 auto;padding:28px 24px 40px;}
.pxp-surtitre{font-family:"Cormorant Garamond",serif;font-weight:700;font-size:30px;line-height:1.1;margin:0 0 16px;color:#170A0C;}
.pxp-accueil{margin:0 0 16px;}

.pxp-rangee{background:#FFFFFF;border:1px solid #B9AFA6;border-radius:12px;padding:18px;margin:0 0 16px;min-width:0;}
.pxp-tete{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px;}
body .pxp .pxp-titre{font-family:"Cormorant Garamond",serif;font-weight:700;font-size:24px;line-height:1.15;margin:0;padding:0;color:#170A0C;text-transform:none;letter-spacing:0;}
body .pxp a.pxp-voir,body .pxp a.pxp-voir:visited{flex:none;font-size:14px;color:#680808;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
body .pxp a.pxp-voir:hover{color:#941A24;}

.pxp-defile{position:relative;}
.pxp-piste{
  list-style:none;margin:0;padding:0 0 8px;
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,180px);gap:14px;
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#B9AFA6 transparent;
}
.pxp-piste--rayons{grid-auto-columns:minmax(124px,148px);}
.pxp-piste > li{margin:0;scroll-snap-align:start;min-width:0;}

body .pxp .pxp-carte a,body .pxp .pxp-rayon a{display:block;text-decoration:none;color:#170A0C;}
body .pxp .pxp-carte a:hover .pxp-nom,body .pxp .pxp-rayon a:hover .pxp-rayon__nom{text-decoration:underline;text-underline-offset:2px;}
body .pxp a:focus-visible,body .pxp button:focus-visible{outline:2px solid #680808;outline-offset:3px;border-radius:6px;}

.pxp-cadre{position:relative;display:block;}
.pxp-img,.pxp-rayon__img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#F8F1E9;border-radius:6px;}
.pxp-img--vide{display:block;width:100%;aspect-ratio:1/1;background:#F8F1E9;border-radius:6px;}
.pxp-nom{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.3;margin-top:8px;}
.pxp-prix{display:block;margin-top:4px;font-size:15px;font-weight:600;color:#680808;}
.pxp-prix del{color:#6E625A;font-weight:400;font-size:13px;}
.pxp-badge{position:absolute;top:6px;left:6px;background:#941A24;color:#FFFFFF;font-size:12px;font-weight:600;line-height:1;padding:4px 6px;border-radius:6px;}

.pxp-rayon__cadre{display:block;}
.pxp-rayon__nom{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;font-size:14px;font-weight:600;line-height:1.25;}
.pxp-rayon__nombre{display:block;margin-top:2px;font-size:13px;color:#6E625A;}

/* Fleches de defilement : ajoutees par le script sur les ecrans a souris. */
.pxp-fleche{
  position:absolute;top:calc(50% - 30px);z-index:2;
  width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#FFFFFF;color:#170A0C;border:1px solid #B9AFA6;cursor:pointer;padding:0;
}
.pxp-fleche:hover{border-color:#680808;color:#680808;}
.pxp-fleche[disabled]{opacity:0;pointer-events:none;}
.pxp-fleche--g{left:-8px;}
.pxp-fleche--d{right:-8px;}
.pxp-fleche svg{width:18px;height:18px;}

@media (max-width:700px){
  .pxp__inner{padding:22px 16px 32px;}
  .pxp-surtitre{font-size:26px;}
  .pxp-rangee{padding:14px;border-radius:10px;margin-bottom:12px;}
  body .pxp .pxp-titre{font-size:21px;}
  .pxp-piste{grid-auto-columns:42%;gap:12px;}
  .pxp-piste--rayons{grid-auto-columns:30%;}
}

/* =========================================================
   3. Bandeau sombre : application et reseaux sociaux
   ========================================================= */

.pxp-bande{background:#170A0C;color:#EDE3D6;font-family:"Source Sans 3",sans-serif;border-bottom:1px solid rgba(185,175,166,.28);}
.pxp-bande__inner{box-sizing:border-box;max-width:1840px;margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px 48px;}
.pxp-bande__bloc{min-width:0;}
body .pxp-bande .pxp-bande__titre{margin:0 0 4px;font-family:"Cormorant Garamond",serif;font-weight:700;font-size:23px;line-height:1.15;color:#F8F1E9;}
.pxp-bande__texte{margin:0 0 14px;font-size:15px;line-height:1.5;color:#B9AFA6;}
.pxp-bande__actions{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;}
.pxp-bande__actions li{margin:0;}

body .pxp-bande .pxp-bouton{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;box-sizing:border-box;
  border-radius:6px;font-family:inherit;font-weight:600;font-size:15px;line-height:1.2;text-decoration:none;cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease;
}
body .pxp-bande a.pxp-bouton--clair,body .pxp-bande a.pxp-bouton--clair:visited{background:#F8F1E9;color:#680808;border:1px solid #F8F1E9;}
body .pxp-bande a.pxp-bouton--clair:hover{background:#FFFFFF;color:#680808;}
body .pxp-bande .pxp-bouton--contour,body .pxp-bande a.pxp-bouton--contour:visited{background:transparent;color:#F8F1E9;border:1px solid rgba(237,227,214,.55);}
body .pxp-bande .pxp-bouton--contour:hover{background:rgba(248,241,233,.08);border-color:#F8F1E9;color:#FFFFFF;}
body .pxp-bande .pxp-bouton:focus-visible{outline:2px solid #F8F1E9;outline-offset:3px;}
.pxp-icone{flex:none;}

@media (max-width:700px){
  .pxp-bande__inner{padding:28px 16px;gap:24px;}
}

.pxp-note{margin:-6px 0 12px;font-size:13px;color:#6E625A;}
.pxp-perso[hidden]{display:none;}

/* =========================================================
   5. Pied de page : regles retirees le 2026-10-06, la grille
   est desormais definie par plutus-pied-de-page.php.
   ========================================================= */

/* =========================================================
   6. Application sur telephone : pied de page replie
   ========================================================= */

.pxp-pied-repli{display:none;}
html.pxp-app-mobile .pxp-pied-repli{display:block;background:#170A0C;padding:14px 16px;border-top:1px solid rgba(185,175,166,.28);}
html.pxp-app-mobile:not(.pxp-pied-ouvert) .pxp-bande,
html.pxp-app-mobile:not(.pxp-pied-ouvert) footer.plutus-pied .plutus-pied__corps{display:none;}
body .pxp-pied-repli__bouton{
  display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:0 16px;box-sizing:border-box;
  background:transparent;color:#F8F1E9;border:1px solid rgba(237,227,214,.45);border-radius:6px;
  font-family:"Source Sans 3",sans-serif;font-size:15px;font-weight:600;text-align:left;cursor:pointer;
}
body .pxp-pied-repli__bouton::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;}
html.pxp-pied-ouvert body .pxp-pied-repli__bouton::after{transform:rotate(-135deg);margin-top:4px;}
body .pxp-pied-repli__bouton:focus-visible{outline:2px solid #F8F1E9;outline-offset:3px;}

/* =========================================================
   7. Application sur telephone : barre d'onglets (2026-10-08)
   Fixee en bas de l'ecran, comme dans l'application Amazon.
   "Menu" ouvre le pied de page en plein ecran au-dessus d'elle.
   ========================================================= */

.pxp-onglets,.pxp-menu-tete{display:none;}
html.pxp-app-mobile.pxp-onglets-actif .pxp-onglets{
  display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1002;
  box-sizing:border-box;padding:0 4px env(safe-area-inset-bottom,0px);
  background:#F8F1E9;border-top:1px solid #B9AFA6;
  font-family:"Source Sans 3",sans-serif;
}
html.pxp-app-mobile.pxp-onglets-actif body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px));}
body.plutus-panier-ouvert .pxp-onglets{display:none!important;}
/* Fiche produit (audit du 2026-10-12) : la barre "Ajouter a ma selection /
   WhatsApp" etait cachee sous les onglets. Elle se pose juste au-dessus. */
html.pxp-app-mobile.pxp-onglets-actif .plutus-barre-mobile{bottom:calc(60px + env(safe-area-inset-bottom,0px))!important;}
html.pxp-app-mobile.pxp-onglets-actif body:has(.plutus-barre-mobile){padding-bottom:calc(132px + env(safe-area-inset-bottom,0px));}

body .pxp-onglets .pxp-onglet,
body .pxp-onglets a.pxp-onglet:visited{
  position:relative;flex:1 1 0;min-width:0;height:60px;margin:0;padding:7px 2px 5px;box-sizing:border-box;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  background:transparent;border:0;border-radius:0;box-shadow:none;
  color:#170A0C;font-family:inherit;font-size:12px;font-weight:600;line-height:1.1;letter-spacing:0;text-transform:none;text-decoration:none;
  cursor:pointer;-webkit-tap-highlight-color:transparent;
}
body .pxp-onglets .pxp-onglet:hover,body .pxp-onglets .pxp-onglet:focus{background:transparent;color:#170A0C;text-decoration:none;}
body .pxp-onglets .pxp-onglet::before{content:"";position:absolute;top:-1px;left:24%;right:24%;height:3px;border-radius:0 0 3px 3px;background:transparent;}
body .pxp-onglets .pxp-onglet.est-actif,
body .pxp-onglets .pxp-onglet--menu.est-ouvert{color:#680808;}
body .pxp-onglets .pxp-onglet.est-actif::before,
body .pxp-onglets .pxp-onglet--menu.est-ouvert::before{background:#680808;}
html.pxp-menu-ouvert body .pxp-onglets .pxp-onglet.est-actif:not(.pxp-onglet--menu){color:#170A0C;}
html.pxp-menu-ouvert body .pxp-onglets .pxp-onglet.est-actif:not(.pxp-onglet--menu)::before{background:transparent;}
body .pxp-onglets .pxp-onglet:focus-visible{outline:2px solid #680808;outline-offset:-4px;border-radius:8px;}
.pxp-onglet__icone{position:relative;display:block;line-height:0;}
.pxp-onglet__svg{display:block;width:24px;height:24px;}
.pxp-onglet__nom{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pxp-onglet__compte{
  position:absolute;top:-7px;left:13px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;
  border-radius:9px;background:#680808;color:#FFFFFF;font-size:11px;font-weight:700;line-height:18px;text-align:center;
}
.pxp-onglet__compte[hidden]{display:none;}

/* Le pied de page n'est plus en bas des pages : il s'ouvre par "Menu". */
html.pxp-app-mobile.pxp-onglets-actif .pxp-pied-repli{display:none;}
html.pxp-app-mobile.pxp-onglets-actif:not(.pxp-menu-ouvert) footer.plutus-pied{display:none;}
html.pxp-app-mobile.pxp-menu-ouvert,
html.pxp-app-mobile.pxp-menu-ouvert body{overflow:hidden;}
html.pxp-app-mobile.pxp-menu-ouvert footer.plutus-pied{
  display:block;position:fixed;top:0;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom,0px));z-index:1001;
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
}
html.pxp-app-mobile.pxp-menu-ouvert footer.plutus-pied .plutus-pied__corps{display:grid;padding-top:24px;}
html.pxp-app-mobile.pxp-menu-ouvert .pxp-menu-tete{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  position:sticky;top:0;z-index:1;padding:10px 16px;
  background:#170A0C;border-bottom:1px solid rgba(185,175,166,.28);
}
body .pxp-menu-tete .pxp-menu-tete__titre{margin:0;font-family:"Cormorant Garamond",serif;font-weight:700;font-size:26px;line-height:1.1;color:#F8F1E9;}
body .pxp-menu-tete .pxp-menu-tete__fermer{
  flex:none;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;
  background:transparent;color:#F8F1E9;border:1px solid rgba(237,227,214,.45);border-radius:50%;cursor:pointer;
}
body .pxp-menu-tete .pxp-menu-tete__fermer:hover,body .pxp-menu-tete .pxp-menu-tete__fermer:focus{background:rgba(248,241,233,.08);color:#FFFFFF;}
body .pxp-menu-tete .pxp-menu-tete__fermer:focus-visible{outline:2px solid #F8F1E9;outline-offset:3px;}

/* =========================================================
   8. Fiche produit : loupe au doigt (2026-10-12)
   Cercle sans ombre (charte) : bord blanc et filet encre.
   ========================================================= */

/* La photo entiere s'agrandit dans son propre cadre (pas de cercle). */
.pxp-loupe{
  position:fixed;left:0;top:0;z-index:3000;box-sizing:border-box;
  border-radius:6px;background-color:#FFFFFF;background-repeat:no-repeat;
  pointer-events:none;opacity:0;transition:opacity .12s ease;
}
.pxp-loupe.est-visible{opacity:1;}
.woocommerce-product-gallery__image img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}
@media (prefers-reduced-motion:reduce){.pxp-loupe{transition:none;}}

/* =========================================================
   4. Dans l'application : pas de bouton de telechargement
   ========================================================= */

html.plutus-application-android .pxp-app,
html.plutus-application-android .pxp-nav-app{display:none;}
@media (display-mode:standalone){
  .pxp-app,.pxp-nav-app{display:none;}
}

@media (prefers-reduced-motion:reduce){
  body .pxp-bande .pxp-bouton{transition:none;}
  .pxp-piste{scroll-behavior:auto;}
}