/* dx-login-pro-premium-v2.css
   Page connexion prestataire — visuel uniquement.
   Ne modifie pas l'authentification.
*/

body.dx-hero-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 15% 8%, rgba(255,106,0,.28), transparent 30%),
    linear-gradient(135deg,#080b12 0%,#111827 43%,#fff6e8 43.2%,#fbf3e8 100%) !important;
  color:#111827;
}

body.dx-hero-page .dx-page-hero{
  min-height:270px !important;
  padding:38px 0 86px !important;
  background:
    linear-gradient(135deg,rgba(25,8,3,.96),rgba(5,8,16,.98) 62%,rgba(7,13,23,.98)) !important;
  position:relative;
  overflow:hidden;
}

body.dx-hero-page .dx-page-hero__eyebrow{
  color:#ffb86b !important;
  letter-spacing:.18em !important;
  font-size:11px !important;
  font-weight:900 !important;
}

body.dx-hero-page .dx-page-hero__title{
  font-size:42px !important;
  line-height:1.02 !important;
  letter-spacing:-.04em !important;
  margin-top:10px !important;
}

body.dx-hero-page .dx-page-hero__sub{
  max-width:560px !important;
  color:rgba(255,255,255,.74) !important;
  font-size:16px !important;
  line-height:1.6 !important;
}

body.dx-hero-page .dx-page-hero__badge{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 18px 60px rgba(0,0,0,.25) !important;
}

body.dx-hero-page .dx-below-hero{
  margin-top:-58px !important;
  position:relative !important;
  z-index:5 !important;
}

body.dx-hero-page .dx-below-hero > .container{
  max-width:500px !important;
}

body.dx-hero-page .card.pad{
  max-width:480px !important;
  margin:0 auto !important;
  padding:30px 30px 22px !important;
  border-radius:28px !important;
  background:rgba(255,255,255,.97) !important;
  border:1px solid rgba(255,255,255,.78) !important;
  box-shadow:0 26px 80px rgba(17,24,39,.24), inset 0 1px 0 rgba(255,255,255,.9) !important;
  overflow:hidden;
}

body.dx-hero-page .card.pad:before{
  content:"";
  display:block;
  height:5px;
  margin:-30px -30px 24px;
  background:linear-gradient(90deg,#ff6a00,#ffb86b,#111827);
}

body.dx-hero-page .heroTitle{
  font-size:34px !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
  margin:0 0 8px !important;
  color:#111827 !important;
}

body.dx-hero-page .heroSub{
  color:#667085 !important;
  font-size:14px !important;
  line-height:1.55 !important;
  margin:0 0 20px !important;
}

body.dx-hero-page .btnRow{
  display:none !important;
}

body.dx-hero-page .legalBlock{
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#f9fafb) !important;
  border:1px solid #eef0f4 !important;
  padding:22px !important;
}

body.dx-hero-page .legalBlock h2{
  display:none !important;
}

body.dx-hero-page .formGrid{
  margin-top:0 !important;
}

body.dx-hero-page .field label{
  font-size:13px !important;
  color:#101828 !important;
  font-weight:850 !important;
  margin-bottom:7px !important;
}

body.dx-hero-page .input{
  height:48px !important;
  border-radius:14px !important;
  border:1px solid #e5e7eb !important;
  background:#fff !important;
  box-shadow:0 1px 0 rgba(17,24,39,.03) !important;
  font-size:15px !important;
}

body.dx-hero-page .input:focus{
  border-color:#ff8a1f !important;
  box-shadow:0 0 0 4px rgba(255,106,0,.14) !important;
  outline:none !important;
}

body.dx-hero-page .pwToggle{
  border-radius:12px !important;
  right:8px !important;
}

body.dx-hero-page .formActions{
  margin-top:14px !important;
}

body.dx-hero-page #btnLogin{
  width:100% !important;
  justify-content:center !important;
  border-radius:16px !important;
  min-height:50px !important;
  font-size:15px !important;
  font-weight:900 !important;
  background:linear-gradient(135deg,#ff6a00,#ff8a1f) !important;
  box-shadow:0 16px 32px rgba(255,106,0,.28) !important;
}

body.dx-hero-page .smallNote{
  text-align:center !important;
  color:#667085 !important;
  font-size:12.5px !important;
  margin-top:12px !important;
}

body.dx-hero-page .dx-login-extra{
  margin-top:15px;
  padding-top:15px;
  border-top:1px solid #eef0f4;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:#667085;
  text-align:center;
}

body.dx-hero-page .dx-login-extra a{
  color:#0f172a;
  font-weight:850;
  text-decoration:none;
}

body.dx-hero-page .dx-login-extra a:hover{
  color:#ff6a00;
  text-decoration:underline;
}

body.dx-hero-page .siteFooter{
  border-top:none !important;
  background:transparent !important;
}

@media(max-width:720px){
  body.dx-hero-page{
    background:linear-gradient(180deg,#080b12 0%,#111827 40%,#fff6e8 40.2%,#fbf3e8 100%) !important;
  }

  body.dx-hero-page .dx-page-hero{
    min-height:240px !important;
    padding:28px 0 72px !important;
  }

  body.dx-hero-page .dx-page-hero__title{
    font-size:34px !important;
  }

  body.dx-hero-page .dx-page-hero__sub{
    font-size:14px !important;
  }

  body.dx-hero-page .dx-below-hero > .container{
    max-width:100% !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  body.dx-hero-page .card.pad{
    border-radius:24px !important;
    padding:26px 16px 18px !important;
  }

  body.dx-hero-page .card.pad:before{
    margin:-26px -16px 20px !important;
  }
}

/* DX_LOGIN_MOBILE_HEADER_FIX_START */
@media (max-width: 640px){

  body.dx-hero-page .dx-page-hero{
    min-height: auto !important;
    padding-top: 108px !important;
    padding-bottom: 20px !important;
  }

  body.dx-hero-page .dx-page-hero__eyebrow{
    margin-top: 0 !important;
  }

  body.dx-hero-page .dx-page-hero__title{
    margin-top: 0 !important;
    font-size: 18px !important;
    line-height: 1.18 !important;
    max-width: 100% !important;
  }

  body.dx-hero-page .heroTitle{
    font-size: 22px !important;
    line-height: 1.08 !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }

  body.dx-hero-page .heroSub{
    font-size: 14px !important;
    line-height: 1.45 !important;
    margin-bottom: 12px !important;
  }

  body.dx-hero-page .dx-card,
  body.dx-hero-page .loginCard,
  body.dx-hero-page form#loginForm{
    margin-top: 0 !important;
  }
}
/* DX_LOGIN_MOBILE_HEADER_FIX_END */



/* DX_LOGIN_OVERLAP_MOBILE_V1_START
   La regle body.dx-hero-page .dx-below-hero{margin-top:-58px} faisait
   remonter la carte de connexion sur la banniere. Sur mobile, combinee
   au rembourrage bas reduit a 20px, elle masquait le sous-titre.
   Declare en fin de fichier : meme specificite, mais prioritaire.   */
@media (max-width: 980px) {
  body.dx-hero-page .dx-below-hero {
    margin-top: 0 !important;
  }

  body.dx-hero-page .dx-page-hero {
    padding-bottom: 26px !important;
  }

  body.dx-hero-page .dx-page-hero__sub {
    max-width: 100% !important;
    overflow: visible !important;
  }
}
/* DX_LOGIN_OVERLAP_MOBILE_V1_END */