/* HBY Espace élève 1.3.0 — Mon compte et pages de connexion (Ultimate Member) aux couleurs de l'espace */

/* ---------- formulaires Ultimate Member dans l'espace ---------- */
.hbyesp.he .um,.hbyesp.he .um *{font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif!important}
.hbyesp.he .um{max-width:none!important;margin:0!important;color:var(--txt);opacity:1!important}
.hbyesp.he .um .um-form{background:transparent;border:0;box-shadow:none;padding:0}
.hbyesp.he .um .um-field{padding-top:14px!important}
.hbyesp.he .um .um-field-label{margin-bottom:6px!important}
.hbyesp.he .um .um-field-label label{font-weight:700!important;font-size:14px!important;line-height:1.3!important;color:var(--ink)!important}
.hbyesp.he .um .um-field-label-icon,.hbyesp.he .um .um-field-icon i{color:var(--blue)!important}
.hbyesp.he .um input.um-form-field,.hbyesp.he .um textarea.um-form-field,
.hbyesp.he .um .select2-container .select2-selection--single,.hbyesp.he .um .select2-container .select2-selection--multiple{
 font-size:15px!important;line-height:1.4!important;height:auto!important;min-height:46px!important;padding:10px 14px!important;
 border:1.5px solid var(--line)!important;border-radius:12px!important;background:#fff!important;color:var(--ink)!important;
 box-shadow:none!important;outline:none!important;width:100%!important;box-sizing:border-box!important}
.hbyesp.he .um input.um-form-field:focus,.hbyesp.he .um textarea.um-form-field:focus,
.hbyesp.he .um .select2-container--open .select2-selection,.hbyesp.he .um .select2-container--focus .select2-selection{
 border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(11,118,159,.15)!important}
.hbyesp.he .um input.um-form-field[disabled]{background:var(--grey)!important;color:var(--txt)!important}
.hbyesp.he .um .select2-container{display:block!important;width:100%!important}
.hbyesp.he .um .select2-selection__rendered{line-height:1.5!important;padding:0 20px 0 0!important;color:var(--ink)!important}
.hbyesp.he .um .select2-selection__arrow{height:100%!important;top:0!important;right:10px!important}
.hbyesp.he .um .um-col-alt{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px!important}
.hbyesp.he .um .um-col-alt .um-half,.hbyesp.he .um .um-col-alt .um-left,.hbyesp.he .um .um-col-alt .um-right{float:none!important;width:auto!important;flex:1 1 44%;padding:0!important;margin:0!important}
.hbyesp.he .um .um-col-alt .um-center,.hbyesp.he .um .um-col-alt>.um-field{width:100%;flex:1 1 100%;padding-top:0!important}
.hbyesp.he .um .um-col-alt>.um-clear{display:none}
.hbyesp.he .um input[type=submit].um-button,.hbyesp.he .um button.um-button,.hbyesp.he .um a.um-button{
 display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:48px!important;padding:12px 20px!important;
 border-radius:12px!important;border:0!important;background:var(--ink)!important;color:#fff!important;font-weight:700!important;font-size:15px!important;
 line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;text-decoration:none!important;cursor:pointer}
.hbyesp.he .um input[type=submit].um-button:hover,.hbyesp.he .um button.um-button:hover,.hbyesp.he .um a.um-button:hover{background:#1b2280!important}
.hbyesp.he .um a.um-button.um-alt,.hbyesp.he .um input.um-button.um-alt,.hbyesp.he .um button.um-button.um-alt{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--line)!important}
.hbyesp.he .um .um-field-error{background:#fde9e7!important;color:var(--red)!important;border-radius:10px!important;font-size:13px!important;padding:8px 10px!important;margin-top:6px!important}
.hbyesp.he .um .um-field-arrow{color:#fde9e7!important}
.hbyesp.he .um .um-notice{border-radius:12px!important;font-size:14px!important}
.hbyesp.he .um .um-notice.err{background:var(--red)!important}
.hbyesp.he .um .um-notice.success{background:var(--ok)!important}
.hbyesp.he .um a{color:var(--blue)}
.hbyesp.he .um .um-col-alt-b{text-align:center;margin-top:14px}
.hbyesp.he .um .um-link-alt{color:var(--blue)!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important}
.hbyesp.he .um .um-field-checkbox-option,.hbyesp.he .um .um-field-radio-option{font-size:14px!important;color:var(--ink)!important}
.hbyesp.he .um .um-field-checkbox.active .um-field-checkbox-state i,.hbyesp.he .um .um-field-radio.active .um-field-radio-state i{color:var(--red)!important}

/* ---------- Mon compte : le menu des onglets et le formulaire, en cartes ---------- */
.hbyesp.he .um-account .um-form>form{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}
.hbyesp.he .um-account .um-form>form>.um-clear{display:none}
.hbyesp.he .um-account .um-form>form>.um-account-meta.uimob800-show{display:none}
.hbyesp.he .um-account-side{float:none!important;width:auto!important;padding:16px!important;background:#fff;border:1.5px solid var(--line);border-radius:18px}
.hbyesp.he .um-account-main{float:none!important;width:auto!important;padding:22px 24px!important;background:#fff;border:1.5px solid var(--line);border-radius:18px;box-sizing:border-box}
.hbyesp.he .um-account-meta{text-align:center;padding:4px 0 14px!important;margin:0 0 10px!important;border-bottom:1px solid var(--line);background:none!important}
.hbyesp.he .um-account-meta-img{margin:0 auto 8px!important;float:none!important}
.hbyesp.he .um-account-meta img{width:72px!important;height:72px!important;border-radius:50%!important;display:inline-block!important;object-fit:cover;border:3px solid var(--sky)!important}
.hbyesp.he .um-account-name{float:none!important;padding:0!important}
.hbyesp.he .um-account-name a{font-weight:800!important;font-size:16px!important;color:var(--ink)!important}
.hbyesp.he .um-account-profile-link a{font-size:12.5px!important;color:var(--blue)!important;font-weight:600}
.hbyesp.he .um-account-side ul{list-style:none!important;margin:0!important;padding:0!important}
.hbyesp.he .um-account-side li{margin:0 0 2px!important;padding:0!important;background:none!important}
.hbyesp.he .um-account-side li::before{content:none!important}
.hbyesp.he .um-account-side li a{display:flex!important;align-items:center;gap:10px;height:auto!important;line-height:1.2!important;padding:10px 12px!important;border-radius:12px!important;background:none!important;color:var(--txt)!important;font-weight:600;font-size:14.5px}
.hbyesp.he .um-account-side li a:hover{background:var(--grey)!important}
.hbyesp.he .um-account-side li a .um-account-icon,.hbyesp.he .um-account-side li a .um-account-title{float:none!important;width:auto!important;padding:0!important;color:inherit!important;font-size:inherit!important;line-height:1.2!important}
.hbyesp.he .um-account-side li a .um-account-icon i{color:var(--ink)!important;font-size:18px}
.hbyesp.he .um-account-side li a .um-account-arrow{margin-left:auto;float:none!important;position:static!important;color:#a5abc2!important}
.hbyesp.he .um-account-side li a .um-account-icontip{display:none!important}
.hbyesp.he .um-account-side li a.current,.hbyesp.he .um-account-side li a.current:hover{background:var(--ink)!important;color:#fff!important}
.hbyesp.he .um-account-side li a.current .um-account-icon i,.hbyesp.he .um-account-side li a.current .um-account-arrow{color:#fff!important}
.hbyesp.he .um-account-main div.um-account-heading{display:flex!important;align-items:center;gap:10px;font-weight:800!important;font-size:20px!important;color:var(--ink)!important;margin:0 0 6px!important;padding:0!important}
.hbyesp.he .um-account-main div.um-account-heading i{color:var(--red)!important;font-size:20px!important;margin:0!important}
.hbyesp.he .um-account-main .um-account-nav{display:none}
.hbyesp.he .um-account-tab .um-field-area .um-field-checkbox,.hbyesp.he .um-account-tab .um-field-area .um-field-radio{padding-top:4px}
.hbyesp.he .um-account-main p{margin:0 0 10px!important}

/* Ultimate Member cache le menu des onglets quand la place manque : on le garde toujours */
.hbyesp.he .um-account .uimob800-show{display:none!important}
.hbyesp.he .um-account-side.uimob800-hide{display:block!important}
.hbyesp.he .um-account-side ul.uimob800-hide{display:block!important}
.hbyesp.he .um-account-side li a .um-account-title.uimob800-hide,.hbyesp.he .um-account-side li a .um-account-icon.uimob800-hide,.hbyesp.he .um-account-side li a .um-account-arrow.uimob800-hide{display:inline-block!important}
.hbyesp.he .um-account-meta-img.uimob800-hide,.hbyesp.he .um-account-name.uimob800-hide{display:block!important}

/* ---------- pages Se connecter / S'inscrire ---------- */
body.hbyesp-acces-body{background:linear-gradient(180deg,#e8f5fb 0,#F2F2F5 260px)!important}
.hbyesp.he.hbyesp-acces{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:18px 16px 26px;background:transparent}
.hbyesp-retour{align-self:flex-start;font-weight:600;font-size:14px;color:var(--blue)!important;padding:6px 4px}
.hbyesp-acarte{width:100%;max-width:460px;margin:14px auto 0;background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:26px 28px 24px;box-shadow:0 14px 40px rgba(13,17,82,.08);text-align:center}
.hbyesp-alogo{display:block;width:190px;max-width:62%;margin:0 auto 10px}
.hbyesp-alogo img{display:block;width:100%!important;height:auto!important;object-fit:contain}
.hbyesp-acarte h1{font-weight:800!important;font-size:24px!important;color:var(--ink)!important;line-height:1.2!important}
.hbyesp-tn.tnc{text-align:center;font-size:15px;margin:4px 0 6px}
.hbyesp-acarte .hbyesp-contenu{text-align:left}
.hbyesp-acarte .hbyesp-contenu>*:first-child{margin-top:0}
.hbyesp-aalt{margin-top:16px!important;padding-top:14px!important;border-top:1px solid var(--line);font-size:14px}
.hbyesp-aalt a{color:var(--red)!important;font-weight:700}
.hbyesp-apied{margin-top:18px!important;font-size:12.5px;color:#8a8fa8}

@media (max-width:900px){
 .hbyesp.he .um-account .um-form>form{grid-template-columns:1fr}
 .hbyesp.he .um-account-side{padding:10px!important}
 .hbyesp.he .um-account-side ul,.hbyesp.he .um-account-side ul.uimob800-hide{display:flex!important;flex-wrap:wrap;gap:6px}
 .hbyesp.he .um-account-side li{margin:0!important;flex:1 1 auto}
 .hbyesp.he .um-account-side li a{justify-content:center;padding:9px 10px!important;font-size:13.5px;background:var(--grey)!important}
 .hbyesp.he .um-account-side li a .um-account-arrow,.hbyesp.he .um-account-side li a .um-account-arrow.uimob800-hide{display:none!important}
 .hbyesp.he .um-account-meta{display:flex!important;align-items:center;gap:12px;text-align:left;padding:2px 4px 10px!important}
 .hbyesp.he .um-account-meta-img{margin:0!important}
 .hbyesp.he .um-account-meta img{width:52px!important;height:52px!important}
 .hbyesp.he .um-account-main{padding:18px 16px!important}
}
@media (max-width:520px){
 .hbyesp-acarte{padding:20px 18px 18px;border-radius:18px}
 .hbyesp-alogo{width:160px}
 .hbyesp-acarte h1{font-size:21px!important}
 .hbyesp.he .um .um-col-alt .um-half,.hbyesp.he .um .um-col-alt .um-left,.hbyesp.he .um .um-col-alt .um-right{flex-basis:100%}
}