
.icube-popup-authentication{--gp-navy:#0f2347;--gp-gold:#c9a961;--gp-gold-d:#a8855a;--gp-cream:#faf7f2;--gp-line:#e5e0d8;--gp-line2:#f0ebe0;--gp-line-gold:rgba(201,169,97,.18);--gp-ink:#1a1a1a;--gp-grey:#8a8680;font-family:'DM Sans','Helvetica Neue',Arial,sans-serif}
.icube-popup-authentication .gp-hide,.icube-popup-authentication .gp-hidden{display:none!important}

/* header */
.icube-popup-authentication .modal-header{position:relative;padding:22px 22px 15px;border-bottom:1px solid var(--gp-line)}
.icube-popup-authentication .modal-header .modal-title,.icube-popup-authentication .modal-title{font-family:'Cormorant','Cormorant Garamond',Garamond,serif;font-weight:500;font-size:19px;letter-spacing:4px;text-transform:uppercase;color:var(--gp-navy);margin:0;padding:0;border:0;min-height:auto}
.icube-popup-authentication .modal-header::after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:40px;height:1px;background:var(--gp-gold)}
.icube-popup-authentication .action-close{border:none!important;border-left:none!important;background:transparent!important;width:auto!important;height:auto!important;min-width:0!important;color:var(--gp-navy);opacity:1;top:16px!important;right:14px!important;padding:8px!important;margin:0!important;transition:transform .25s,color .2s}
.icube-popup-authentication .action-close:hover{color:var(--gp-gold-d);transform:rotate(90deg)}
.icube-popup-authentication .action-close::before{font-size:20px;color:inherit;line-height:1}

/* LARGEUR — drawer fin façon maquette (380px). Le natif Icube = 33.33% du viewport
   → ~666px sur grand écran (trop large). On fige une largeur élégante, cap responsive. */
.icube-popup-authentication.modal-slide{width:480px!important;max-width:96vw!important;left:auto!important;right:0!important}
.icube-popup-authentication.modal-slide .modal-inner-wrap{width:100%!important;max-width:none!important;min-width:0!important}

/* content — colonne maîtrisée (padding généreux) pour garder le formulaire élégant malgré un drawer plus large */
.icube-popup-authentication .modal-inner-wrap .modal-content{padding:28px 44px 32px!important;overflow-x:hidden!important}
.icube-popup-authentication .block-authentication,.icube-popup-authentication .block{margin:0}
/* neutralise les marges natives qui désaccordaient l'écart bouton→OU entre les 2 onglets */
.icube-popup-authentication .block-customer-login,.icube-popup-authentication .block-new-customer{margin-bottom:0!important}
.icube-popup-authentication #ajaxlogin-form .fieldset{margin-bottom:0!important}
/* le thème dessine une ligne grise via .block::before (border-top 1px) tout en haut de chaque bloc → c'est LE trait collé au titre. On le retire. */
.icube-popup-authentication .block::before,.icube-popup-authentication .block::after{display:none!important;content:none!important;border:none!important;background:none!important}

/* tabs */
.icube-popup-authentication .gp-seg{display:flex;border-bottom:1px solid var(--gp-line);margin:0 0 28px}
.icube-popup-authentication .gp-t{flex:1;text-align:center;position:relative;padding:12px 4px 13px;font-family:inherit;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;color:var(--gp-grey)!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;cursor:pointer;transition:all .22s cubic-bezier(.32,.72,0,1)}
.icube-popup-authentication .gp-t.gp-on{background:transparent!important;color:var(--gp-navy)!important}
.icube-popup-authentication .gp-t.gp-on::after{content:"";position:absolute;left:20%;right:20%;bottom:-1px;height:2px;background:var(--gp-gold)}

/* masquer titres natifs (remplacés par onglets / h3) */
.icube-popup-authentication .block-customer-login>.block-title,.icube-popup-authentication .block-new-customer>.block-title,.icube-popup-authentication .block-social-login>.block-title{display:none}

/* messages (erreurs / succès de connexion) — Magento masque .messages par défaut */
.icube-popup-authentication .messages{display:block!important;margin:0 0 14px}
.icube-popup-authentication .message{margin:0 0 8px;padding:11px 14px;font-size:12.5px;line-height:1.45;border-radius:0;background:#fbf0ef;color:#8a2b21;border-left:2px solid #c0392b;list-style:none}
.icube-popup-authentication .message:last-child{margin-bottom:0}
.icube-popup-authentication .message>div,.icube-popup-authentication .message>span{padding:0;margin:0}
.icube-popup-authentication .message::before,.icube-popup-authentication .message>*::before{display:none!important;content:none!important}
.icube-popup-authentication .message-success,.icube-popup-authentication .message.success{background:#eef5ef;color:#2f5d3a;border-left-color:#4c8a5c}
.icube-popup-authentication .message-warning,.icube-popup-authentication .message-notice,.icube-popup-authentication .message.warning,.icube-popup-authentication .message.notice{background:#fbf6ea;color:#7a5b1e;border-left-color:var(--gp-gold)}
.icube-popup-authentication .message a{color:inherit;text-decoration:underline}

/* champs */
.icube-popup-authentication .field{margin-bottom:13px}
.icube-popup-authentication .field>.label,.icube-popup-authentication .field .label{font-size:12px;color:#6a6660;font-weight:400;margin-bottom:6px;display:block}
.icube-popup-authentication input.input-text{height:50px!important;min-height:50px!important;border:1px solid var(--gp-line)!important;border-radius:0!important;padding:0 14px!important;font-size:13px;font-family:inherit;color:var(--gp-ink);box-shadow:none!important;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box!important}
.icube-popup-authentication input.input-text::placeholder{color:#c4bfb6}
.icube-popup-authentication input.input-text:focus{outline:none;border-color:var(--gp-line)!important;border-bottom-color:var(--gp-gold)!important;border-bottom-width:1.5px!important;box-shadow:none!important}

/* œil mot de passe */
.icube-popup-authentication .control.gp-pw{position:relative}
.icube-popup-authentication .control.gp-pw input.input-text{padding-right:42px}
.icube-popup-authentication .gp-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;z-index:3;display:flex;align-items:center;justify-content:center;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;cursor:pointer;color:var(--gp-grey)}
.icube-popup-authentication .gp-eye svg{width:18px!important;height:18px!important;min-width:18px!important;flex:none!important;fill:none!important;stroke:currentColor!important}
.icube-popup-authentication .gp-eye:hover,.icube-popup-authentication .gp-eye.gp-eye-on{color:var(--gp-navy)}

/* ligne « rester connecté » + « mot de passe oublié » */
.icube-popup-authentication .gp-loginrow{display:flex;align-items:center;justify-content:space-between;margin:4px 0 16px}
.icube-popup-authentication .gp-remember{display:flex;align-items:center;gap:7px;font-size:12px;color:#5b5853;cursor:pointer;margin:0}
.icube-popup-authentication .gp-remember input{width:15px;height:15px;accent-color:var(--gp-navy);margin:0}
.icube-popup-authentication a.gp-forgot{font-size:12px;color:var(--gp-navy)!important;border-bottom:1px solid var(--gp-line-gold);text-decoration:none}
.icube-popup-authentication a.gp-forgot:hover{color:var(--gp-gold-d)!important}

/* CTA pleins (navy) */
.icube-popup-authentication button.action-login,.icube-popup-authentication a.action-register{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;box-sizing:border-box!important;text-align:center;background:var(--gp-navy)!important;border:none!important;border-radius:0!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;line-height:1.2!important;letter-spacing:3px!important;text-transform:uppercase!important;font-weight:600!important;padding:0 18px!important;height:50px!important;min-height:50px!important;box-shadow:none;cursor:pointer;position:relative;transition:background-color .3s ease}
.icube-popup-authentication button.action-login::before,.icube-popup-authentication a.action-register::before{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:var(--gp-gold);transition:left .4s cubic-bezier(.32,.72,0,1),right .4s cubic-bezier(.32,.72,0,1);pointer-events:none}
.icube-popup-authentication button.action-login:hover,.icube-popup-authentication a.action-register:hover{background:#16325e!important}
.icube-popup-authentication button.action-login:hover::before,.icube-popup-authentication a.action-register:hover::before{left:0;right:0}
/* comportement de survol STRICTEMENT identique sur tous les CTA : on neutralise la flèche
   native du thème (sur ::after du bouton ET span::after) → reste uniquement le filet or (::before) + éclaircissement navy partout */
.icube-popup-authentication a.action-register::after,.icube-popup-authentication a.action-register:hover::after,.icube-popup-authentication a.action-register span::after,.icube-popup-authentication a.action-register span::before{content:none!important;display:none!important}
/* le th&egrave;me d&eacute;cale le texte du span au survol (transform:translateX 13px -> 0 pour faire place &agrave; la fl&egrave;che native).
   La fl&egrave;che est masqu&eacute;e mais le d&eacute;calage restait -> le texte de CR&Eacute;ER UN COMPTE "bougeait" au survol, contrairement &agrave; CONTINUER (sans span).
   On fige le span (repos + hover) pour un texte stable et centr&eacute;, identique partout. */
.icube-popup-authentication a.action-register span,.icube-popup-authentication a.action-register:hover span,.icube-popup-authentication button.action-login span,.icube-popup-authentication button.action-login:hover span{transform:none!important;transition:none!important;left:auto!important;right:auto!important;font-family:inherit!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:3px!important;display:inline!important}
.icube-popup-authentication #ajaxlogin-form .actions-toolbar{margin:0;display:block}
.icube-popup-authentication #ajaxlogin-form .actions-toolbar .primary{display:block;width:100%;float:none;margin:0}
.icube-popup-authentication #ajaxlogin-form .actions-toolbar .secondary{display:none}
.icube-popup-authentication .block-new-customer .actions-toolbar{margin:48px 0 0!important;padding:0!important;display:block}
.icube-popup-authentication .block-new-customer .actions-toolbar .primary{padding:0!important;margin:0!important}
.icube-popup-authentication .block-new-customer .actions-toolbar .secondary{display:none}

/* intro onglet Créer */
.icube-popup-authentication .gp-s{font-family:'Cormorant','Cormorant Garamond',Garamond,serif;font-size:18px;letter-spacing:2px;font-weight:500;color:var(--gp-navy);text-transform:uppercase;margin:0 0 12px}
.icube-popup-authentication .gp-proof{display:flex;align-items:center;gap:8px;font-size:12px;color:#5b5853;margin:0 0 26px}
.icube-popup-authentication .gp-proof .gp-stars{color:var(--gp-gold);letter-spacing:1px;font-size:13px}
.icube-popup-authentication .gp-proof b{color:var(--gp-navy)}
.icube-popup-authentication .gp-benefits{list-style:none;margin:0;padding:0!important;display:flex;flex-direction:column;gap:6px}
.icube-popup-authentication .gp-benefits li{display:flex;gap:13px;align-items:center;margin:0!important;font-size:13px;color:#6a6660;line-height:1.2;letter-spacing:.1px}
.icube-popup-authentication .gp-benefits li svg{width:14px;height:14px;stroke:var(--gp-gold);fill:none;stroke-width:1.5;flex-shrink:0;margin-top:0}
.icube-popup-authentication .gp-benefits li b{color:var(--gp-navy);font-weight:500}

/* footer : OU + social + invité + réassurance */
.icube-popup-authentication .gp-ordiv{display:flex;align-items:center;gap:12px;margin:34px 0 13px;color:var(--gp-grey);font-size:10px;letter-spacing:2px;justify-content:center}
.icube-popup-authentication .gp-ordiv::before,.icube-popup-authentication .gp-ordiv::after{content:"";flex:1;height:1px;background:var(--gp-line)}
.icube-popup-authentication .block-social-login .block-content{padding:0;margin:0}
.icube-popup-authentication .sociallogin-button{display:flex!important;align-items:center;justify-content:center;gap:9px;width:100%;box-sizing:border-box;border:1px solid var(--gp-line)!important;background:#fff!important;color:var(--gp-navy)!important;font-family:inherit!important;font-size:12px!important;letter-spacing:.4px;font-weight:600!important;padding:12px!important;border-radius:0!important;box-shadow:none!important;text-decoration:none}
.icube-popup-authentication .sociallogin-button:hover{border-color:var(--gp-gold)!important}
.icube-popup-authentication .sociallogin-button img{height:16px;width:auto}
/* Facebook RETIRE (decision Arnaud 2026-06-08) : masque explicitement le bouton FB natif (.sl-fb), drawer + page ; ne touche PAS un futur Google natif (.sl-google). */
.icube-popup-authentication .sociallogin-button:has(.sl-fb),body.gp-acct .sociallogin-button:has(.sl-fb){display:none!important}
/* bouton Google de parité maquette (injecté tant que WeltPixel Google non activé) */
.icube-popup-authentication .gp-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;border:1px solid var(--gp-line);background:#fff!important;color:var(--gp-navy)!important;font-family:inherit;font-size:12.5px;letter-spacing:.4px;font-weight:600;padding:12px;text-decoration:none!important;transition:border-color .2s}
.icube-popup-authentication .gp-social-btn:hover{border-color:var(--gp-gold);color:var(--gp-navy)!important;background:#fff!important}
.icube-popup-authentication .gp-social-btn svg{width:18px;height:18px;flex-shrink:0}
.icube-popup-authentication .gp-guest{display:block;text-align:center;margin-top:15px;font-size:12.5px;color:var(--gp-navy)!important;text-decoration:none!important;cursor:pointer}
.icube-popup-authentication .gp-guest:hover{color:var(--gp-navy)!important}
.icube-popup-authentication .gp-guest span{border-bottom:1px solid var(--gp-gold);padding-bottom:1px;font-weight:600;color:var(--gp-navy)!important}
.icube-popup-authentication .gp-guest:hover span{color:var(--gp-gold-d)!important;border-color:var(--gp-gold-d)}
.icube-popup-authentication .gp-reassure{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;font-size:11px;color:var(--gp-grey)}
.icube-popup-authentication .gp-reassure svg{width:14px;height:14px;stroke:var(--gp-gold-d);fill:none;stroke-width:1.5}

/* ===== animations d'entrée subtiles (luxe) ===== */
@media (prefers-reduced-motion:no-preference){
  .icube-popup-authentication.gp-animate .block-authentication>*{opacity:0;transform:translateY(9px);animation:gpFadeUp .55s cubic-bezier(.32,.72,0,1) forwards}
  .icube-popup-authentication.gp-animate .block-authentication>*:nth-child(1){animation-delay:.06s}
  .icube-popup-authentication.gp-animate .block-authentication>*:nth-child(2){animation-delay:.13s}
  .icube-popup-authentication.gp-animate .block-authentication>*:nth-child(3){animation-delay:.20s}
  .icube-popup-authentication.gp-animate .block-authentication>*:nth-child(4){animation-delay:.27s}
  .icube-popup-authentication.gp-animate .modal-header::after{animation:gpHair .6s .18s cubic-bezier(.32,.72,0,1) both}
}
@keyframes gpFadeUp{to{opacity:1;transform:none}}
@keyframes gpHair{from{width:0}to{width:40px}}

/* ===== état de chargement bouton SE CONNECTER ===== */
.icube-popup-authentication button.action-login.gp-loading{color:transparent!important;pointer-events:none;position:relative}
.icube-popup-authentication button.action-login.gp-loading::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:gpSpin .6s linear infinite}
@keyframes gpSpin{to{transform:rotate(360deg)}}

/* ===== validation inline ===== */
.icube-popup-authentication input.input-text.gp-invalid{border-color:#c0392b!important;box-shadow:inset 0 -1px 0 0 #c0392b!important}
.icube-popup-authentication .gp-hint{font-size:11px;color:#b3261e;margin-top:5px;display:none}
.icube-popup-authentication .field.gp-show-hint .gp-hint{display:block}

/* accroche chaleureuse (onglet connexion) */
.icube-popup-authentication .gp-welcome{text-align:center;font-family:'Cormorant','Cormorant Garamond',Garamond,serif;font-style:italic;font-size:16px;color:var(--gp-gold-d);margin:0 0 20px;letter-spacing:.3px}
/* ligne service (pied du volet) */
.icube-popup-authentication .gp-service{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--gp-line2);font-size:11.5px;color:#6a6660}
.icube-popup-authentication .gp-service a{color:var(--gp-navy)!important;border-bottom:1px solid var(--gp-line-gold);text-decoration:none!important;font-weight:600}
.icube-popup-authentication .gp-service a:hover{color:var(--gp-gold-d)!important}
/* Bandeau maison ancre en bas + equilibre vertical (2026-06-08) */
.icube-popup-authentication.modal-slide .modal-inner-wrap{display:flex!important;flex-direction:column!important}
.icube-popup-authentication .modal-inner-wrap .modal-content{flex:1 1 auto!important;display:flex!important;flex-direction:column!important}
.icube-popup-authentication .block-authentication{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
.icube-popup-authentication .block-authentication>.block-customer-login{margin-top:clamp(24px,8vh,88px)!important}
.icube-popup-authentication .block-authentication>.block-new-customer{margin-top:clamp(0px,calc(8vh - 32px),65px)!important}
.icube-popup-authentication .gp-maison{margin-top:auto;padding-top:24px;text-align:center}
.icube-popup-authentication .gp-maison-rule{width:40px;height:1px;background:var(--gp-gold);margin:0 auto 12px}
.icube-popup-authentication .gp-maison-line{font-size:11.5px;letter-spacing:.03em;color:#7a7466;line-height:1.6}
.icube-popup-authentication .gp-maison-line b{color:var(--gp-navy);font-weight:600}
.icube-popup-authentication .gp-maison .gp-service{border-top:none;margin-top:8px;padding-top:0}

/* email-first : masquer mot de passe + ligne (remember/oubli) tant que l'email n'est pas validé */
.icube-popup-authentication form.gp-ef-step1 .field.password{display:none!important}
.icube-popup-authentication form.gp-ef-step1 .gp-loginrow{display:none!important}

/* ===== mot de passe oublié — parcours inline ===== */
.icube-popup-authentication .block-authentication.gp-mode-reset>*{display:none!important}
.icube-popup-authentication .block-authentication.gp-mode-reset>.gp-reset{display:block!important}
.icube-popup-authentication .gp-reset{display:none;padding:2px 0}
.icube-popup-authentication .gp-back{background:none!important;border:none!important;box-shadow:none!important;padding:0 0 16px!important;color:var(--gp-grey)!important;font-family:inherit;font-size:12px;letter-spacing:.3px;cursor:pointer;text-transform:none!important;font-weight:400!important;transition:color .2s}
.icube-popup-authentication .gp-back:hover{color:var(--gp-navy)!important}
.icube-popup-authentication .gp-reset-intro{font-size:13px;color:#5b5853;line-height:1.55;margin:0 0 18px}
.icube-popup-authentication .gp-reset-submit{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;text-align:center;background:var(--gp-navy)!important;color:#fff!important;border:none!important;border-radius:0!important;font-family:inherit!important;font-size:13px!important;line-height:1.2!important;letter-spacing:3px!important;text-transform:uppercase!important;font-weight:600!important;padding:0 18px!important;height:50px!important;min-height:50px!important;cursor:pointer;position:relative;transition:background-color .3s ease;margin-top:6px}
.icube-popup-authentication .gp-reset-submit::before{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:var(--gp-gold);transition:left .4s cubic-bezier(.32,.72,0,1),right .4s cubic-bezier(.32,.72,0,1);pointer-events:none}
.icube-popup-authentication .gp-reset-submit:hover{background:#16325e!important}
.icube-popup-authentication .gp-reset-submit:hover::before{left:0;right:0}
.icube-popup-authentication .gp-reset-submit.gp-loading{color:transparent!important;pointer-events:none}
.icube-popup-authentication .gp-reset-submit.gp-loading::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:gpSpin .6s linear infinite}
.icube-popup-authentication .gp-reset-success{display:none;text-align:center;padding:8px 0}
.icube-popup-authentication .gp-reset.gp-show-success .gp-reset-form{display:none}
.icube-popup-authentication .gp-reset.gp-show-success .gp-reset-success{display:block}
.icube-popup-authentication .gp-reset-check{width:48px;height:48px;border-radius:50%;border:1px solid var(--gp-gold);display:flex;align-items:center;justify-content:center;margin:6px auto 18px}
.icube-popup-authentication .gp-reset-check svg{width:22px;height:22px;stroke:var(--gp-gold-d);fill:none;stroke-width:2}
.icube-popup-authentication .gp-reset-success .gp-s{text-align:center}
.icube-popup-authentication .gp-reset-success .gp-reset-addr{color:var(--gp-navy)}
.icube-popup-authentication .gp-reset-success .gp-back{display:inline-block;margin-top:18px;padding:0!important}

/* responsive mobile : le popup (ouvert depuis #compte-panel) en plein écran confortable */
@media (max-width:767px){
  /* le menu mobile gpv9 a un z-index ~99980-99995 ; le popup natif n'est qu'&agrave; 900 -> il s'ouvrait DERRI&Egrave;RE.
     On le fait passer AU-DESSUS (plein &eacute;cran => couvre le menu). Au close, on revient au menu (flux normal). */
  .icube-popup-authentication.modal-slide{width:100%!important;max-width:100%!important;z-index:1000001!important;top:0!important;bottom:0!important;height:100%!important}
  .modals-overlay{z-index:1000000!important}
  .icube-popup-authentication .modal-inner-wrap{width:100%!important;min-width:0!important;max-width:none!important}
  .icube-popup-authentication .modal-inner-wrap .modal-content{padding:18px 18px 26px!important}
  .icube-popup-authentication .modal-header{padding:20px 18px 14px}
  .icube-popup-authentication .gp-t{padding:13px 4px;font-size:11.5px}
  .icube-popup-authentication input.input-text{height:50px;font-size:14px}
  /* mobile : titre « Rejoignez la Maison » + ligne d'avis ★ centrés (les bénéfices restent à gauche, décision Arnaud 2026-06-10) */
  .icube-popup-authentication .gp-s{text-align:center}
  /* + remonte très légèrement le bloc titre/avis et aère en dessous (Arnaud 2026-06-10) */
  .icube-popup-authentication .block-authentication>.block-new-customer{margin-top:20px!important}
  .icube-popup-authentication .gp-proof{justify-content:center;margin-bottom:34px}
}
/* ===== Menu compte CONNECTE (header natif) : 2 bugs natifs -> fix MINIMAL (on garde le deroulant blanc d'origine) (2026-06-08) =====
   (1) liens blancs sur fond blanc = invisibles -> liens en navy (lisibles) ; (2) deroulant en position:static -> il pousse le logo a l'ouverture -> position:absolute. */
.customer-welcome{position:relative!important}
.customer-welcome .customer-menu{position:absolute!important;right:0!important;top:calc(100% + 8px)!important;z-index:1000!important}
.page-header .header.links .customer-welcome .customer-menu ul.header.links li a{color:#0f2347!important}
.page-header .header.links .customer-welcome .customer-menu ul.header.links li a:hover,.page-header .header.links .customer-welcome .customer-menu ul.header.links li a:focus{color:#c9a961!important}

body.gp-acct{background:#faf7f2}
body.gp-acct .grecaptcha-badge{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
body.customer-account-login .login-container,
body.customer-account-login .block-new-customer,
body.customer-account-login .block-customer-login,
body.customer-account-login form#sociallogin-form,
body.customer-account-login .sociallogin-distantbtns{display:none!important}
body.customer-account-forgotpassword #form-validate .field.note,
body.customer-account-forgotpassword .form-instructions,
body.customer-account-forgotpassword #form-validate legend.legend{display:none!important}
body.gp-acct .gp-fp{font-family:'DM Sans',sans-serif;color:#1a1a1a}
body.gp-acct .gp-fp-card{max-width:520px;margin:2px auto 70px;background:#fff;border:1px solid #e5e0d8;box-shadow:0 24px 54px -24px rgba(15,35,71,.3);padding:38px 40px 34px}
body.gp-acct .gp-fp-card #form-validate{margin:0;width:100%}
body.gp-acct .gp-fp-back{margin-top:20px;text-align:center;font-size:12.5px}
body.gp-acct .gp-fp-back a{color:#0f2347;text-decoration:none;border-bottom:1px solid rgba(201,169,97,.45);padding-bottom:1px}
body.gp-acct .gp-fp-back a:hover{color:#a8855a}
/* Carte centree (oublie / nouveau mdp) : contraindre le #form-validate a 100% du cadre (sinon le CSS "create" met des max-width:none -> debordement) */
body.gp-acct .gp-fp-card{overflow:hidden}
body.gp-acct .gp-fp-card #form-validate,body.gp-acct .gp-fp-card #form-validate .fieldset,body.gp-acct .gp-fp-card #form-validate .field,body.gp-acct .gp-fp-card #form-validate .control,body.gp-acct .gp-fp-card #form-validate .actions-toolbar,body.gp-acct .gp-fp-card #form-validate .actions-toolbar .primary,body.gp-acct .gp-fp-card #form-validate input.input-text,body.gp-acct .gp-fp-card #form-validate button.action.submit{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;float:none!important}
body.gp-acct .gp-fp-card #password-strength-meter-container,body.gp-acct .gp-fp-card #password-strength-meter{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
body.gp-acct .page-header,
body.gp-acct .page-header .header.content,
body.gp-acct .nav-sections,
body.gp-acct .sticky-header{background:#fff!important}
body.gp-acct .page-title-wrapper,
body.gp-acct #form-validate legend.legend,
body.gp-acct #form-validate .fieldset>.field.choice,
body.gp-acct #form-validate .fieldset.additional_info,
body.gp-acct #form-validate .field.newsletter,
body.gp-acct #form-validate br,
body.gp-acct .sociallogin-wrapper,
body.gp-acct #maincontent>.columns .sidebar{display:none!important}
body.gp-acct .gp-acc{font-family:'DM Sans',sans-serif;color:#1a1a1a}
body.gp-acct .gp-acc *{box-sizing:border-box}
body.gp-acct .gp-acc-intro{text-align:center;padding:16px 20px 14px}
body.gp-acct .gp-acc-kicker{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:#a8855a;font-weight:600;margin-bottom:9px}
body.gp-acct .gp-acc-h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:38px;letter-spacing:1px;color:#0f2347;line-height:1.05;margin:0}
body.gp-acct .gp-acc-sub{max-width:540px;margin:8px auto 0;color:#5b5853;font-size:14.5px}
body.gp-acct .gp-acc-card{max-width:960px;margin:2px auto 60px;background:#fff;border:1px solid #e5e0d8;display:flex;box-shadow:0 24px 54px -24px rgba(15,35,71,.3)}
body.gp-acct .gp-acc-left{width:40%;background:linear-gradient(165deg,#0f2347,#1d3562);color:#fff;padding:40px 36px;position:relative;overflow:hidden}
body.gp-acct .gp-acc-left::after{content:"";position:absolute;top:0;left:36px;right:36px;height:1px;background:linear-gradient(90deg,transparent,#c9a961,transparent)}
body.gp-acct .gp-acc-h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:24px;letter-spacing:1px;margin:0 0 22px;color:#fff}
/* le texte du panneau navy h&eacute;ritait de Poppins (span/b) -> Poppins 500 rend beaucoup plus gras que DM Sans
   et c'&eacute;tait incoh&eacute;rent avec le drawer. On force tout le panneau en DM Sans (plus fin/coh&eacute;rent), titre serif gard&eacute;. */
body.gp-acct .gp-acc-left,body.gp-acct .gp-acc-left *{font-family:'DM Sans',sans-serif!important}
body.gp-acct .gp-acc-left .gp-acc-h2{font-family:'Cormorant Garamond',serif!important}
body.gp-acct .gp-acc-bnf{list-style:none;display:flex;flex-direction:column;gap:16px;margin:0 0 26px;padding:0}
body.gp-acct .gp-acc-bnf li{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:rgba(255,255,255,.9);line-height:1.45}
body.gp-acct .gp-acc-bnf li svg{width:17px;height:17px;stroke:#c9a961;stroke-width:2;fill:none;flex-shrink:0;margin-top:2px}
body.gp-acct .gp-acc-bnf li b{color:#fff;font-weight:500!important}
body.gp-acct .gp-acc-proof{display:flex;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.85);padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
body.gp-acct .gp-acc-stars{color:#c9a961;letter-spacing:1px}
body.gp-acct .gp-acc-proof b{color:#fff}
body.gp-acct .gp-acc-reass{display:flex;flex-wrap:wrap;gap:17px 20px;margin-top:24px}
body.gp-acct .gp-acc-it{display:flex;align-items:flex-start;gap:9px;flex:0 0 calc(50% - 10px);font-size:11.5px;color:rgba(255,255,255,.8)}
body.gp-acct .gp-acc-it svg{width:16px;height:16px;stroke:#c9a961;stroke-width:1.5;fill:none;flex-shrink:0;margin-top:1px}
body.gp-acct .gp-it-x{display:flex;flex-direction:column;gap:2px}
body.gp-acct .gp-it-t{color:rgba(255,255,255,.93);font-weight:500;font-size:12px;line-height:1.2}
body.gp-acct .gp-it-s{color:rgba(201,169,97,.82);font-size:10px;letter-spacing:.2px;line-height:1.2}
body.gp-acct .gp-acc-right{width:60%;padding:40px 40px 36px}
body.gp-acct .gp-acc-seg{display:flex;border-bottom:1px solid #e5e0d8;margin-bottom:26px}
body.gp-acct .gp-acc-t{flex:1;text-align:center;position:relative;padding:12px 4px 13px;font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;color:#8a8680!important;cursor:pointer;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;outline:none!important;font-family:'DM Sans',sans-serif;transition:all .22s cubic-bezier(.32,.72,0,1)}
body.gp-acct .gp-acc-t:hover,body.gp-acct .gp-acc-t:focus,body.gp-acct .gp-acc-t:active{background:transparent!important;color:#8a8680!important;border:none!important;box-shadow:none!important;outline:none!important}
body.gp-acct .gp-acc-t.gp-acc-on,body.gp-acct .gp-acc-t.gp-acc-on:hover,body.gp-acct .gp-acc-t.gp-acc-on:focus{background:transparent!important;color:#0f2347!important;border:none!important;box-shadow:none!important;outline:none!important}
body.gp-acct .gp-acc-t.gp-acc-on::after{content:"";position:absolute;left:20%;right:20%;bottom:-1px;height:2px;background:#c9a961}
body.gp-acct .gp-acc-pane[hidden]{display:none!important}
body.gp-acct .gp-login-form .field{margin:0 0 15px}
body.gp-acct .gp-login-form .label{display:block;font-size:12px;color:#6f6a62;margin:0 0 6px;font-weight:400}
body.gp-acct .gp-login-form input.input-text{width:100%;height:44px!important;box-sizing:border-box;border:1px solid #e5e0d8;padding:0 13px;font-family:'DM Sans',sans-serif;font-size:13px;color:#1a1a1a;border-radius:0;box-shadow:none;transition:border-color .2s}
body.gp-acct .gp-login-form input.input-text:focus{outline:none;border-color:#e5e0d8!important;border-bottom-color:#c9a961!important;border-bottom-width:1.5px!important;box-shadow:none!important}
body.gp-acct .gp-loginrow{display:flex;align-items:center;justify-content:space-between;margin:2px 0 16px}
body.gp-acct .gp-remember{display:flex;align-items:center;gap:7px;font-size:12px;color:#5b5853;cursor:pointer;margin:0}
body.gp-acct .gp-remember input{width:15px;height:15px;accent-color:#0f2347}
body.gp-acct .gp-forgot{font-size:12px;color:#0f2347;text-decoration:none;border-bottom:1px solid rgba(201,169,97,.4)}
body.gp-acct .gp-forgot:hover{color:#a8855a}
body.gp-acct .gp-login-submit{display:block;width:100%;text-align:center;padding:16px;background:#0f2347!important;color:#fff!important;font-family:'DM Sans',sans-serif;font-size:13px;letter-spacing:3px;text-transform:uppercase;font-weight:600;border:none!important;box-shadow:none!important;outline:none!important;border-radius:0;cursor:pointer;position:relative;transition:background-color .3s ease}
/* le th&egrave;me ajoute "button:hover{border:1px solid #333}" -> 1px de bordure au survol = d&eacute;calage/tremblement.
   On neutralise bordure/ombre/fond sur TOUS les &eacute;tats (comme le bouton Cr&eacute;er, prot&eacute;g&eacute; par ses !important). */
body.gp-acct .gp-login-submit:hover{background:#16325e!important;color:#fff!important;border:none!important;box-shadow:none!important}
body.gp-acct .gp-login-submit:focus,body.gp-acct .gp-login-submit:active{background:#0f2347!important;color:#fff!important;border:none!important;box-shadow:none!important;outline:none!important}
body.gp-acct .gp-login-submit::before{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:#c9a961;transition:left .4s cubic-bezier(.32,.72,0,1),right .4s cubic-bezier(.32,.72,0,1);pointer-events:none}
body.gp-acct .gp-login-submit:hover::before{left:0;right:0}
body.gp-acct #form-validate{margin:0;padding:0;width:100%;display:block!important}
body.gp-acct #form-validate .fieldset{margin:0!important;padding:0!important;border:none;letter-spacing:normal;width:100%!important;float:none!important;clear:both;display:block}
body.gp-acct #form-validate .fieldset>.field{margin:0 0 15px}
body.gp-acct #form-validate .gp-acc-fsrow{display:flex!important;flex-wrap:wrap;gap:0 14px}
body.gp-acct #form-validate .gp-acc-fsrow>.field{flex:1 1 45%;width:auto}
body.gp-acct #form-validate .field>.label{display:block;font-size:12px;color:#6f6a62;margin:0 0 6px;font-weight:400;float:none;width:auto;text-align:left;padding:0}
body.gp-acct #form-validate .field.required>.label:after,
body.gp-acct #form-validate .field._required>.label:after{content:" *"!important;color:#a8855a!important;font-weight:400}
body.gp-acct #form-validate .field.required>.label>span:after,
body.gp-acct #form-validate .field._required>.label>span:after{content:none!important}
body.gp-acct #form-validate .field .control{width:auto;float:none}
body.gp-acct #form-validate input.input-text{width:100%;height:44px!important;box-sizing:border-box;border:1px solid #e5e0d8;padding:0 13px;font-family:'DM Sans',sans-serif;font-size:13px;color:#1a1a1a;border-radius:0;box-shadow:none;transition:border-color .2s}
body.gp-acct #form-validate input.input-text:focus{outline:none;border-color:#e5e0d8!important;border-bottom-color:#c9a961!important;border-bottom-width:1.5px!important;box-shadow:none!important}
body.gp-acct #form-validate label.mage-error,body.gp-acct #form-validate div.mage-error{color:#a23b25!important;font-size:12px!important;font-weight:400!important;height:auto!important;line-height:1.35!important;margin:5px 0 0!important;padding:0!important;display:block!important;border:none!important;background:none!important}
body.gp-acct #form-validate input.input-text.mage-error{border-color:#cf8a7a!important}
body.gp-acct #password-strength-meter-container{margin-top:8px;padding:0;font-size:11px;color:#8a8680;background:none!important;border:none!important}
body.gp-acct #password-strength-meter{background:none!important;padding:0}
body.gp-acct .password-strength-meter-label{font-size:11px;color:#8a8680}
body.gp-acct #form-validate .actions-toolbar{display:block!important;margin:6px 0 0!important;padding:0!important;text-align:left;width:100%!important;max-width:none!important;float:none!important;clear:both}
body.gp-acct #form-validate .actions-toolbar .primary{display:block!important;float:none!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
body.gp-acct #form-validate .actions-toolbar .secondary{display:none!important}
body.gp-acct #form-validate button.action.submit{display:block!important;width:100%!important;max-width:none!important;text-align:center;padding:16px;background:#0f2347!important;color:#fff!important;font-family:'DM Sans',sans-serif!important;font-size:13px;letter-spacing:3px;text-transform:uppercase;font-weight:600;border:none!important;border-radius:0;line-height:1.2;height:auto;cursor:pointer;position:relative;transition:background-color .3s ease}
body.gp-acct #form-validate button.action.submit:hover{background:#16325e!important;color:#fff!important}
body.gp-acct #form-validate button.action.submit::before{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:#c9a961;transition:left .4s cubic-bezier(.32,.72,0,1),right .4s cubic-bezier(.32,.72,0,1);pointer-events:none;z-index:1}
body.gp-acct #form-validate button.action.submit:hover::before{left:0;right:0}
body.gp-acct #form-validate button.action.submit span:after,
body.gp-acct #form-validate button.action.submit span:before,
body.gp-acct #form-validate button.action.submit:after{content:none!important;display:none!important}
/* le bouton natif "Cr&eacute;er un compte" met son libell&eacute; dans un <span> stylis&eacute; par le th&egrave;me
   (Poppins/400/14px + d&eacute;calage au survol) -> on le force &agrave; la typo du bouton "Se connecter"
   (m&ecirc;me police h&eacute;rit&eacute;e/600/13px, texte fig&eacute;) pour uniformiser les 2 sections. */
body.gp-acct #form-validate button.action.submit span,body.gp-acct #form-validate button.action.submit:hover span{font-family:inherit!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:3px!important;text-transform:uppercase!important;color:#fff!important;transform:none!important;transition:none!important;display:inline!important}
body.gp-acct .gp-acc-or{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:#8a8680;font-size:10px;letter-spacing:2px}
body.gp-acct .gp-acc-or:before,body.gp-acct .gp-acc-or:after{content:"";flex:1;height:1px;background:#e5e0d8}
body.gp-acct .gp-acc-google{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;background:#fff;color:#0f2347!important;border:1px solid #e5e0d8;font-size:12px;letter-spacing:.5px;font-weight:600;text-decoration:none;transition:border-color .2s}
body.gp-acct .gp-acc-google:hover{border-color:#c9a961;color:#0f2347!important}
body.gp-acct .gp-acc-google svg{flex-shrink:0}
body.gp-acct .gp-acc-alt{display:flex;align-items:center;justify-content:center;margin-top:18px;padding-top:16px;border-top:1px solid #f0ebe0;font-size:12.5px;color:#8a8680}
body.gp-acct .gp-acc-alt>a{color:#0f2347!important;text-decoration:none}
body.gp-acct .gp-acc-alt>a>span{border-bottom:1px solid #c9a961;padding-bottom:1px;font-weight:600}
body.gp-acct .gp-acc-reassure,body.gp-acct .gp-cta-reassure{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11.5px;color:#9a958c;letter-spacing:.3px;line-height:1.3}
body.gp-acct .gp-acc-reassure{margin-top:16px}
body.gp-acct .gp-cta-reassure{margin-top:14px}
body.gp-acct .gp-acc-reassure svg,body.gp-acct .gp-cta-reassure svg{width:13px;height:13px;stroke:#c9a961;fill:none;flex-shrink:0}
body.gp-acct .gp-pwwrap{position:relative}
body.gp-acct .gp-pwwrap input.input-text{padding-right:40px!important}
body.gp-acct .gp-eye{position:absolute;top:13px;right:11px;width:18px;height:18px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;border-radius:0!important;color:#8a8680;cursor:pointer;z-index:3}
body.gp-acct .gp-eye:hover{color:#a8855a}
body.gp-acct .gp-eye svg{width:18px!important;height:18px!important;min-width:0;display:block}
body.gp-acct .gp-eye[aria-pressed=true]{color:#a8855a}
body.gp-acct .gp-login-msg{display:block;margin:0 0 14px;padding:11px 13px;font-size:12.5px;line-height:1.4;border-radius:0}
body.gp-acct .gp-login-msg[hidden]{display:none!important}
body.gp-acct .gp-msg-err{background:#fbece9;border:1px solid #e3b8ad;color:#a23b25}
body.gp-acct .gp-msg-ok{background:#eef6ee;border:1px solid #bcd9bd;color:#2f6d33}
body.gp-acct .gp-strength-bars{display:flex;gap:5px;margin-top:8px}
body.gp-acct .gp-strength-bars i{height:3px;flex:1;background:#e5e0d8!important;border-radius:2px;transition:background .25s}
body.gp-acct .gp-strength-bars i.lvl1{background:#cf8a7a!important}
body.gp-acct .gp-strength-bars i.lvl2{background:#d4a85a!important}
body.gp-acct .gp-strength-bars i.lvl3,body.gp-acct .gp-strength-bars i.lvl4{background:#c9a961!important}
@media(max-width:760px){
/* mobile : champs au plus large -> marge carte + padding volet r&eacute;duits (double marge avant = ~36px/c&ocirc;t&eacute;) */
body.gp-acct .gp-acc-card{flex-direction:column;margin:6px 0 30px;border:none!important;box-shadow:none!important}
body.gp-acct .gp-acc-left,body.gp-acct .gp-acc-right{width:100%}
/* mobile : formulaire (onglets+champs) D'ABORD, panneau b&eacute;n&eacute;fices en renfort dessous */
body.gp-acct .gp-acc-right{order:-1;padding:20px 15px 24px}
body.gp-acct .gp-acc-left{order:0;padding:28px 15px}
body.gp-acct .gp-acc-h2{text-align:center}
body.gp-acct .gp-acc-proof{justify-content:center}
body.gp-acct .gp-acc-fsrow{flex-direction:column;gap:0}
body.gp-acct .gp-acc-h1{font-size:34px}
}

#compte-panel .info-body{padding-top:16px}
#compte-panel .gp-mob-bnf{list-style:none;margin:0 0 14px;padding:0}
#compte-panel .gp-mob-bnf li{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.45;color:#1a1a1a}
#compte-panel .gp-mob-bnf li b{font-weight:500;color:#0f2347}
#compte-panel .gp-mob-ck{color:#c9a961;font-size:15px;line-height:1.35;flex-shrink:0}
#compte-panel .gp-mob-proof{font-family:'DM Sans',sans-serif;font-size:13px;color:#6a6660;border-top:1px solid #ece8e0;padding-top:13px;margin:0 0 4px}
#compte-panel .gp-mob-proof .gp-mob-stars{color:#c9a961;letter-spacing:1px}
#compte-panel .gp-mob-proof b{color:#0f2347}
#compte-panel a.info-cta{display:flex!important;align-items:center;justify-content:center;width:100%!important;box-sizing:border-box!important;background:#0f2347!important;color:#fff!important;font-family:'DM Sans',sans-serif!important;font-size:13px!important;letter-spacing:3px!important;text-transform:uppercase!important;font-weight:600!important;border:none!important;border-radius:0!important;box-shadow:none!important;outline:none!important;padding:15px!important;position:relative;overflow:hidden;text-decoration:none!important;transition:background-color .3s ease}
#compte-panel a.info-cta::before{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:#c9a961;transition:left .4s cubic-bezier(.32,.72,0,1),right .4s cubic-bezier(.32,.72,0,1);pointer-events:none}
#compte-panel a.info-cta:hover::before,#compte-panel a.info-cta:active::before{left:0;right:0}
#compte-panel a.info-cta:hover,#compte-panel a.info-cta:active,#compte-panel a.info-cta:focus{background:#16325e!important;color:#fff!important;border:none!important;box-shadow:none!important;outline:none!important}
#compte-panel .gp-mob-guest{text-align:center;margin:18px 0 4px;font-family:'DM Sans',sans-serif;font-size:13px;color:#6a6660}
#compte-panel .gp-mob-guest a{color:#0f2347;text-decoration:none;font-weight:600}
#compte-panel .gp-mob-guest a span{border-bottom:1px solid #c9a961;padding-bottom:1px}
#compte-panel .gp-mob-reassure{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;font-family:'DM Sans',sans-serif;font-size:11.5px;color:#9a958c}
#compte-panel .gp-mob-reassure svg{width:13px;height:13px;stroke:#c9a961;fill:none;flex-shrink:0}
/* 2026-08-12 - fix tiroir compte : (1) head_includes masque form.form-login hors checkout -> le reveler dans le tiroir reskine ; (2) bouton natif goto-login MORT (aucun handler) masque ; (3) icone compte header : le background-origin:content-box du patch phtml 08-10 est ecrase par le shorthand background du theme -> icone etiree a 24px + texte indente qui fuit (trait) */.icube-popup-authentication .block-customer-login form.form-login{display:block!important}.icube-popup-authentication .block-customer-login .primary.movetologin{display:none!important}.icube-popup-authentication button.goto-login{display:none!important}.header.links .authorization-link > .trigger-ajax-login{background-origin:content-box!important;background-clip:content-box!important;color:transparent!important}/* 2026-08-14 (4) : le tiroir affichait DEUX indicateurs de chargement superposes - le blockLoader natif de Magento (data-bind blockLoader:isLoading sur .block-authentication) et celui du bouton. On retire le natif. */.icube-popup-authentication [data-role="loader"],.icube-popup-authentication .loading-mask,.icube-popup-authentication .admin__form-loading-mask{display:none!important}/* 2026-08-14 (3) : les pages compte du worker portent body.gp-acct, alors que l habillage des messages du theme est scope body.gp-account -> le bandeau restait en rouge natif. Meme traitement, portee gp-acct. */body.gp-acct .page.messages .message{background:#f4f1ec!important;border:1px solid #e8e2d8!important;color:#5a4a3a!important;border-radius:0!important;font-size:12.5px!important;line-height:1.7!important;padding:14px 18px 14px 42px!important;margin:0 0 18px!important;position:relative!important;box-shadow:none!important}body.gp-acct .page.messages .message.error{border-left:2px solid #9c3a2e!important}body.gp-acct .page.messages .message > :first-child::before{color:#c9a84c!important;font-size:12px!important;line-height:1!important;width:auto!important;height:auto!important;margin:0!important;position:absolute!important;top:50%!important;left:18px!important;transform:translateY(-50%)!important}body.gp-acct .page.messages .message,body.gp-acct .page.messages .message span,body.gp-acct .page.messages .message div{font-family:Jost,"Segoe UI",Helvetica,Arial,sans-serif!important;font-weight:300!important;letter-spacing:0!important}body.gp-acct .page.messages .message a{color:#0f2347!important;text-decoration:underline!important;text-underline-offset:3px!important}/* jauge de fiabilite : le bandeau plein #ffafae derriere le texte devient un filet de 2px dans la palette. */body.gp-acct .password-strength-meter::before{height:2px!important;top:auto!important;bottom:0!important;z-index:0!important}body.gp-acct .password-none .password-strength-meter::before{background-color:#e0d8cc!important}body.gp-acct .password-weak .password-strength-meter::before{background-color:#c9a99c!important}body.gp-acct .password-medium .password-strength-meter::before{background-color:#d9c79a!important}body.gp-acct .password-strong .password-strength-meter::before{background-color:#b9c7ae!important}body.gp-acct .password-very-strong .password-strength-meter::before{background-color:#8ca57e!important}