/* =========================================================
   GOOGLE FONTS (Barlow Condensed 700 + Lato 700)
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&family=Barlow+Condensed:wght@700&display=swap');

/* =========================================================
   INTRO MESSAGE (LOGIN)
   Police : Lato Bold
   ========================================================= */
.portal-intro-message {
  text-align: center;
  margin: 30px auto 20px;
}

.portal-intro-title,
.portal-intro-subtitle {
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
  color: #000000 !important;
  margin: 0;
}

.portal-intro-title {
  font-size: 20px;
  margin-bottom: 6px;
}

.portal-intro-subtitle {
  font-size: 14px;
}

/* =========================================================
   GLOBAL : MASQUER LA BARRE D'ONGLETS (Sign in / Register / Redeem)
   Décision : on ne montre jamais les tabs, peu importe la page.
   - couvre <ul class="nav nav-tabs nav-account">
   - couvre <nav class="nav nav-tabs nav-account"> (certains templates)
   ========================================================= */
ul.nav.nav-tabs.nav-account,
nav.nav.nav-tabs.nav-account,
.nav.nav-tabs.nav-account {
  display: none !important;
}

/* =========================================================
   LOGIN – BUTTONS (SIGN IN + FORGOT PASSWORD)
   - Fond noir
   - Texte blanc
   - Police : Barlow Condensed Bold (fallback Lato)
   ========================================================= */

/* Sign In button */
#submit-signin-local,

/* Forgot password link (treated as a button) */
form[action^="/SignIn"] a[href*="ForgotPassword"],
form[action*="SignIn"] a[href*="ForgotPassword"],
form[action*="/Account/Login"] a[href*="ForgotPassword"] {
  background-color: rgb(0, 0, 0) !important;
  border-color: rgb(0, 0, 0) !important;
  color: #ffffff !important;

  font-family: "Barlow Condensed", "Lato", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;

  box-shadow: none !important;
  background-image: none !important;
  text-decoration: none !important;
}

/* Hover / focus */
#submit-signin-local:hover,
form[action^="/SignIn"] a[href*="ForgotPassword"]:hover,
form[action*="SignIn"] a[href*="ForgotPassword"]:hover,
form[action*="/Account/Login"] a[href*="ForgotPassword"]:hover,
#submit-signin-local:focus,
form[action^="/SignIn"] a[href*="ForgotPassword"]:focus,
form[action*="SignIn"] a[href*="ForgotPassword"]:focus,
form[action*="/Account/Login"] a[href*="ForgotPassword"]:focus {
  background-color: rgb(0, 0, 0) !important;
  border-color: rgb(0, 0, 0) !important;
  color: #ffffff !important;
  opacity: 0.85;
}

/* =========================================================
   LOGIN – Username & Password
   Police : Lato Regular
   ========================================================= */

/* Labels Username / Password */
form[action^="/SignIn"] label[for="Username"],
form[action*="SignIn"] label[for="Username"],
form[action*="/Account/Login"] label[for="Username"],
form[action^="/SignIn"] label[for="PasswordValue"],
form[action*="SignIn"] label[for="PasswordValue"],
form[action*="/Account/Login"] label[for="PasswordValue"] {
  font-family: "Lato", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px;
  color: #000000;
}

/* Champs input Username / Password */
form[action^="/SignIn"] input#Username,
form[action*="SignIn"] input#Username,
form[action*="/Account/Login"] input#Username,
form[action^="/SignIn"] input#PasswordValue,
form[action*="SignIn"] input#PasswordValue,
form[action*="/Account/Login"] input#PasswordValue {
  font-family: "Lato", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px;
  color: #000000;
}

/* =========================================================
   FULL WHITE BACKGROUND (Power Pages FIX)
   ========================================================= */

html,
body {
  background-color: #ffffff !important;
}

#wrapper,
.wrapper-body,
#content-container,
#content,
.page-content,
.page_section,
.sectionBlockLayout,
.row.sectionBlockLayout,
.container,
.container-fluid,
.columnBlockLayout {
  background-color: #ffffff !important;
}

main,
[role="main"] {
  background-color: #ffffff !important;
}

/* =========================================================
   HEADER – BACKGROUND NOIR
   ========================================================= */

[role="banner"],
.navbar.static-top {
  background-color: #000000 !important;
  border-bottom: none;
}

.navbar.static-top .container,
.navbar.static-top .container-fluid {
  background-color: transparent !important;
}

/* =========================================================
   LOGO – TAILLE NORMALE
   ========================================================= */

.navbar-brand img {
  max-height: 40px;
  width: auto;
  height: auto;
}

/* =========================================================
   MENU HEADER – TEXTE BLANC
   ========================================================= */

.menu-bar .nav-link,
.menu-bar a,
.menu-bar .username {
  color: #ffffff !important;
  background-color: transparent !important;
  font-weight: 400;
}

/* Séparateur "|" */
.menu-bar .divider-vertical {
  border-color: rgba(255,255,255,0.3);
}

/* =========================================================
   CARET / FLÈCHE DROPDOWN – BLANC
   ========================================================= */

.menu-bar .caret,
.menu-bar .dropdown-toggle::after {
  color: #ffffff !important;
  border-top-color: #ffffff !important;
}

/* =========================================================
   HOVER HEADER – AUCUN FOND BIZARRE
   ========================================================= */

.menu-bar .nav-link:hover,
.menu-bar .nav-link:focus,
.menu-bar .nav-link.show {
  color: #ffffff !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

/* =========================================================
   DROPDOWN MENU – FOND BLANC / TEXTE NOIR
   ========================================================= */

.menu-bar .dropdown-menu {
  background-color: #ffffff !important;
  border: 1px solid #dddddd;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.menu-bar .dropdown-menu a {
  color: #000000 !important;
  background-color: transparent !important;
}

.menu-bar .dropdown-menu a:hover {
  background-color: #f2f2f2 !important;
  color: #000000 !important;
}

/* =========================================================
   ICÔNES (loupe, svg)
   ========================================================= */

.menu-bar i,
.menu-bar svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* ================================
   PROGRESS BAR – POWER PAGES
   ================================ */

.progress-wrapper {
  max-width: 500px;
  margin-bottom: 20px;
}

.progress-title {
  font-family: Lato, sans-serif;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 6px;
  color: #000000;
}

.progress-bar-container {
  width: 100%;
  height: 14px;
  background-color: #e6e6e6;
  border-radius: 8px;
  overflow: hidden;
}

.progress-bar-fill {
  height: 100%;
  background-color: #000000;
  position: relative;
  transition: width 0.4s ease;
}

.progress-label {
  position: absolute;
  right: 8px;
  top: -20px;
  font-size: 12px;
  font-family: Lato, sans-serif;
  font-weight: 700;
  color: #000000;
}

/* =========================================================
   SECURE REGISTER : UX simplifiée
   - Masquer message bleu "redeeming code"
   - Masquer Username (ligne complète)
   - Register button noir / blanc
   ========================================================= */

/* Masquer le bandeau bleu / alert (redeeming code) */
#ContentContainer_MainContent_MainContent_SecureRegister .alert {
  display: none !important;
}

/* Cacher la ligne Username (label + champ) sur SecureRegister */
#ContentContainer_MainContent_MainContent_SecureRegister #ContentContainer_MainContent_MainContent_UsernameLabel,
#ContentContainer_MainContent_MainContent_SecureRegister label[for="UserNameTextBox"],
#ContentContainer_MainContent_MainContent_SecureRegister #UserNameTextBox {
  display: none !important;
}

/* Bouton REGISTER : noir fond / blanc texte */
#ContentContainer_MainContent_MainContent_SecureRegister #submit-signup-local,
#ContentContainer_MainContent_MainContent_SecureRegister #submit-register,
#ContentContainer_MainContent_MainContent_SecureRegister input[type="submit"][value="Register"],
#ContentContainer_MainContent_MainContent_SecureRegister button[type="submit"],
#ContentContainer_MainContent_MainContent_SecureRegister .btn.btn-primary,
#ContentContainer_MainContent_MainContent_SecureRegister .btn-primary {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;

  font-family: "Barlow Condensed", "Lato", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;

  box-shadow: none !important;
  background-image: none !important;
}

/* Hover / focus Register */
#ContentContainer_MainContent_MainContent_SecureRegister #submit-signup-local:hover,
#ContentContainer_MainContent_MainContent_SecureRegister #submit-register:hover,
#ContentContainer_MainContent_MainContent_SecureRegister input[type="submit"][value="Register"]:hover,
#ContentContainer_MainContent_MainContent_SecureRegister button[type="submit"]:hover,
#ContentContainer_MainContent_MainContent_SecureRegister .btn.btn-primary:hover,
#ContentContainer_MainContent_MainContent_SecureRegister .btn-primary:hover,
#ContentContainer_MainContent_MainContent_SecureRegister #submit-signup-local:focus,
#ContentContainer_MainContent_MainContent_SecureRegister #submit-register:focus,
#ContentContainer_MainContent_MainContent_SecureRegister input[type="submit"][value="Register"]:focus,
#ContentContainer_MainContent_MainContent_SecureRegister button[type="submit"]:focus,
#ContentContainer_MainContent_MainContent_SecureRegister .btn.btn-primary:focus,
#ContentContainer_MainContent_MainContent_SecureRegister .btn-primary:focus {
  opacity: 0.85;
}