/**
 * Loulou66
 * LpsProAccount module for Prestashop
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php*
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 *  @author    Loulou66.fr <contact@loulou66.fr>
 *  @copyright loulou66.fr
 *  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/*
* BUTTONS LPSPROACCOUNT
*
* Modifié par DOUDOUSIDIOUS
* 
* Code CSS appliqué sur les boutons "Je suis un particulier" et "Je suis un professionnel".
*/

#lpsproaccount {
    margin-top: 20px;
    font-size: .875rem;
    color: #7a7a7a;
}

#lpsproaccount .lpsproaccount-title {
    text-align: center;
    padding-bottom: 10px;
}

#content .forgot-password {
    text-align: center;
    font-size: .875rem;
    margin-top: 1rem;
    padding-bottom: .9375rem;
    margin-left: 0 !important;
}

.lpsproaccount-customer-validation {
    color: red;
    font-weight: bold;
    text-align: justify;
    margin: 40px 0;
}

.lpsproaccount-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0 1rem;
}

#login-form-particular,
#login-form-professionnal {
    width: 100%;    
}

.lpsproaccount-button .btn {
    width: 100%;
    font-size: 1.125rem;
}

.lpsudloaderror {
    margin: 10px 0 0;
}

@media (min-width: 576px) {

    .lpsproaccount-button {
        padding: 0 4rem;
    }    
}

/*
* BUTTONS LPSPROACCOUNT
*
* FIN
*/

/*
* NAV TABS
*
* Ajouté par DOUDOUSIDIOUS
* 
* Code CSS appliqué sur les onglets de navigations.
*/

#authentication #content {
    padding: 0;
}

#authentication #content .nav-tabs,
#checkout-personal-information-step .nav-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-items: center;
}

#authentication #content .nav-item,
#checkout-personal-information-step .nav-item {
    width: 100%;
    text-align: center;
}

#authentication #content .nav-link,
#checkout-personal-information-step .nav-link {
    font-size: 1.125rem;
    color: var(--secondary-color) !important;
    opacity: 0.5;
    border-width: 2px;
    border-color: transparent transparent var(--grey-color);
    padding: 0.5em;
}

#authentication #content .nav-link.active,
#checkout-personal-information-step .nav-link.active,
#authentication #content .nav-link:hover,
#checkout-personal-information-step .nav-link:hover {
    opacity: 1;
    border-color: transparent transparent var(--primary-color);
}

#checkout-personal-information-step:not(.-complete) .content {
    max-width: 640px;
    margin: 0 auto;
}

@media (min-width: 576px) {

    #authentication #content .nav-link,
    #checkout-personal-information-step .nav-link {
        font-size: 1.375rem;
    }  
}

/*
* NAV TABS
*
* FIN
*/