.hf-account-page{--hf-ink:#111;--hf-bone:#f2f0ed;--hf-o:#f05a1a;--hf-rouge:#ae181a;--hf-acier:#6e6e6e;--hf-trait:#1a1a1a;--hf-ease:cubic-bezier(.2,.7,.3,1)}
.hf-account-page #main-content{overflow-x:clip}
/* Divi centre tout le contenu de la colonne : on revient a un alignement a gauche. */
body.hf-account-page .woocommerce,
body.hf-account-page .woocommerce form,
body.hf-account-page #customer_login,
body.hf-account-page .woocommerce-MyAccount-content,
body.hf-account-page .woocommerce-MyAccount-navigation,
.hf-acct-hero,
.hf-acct-hero__inner{text-align:left}

/* ===== En-tete parallaxe : rayures du pantalon bagnard, deux couches ===== */
.hf-acct-hero{clear:both;position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-bottom:56px;min-height:340px;display:flex;align-items:flex-end;background:#0d0d0d;overflow:hidden;isolation:isolate}
.hf-acct-hero__layer{position:absolute;inset:-30% -12%;z-index:0;will-change:transform}
.hf-acct-hero__layer--back{background:repeating-linear-gradient(112deg,#161616 0 46px,#0b0b0b 46px 92px);opacity:.95}
.hf-acct-hero__layer--front{background:repeating-linear-gradient(112deg,rgba(240,90,26,.17) 0 7px,transparent 7px 64px)}
.hf-acct-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--hf-o);z-index:3}
.hf-acct-hero__inner{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto;padding:96px 28px 52px}
.hf-acct-hero__title{margin:0;color:#fff;font-size:clamp(42px,7vw,86px);line-height:.92;letter-spacing:-.5px;text-transform:uppercase;font-weight:700}
.hf-acct-hero__lead{margin:16px 0 0;color:#cfcbc6;font-size:clamp(16px,1.5vw,20px);line-height:1.5;max-width:52ch}

/* ===== Plaques connexion / creation de compte ===== */
body.hf-account-page #customer_login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1180px;margin:0 auto 12px;padding:0 28px}
body.hf-account-page #customer_login .u-column1{order:1}
body.hf-account-page #customer_login .u-column2{order:2}
body.hf-account-page #customer_login .u-column1,
body.hf-account-page #customer_login .u-column2{width:auto;float:none;margin:0;position:relative;background:var(--hf-bone);border:1px solid var(--hf-trait);padding:34px 32px 38px;transition:transform .28s var(--hf-ease),box-shadow .28s var(--hf-ease),background .28s var(--hf-ease)}
body.hf-account-page #customer_login .u-column1:before,
body.hf-account-page #customer_login .u-column2:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:5px;background:var(--hf-o);transform:scaleX(0);transform-origin:left;transition:transform .34s var(--hf-ease)}
body.hf-account-page #customer_login .u-column1:hover,
body.hf-account-page #customer_login .u-column2:hover,
body.hf-account-page #customer_login .u-column1:focus-within,
body.hf-account-page #customer_login .u-column2:focus-within{background:#fff;transform:translateY(-4px);box-shadow:8px 8px 0 var(--hf-ink)}
body.hf-account-page #customer_login .u-column1:hover:before,
body.hf-account-page #customer_login .u-column2:hover:before,
body.hf-account-page #customer_login .u-column1:focus-within:before,
body.hf-account-page #customer_login .u-column2:focus-within:before{transform:scaleX(1) !important}
body.hf-account-page #customer_login h2{margin:0 0 6px;padding:0;font-size:30px;line-height:1.1;font-weight:700;color:var(--hf-ink);text-transform:uppercase;letter-spacing:.5px;border:0}
.hf-plate__hint{margin:0 0 22px;color:var(--hf-acier);font-size:16px;line-height:1.5;max-width:44ch}

/* ===== Champs ===== */
body.hf-account-page .woocommerce form .form-row{padding:0;margin:0 0 18px}
body.hf-account-page .woocommerce form label{display:block;margin-bottom:6px;font-size:15px;color:var(--hf-ink);letter-spacing:.3px}
body.hf-account-page .woocommerce form .input-text{width:100%;padding:13px 14px;background:#fff;color:var(--hf-ink);border:1px solid #cdc8c2;border-left:3px solid #cdc8c2;border-radius:0;font-size:16px;transition:border-color .2s var(--hf-ease),box-shadow .2s var(--hf-ease)}
body.hf-account-page .woocommerce form .input-text:hover{border-color:#a8a29b}
body.hf-account-page .woocommerce form .input-text:focus{outline:0;border-color:var(--hf-ink);border-left-color:var(--hf-o);box-shadow:0 0 0 3px rgba(240,90,26,.18)}
body.hf-account-page .woocommerce-form-login__rememberme{display:inline-flex;align-items:center;gap:8px;margin:2px 0 18px;color:var(--hf-acier)}

/* ===== Boutons : remplissage orange qui monte ===== */
body.hf-account-page .woocommerce .button,
body.hf-account-page .woocommerce button.button,
body.hf-account-page .woocommerce input.button,
body.hf-account-page .woocommerce a.button{position:relative;overflow:hidden;isolation:isolate;display:inline-block;padding:14px 30px;background:var(--hf-ink);color:#fff;border:1px solid var(--hf-ink);border-radius:0;font-size:17px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;color:#fff !important;transition:color .24s var(--hf-ease),transform .24s var(--hf-ease)}
body.hf-account-page .woocommerce .button:before,
body.hf-account-page .woocommerce button.button:before,
body.hf-account-page .woocommerce input.button:before,
body.hf-account-page .woocommerce a.button:before{content:"";display:block !important;position:absolute;inset:0;z-index:-1;background:var(--hf-o);transform:scaleY(0);transform-origin:bottom;transition:transform .28s var(--hf-ease);opacity:1;visibility:visible}
body.hf-account-page .woocommerce .button:hover,
body.hf-account-page .woocommerce button.button:hover,
body.hf-account-page .woocommerce input.button:hover,
body.hf-account-page .woocommerce a.button:hover{color:#111 !important;background:var(--hf-ink);transform:translateY(-2px)}
body.hf-account-page .woocommerce .button:hover:before,
body.hf-account-page .woocommerce button.button:hover:before,
body.hf-account-page .woocommerce input.button:hover:before,
body.hf-account-page .woocommerce a.button:hover:before{transform:scaleY(1) !important}
body.hf-account-page .woocommerce .button:focus-visible{outline:3px solid var(--hf-o);outline-offset:3px}

/* ===== Liens ===== */
bodybody.hf-account-page .woocommerce-LostPassword a,
bodybody.hf-account-page .woocommerce-privacy-policy-link{position:relative;color:var(--hf-ink);text-decoration:none}
bodybody.hf-account-page .woocommerce-LostPassword a:after,
bodybody.hf-account-page .woocommerce-privacy-policy-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--hf-o);transform:scaleX(0);transform-origin:right;transition:transform .26s var(--hf-ease)}
bodybody.hf-account-page .woocommerce-LostPassword a:hover:after,
bodybody.hf-account-page .woocommerce-privacy-policy-link:hover:after{transform:scaleX(1);transform-origin:left}
body.hf-account-page .woocommerce-privacy-policy-text p{font-size:14px;color:var(--hf-acier);line-height:1.5}

/* ===== Tableau de bord ===== */
body.hf-account-page .woocommerce-account .woocommerce{max-width:1180px;margin:0 auto;padding:0 28px}
body.hf-account-page .woocommerce-MyAccount-navigation{width:26%;padding-right:34px}
body.hf-account-page .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border-top:1px solid #ddd8d2}
body.hf-account-page .woocommerce-MyAccount-navigation li{border-bottom:1px solid #ddd8d2;position:relative}
body.hf-account-page .woocommerce-MyAccount-navigation li a{display:block;padding:14px 16px;color:var(--hf-ink);text-decoration:none;font-size:17px;letter-spacing:.4px;transition:padding .24s var(--hf-ease),background .24s var(--hf-ease)}
body.hf-account-page .woocommerce-MyAccount-navigation li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--hf-o);transform:scaleY(0);transition:transform .24s var(--hf-ease)}
body.hf-account-page .woocommerce-MyAccount-navigation li:hover:before,
body.hf-account-page .woocommerce-MyAccount-navigation li.is-active:before{transform:scaleY(1)}
body.hf-account-page .woocommerce-MyAccount-navigation li:hover a{padding-left:24px;background:var(--hf-bone)}
body.hf-account-page .woocommerce-MyAccount-navigation li.is-active a{font-weight:700;background:var(--hf-bone)}
body.hf-account-page .woocommerce-MyAccount-content{width:74%}

/* ===== Suivi de commande ===== */
body.hf-account-page .woocommerce form.track_order{max-width:1180px;margin:56px auto 0;padding:36px 32px;background:var(--hf-ink);border-left:5px solid var(--hf-o)}
body.hf-account-page .woocommerce form.track_order p,
body.hf-account-page .woocommerce form.track_order label{color:#e6e2dd}
body.hf-account-page .woocommerce form.track_order .button{background:var(--hf-o);color:#111 !important;border-color:var(--hf-o)}
body.hf-account-page .woocommerce form.track_order .button:before{background:#fff}

/* ===== Messages ===== */
bodybody.hf-account-page .woocommerce-error,
bodybody.hf-account-page .woocommerce-message,
bodybody.hf-account-page .woocommerce-info{max-width:1180px;margin:0 auto 24px;border-radius:0;border-top:0;background:var(--hf-bone);color:var(--hf-ink);border-left:5px solid var(--hf-o)}
bodybody.hf-account-page .woocommerce-error{border-left-color:var(--hf-rouge)}

@media (max-width:980px){
body.hf-account-page #customer_login{grid-template-columns:1fr;gap:22px;padding:0 20px}
.hf-acct-hero{min-height:260px;margin-bottom:40px}
.hf-acct-hero__inner{padding:74px 20px 40px}
body.hf-account-page .woocommerce-MyAccount-navigation,
body.hf-account-page .woocommerce-MyAccount-content{width:100%;padding-right:0}
}
@media (prefers-reduced-motion:reduce){
.hf-account-page *,.hf-account-page *:before,.hf-account-page *:after{transition:none !important;animation:none !important}
}

/* ===== Champs pleine largeur + confort mobile ===== */
body.hf-account-page .woocommerce form .input-text{width:100% !important;max-width:100%;box-sizing:border-box}
@media (max-width:600px){
body.hf-account-page #customer_login .u-column1,
body.hf-account-page #customer_login .u-column2{padding:26px 20px 30px}
body.hf-account-page #customer_login h2{font-size:26px}
body.hf-account-page .woocommerce .button,
body.hf-account-page .woocommerce button.button,
body.hf-account-page .woocommerce input.button{width:100%;text-align:center}
body.hf-account-page .woocommerce form.track_order{padding:26px 20px}
}

/* ===== Cadre interne WooCommerce : la plaque fait deja office de cadre ===== */
body.hf-account-page .woocommerce form.login,
body.hf-account-page .woocommerce form.register{border:0;padding:0;margin:0;background:transparent;border-radius:0}