.elementor-907 .elementor-element.elementor-element-3fd9a14{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}/* Start custom CSS for shortcode, class: .elementor-element-8f857ea */form#pp_loginform {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

  #pp_loginform { width: 100%; }

  /* Le form WP est souvent rendu avec des <p> en grid/table par le thème */
  #pp_loginform p{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin: 0 0 18px !important;

    /* casse les styles "table" / "grid" potentiels */
    float: none !important;
    width: 100% !important;
  }

  /* Labels au-dessus */
  #pp_loginform label{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    font-weight: 600 !important;
  }

  /* Inputs sous le label */
  #pp_loginform input[type="text"],
  #pp_loginform input[type="password"]{
    display: block !important;
    width: 100% !important;
    max-width: 520px;
  }

  /* Le "remember me" doit rester en ligne */
  #pp_loginform p.login-remember{
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
  }
  #pp_loginform p.login-remember label{
    width: auto !important;
    font-weight: 400 !important;
  }

  /* Bouton */
  #pp_loginform p.login-submit{
    margin-top: 6px !important;
  }
  
  #pp_loginform input[type="submit"] {
    margin-top: 8px;
    justify-self: center;
    align-self: center;
}
  
    .pp-area { text-align: center; }
  #pp_loginform { max-width: 560px; }
  #pp_loginform .login-submit { margin-top: 12px !important; }
  #pp_loginform input[type="submit"] { margin-left: 0 !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fd9a14 *//* ================================
   ORTHOVOX – Bloc "Mes documents"
   Scope: uniquement le shortcode
================================== */

.elementor-shortcode .pp-area{
  /* Card */
  max-width: 980px;
  margin: 0 auto;
  padding: clamp(18px, 3vw, 34px) !important;
  border-radius: 28px;
   
   
}

/* Titre */
.elementor-shortcode .pp-area h2{
  margin: 0 0 18px 0 !important;
  color: #0b2a33; 
  letter-spacing: -0.02em;
  font-size: clamp(28px, 4.2vw, 56px);
  line-height: 1.05;
}

/* Liste */
.elementor-shortcode .pp-area ul{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid;
  gap: 12px;
}

/* Item */
.elementor-shortcode .pp-area li{
  list-style: none !important;
  margin: 0 !important;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  padding: 14px 14px 14px 16px;
  border-radius: 18px;

  background: rgba(11, 42, 51, 0.035);
  border: 1px solid rgba(11, 42, 51, 0.08);

  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

 

/* Petit "dot" icon à gauche */
.elementor-shortcode .pp-area li::before{
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(11, 42, 51, 0.35);
  flex: 0 0 auto;
  margin-right: 10px;
}

/* Le texte (nom du doc) : on garde le layout clean */
.elementor-shortcode .pp-area li{
  color: #0b2a33;
  font-size: 16px;
  line-height: 1.2;
}

/* Bouton "Télécharger" */
.elementor-shortcode .pp-area li a{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 14px;
  border-radius: 999px;

  text-decoration: none !important; 
  font-size: 14px;

  color: #fff !important;
  background: linear-gradient(135deg, #ff8a00 0%, #ff6a00 100%);
  box-shadow:
    0 12px 22px rgba(255, 122, 0, 0.22),
    0 2px 6px rgba(11, 42, 51, 0.10);

  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
  flex: 0 0 auto;
}

.elementor-shortcode .pp-area li a:hover{
  transform: translateY(-1px) scale(1.02);
  filter: saturate(1.1) contrast(1.05);
  box-shadow:
    0 16px 32px rgba(255, 122, 0, 0.26),
    0 2px 8px rgba(11, 42, 51, 0.12);
}

/* Ligne "Se déconnecter" -> bouton secondaire */
.elementor-shortcode .pp-area p{
  margin-top: 18px !important;
  display: flex;
  justify-content: center;
}

.elementor-shortcode .pp-area p a{
    margin: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
border:  red solid 1px;
  padding: 10px 14px;
  border-radius: 999px;

  text-decoration: none !important;
  font-weight: 800;
  font-size: 14px;

  color: #0b2a33 !important;
 
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.elementor-shortcode .pp-area p a:hover{
  transform: translateY(-1px);
  background: rgba(11, 42, 51, 0.07);
  border-color:  red;
}

/* Mobile */
@media (max-width: 520px){
  .elementor-shortcode .pp-area li{
    flex-direction: column;
    align-items: flex-start;
  }
  .elementor-shortcode .pp-area li a{
    width: 100%;
  }
}/* End custom CSS */