/*
Theme Name: Itfirm
Theme URI: http://demo.casethemes.net/itfirm/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio/
Description: Itfirm is a stunning, professional and flexible IT Solutions, IT Business, and Services Company WordPress theme. Itfirm based on in-depth research into IT Solutions, IT Services, IT Business, Consulting, SaaS & Software, Digital Solution, Technical Engineering, Technology, and Services Company, to deliver all needed layouts and blocks.
Version: 1.4.3
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: itfirm
Tags: agency, business, it services, it solutions, technology, technology service, software, services, app, network solution, startup, technology company, saas, digital
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ==========================================================
   PAGE LOGIN — myBaryton Extranet (fidele au PDF page 1)
   Fond sombre + hexagones, formulaire gauche, sans carte
   ========================================================== */

/* 1. Restaure le fond sombre avec l'image hexagonale */
.elementor-9570 .elementor-element.elementor-element-6dea052:not(.elementor-motion-effects-element-type-background),
.elementor-9570 .elementor-element.elementor-element-6dea052 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: url("http://localhost:8089/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-12-at-10.16.02-1.jpeg") !important;
  background-color: #050e1f !important;
  background-size: cover !important;
  background-position: center !important;
}

/* 2. Section full-height — garde le layout Elementor intact */
.elementor-9570 .elementor-element.elementor-element-6dea052 {
  padding: 0 !important;
  min-height: 100vh !important;
}

/* Force la section pleine hauteur */
.elementor-9570 .elementor-element.elementor-element-6dea052 > .elementor-container {
  min-height: 100vh !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Colonne 100% pleine hauteur */
.elementor-9570 .elementor-element.elementor-element-d9970e0 {
  width: 100% !important;
}

.elementor-9570 .elementor-element.elementor-element-d9970e0 > .elementor-element-populated {
  padding: 0 !important;
}

/* 3. Widget container — reset padding */
.elementor-9570 .elementor-element.elementor-element-0dca889 > .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

/* 4. ct-user — pleine hauteur viewport, flexbox pour centrer verticalement */
.elementor-9570 .ct-user {
  width: 100% !important;
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
}

/* 5. Inner — positionne a gauche, padding horizontal seulement */
.elementor-9570 .ct-user .ct-user-inner {
  margin-left: 0 !important;
  padding: 0 0 0 80px !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

/* ==========================================================
   LOGO "my baryton" en blanc — haut gauche du formulaire
   ========================================================== */
body.elementor-page-9570 .ct-user-inner::before {
  content: "";
  display: block;
  width: 200px;
  height: 64px;
  margin-bottom: 32px;
  background: url("http://localhost:8089/wp-content/uploads/2021/12/Logo-MyBaryton-blanc-carre-bleu-scaled.png") left center / contain no-repeat;
}

/* ==========================================================
   CARD/HOLDER : supprime la carte blanche — fond transparent
   Donne une largeur fixe pour que les champs s'etalent
   ========================================================== */
body.elementor-page-9570 .ct-user-holder {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  width: 340px !important;
  max-width: calc(100vw - 120px) !important;
  overflow: visible !important;
  display: block !important;
}

body.elementor-page-9570 .ct-user-meta,
body.elementor-page-9570 .ct-user-form .fields-content {
  width: 100% !important;
  display: block !important;
}

/* ==========================================================
   TITRE — cache le texte anglais, affiche rien
   (le PDF n'a pas de titre au-dessus du form, juste le logo)
   ========================================================== */
body.elementor-page-9570 .ct-user-meta {
  padding: 0 !important;
}

body.elementor-page-9570 .ct-user-title {
  display: none !important;
}

/* ==========================================================
   LABELS au-dessus des champs (comme le PDF)
   ========================================================== */
body.elementor-page-9570 .ct-user-form {
  padding: 0 !important;
}

body.elementor-page-9570 .ct-user-form .field-group {
  position: relative;
  margin-bottom: 20px !important;
}

/* Label "Email" au-dessus du champ username */
body.elementor-page-9570 .ct-user-form .field-group:nth-child(1)::before {
  content: "Email";
  display: block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 6px;
}

/* Label "Mot de passe" au-dessus du champ password */
body.elementor-page-9570 .ct-user-form .field-group:nth-child(2)::before {
  content: "Mot de passe";
  display: block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 6px;
}

/* ==========================================================
   CHAMPS — transparents, bordure bleue comme le PDF
   ========================================================== */
body.elementor-page-9570 .ct-user-form input.input {
  width: 100% !important;
  min-width: 280px !important;
  height: 48px !important;
  background: transparent !important;
  border: 1.5px solid #2d6fc4 !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  padding: 0 14px !important;
  box-shadow: none !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

body.elementor-page-9570 .ct-user-form input.input::placeholder {
  color: rgba(255,255,255,0.3) !important;
}

body.elementor-page-9570 .ct-user-form input.input:focus {
  border-color: #4d9fff !important;
  box-shadow: 0 0 0 3px rgba(77,159,255,0.18) !important;
  outline: none !important;
}

/* Cache les icones zmdi dans les champs */
body.elementor-page-9570 .ct-user-form .field-group > i {
  display: none !important;
}

/* ==========================================================
   "Mot de passe oublié" — sous le champ password, avant bouton
   (Dans le HTML c'est dans .ct-user-footer mais le PDF le met sous le champ)
   ========================================================== */
body.elementor-page-9570 .ct-user-form .field-group:nth-child(2)::after {
  content: "Mot de passe oublie";
  display: block;
  color: rgba(255,255,255,0.55);
  font-size: 12.5px;
  margin-top: 6px;
  cursor: pointer;
}

/* Cache le footer d'origine (Forgot your password?) */
body.elementor-page-9570 .ct-user-footer {
  display: none !important;
}

/* ==========================================================
   BOUTON "Se connecter" — bleu arrondi (pill), pas full-width
   ========================================================== */
body.elementor-page-9570 .ct-user-form .field-group.field-footer-group {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

body.elementor-page-9570 .ct-user-form .button-login {
  display: inline-block !important;
  width: auto !important;
  min-width: 160px !important;
  height: 46px !important;
  padding: 0 32px !important;
  border: none !important;
  border-radius: 50px !important;
  background: #1877f2 !important;
  font-size: 0 !important;
  color: transparent !important;
  cursor: pointer !important;
  transition: background 0.2s, box-shadow 0.2s, transform 0.15s !important;
}

body.elementor-page-9570 .ct-user-form .button-login::before {
  content: "Se connecter";
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

body.elementor-page-9570 .ct-user-form .button-login:hover {
  background: #1464d8 !important;
  box-shadow: 0 6px 20px rgba(24,119,242,0.4) !important;
  transform: translateY(-1px) !important;
}

body.elementor-page-9570 .ct-user-form .button-login:active {
  transform: translateY(0) !important;
}

/* ==========================================================
   Cache "New to Itfirm? Register" — absent du PDF
   ========================================================== */
body.elementor-page-9570 .ct-user-bottom {
  display: none !important;
}

/* Cache aussi le ::after qu'on avait mis */
body.elementor-page-9570 .ct-user-inner::after {
  display: none !important;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */
@media (max-width: 900px) {
  .elementor-9570 .ct-user .ct-user-inner {
    padding-left: 40px !important;
    width: 60% !important;
    max-width: 420px !important;
  }
}

@media (max-width: 600px) {
  .elementor-9570 .ct-user .ct-user-inner {
    padding-left: 24px !important;
    padding-right: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.elementor-page-9570 .ct-user-inner::before {
    width: 150px;
    height: 50px;
  }
}