.elementor-280072 .elementor-element.elementor-element-c9dc0d6{--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:center;--align-items:center;--padding-top:48px;--padding-bottom:54px;--padding-left:05%;--padding-right:05%;}.elementor-280072 .elementor-element.elementor-element-0e3650d{--spacer-size:90px;}.elementor-280072 .elementor-element.elementor-element-92551ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-280072 .elementor-element.elementor-element-11f0911 .elementor-heading-title{font-family:"Gotham", Sans-serif;font-size:68px;font-weight:500;text-transform:uppercase;}.elementor-280072 .elementor-element.elementor-element-b67ff46 .elementor-heading-title{font-family:"Gotham", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;}.elementor-widget-login .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-login__logged-in-message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-field-group{margin-bottom:20px;}.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-form-fields-wrapper{margin-bottom:-20px;}.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF00;border-color:var( --e-global-color-primary );border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF00;border-color:var( --e-global-color-primary );border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-primary );}.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-button{border-radius:0px 0px 0px 0px;}.elementor-280072 .elementor-element.elementor-element-e6a8a8e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-280072 .elementor-element.elementor-element-71983a2{text-align:center;}.elementor-280072 .elementor-element.elementor-element-71983a2 .elementor-heading-title{font-family:"Gotham", Sans-serif;font-size:16px;font-weight:400;text-transform:none;}.elementor-280072 .elementor-element.elementor-element-8c22983{border-style:dotted;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;text-align:center;}.elementor-280072 .elementor-element.elementor-element-8c22983 .elementor-heading-title{font-family:"Gotham", Sans-serif;font-size:16px;font-weight:400;text-transform:none;}@media(max-width:767px){.elementor-280072 .elementor-element.elementor-element-11f0911 .elementor-heading-title{font-size:32px;}.elementor-280072 .elementor-element.elementor-element-b67ff46 .elementor-heading-title{font-size:16px;line-height:1.2em;}.elementor-280072 .elementor-element.elementor-element-e6a8a8e{--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-280072 .elementor-element.elementor-element-71983a2 .elementor-heading-title{font-size:14px;}.elementor-280072 .elementor-element.elementor-element-8c22983 .elementor-heading-title{font-size:14px;}}@media(min-width:768px){.elementor-280072 .elementor-element.elementor-element-92551ea{--width:50%;}}/* Start custom CSS for login, class: .elementor-element-949e7a1 *//* 1. LAYOUT & ORDERING */
.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-form-fields-wrapper {
    display: flex;
    flex-direction: column;
}

.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-field-type-text {
    order: 1;
    margin-bottom: 25px !important;
    position: relative;
}

.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-form-fields-wrapper > .elementor-field-group:last-child {
    order: 2;
    width: 100%;
    margin-bottom: 35px;
    padding-top: 0;
}

.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-field-type-submit {
    order: 3;
}

/* 2. INPUT FIELDS STYLING */
.elementor-280072 .elementor-element.elementor-element-949e7a1 input.elementor-field {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #000000 !important;
    border-radius: 0 !important;
    padding: 10px 0 !important;
    font-size: 14px;
    color: #000;
    margin: 0;
    min-height: 40px !important;
    box-shadow: none !important;
}

.elementor-280072 .elementor-element.elementor-element-949e7a1 input.elementor-field:focus {
    border-bottom: 1px solid #000000 !important;
    outline: none !important;
}

/* Uppercase Placeholders */
.elementor-280072 .elementor-element.elementor-element-949e7a1 input.elementor-field::placeholder {
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 0.5px;
    color: #757575;
    opacity: 1;
    font-weight: 400;
}

/* 3. ASTERISK LOGIC */
.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-field-type-text::after {
    content: '*';
    position: absolute;
    top: 10px;
    font-size: 14px;
    color: #757575;
    pointer-events: none;
    font-weight: bold;
    display: block;
}

/* Hide Asterisk when user types */
.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-field-type-text:has(input.elementor-field:not(:placeholder-shown))::after {
    display: none !important;
}

/* Position for EMAIL * */
.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-field-type-text:nth-of-type(1)::after {
    left: 48px;
}

/* Position for PASSWORD * */
.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-field-type-text:nth-of-type(2)::after {
    left: 82px;
}

/* 4. FORGOT PASSWORD & EXTRAS */
.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-lost-password {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px dotted #000;
    padding-bottom: 2px;
}

.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-register, 
.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-login-separator {
    display: none !important;
}

/* 5. BUTTON STYLING (Black Background Constant) */
.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-button {
    background-color: #000000 !important;
    color: #EDE6DC !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1.5px;
    font-size: 16px;
    height: 60px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}

.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-button:hover {
    background-color: #000000 !important;
}

.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-button-text {
    display: flex;
    align-items: center;
    gap: 15px; 
}

/* 6. BUTTON ICON LOGIC */
.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-button-text::before {
    content: '';
    display: block;
    flex: 0 0 42px; 
    width: 42px;
    height: 42px;
    border-radius: 50%;
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px auto;
    
    background-color: transparent; 
    background-image: url("https://www.biocoiff.com/wp-content/uploads/2025/12/bc-compte-clair.svg");
    
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Icon Hover Effect - Circle becomes Beige, Icon becomes Black */
.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-button:hover .elementor-button-text::before {
    background-color: #EDE6DC !important;
    background-image: url("https://www.biocoiff.com/wp-content/uploads/2025/12/bc-compte-sombre.svg");
    transform: scale(1.1);
}

/* 4. FORGOT PASSWORD (Text Change via CSS) */
.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-lost-password {
    font-size: 0 !important; /* Hides original text */
    text-decoration: none;
    display: inline-block;
}

.elementor-280072 .elementor-element.elementor-element-949e7a1 .elementor-lost-password::before {
    content: 'Mot de passe oublié ?'; /* The new text */
    font-size: 16px !important;
    color: #000;
    font-weight: 400;
    padding: 0px!important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c22983 */.elementor-280072 .elementor-element.elementor-element-8c22983 a{
    font-weight: 400!important;
}/* End custom CSS */