/*
Theme Name: Neve Child
Theme URI: https://themeisle.com/themes/neve/
Template: neve
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Neve is a next-generation, ultra-fast WordPress theme designed for top performance, SEO, and Core Web Vitals. Its lightweight codebase and small size ensure minimal overhead and lightning-fast load times. Fully compatible with the block editor, popular page builders (Elementor, Bricks, Oxygen etc), and WooCommerce, it’s perfect for blogs, small businesses, agencies, portfolios, and online stores. With responsive design, multilingual translations, and easy customization options, Neve empowers you to create a future-proof, high-ranking online presence. Discover everything Neve has to offer and explore our powerful premium version at https://themeisle.com/themes/neve/.
Tags: blog,custom-logo,e-commerce,rtl-language-support,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,accessibility-ready,wide-blocks,block-styles,footer-widgets,portfolio,left-sidebar,right-sidebar
Version: 4.2.1.1764396536
Updated: 2025-11-29 01:08:56

*/

/* Theme Name: Neve Child
... (en-tête existant)
*/

/**
 * ========================================================================
 * DESIGN DE LA PAGE DE CONNEXION (AM Saint-Hubert)
 * ========================================================================
 */

/* Ciblage spécifique de la page de connexion (basé sur la structure Neve) */
.page-id-connexion .neve-main, 
.page.type-page .entry-content .login-container,
.page.type-page .entry-content form.login,
.page.type-page .entry-content #customer_login .u-column1 {
    max-width: 550px !important;
    margin: 60px auto !important;
    padding: 40px !important;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    border: 1px solid #f0f0f0;
}

/* Titre "Se connecter" */
.page.type-page .entry-title {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
}

/* Stylisation des champs de saisie */
.page.type-page .entry-content input[type="text"],
.page.type-page .entry-content input[type="email"],
.page.type-page .entry-content input[type="password"] {
    width: 100% !important;
    padding: 12px 15px !important;
    border-radius: 8px !important;
    border: 1px solid #ddd !important;
    background-color: #f9f9f9 !important;
    transition: all 0.3s ease;
    margin-bottom: 15px;
}

.page.type-page .entry-content input:focus {
    border-color: #d32f2f !important; /* Couleur rouge AM */
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.1) !important;
    outline: none;
}

/* Bouton "Se connecter" */
.page.type-page .entry-content .button,
.page.type-page .entry-content input[type="submit"] {
    width: 100% !important;
    padding: 15px !important;
    background-color: #333 !important;
    color: #fff !important;
    border-radius: 50px !important;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
    margin-top: 10px;
}

.page.type-page .entry-content .button:hover,
.page.type-page .entry-content input[type="submit"]:hover {
    background-color: #d32f2f !important; /* Rouge AM au survol */
}

/* Checkbox "Se souvenir de moi" */
.page.type-page .entry-content .rememberme {
    display: block;
    margin-bottom: 20px;
}

/* Lien mot de passe oublié */
.page.type-page .entry-content .lost_password,
.page.type-page .entry-content .forgot-password {
    text-align: center;
    margin-top: 20px;
    display: block;
}

.page.type-page .entry-content .lost_password a {
    color: #666;
    text-decoration: none;
    font-size: 0.9em;
}

.page.type-page .entry-content .lost_password a:hover {
    color: #d32f2f;
    text-decoration: underline;
}

/* --- Responsive Mobile --- */
@media (max-width: 600px) {
    .page.type-page .entry-content .login-container,
    .page.type-page .entry-content form.login {
        margin: 20px 15px !important;
        padding: 25px !important;
    }
}