/**
 * EHUKA - Custom Authentication Page Styles
 * Thème moderne et cohérent avec le header
 * Couleurs: Green var(--ehuka-turquoise), Coral var(--ehuka-coral), Purple var(--ehuka-purple), Cream var(--ehuka-cream), Beige var(--ehuka-light)
 */

/* ============================================================================
   PAGE AUTHENTICATION - Fond élégant compact
   ============================================================================ */
body.page-authentication {
    background: linear-gradient(135deg, var(--ehuka-light) 0%, var(--ehuka-cream) 50%, var(--ehuka-light) 100%) !important;
    min-height: 100vh;
}

#authentication,
#authentication .page-content {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wrapper principal - centrage vertical */
#content-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: calc(100vh - 200px) !important;
}

#main {
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 auto !important;
}

#content.page-content {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* ============================================================================
   TITRES - Style moderne cohérent et compact
   ============================================================================ */
#authentication .form-title,
.form-title {
    margin-bottom: 25px !important;
    padding: 0 !important;
}

#authentication .form-title h1,
.page-authentication h1 {
    color: var(--ehuka-purple) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    position: relative !important;
    padding-bottom: 12px !important;
}

#authentication .form-title h1::after,
.page-authentication h1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: var(--ehuka-turquoise) !important;
    border-radius: 2px;
}

/* ============================================================================
   CONTENEURS - Cards modernes compactes
   ============================================================================ */
.login-form,
.register-form,
#authentication section {
    background: white !important;
    border-radius: 16px !important;
    padding: 35px 30px 45px 30px !important;
    box-shadow: 0 8px 30px rgba(var(--ehuka-purple-rgb), 0.12) !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow: visible !important;
}

.login-form:hover,
.register-form:hover {
    box-shadow: 0 12px 40px rgba(var(--ehuka-purple-rgb), 0.2) !important;
    transform: translateY(-3px) !important;
}

/* Breadcrumb - réduction de l'espace */
nav.breadcrumb {
    margin-bottom: 20px !important;
    padding: 10px 0 !important;
}

/* ============================================================================
   FORMULAIRES - Inputs élégants
   ============================================================================ */
#authentication input[type="text"],
#authentication input[type="email"],
#authentication input[type="password"],
#authentication input[type="date"],
#authentication select,
.login-form input,
.register-form input,
.customer-form input[type="text"],
.customer-form input[type="email"],
.customer-form input[type="password"],
.customer-form select {
    width: 100% !important;
    padding: 14px 20px !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    background: #FAFAFA !important;
    color: var(--ehuka-purple) !important;
    margin-bottom: 10px !important;
}

#authentication input:focus,
.login-form input:focus,
.register-form input:focus,
.customer-form input:focus,
.customer-form select:focus {
    outline: none !important;
    border-color: var(--ehuka-turquoise) !important;
    background: white !important;
    box-shadow: 0 0 0 4px rgba(var(--ehuka-turquoise-rgb), 0.15) !important;
    transform: translateY(-2px) !important;
}

/* Labels des formulaires */
#authentication label,
.login-form label,
.register-form label,
.customer-form label {
    color: var(--ehuka-purple) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* Form groups - espacement optimisé */
.form-group,
.form-control-label {
    margin-bottom: 15px !important;
}

.form-group:last-child {
    margin-bottom: 0 !important;
}

/* Bouton MONTRER mot de passe - positionné en bas */
.input-group.js-parent-focus {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
}

.input-group.js-parent-focus .form-control {
    width: 100% !important;
    margin-bottom: 8px !important;
}

.input-group.js-parent-focus .input-group-btn {
    width: 100% !important;
    text-align: right !important;
}

.input-group-btn button[data-action="show-password"],
button[data-action="show-password"] {
    background: var(--ehuka-light) !important;
    border: 2px solid var(--ehuka-turquoise) !important;
    color: var(--ehuka-purple) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 8px !important;
}

.input-group-btn button[data-action="show-password"]:hover,
button[data-action="show-password"]:hover {
    background: var(--ehuka-turquoise) !important;
    color: white !important;
    border-color: var(--ehuka-turquoise) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
}

/* Boutons dans les formulaires customer (inscription) - CRITIQUES */
.customer-form footer.form-footer,
footer.form-footer.clearfix,
#customer-form footer.form-footer {
    margin-top: 20px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-top: 2px solid var(--ehuka-light) !important;
    text-align: center !important;
    display: block !important;
    clear: both !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 80px !important;
}

/* BOUTON D'INSCRIPTION - Forcer la visibilité */
.customer-form footer.form-footer button,
.customer-form .form-control-submit,
button.form-control-submit,
.tvall-inner-btn.form-control-submit,
footer.form-footer button[type="submit"],
#customer-form button[type="submit"],
button[data-link-action="save-customer"] {
    background: var(--ehuka-turquoise) !important;
    color: white !important;
    border: none !important;
    padding: 16px 30px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    margin: 0 auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
    height: auto !important;
    min-height: 50px !important;
    line-height: 1.4 !important;
}

.customer-form footer.form-footer button:hover,
.customer-form .form-control-submit:hover,
button.form-control-submit:hover,
.tvall-inner-btn.form-control-submit:hover,
footer.form-footer button[type="submit"]:hover,
button[data-link-action="save-customer"]:hover {
    background: #5AB45E !important;
    box-shadow: 0 6px 20px rgba(var(--ehuka-turquoise-rgb), 0.4) !important;
    transform: translateY(-3px) !important;
}

/* S'assurer que le span à l'intérieur du bouton est visible */
button.form-control-submit span,
.tvall-inner-btn.form-control-submit span,
button[data-link-action="save-customer"] span {
    color: white !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    text-align: center !important;
    overflow: visible !important;
    white-space: normal !important;
    line-height: 1.4 !important;
}

/* ============================================================================
   BOUTONS - Style moderne avec gradients
   ============================================================================ */
#authentication button[type="submit"],
#authentication .btn-primary,
.login-form button,
.register-form button,
.customer-form button[type="submit"],
button.continue,
.form-footer button {
    background: var(--ehuka-turquoise) !important;
    color: white !important;
    border: none !important;
    padding: 14px 30px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
    width: 100% !important;
    margin-top: 10px !important;
}

#authentication button[type="submit"]:hover,
.login-form button:hover,
.register-form button:hover,
.customer-form button[type="submit"]:hover {
    background: #5AB45E !important;
    box-shadow: 0 6px 20px rgba(var(--ehuka-turquoise-rgb), 0.4) !important;
    transform: translateY(-3px) !important;
}

#authentication button[type="submit"]:active,
.login-form button:active,
.register-form button:active {
    transform: translateY(-1px) !important;
}

/* ============================================================================
   LIENS - Style cohérent
   ============================================================================ */
.no-account a,
.register-form p a,
#authentication a,
.forgot-password a {
    color: var(--ehuka-turquoise) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

.no-account a::after,
.register-form p a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--ehuka-turquoise) !important;
    transition: width 0.3s ease;
}

.no-account a:hover,
.register-form p a:hover,
#authentication a:hover {
    color: var(--ehuka-turquoise) !important;
}

.no-account a:hover::after,
.register-form p a:hover::after {
    width: 0 !important;
}

/* Conteneur "Pas de compte" - compact */
.no-account {
    text-align: center !important;
    margin-top: 20px !important;
    padding: 15px 20px !important;
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
    border-radius: 10px !important;
}

.no-account a {
    font-size: 15px !important;
    display: inline-block !important;
}

/* Texte dans register-form */
.register-form p {
    text-align: center !important;
    margin-bottom: 20px !important;
    color: var(--ehuka-purple) !important;
    font-size: 15px !important;
}

/* ============================================================================
   CHECKBOX & RADIO - Style moderne
   ============================================================================ */
#authentication input[type="checkbox"],
#authentication input[type="radio"],
.customer-form input[type="checkbox"],
.customer-form input[type="radio"] {
    width: auto !important;
    margin-right: 10px !important;
    accent-color: var(--ehuka-turquoise) !important;
}

/* ============================================================================
   ALERTES & MESSAGES
   ============================================================================ */
.alert,
.help-block,
.form-control-comment {
    border-radius: 10px !important;
    padding: 12px 20px !important;
    margin-bottom: 15px !important;
}

.alert-danger {
    background: #ffe8e6 !important;
    border: 2px solid var(--ehuka-coral) !important;
    color: var(--ehuka-coral) !important;
}

.alert-success {
    background: #e8f9e9 !important;
    border: 2px solid var(--ehuka-turquoise) !important;
    color: #4a9c4e !important;
}

.alert-info {
    background: #e6f5f7 !important;
    border: 2px solid var(--ehuka-turquoise) !important;
    color: #4a9c4e !important;
}

/* ============================================================================
   FORGOT PASSWORD LINK
   ============================================================================ */
.forgot-password {
    text-align: right !important;
    margin: 10px 0 !important;
}

.forgot-password a {
    font-size: 14px !important;
    color: var(--ehuka-purple) !important;
}

.forgot-password a:hover {
    color: var(--ehuka-turquoise) !important;
}

/* ============================================================================
   RESPONSIVE - Mobile adapté et compact
   ============================================================================ */
@media (max-width: 767px) {

    /* Réduction du centrage vertical sur mobile */
    #content-wrapper {
        min-height: auto !important;
        padding: 20px 10px !important;
    }

    .login-form,
    .register-form,
    #authentication section {
        padding: 25px 20px !important;
        margin: 0 !important;
        border-radius: 15px !important;
    }

    #authentication .form-title h1,
    .page-authentication h1 {
        font-size: 24px !important;
    }

    #authentication input,
    .login-form input,
    .register-form input {
        padding: 12px 16px !important;
        font-size: 14px !important;
    }

    #authentication button[type="submit"],
    .login-form button,
    .register-form button {
        padding: 12px 24px !important;
        font-size: 15px !important;
    }

    /* Breadcrumb plus compact sur mobile */
    nav.breadcrumb {
        margin-bottom: 15px !important;
        padding: 5px 0 !important;
        font-size: 13px !important;
    }
}

/* ============================================================================
   SELECT PERSONNALISÉ
   ============================================================================ */
.customer-form select {
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235D576B' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    padding-right: 40px !important;
}

/* ============================================================================
   ANIMATIONS AU CHARGEMENT
   ============================================================================ */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.login-form,
.register-form {
    animation: fadeInUp 0.6s ease-out;
}

/* ============================================================================
   FOOTER DU FORMULAIRE - compact
   ============================================================================ */
.form-footer {
    margin-top: 20px !important;
    padding-top: 15px !important;
    border-top: 2px solid var(--ehuka-light) !important;
}

/* ============================================================================
   OPTIMISATIONS SUPPLÉMENTAIRES
   ============================================================================ */
/* Réduction des espaces du wrapper */
#wrapper {
    padding-top: 0 !important;
}

/* Card de contenu sans padding supplémentaire */
.page-content.card {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Conteneur de la page */
.tv-left-layout {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Forgot password - espacement réduit */
.forgot-password {
    margin: 8px 0 !important;
}

/* ============================================================================
   AMÉLIORATION DES ICÔNES MATERIAL
   ============================================================================ */
#authentication .material-icons {
    vertical-align: middle !important;
    margin-right: 5px !important;
}

/* ============================================================================
   SECTION GDPR / PRIVACY
   ============================================================================ */
.gdpr-section,
.privacy-section {
    background: var(--ehuka-cream) !important;
    padding: 15px 20px !important;
    border-radius: 10px !important;
    margin: 20px 0 !important;
    border-left: 4px solid var(--ehuka-turquoise) !important;
}

.gdpr-section label,
.privacy-section label {
    font-size: 13px !important;
    line-height: 1.6 !important;
}

/* ============================================================================
   PAGE MOT DE PASSE OUBLIÉ - Layout compact
   ============================================================================ */
body.page-password {
    background: linear-gradient(135deg, var(--ehuka-light) 0%, var(--ehuka-cream) 50%, var(--ehuka-light) 100%) !important;
    min-height: 100vh;
}

body.page-password #wrapper {
    padding-top: 0 !important;
}

body.page-password #content-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: calc(100vh - 200px) !important;
    padding: 30px 15px !important;
}

body.page-password #main {
    width: 100% !important;
    max-width: 550px !important;
    margin: 0 auto !important;
}

body.page-password #content.page-content {
    background: white !important;
    padding: 35px 30px !important;
    box-shadow: 0 8px 30px rgba(var(--ehuka-purple-rgb), 0.12) !important;
    border-radius: 16px !important;
    margin: 0 auto !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body.page-password #content.page-content:hover {
    box-shadow: 0 12px 40px rgba(var(--ehuka-purple-rgb), 0.2) !important;
    transform: translateY(-3px) !important;
}

/* Titre de la page */
body.page-password #content>*:first-child,
body.page-password .page_title {
    color: var(--ehuka-purple) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    position: relative !important;
    padding-bottom: 12px !important;
}

body.page-password #content>*:first-child::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, var(--ehuka-turquoise) 0%, var(--ehuka-turquoise) 100%);
    border-radius: 2px;
}

/* Formulaire forgotten-password */
.forgotten-password {
    margin: 0 !important;
}

.forgotten-password header {
    margin-bottom: 25px !important;
}

.forgotten-password header p,
.send-renew-password-link {
    text-align: center !important;
    color: var(--ehuka-purple) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Form fields section */
.forgotten-password .form-fields {
    margin: 0 !important;
}

.forgotten-password .form-group {
    margin-bottom: 20px !important;
}

.forgotten-password .center-email-fields {
    display: block !important;
}

.forgotten-password label {
    color: var(--ehuka-purple) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
    display: block !important;
    text-align: left !important;
    width: 100% !important;
    white-space: nowrap !important;
}

.forgotten-password .email {
    width: 100% !important;
    margin-bottom: 15px !important;
}

.forgotten-password input[type="email"] {
    width: 100% !important;
    padding: 14px 20px !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    background: #FAFAFA !important;
    color: var(--ehuka-purple) !important;
}

.forgotten-password input[type="email"]:focus {
    outline: none !important;
    border-color: var(--ehuka-turquoise) !important;
    background: white !important;
    box-shadow: 0 0 0 4px rgba(var(--ehuka-turquoise-rgb), 0.15) !important;
    transform: translateY(-2px) !important;
}

/* Boutons de soumission */
.forgotten-password button[type="submit"],
.form-control-submit {
    background: linear-gradient(135deg, var(--ehuka-turquoise) 0%, #5AB45E 100%) !important;
    color: white !important;
    border: none !important;
    padding: 14px 30px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
    width: 100% !important;
}

.forgotten-password button[type="submit"]:hover,
.form-control-submit:hover {
    background: #5AB45E !important;
    box-shadow: 0 6px 20px rgba(90, 180, 94, 0.4) !important;
    transform: translateY(-3px) !important;
}

/* Footer de la page password */
body.page-password .page-footer {
    text-align: center !important;
    margin-top: 25px !important;
    padding-top: 20px !important;
    border-top: 2px solid var(--ehuka-light) !important;
}

.page-footer .account-link,
.page-footer .account-link.tvall-inner-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    color: var(--ehuka-purple) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 12px 24px !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
    background: var(--ehuka-cream) !important;
    border: none !important;
    box-shadow: none !important;
}

.page-footer .account-link:hover,
.page-footer .account-link.tvall-inner-btn:hover {
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
    color: var(--ehuka-turquoise) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(var(--ehuka-purple-rgb), 0.15) !important;
}

.page-footer .account-link i {
    font-size: 20px !important;
}

/* Alertes d'erreur */
.ps-alert-error {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
}

.ps-alert-error .item {
    background: #ffe8e6 !important;
    border: 2px solid var(--ehuka-coral) !important;
    color: var(--ehuka-coral) !important;
    padding: 12px 20px !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.ps-alert-error .item i {
    flex-shrink: 0 !important;
}

.ps-alert-error .item p {
    margin: 0 !important;
    font-size: 14px !important;
}

/* Responsive mobile pour page password */
@media (max-width: 767px) {
    body.page-password #content-wrapper {
        min-height: auto !important;
        padding: 20px 10px !important;
    }

    body.page-password #content.page-content {
        padding: 25px 20px !important;
    }

    body.page-password #content>*:first-child {
        font-size: 24px !important;
    }

    .forgotten-password header p {
        font-size: 14px !important;
    }

    .forgotten-password input[type="email"] {
        padding: 12px 16px !important;
        font-size: 14px !important;
    }

    .forgotten-password button[type="submit"] {
        padding: 12px 24px !important;
        font-size: 15px !important;
    }
}

/* ============================================================================
   PAGE MON COMPTE - Grille centrée et élégante
   ============================================================================ */
body.page-my-account,
#my-account {
    background: linear-gradient(135deg, var(--ehuka-light) 0%, var(--ehuka-cream) 50%, var(--ehuka-light) 100%) !important;
    min-height: 100vh;
}

body.page-my-account #wrapper {
    padding-top: 0 !important;
    padding-bottom: 30px !important;
}

body.page-my-account .container {
    padding-top: 15px !important;
    padding-bottom: 0 !important;
}

body.page-my-account .tv-left-layout {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.page-my-account #content-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.page-my-account #main {
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding-top: 0 !important;
}

body.page-my-account #content.page-content {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
    margin-top: 0 !important;
}

/* Breadcrumb - réduction maximale de l'espace */
body.page-my-account nav.breadcrumb {
    margin-bottom: 15px !important;
    margin-top: 0 !important;
    padding: 8px 0 !important;
}

body.page-my-account .page-header {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

/* Suppression des espaces sur les sections */
body.page-my-account section#content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.page-my-account #notifications {
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* Titre de la page Mon Compte */
body.page-my-account h1,
body.page-my-account .page-header h1 {
    color: var(--ehuka-purple) !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 25px !important;
    margin-top: 0 !important;
    position: relative !important;
    padding-bottom: 12px !important;
    padding-top: 0 !important;
}

body.page-my-account h1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, var(--ehuka-turquoise) 0%, var(--ehuka-turquoise) 100%);
    border-radius: 2px;
}

/* Grille de cards centrée - 4 colonnes */
body.page-my-account .links {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    justify-items: center !important;
    margin-top: 0 !important;
}

body.page-my-account .links a {
    background: white !important;
    border-radius: 16px !important;
    padding: 35px 20px !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 20px rgba(var(--ehuka-purple-rgb), 0.1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 140px !important;
}

body.page-my-account .links a:hover {
    box-shadow: 0 8px 30px rgba(var(--ehuka-purple-rgb), 0.18) !important;
    transform: translateY(-8px) !important;
    background: white !important;
}

body.page-my-account .links a .link-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 15px !important;
    color: var(--ehuka-purple) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    width: 100% !important;
    line-height: 1.4 !important;
}

body.page-my-account .links a:hover .link-item {
    color: var(--ehuka-turquoise) !important;
}

body.page-my-account .links a .link-item i.material-icons {
    font-size: 36px !important;
    color: var(--ehuka-turquoise) !important;
    transition: all 0.3s ease !important;
    background: var(--ehuka-cream) !important;
    border-radius: 50% !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    line-height: 80px !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.page-my-account .links a:hover .link-item i.material-icons {
    background: linear-gradient(135deg, var(--ehuka-turquoise) 0%, var(--ehuka-turquoise) 100%) !important;
    color: white !important;
    transform: rotate(5deg) scale(1.05) !important;
}

/* Section footer avec bouton de déconnexion */
body.page-my-account .page-footer {
    margin-top: 50px !important;
    padding-top: 30px !important;
    text-align: center !important;
    border-top: none !important;
}

body.page-my-account .page-footer a,
body.page-my-account .page-footer .tvall-inner-btn,
body.page-my-account .page-footer a.tvall-inner-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: var(--ehuka-purple) !important;
    color: white !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 14px 35px !important;
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-purple-rgb), 0.3) !important;
}

body.page-my-account .page-footer a span,
body.page-my-account .page-footer .tvall-inner-btn span {
    color: white !important;
}

body.page-my-account .page-footer a:hover,
body.page-my-account .page-footer .tvall-inner-btn:hover,
body.page-my-account .page-footer a.tvall-inner-btn:hover {
    background: var(--ehuka-coral) !important;
    color: white !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(var(--ehuka-coral-rgb), 0.4) !important;
}

body.page-my-account .page-footer a:hover span,
body.page-my-account .page-footer .tvall-inner-btn:hover span {
    color: white !important;
}

body.page-my-account .page-footer a i.material-icons,
body.page-my-account .page-footer .tvall-inner-btn i.material-icons {
    font-size: 22px !important;
    color: white !important;
}

/* Responsive pour page mon compte */
@media (max-width: 1199px) {
    body.page-my-account #main {
        max-width: 900px !important;
    }

    body.page-my-account .links {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 18px !important;
    }
}

@media (max-width: 991px) {
    body.page-my-account #main {
        max-width: 100% !important;
    }

    body.page-my-account .links {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    body.page-my-account .links a {
        padding: 30px 15px !important;
        min-height: 130px !important;
    }

    body.page-my-account .links a .link-item i.material-icons {
        width: 70px !important;
        height: 70px !important;
        font-size: 38px !important;
    }
}

@media (max-width: 767px) {
    body.page-my-account h1 {
        font-size: 26px !important;
        margin-bottom: 20px !important;
    }

    body.page-my-account .links {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    body.page-my-account .links a {
        padding: 25px 20px !important;
        min-height: 110px !important;
    }

    body.page-my-account .links a .link-item {
        font-size: 14px !important;
        gap: 12px !important;
    }

    body.page-my-account .links a .link-item i.material-icons {
        width: 60px !important;
        height: 60px !important;
        font-size: 32px !important;
    }

    body.page-my-account .page-footer {
        margin-top: 35px !important;
        padding-top: 25px !important;
    }
}

/* ============================================================================
   PAGE IDENTITÉ - Informations personnelles
   ============================================================================ */
body#identity {
    background: linear-gradient(135deg, var(--ehuka-light) 0%, var(--ehuka-cream) 50%, var(--ehuka-light) 100%) !important;
    min-height: 100vh;
}

body#identity #wrapper {
    padding-top: 0 !important;
    padding-bottom: 30px !important;
}

body#identity .container {
    padding-top: 15px !important;
}

body#identity .tv-left-layout {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body#identity #main {
    width: 100% !important;
    max-width: 700px !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
}

body#identity #content.page-content {
    background: white !important;
    padding: 40px 35px 50px 35px !important;
    box-shadow: 0 8px 30px rgba(var(--ehuka-purple-rgb), 0.12) !important;
    border-radius: 16px !important;
    margin: 0 !important;
    overflow: visible !important;
}

/* Breadcrumb */
body#identity nav.breadcrumb {
    margin-bottom: 15px !important;
    padding: 8px 0 !important;
}

/* Titre de la page */
body#identity h1 {
    color: var(--ehuka-purple) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 30px !important;
    margin-top: 0 !important;
    position: relative !important;
    padding-bottom: 12px !important;
}

body#identity h1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, var(--ehuka-turquoise) 0%, var(--ehuka-turquoise) 100%);
    border-radius: 2px;
}

/* Formulaire customer */
body#identity .customer-form {
    margin: 0 !important;
}

body#identity .form-group {
    margin-bottom: 20px !important;
}

body#identity label {
    color: var(--ehuka-purple) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 6px !important;
}

body#identity input[type="text"],
body#identity input[type="email"],
body#identity input[type="password"],
body#identity select {
    width: 100% !important;
    padding: 14px 20px !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    background: #FAFAFA !important;
    color: var(--ehuka-purple) !important;
}

body#identity input:focus,
body#identity select:focus {
    outline: none !important;
    border-color: var(--ehuka-turquoise) !important;
    background: white !important;
    box-shadow: 0 0 0 4px rgba(var(--ehuka-turquoise-rgb), 0.15) !important;
    transform: translateY(-2px) !important;
}

/* Radio buttons */
body#identity .radio-inline {
    margin-right: 20px !important;
}

body#identity .custom-radio input[type="radio"] {
    width: auto !important;
}

body#identity .custom-radio span {
    border: 2px solid var(--ehuka-light) !important;
}

body#identity .custom-radio input[type="radio"]:checked+span {
    border-color: var(--ehuka-turquoise) !important;
    background: var(--ehuka-turquoise) !important;
}

/* Checkboxes */
body#identity .custom-checkbox {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

body#identity .custom-checkbox input[type="checkbox"] {
    width: auto !important;
}

body#identity .custom-checkbox span {
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 4px !important;
}

body#identity .custom-checkbox input[type="checkbox"]:checked+span {
    border-color: var(--ehuka-turquoise) !important;
    background: var(--ehuka-turquoise) !important;
}

/* Bouton de soumission */
body#identity .form-footer {
    margin-top: 25px !important;
    padding-top: 20px !important;
    border-top: 2px solid var(--ehuka-light) !important;
    text-align: center !important;
    overflow: visible !important;
}

body#identity button[type="submit"],
body#identity .form-control-submit {
    background: linear-gradient(135deg, var(--ehuka-turquoise) 0%, #5AB45E 100%) !important;
    color: white !important;
    border: none !important;
    padding: 16px 30px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 auto !important;
    float: none !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 50px !important;
    line-height: 1.4 !important;
}

body#identity button[type="submit"] span,
body#identity .form-control-submit span {
    color: white !important;
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
    overflow: visible !important;
    white-space: normal !important;
    line-height: 1.4 !important;
}

body#identity button[type="submit"]:hover,
body#identity .form-control-submit:hover {
    background: #5AB45E !important;
    box-shadow: 0 6px 20px rgba(90, 180, 94, 0.4) !important;
    transform: translateY(-3px) !important;
}

/* Messages d'aide */
body#identity .form-control-comment {
    color: var(--ehuka-purple) !important;
    font-size: 13px !important;
    margin-top: 5px !important;
    font-style: italic !important;
}

/* Alertes */
body#identity .alert {
    border-radius: 10px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

body#identity .alert-success {
    background: #e8f8e9 !important;
    border: 2px solid var(--ehuka-turquoise) !important;
    color: #2d5f2f !important;
}

body#identity .alert-danger {
    background: #ffe8e6 !important;
    border: 2px solid var(--ehuka-coral) !important;
    color: #8c2f24 !important;
}

/* Responsive mobile */
@media (max-width: 767px) {
    body#identity #main {
        max-width: 100% !important;
        padding: 20px 10px !important;
    }

    body#identity #content.page-content {
        padding: 30px 25px !important;
        border-radius: 12px !important;
    }

    body#identity h1 {
        font-size: 24px !important;
        margin-bottom: 25px !important;
    }

    body#identity input[type="text"],
    body#identity input[type="email"],
    body#identity input[type="password"],
    body#identity select {
        padding: 12px 16px !important;
        font-size: 14px !important;
    }

    body#identity button[type="submit"] {
        padding: 12px 24px !important;
        font-size: 15px !important;
    }
}

/* ============================================================================
   PAGE ADRESSE - Formulaire d'adresse
   ============================================================================ */
body#address {
    background: linear-gradient(135deg, var(--ehuka-light) 0%, var(--ehuka-cream) 50%, var(--ehuka-light) 100%) !important;
    min-height: 100vh;
}

body#address #wrapper {
    padding-top: 0 !important;
    padding-bottom: 30px !important;
}

body#address .container {
    padding-top: 15px !important;
}

body#address .tv-left-layout {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body#address #main {
    width: 100% !important;
    max-width: 700px !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
}

body#address #content.page-content {
    background: white !important;
    padding: 40px 35px 50px 35px !important;
    box-shadow: 0 8px 30px rgba(var(--ehuka-purple-rgb), 0.12) !important;
    border-radius: 16px !important;
    margin: 0 !important;
    overflow: visible !important;
}

/* Breadcrumb */
body#address nav.breadcrumb {
    margin-bottom: 15px !important;
    padding: 8px 0 !important;
}

/* Titre de la page */
body#address h1 {
    color: var(--ehuka-purple) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 30px !important;
    margin-top: 0 !important;
    position: relative !important;
    padding-bottom: 12px !important;
}

body#address h1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, var(--ehuka-turquoise) 0%, var(--ehuka-turquoise) 100%);
    border-radius: 2px;
}

/* Formulaire address */
body#address .address-form {
    margin: 0 !important;
}

body#address .form-group {
    margin-bottom: 20px !important;
}

body#address label {
    color: var(--ehuka-purple) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 6px !important;
}

body#address input[type="text"],
body#address input[type="email"],
body#address input[type="tel"],
body#address select,
body#address textarea {
    width: 100% !important;
    padding: 14px 20px !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    background: #FAFAFA !important;
    color: var(--ehuka-purple) !important;
}

body#address textarea {
    min-height: 100px !important;
    resize: vertical !important;
}

body#address input:focus,
body#address select:focus,
body#address textarea:focus {
    outline: none !important;
    border-color: var(--ehuka-turquoise) !important;
    background: white !important;
    box-shadow: 0 0 0 4px rgba(var(--ehuka-turquoise-rgb), 0.15) !important;
    transform: translateY(-2px) !important;
}

/* Checkboxes */
body#address .custom-checkbox {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

body#address .custom-checkbox input[type="checkbox"] {
    width: auto !important;
}

body#address .custom-checkbox span {
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 4px !important;
}

body#address .custom-checkbox input[type="checkbox"]:checked+span {
    border-color: var(--ehuka-turquoise) !important;
    background: var(--ehuka-turquoise) !important;
}

/* Bouton de soumission */
body#address .form-footer {
    margin-top: 25px !important;
    padding-top: 20px !important;
    padding-bottom: 15px !important;
    border-top: 2px solid var(--ehuka-light) !important;
    text-align: center !important;
    overflow: visible !important;
}

body#address button[type="submit"],
body#address .form-control-submit {
    background: linear-gradient(135deg, var(--ehuka-turquoise) 0%, #5AB45E 100%) !important;
    color: white !important;
    border: none !important;
    padding: 16px 30px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 auto !important;
    float: none !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 50px !important;
    line-height: 1.4 !important;
}

body#address button[type="submit"] span,
body#address .form-control-submit span {
    color: white !important;
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
    overflow: visible !important;
    white-space: normal !important;
    line-height: 1.4 !important;
}

body#address button[type="submit"]:hover,
body#address .form-control-submit:hover {
    background: #5AB45E !important;
    box-shadow: 0 6px 20px rgba(90, 180, 94, 0.4) !important;
    transform: translateY(-3px) !important;
}

/* Messages d'aide */
body#address .form-control-comment {
    color: var(--ehuka-purple) !important;
    font-size: 13px !important;
    margin-top: 5px !important;
    font-style: italic !important;
}

/* Alertes */
body#address .alert {
    border-radius: 10px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

body#address .alert-success {
    background: #e8f8e9 !important;
    border: 2px solid var(--ehuka-turquoise) !important;
    color: #2d5f2f !important;
}

body#address .alert-danger {
    background: #ffe8e6 !important;
    border: 2px solid var(--ehuka-coral) !important;
    color: #8c2f24 !important;
}

/* Responsive mobile */
@media (max-width: 767px) {
    body#address #main {
        max-width: 100% !important;
        padding: 20px 10px !important;
    }

    body#address #content.page-content {
        padding: 30px 25px 45px 25px !important;
        border-radius: 12px !important;
    }

    body#address h1 {
        font-size: 24px !important;
        margin-bottom: 25px !important;
    }

    body#address input[type="text"],
    body#address input[type="email"],
    body#address input[type="tel"],
    body#address select,
    body#address textarea {
        padding: 12px 16px !important;
        font-size: 14px !important;
    }

    body#address button[type="submit"] {
        padding: 12px 24px !important;
        font-size: 15px !important;
    }
}

/* ============================================================================
   PAGE HISTORIQUE COMMANDES - Order History
   ============================================================================ */
body#history {
    background: linear-gradient(135deg, var(--ehuka-light) 0%, var(--ehuka-cream) 50%, var(--ehuka-light) 100%) !important;
    min-height: 100vh;
}

body#history #wrapper {
    padding-top: 0 !important;
    padding-bottom: 30px !important;
}

body#history .container {
    padding-top: 15px !important;
}

body#history .tv-left-layout {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body#history #main {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
}

body#history #content.page-content {
    background: white !important;
    padding: 40px 35px !important;
    box-shadow: 0 8px 30px rgba(var(--ehuka-purple-rgb), 0.12) !important;
    border-radius: 16px !important;
    margin: 0 !important;
}

/* Breadcrumb */
body#history nav.breadcrumb {
    margin-bottom: 15px !important;
    padding: 8px 0 !important;
}

/* Titre de la page */
body#history h1 {
    color: var(--ehuka-purple) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    position: relative !important;
    padding-bottom: 12px !important;
}

body#history h1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: var(--ehuka-turquoise) !important;
    border-radius: 2px;
}

body#history h6 {
    color: var(--ehuka-purple) !important;
    font-size: 15px !important;
    text-align: center !important;
    margin-bottom: 30px !important;
    font-weight: 400 !important;
}

/* Table des commandes */
body#history .table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

body#history .table thead {
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
}

body#history .table thead th {
    color: var(--ehuka-purple) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 15px 12px !important;
    text-align: left !important;
    border: none !important;
}

body#history .table thead tr th:first-child {
    border-top-left-radius: 10px !important;
}

body#history .table thead tr th:last-child {
    border-top-right-radius: 10px !important;
}

body#history .table tbody tr {
    border-bottom: 1px solid var(--ehuka-light) !important;
    transition: all 0.3s ease !important;
}

body#history .table tbody tr:hover {
    background: #FAFAFA !important;
}

body#history .table tbody td,
body#history .table tbody th {
    padding: 15px 12px !important;
    color: var(--ehuka-purple) !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    border: none !important;
}

/* Statut badge */
body#history .label-pill {
    display: inline-block !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Actions de commande - Boutons modernes */
body#history .order-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: stretch !important;
}

body#history .order-actions a {
    display: inline-block !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

body#history .order-actions a[data-link-action="view-order-details"] {
    background: var(--ehuka-turquoise) !important;
    color: white !important;
    border: 2px solid var(--ehuka-turquoise) !important;
}

body#history .order-actions a[data-link-action="view-order-details"]:hover {
    background: #5AB45E !important;
    border-color: #5AB45E !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
}

body#history .order-actions a[href*="reorder"] {
    background: white !important;
    color: var(--ehuka-turquoise) !important;
    border: 2px solid var(--ehuka-turquoise) !important;
}

body#history .order-actions a[href*="reorder"]:hover {
    background: var(--ehuka-turquoise) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
}

/* Icônes Material */
body#history .material-icons {
    color: var(--ehuka-turquoise) !important;
    font-size: 20px !important;
    vertical-align: middle !important;
    transition: all 0.3s ease !important;
}

body#history a:hover .material-icons {
    color: #5AB45E !important;
    transform: scale(1.1) !important;
}

/* Version mobile */
body#history .orders .order {
    background: white !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 15px !important;
    transition: all 0.3s ease !important;
}

body#history .orders .order:hover {
    border-color: var(--ehuka-turquoise) !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.15) !important;
}

body#history .orders .order h3 {
    color: var(--ehuka-purple) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}

body#history .orders .order .date,
body#history .orders .order .total {
    color: var(--ehuka-purple) !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
}

body#history .orders .order .col-xs-2 {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    justify-content: center !important;
}

body#history .orders .order .col-xs-2 a {
    background: var(--ehuka-light) !important;
    padding: 10px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

body#history .orders .order .col-xs-2 a:hover {
    background: var(--ehuka-turquoise) !important;
}

body#history .orders .order .col-xs-2 a:hover .material-icons {
    color: white !important;
}

/* Message si pas de commandes */
body#history .alert-info {
    background: var(--ehuka-cream) !important;
    border: 2px solid var(--ehuka-turquoise) !important;
    color: var(--ehuka-purple) !important;
    padding: 20px !important;
    border-radius: 12px !important;
    text-align: center !important;
    font-size: 15px !important;
}

/* Responsive mobile */
@media (max-width: 767px) {
    body#history #main {
        max-width: 100% !important;
        padding: 20px 10px !important;
    }

    body#history #content.page-content {
        padding: 30px 20px !important;
        border-radius: 12px !important;
    }

    body#history h1 {
        font-size: 24px !important;
        margin-bottom: 15px !important;
    }

    body#history h6 {
        font-size: 14px !important;
        margin-bottom: 20px !important;
    }
}

/* ============================================================================
   PAGE DÉTAILS COMMANDE - Order Detail
   ============================================================================ */
body#order-detail {
    background: linear-gradient(135deg, var(--ehuka-light) 0%, var(--ehuka-cream) 50%, var(--ehuka-light) 100%) !important;
    min-height: 100vh;
}

body#order-detail #wrapper {
    padding-top: 0 !important;
    padding-bottom: 30px !important;
}

body#order-detail .container {
    padding-top: 15px !important;
}

body#order-detail #main {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
}

body#order-detail #content.page-content {
    background: white !important;
    padding: 40px 35px !important;
    box-shadow: 0 8px 30px rgba(var(--ehuka-purple-rgb), 0.12) !important;
    border-radius: 16px !important;
    margin: 0 !important;
}

/* Titre */
body#order-detail h1 {
    color: var(--ehuka-purple) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 30px !important;
    position: relative !important;
    padding-bottom: 12px !important;
}

body#order-detail h1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: var(--ehuka-turquoise) !important;
    border-radius: 2px;
}

/* Boxes / Sections */
body#order-detail .box {
    background: #FAFAFA !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
}

body#order-detail #order-infos .box:first-child {
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
    border: none !important;
}

body#order-detail #order-infos .box:first-child strong {
    color: var(--ehuka-purple) !important;
    font-size: 16px !important;
}

body#order-detail .box ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body#order-detail .box ul li {
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--ehuka-light) !important;
    color: var(--ehuka-purple) !important;
    font-size: 14px !important;
}

body#order-detail .box ul li:last-child {
    border-bottom: none !important;
}

body#order-detail .box ul li strong {
    color: var(--ehuka-purple) !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
}

/* Bouton Reorder */
body#order-detail .button-primary,
body#order-detail a.button-primary {
    background: var(--ehuka-turquoise) !important;
    color: white !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
}

body#order-detail .button-primary:hover {
    background: #5AB45E !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
}

/* Historique des statuts */
body#order-detail #order-history h3 {
    color: var(--ehuka-purple) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
}

body#order-detail #order-history .table {
    background: white !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

body#order-detail #order-history .table thead {
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
}

body#order-detail #order-history .table thead th {
    color: var(--ehuka-purple) !important;
    font-weight: 600 !important;
    padding: 15px !important;
    border: none !important;
}

body#order-detail #order-history .table tbody td {
    padding: 15px !important;
    color: var(--ehuka-purple) !important;
    border: none !important;
    border-bottom: 1px solid var(--ehuka-light) !important;
}

body#order-detail #order-history .label-pill {
    display: inline-block !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

/* Adresses */
body#order-detail .addresses {
    display: flex !important;
    gap: 20px !important;
    margin-bottom: 20px !important;
}

body#order-detail .addresses article {
    flex: 1 !important;
    background: #FAFAFA !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

body#order-detail .addresses article h4 {
    color: var(--ehuka-purple) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid var(--ehuka-turquoise) !important;
}

body#order-detail .addresses address {
    color: var(--ehuka-purple) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-style: normal !important;
}

/* Lien de suivi */
body#order-detail a[href*="track"],
body#order-detail .box a {
    color: var(--ehuka-turquoise) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

body#order-detail a[href*="track"]:hover,
body#order-detail .box a:hover {
    color: #5AB45E !important;
    text-decoration: underline !important;
}

/* Version mobile historique */
body#order-detail .history-lines .history-line {
    background: white !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 10px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
}

body#order-detail .history-lines .date {
    color: var(--ehuka-purple) !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

/* Version mobile shipping */
body#order-detail .shipping-lines .shipping-line {
    background: white !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 10px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
}

body#order-detail .shipping-lines ul {
    list-style: none !important;
    padding: 0 !important;
}

body#order-detail .shipping-lines li {
    padding: 8px 0 !important;
    border-bottom: 1px solid var(--ehuka-light) !important;
}

body#order-detail .shipping-lines li:last-child {
    border-bottom: none !important;
}

/* Tableau transporteurs */
body#order-detail .box .table {
    background: white !important;
    margin: 0 !important;
}

body#order-detail .box .table thead {
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
}

body#order-detail .box .table thead th {
    color: var(--ehuka-purple) !important;
    font-weight: 600 !important;
    padding: 12px !important;
    font-size: 13px !important;
    border: none !important;
}

body#order-detail .box .table tbody td {
    padding: 12px !important;
    color: var(--ehuka-purple) !important;
    font-size: 13px !important;
    border: none !important;
    border-bottom: 1px solid var(--ehuka-light) !important;
}

/* Responsive */
@media (max-width: 991px) {
    body#order-detail .addresses {
        flex-direction: column !important;
    }
}

@media (max-width: 767px) {
    body#order-detail #main {
        padding: 20px 10px !important;
    }

    body#order-detail #content.page-content {
        padding: 25px 20px !important;
    }

    body#order-detail h1 {
        font-size: 24px !important;
    }

    body#order-detail .box {
        padding: 15px !important;
    }
}

/* ============================================================================
   PAGE AVOIRS - Credit Slips
   ============================================================================ */
body#order-slip {
    background: linear-gradient(135deg, var(--ehuka-light) 0%, var(--ehuka-cream) 50%, var(--ehuka-light) 100%) !important;
    min-height: 100vh;
}

body#order-slip #wrapper {
    padding-top: 0 !important;
    padding-bottom: 30px !important;
}

body#order-slip .container {
    padding-top: 15px !important;
}

body#order-slip #main {
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
}

body#order-slip #content.page-content {
    background: white !important;
    padding: 40px 35px !important;
    box-shadow: 0 8px 30px rgba(var(--ehuka-purple-rgb), 0.12) !important;
    border-radius: 16px !important;
    margin: 0 !important;
}

/* Titre */
body#order-slip h1 {
    color: var(--ehuka-purple) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    position: relative !important;
    padding-bottom: 12px !important;
}

body#order-slip h1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: var(--ehuka-turquoise) !important;
    border-radius: 2px;
}

body#order-slip h6 {
    color: var(--ehuka-purple) !important;
    font-size: 15px !important;
    text-align: center !important;
    margin-bottom: 30px !important;
    font-weight: 400 !important;
}

/* Table des avoirs */
body#order-slip .table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

body#order-slip .table thead {
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
}

body#order-slip .table thead th {
    color: var(--ehuka-purple) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 15px 12px !important;
    text-align: left !important;
    border: none !important;
}

body#order-slip .table thead tr th:first-child {
    border-top-left-radius: 10px !important;
}

body#order-slip .table thead tr th:last-child {
    border-top-right-radius: 10px !important;
}

body#order-slip .table tbody tr {
    border-bottom: 1px solid var(--ehuka-light) !important;
    transition: all 0.3s ease !important;
}

body#order-slip .table tbody tr:hover {
    background: #FAFAFA !important;
}

body#order-slip .table tbody td {
    padding: 15px 12px !important;
    color: var(--ehuka-purple) !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    border: none !important;
}

/* Liens vers les commandes */
body#order-slip .table tbody td a[data-link-action] {
    color: var(--ehuka-turquoise) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

body#order-slip .table tbody td a[data-link-action]:hover {
    color: #5AB45E !important;
    text-decoration: underline !important;
}

/* Icône PDF */
body#order-slip .material-icons {
    color: var(--ehuka-turquoise) !important;
    font-size: 22px !important;
    vertical-align: middle !important;
    transition: all 0.3s ease !important;
}

body#order-slip a:hover .material-icons {
    color: #5AB45E !important;
    transform: scale(1.1) !important;
}

/* Version mobile */
body#order-slip .credit-slips .credit-slip {
    background: white !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 15px !important;
    transition: all 0.3s ease !important;
}

body#order-slip .credit-slips .credit-slip:hover {
    border-color: var(--ehuka-turquoise) !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.15) !important;
}

body#order-slip .credit-slips .credit-slip ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body#order-slip .credit-slips .credit-slip ul li {
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--ehuka-light) !important;
    color: var(--ehuka-purple) !important;
    font-size: 14px !important;
}

body#order-slip .credit-slips .credit-slip ul li:last-child {
    border-bottom: none !important;
}

body#order-slip .credit-slips .credit-slip ul li strong {
    color: var(--ehuka-purple) !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    display: inline-block !important;
    min-width: 120px !important;
}

body#order-slip .credit-slips .credit-slip ul li a {
    color: var(--ehuka-turquoise) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

body#order-slip .credit-slips .credit-slip ul li a:hover {
    color: #5AB45E !important;
    text-decoration: underline !important;
}

/* Message si pas d'avoirs */
body#order-slip .alert-info {
    background: var(--ehuka-cream) !important;
    border: 2px solid var(--ehuka-turquoise) !important;
    color: var(--ehuka-purple) !important;
    padding: 20px !important;
    border-radius: 12px !important;
    text-align: center !important;
    font-size: 15px !important;
}

/* Responsive */
@media (max-width: 767px) {
    body#order-slip #main {
        max-width: 100% !important;
        padding: 20px 10px !important;
    }

    body#order-slip #content.page-content {
        padding: 30px 20px !important;
        border-radius: 12px !important;
    }

    body#order-slip h1 {
        font-size: 24px !important;
        margin-bottom: 15px !important;
    }

    body#order-slip h6 {
        font-size: 14px !important;
        margin-bottom: 20px !important;
    }

    body#order-slip .credit-slips .credit-slip ul li strong {
        display: block !important;
        min-width: auto !important;
        margin-bottom: 5px !important;
    }
}

/* ============================================================================
   PAGE RÉDUCTIONS / BONS DE RÉDUCTION - Vouchers
   ============================================================================ */
body#discount {
    background: linear-gradient(135deg, var(--ehuka-light) 0%, var(--ehuka-cream) 50%, var(--ehuka-light) 100%) !important;
    min-height: 100vh;
}

body#discount #wrapper {
    padding-top: 0 !important;
    padding-bottom: 30px !important;
}

body#discount .container {
    padding-top: 15px !important;
}

body#discount #main {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
}

body#discount nav.breadcrumb {
    margin-bottom: 15px !important;
    padding: 8px 0 !important;
}

body#discount #content.page-content {
    background: white !important;
    padding: 40px 35px !important;
    box-shadow: 0 8px 30px rgba(var(--ehuka-purple-rgb), 0.12) !important;
    border-radius: 16px !important;
    margin: 0 !important;
}

/* Forcer la visibilité du header de page */
body#discount .page-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 30px !important;
    padding: 0 !important;
}

/* Titre */
body#discount h1 {
    color: var(--ehuka-purple) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    position: relative !important;
    padding-bottom: 12px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body#discount h1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: var(--ehuka-turquoise) !important;
    border-radius: 2px;
}

/* Table des bons de réduction */
body#discount .table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    table-layout: fixed !important;
}

body#discount .table thead {
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
}

body#discount .table thead th {
    border-bottom: 2px solid var(--ehuka-light) !important;
}

body#discount .table thead th {
    color: var(--ehuka-purple) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 15px 8px !important;
    text-align: center !important;
    border: none !important;
    vertical-align: middle !important;
}

/* Largeurs fixes pour chaque colonne */
body#discount .table thead tr th:nth-child(1) {
    width: 15% !important;
    text-align: left !important;
    padding-left: 15px !important;
    border-top-left-radius: 10px !important;
}

body#discount .table thead tr th:nth-child(2) {
    width: 30% !important;
    text-align: left !important;
}

body#discount .table thead tr th:nth-child(3) {
    width: 10% !important;
}

body#discount .table thead tr th:nth-child(4) {
    width: 10% !important;
}

body#discount .table thead tr th:nth-child(5) {
    width: 12% !important;
}

body#discount .table thead tr th:nth-child(6) {
    width: 10% !important;
}

body#discount .table thead tr th:nth-child(7) {
    width: 13% !important;
    border-top-right-radius: 10px !important;
}

body#discount .table tbody tr {
    transition: all 0.3s ease !important;
}

body#discount .table tbody tr td {
    border-bottom: 1px solid var(--ehuka-light) !important;
}

body#discount .table tbody tr:hover {
    background: #FAFAFA !important;
    transform: translateX(3px) !important;
}

body#discount .table tbody td {
    padding: 15px 8px !important;
    color: var(--ehuka-purple) !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    border: none !important;
    text-align: center !important;
}

/* Largeurs fixes pour chaque colonne - identiques au header */
body#discount .table tbody td:nth-child(1) {
    width: 15% !important;
    text-align: left !important;
    padding-left: 15px !important;
}

body#discount .table tbody td:nth-child(2) {
    width: 30% !important;
    text-align: left !important;
    font-weight: 500 !important;
}

body#discount .table tbody td:nth-child(3) {
    width: 10% !important;
}

body#discount .table tbody td:nth-child(4) {
    width: 10% !important;
}

body#discount .table tbody td:nth-child(5) {
    width: 12% !important;
}

body#discount .table tbody td:nth-child(6) {
    width: 10% !important;
}

body#discount .table tbody td:nth-child(7) {
    width: 13% !important;
}

/* Code du voucher - Badge style */
body#discount .voucher-code {
    display: block !important;
    background: linear-gradient(135deg, var(--ehuka-turquoise) 0%, #5AB45E 100%) !important;
    color: white !important;
    padding: 6px 8px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 10px !important;
    letter-spacing: 0.2px !important;
    text-transform: uppercase !important;
    box-shadow: 0 2px 8px rgba(var(--ehuka-turquoise-rgb), 0.25) !important;
    font-family: 'Courier New', monospace !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    text-align: center !important;
}

/* Valeur du voucher - Mise en évidence */
body#discount .voucher-value {
    color: var(--ehuka-turquoise) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

/* Version mobile */
body#discount .cart-rules .cart-rule {
    background: white !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

body#discount .cart-rules .cart-rule::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--ehuka-turquoise) 0%, #5AB45E 100%) !important;
}

body#discount .cart-rules .cart-rule:hover {
    border-color: var(--ehuka-turquoise) !important;
    box-shadow: 0 6px 20px rgba(var(--ehuka-turquoise-rgb), 0.2) !important;
    transform: translateY(-3px) !important;
}

/* Code voucher mobile - Badge en haut */
body#discount .voucher-code-mobile {
    display: inline-block !important;
    background: linear-gradient(135deg, var(--ehuka-turquoise) 0%, #5AB45E 100%) !important;
    color: white !important;
    padding: 10px 18px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    box-shadow: 0 3px 10px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
    font-family: 'Courier New', monospace !important;
    margin-bottom: 15px !important;
}

body#discount .cart-rules .cart-rule ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body#discount .cart-rules .cart-rule ul li {
    padding: 12px 0 !important;
    border-bottom: 1px solid var(--ehuka-light) !important;
    color: var(--ehuka-purple) !important;
    font-size: 14px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

body#discount .cart-rules .cart-rule ul li:last-child {
    border-bottom: none !important;
}

body#discount .cart-rules .cart-rule ul li strong {
    color: var(--ehuka-purple) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

body#discount .voucher-value-mobile {
    color: var(--ehuka-turquoise) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

/* Message si pas de bons de réduction */
body#discount .alert.no-vouchers {
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
    border: 2px solid var(--ehuka-turquoise) !important;
    color: var(--ehuka-purple) !important;
    padding: 40px 20px !important;
    border-radius: 12px !important;
    text-align: center !important;
    font-size: 16px !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.1) !important;
}

body#discount .alert.no-vouchers .material-icons {
    font-size: 64px !important;
    color: var(--ehuka-turquoise) !important;
    display: block !important;
    margin: 0 auto 15px auto !important;
}

body#discount .alert.no-vouchers p {
    margin: 0 !important;
    font-weight: 500 !important;
}

/* Effet hover simple */
body#discount .table tbody tr {
    position: relative !important;
}

/* Responsive */
@media (max-width: 991px) {
    body#discount #main {
        max-width: 100% !important;
        padding: 20px 10px !important;
    }

    body#discount #content.page-content {
        padding: 30px 20px !important;
        border-radius: 12px !important;
    }

    body#discount h1 {
        font-size: 24px !important;
        margin-bottom: 15px !important;
    }
}

@media (max-width: 767px) {
    body#discount .cart-rules .cart-rule ul li {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 5px !important;
    }

    body#discount .voucher-code-mobile {
        font-size: 12px !important;
        padding: 8px 14px !important;
    }
}

/* ============================================================================
   PAGE WISHLIST - Mes listes de souhaits
   ============================================================================ */

/* Container principal - Forcer la largeur */
.tvcmswishlist #main,
#content-wrapper #main,
div.tvcmswishlist #main {
    max-width: none !important;
    width: 100% !important;
}

.tvcmswishlist #content-wrapper,
#content-wrapper {
    max-width: none !important;
    width: 100% !important;
}

.tvcmswishlist #content.page-content,
#content.page-content {
    max-width: none !important;
    width: 100% !important;
}

#mywishlist {
    background: white !important;
    padding: 40px 50px !important;
    box-shadow: 0 8px 30px rgba(var(--ehuka-purple-rgb), 0.12) !important;
    border-radius: 16px !important;
    margin: 20px auto !important;
    max-width: 100% !important;
    width: 100% !important;
}

.tvcmswishlist {
    background: linear-gradient(135deg, var(--ehuka-light) 0%, var(--ehuka-cream) 50%, var(--ehuka-light) 100%) !important;
    padding: 30px 20px !important;
    max-width: 100% !important;
}

/* Formulaire de création de wishlist */
#form_wishlist {
    background: #FAFAFA !important;
    padding: 25px !important;
    border-radius: 12px !important;
    margin-bottom: 30px !important;
    border: 2px solid var(--ehuka-light) !important;
}

#form_wishlist fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#mywishlist h3.page-subheading {
    color: var(--ehuka-purple) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

#form_wishlist .form-group label {
    color: var(--ehuka-purple) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

#form_wishlist .form-group input.form-control {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: var(--ehuka-purple) !important;
    transition: all 0.3s ease !important;
}

#form_wishlist .form-group input.form-control:focus {
    border-color: var(--ehuka-turquoise) !important;
    box-shadow: 0 0 0 3px rgba(var(--ehuka-turquoise-rgb), 0.1) !important;
    outline: none !important;
}

.tvwishlist-btn button,
#submitWishlist {
    background: linear-gradient(135deg, var(--ehuka-turquoise) 0%, #5AB45E 100%) !important;
    color: white !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
    display: block !important;
    margin: 0 auto !important;
}

.tvwishlist-btn button:hover,
#submitWishlist:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(var(--ehuka-turquoise-rgb), 0.4) !important;
}

/* Table des wishlists */
.tvwishlist-info,
#mywishlist table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.tvwishlist-info thead,
#mywishlist table thead {
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
}

.tvwishlist-info thead th,
#mywishlist table thead th {
    color: var(--ehuka-purple) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 15px 10px !important;
    text-align: center !important;
    border: none !important;
    border-bottom: 2px solid var(--ehuka-light) !important;
}

.tvwishlist-info thead th:first-child,
#mywishlist table thead th:first-child {
    text-align: left !important;
    padding-left: 15px !important;
    border-top-left-radius: 10px !important;
}

.tvwishlist-info thead th:last-child,
#mywishlist table thead th:last-child {
    border-top-right-radius: 10px !important;
}

.tvwishlist-info tbody tr,
#mywishlist table tbody tr {
    transition: all 0.3s ease !important;
}

.tvwishlist-info tbody tr:hover,
#mywishlist table tbody tr:hover {
    background: #FAFAFA !important;
}

.tvwishlist-info tbody td,
#mywishlist table tbody td {
    padding: 15px 10px !important;
    color: var(--ehuka-purple) !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid var(--ehuka-light) !important;
    text-align: center !important;
}

.tvwishlist-info tbody td:first-child,
#mywishlist table tbody td:first-child {
    text-align: left !important;
    padding-left: 15px !important;
}

/* Liens dans le tableau */
.tvwishlist-info a,
#mywishlist table a {
    color: var(--ehuka-turquoise) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.tvwishlist-info a:hover,
#mywishlist table a:hover {
    color: #5AB45E !important;
    text-decoration: underline !important;
}

/* Icônes Material */
#mywishlist .material-icons {
    color: var(--ehuka-turquoise) !important;
    font-size: 20px !important;
    vertical-align: middle !important;
    transition: all 0.3s ease !important;
}

#mywishlist table a:hover .material-icons {
    transform: scale(1.1) !important;
}

.wishlist_delete a .material-icons {
    color: var(--ehuka-coral) !important;
}

.wishlist_delete a:hover .material-icons {
    color: #d9574a !important;
}

.is_wish_list_default .material-icons {
    color: var(--ehuka-cream) !important;
}

/* Boutons footer */
.wishlist_footer,
#mywishlist .footer_links {
    margin-top: 30px !important;
    padding-top: 20px !important;
    border-top: 2px solid var(--ehuka-light) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.wishlist_footer a,
#mywishlist .footer_links a {
    background: white !important;
    color: var(--ehuka-turquoise) !important;
    border: 2px solid var(--ehuka-turquoise) !important;
    padding: 12px 25px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.wishlist_footer a span,
#mywishlist .footer_links a span {
    color: var(--ehuka-turquoise) !important;
}

.wishlist_footer a .material-icons,
#mywishlist .footer_links a .material-icons {
    font-size: 18px !important;
    color: var(--ehuka-turquoise) !important;
}

.wishlist_footer a:hover,
#mywishlist .footer_links a:hover {
    background: var(--ehuka-turquoise) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
}

.wishlist_footer a:hover span,
#mywishlist .footer_links a:hover span {
    color: white !important;
}

.wishlist_footer a:hover .material-icons,
#mywishlist .footer_links a:hover .material-icons {
    color: white !important;
}

/* Responsive */
@media (max-width: 991px) {
    #mywishlist {
        padding: 30px 20px !important;
        border-radius: 12px !important;
    }
}

@media (max-width: 767px) {

    .wishlist_footer,
    #mywishlist .footer_links {
        flex-direction: column !important;
        gap: 15px !important;
    }

    .wishlist_footer a,
    #mywishlist .footer_links a {
        width: 100% !important;
        justify-content: center !important;
    }

    .tvwishlist-info,
    #mywishlist table {
        font-size: 12px !important;
    }

    .tvwishlist-info thead th,
    .tvwishlist-info tbody td,
    #mywishlist table thead th,
    #mywishlist table tbody td {
        padding: 10px 5px !important;
        font-size: 12px !important;
    }
}

/* ============================================================================
   PAGE ALERTES EMAIL - Email Alerts
   ============================================================================ */

/* Page structure */
body[id*="module-ps_emailalerts"] {
    background: linear-gradient(135deg, var(--ehuka-light) 0%, var(--ehuka-cream) 50%, var(--ehuka-light) 100%) !important;
    min-height: 100vh;
}

body[id*="module-ps_emailalerts"] #wrapper {
    padding-top: 0 !important;
    padding-bottom: 30px !important;
}

body[id*="module-ps_emailalerts"] .container {
    padding-top: 15px !important;
}

body[id*="module-ps_emailalerts"] #main {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
}

body[id*="module-ps_emailalerts"] nav.breadcrumb {
    margin-bottom: 15px !important;
    padding: 8px 0 !important;
}

body[id*="module-ps_emailalerts"] #content.page-content {
    background: white !important;
    padding: 40px 35px !important;
    box-shadow: 0 8px 30px rgba(var(--ehuka-purple-rgb), 0.12) !important;
    border-radius: 16px !important;
    margin: 0 !important;
}

/* Titre */
body[id*="module-ps_emailalerts"] h1 {
    color: var(--ehuka-purple) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    position: relative !important;
    padding-bottom: 12px !important;
}

body[id*="module-ps_emailalerts"] h1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: var(--ehuka-turquoise) !important;
    border-radius: 2px;
}

/* Container principal */
#notifications {
    max-width: 100% !important;
    margin: 0 !important;
}

/* Liste des alertes */
#notifications ul,
body[id*="module-ps_emailalerts"] #content ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#notifications ul li,
body[id*="module-ps_emailalerts"] #content ul li {
    background: #FAFAFA !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 15px !important;
    display: flex !important;
    align-items: center !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(var(--ehuka-purple-rgb), 0.08) !important;
}

#notifications ul li:hover,
body[id*="module-ps_emailalerts"] #content ul li:hover {
    border-color: var(--ehuka-turquoise) !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.15) !important;
    transform: translateY(-2px) !important;
}

/* Image du produit */
#notifications ul li a[class*="col-md-2"],
body[id*="module-ps_emailalerts"] #content ul li a[class*="col-md-2"] {
    text-align: center !important;
    padding: 0 15px !important;
}

#notifications ul li a[class*="col-md-2"] img,
body[id*="module-ps_emailalerts"] #content ul li a[class*="col-md-2"] img {
    max-width: 100% !important;
    max-height: 120px !important;
    border-radius: 8px !important;
    border: 2px solid var(--ehuka-light) !important;
    transition: all 0.3s ease !important;
}

#notifications ul li:hover a[class*="col-md-2"] img,
body[id*="module-ps_emailalerts"] #content ul li:hover a[class*="col-md-2"] img {
    border-color: var(--ehuka-turquoise) !important;
}

/* Nom et attributs du produit */
#notifications ul li a[class*="col-md-8"],
body[id*="module-ps_emailalerts"] #content ul li a[class*="col-md-8"] {
    color: var(--ehuka-purple) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 0 20px !important;
    flex: 1 !important;
}

#notifications ul li a[class*="col-md-8"]:hover,
body[id*="module-ps_emailalerts"] #content ul li a[class*="col-md-8"]:hover {
    color: var(--ehuka-turquoise) !important;
}

#notifications ul li a[class*="col-md-8"] span,
body[id*="module-ps_emailalerts"] #content ul li a[class*="col-md-8"] span {
    display: block !important;
    color: #999 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    margin-top: 5px !important;
}

/* Bouton supprimer */
#notifications .js-remove-email-alert,
body[id*="module-ps_emailalerts"] .js-remove-email-alert {
    background: transparent !important;
    border: none !important;
    padding: 10px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#notifications .js-remove-email-alert .material-icons,
body[id*="module-ps_emailalerts"] .js-remove-email-alert .material-icons {
    color: var(--ehuka-coral) !important;
    font-size: 24px !important;
    transition: all 0.3s ease !important;
}

#notifications .js-remove-email-alert:hover .material-icons,
body[id*="module-ps_emailalerts"] .js-remove-email-alert:hover .material-icons {
    color: #d9574a !important;
    transform: scale(1.2) !important;
}

/* Message si pas d'alertes */
#notifications .alert-info,
body[id*="module-ps_emailalerts"] .alert-info {
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
    border: 2px solid var(--ehuka-turquoise) !important;
    color: var(--ehuka-purple) !important;
    padding: 40px 20px !important;
    border-radius: 12px !important;
    text-align: center !important;
    font-size: 16px !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.1) !important;
}

/* Responsive */
@media (max-width: 991px) {
    body[id*="module-ps_emailalerts"] #main {
        max-width: 100% !important;
        padding: 20px 10px !important;
    }

    body[id*="module-ps_emailalerts"] #content.page-content {
        padding: 30px 20px !important;
        border-radius: 12px !important;
    }

    body[id*="module-ps_emailalerts"] h1 {
        font-size: 24px !important;
    }
}

@media (max-width: 767px) {

    #notifications ul li,
    body[id*="module-ps_emailalerts"] #content ul li {
        flex-wrap: wrap !important;
        padding: 15px !important;
    }

    #notifications ul li a[class*="col-md-2"],
    body[id*="module-ps_emailalerts"] #content ul li a[class*="col-md-2"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 15px !important;
    }

    #notifications ul li a[class*="col-md-8"],
    body[id*="module-ps_emailalerts"] #content ul li a[class*="col-md-8"] {
        flex: 0 0 calc(100% - 50px) !important;
        max-width: calc(100% - 50px) !important;
        padding: 0 10px !important;
    }

    #notifications .js-remove-email-alert,
    body[id*="module-ps_emailalerts"] .js-remove-email-alert {
        flex: 0 0 50px !important;
        max-width: 50px !important;
    }
}

/* ============================================================================
   PAGE NEWSLETTER PRO SETTINGS - Préférences newsletter
   ============================================================================ */

/* Page structure */
body[id*="module-newsletterpro"] {
    background: linear-gradient(135deg, var(--ehuka-light) 0%, var(--ehuka-cream) 50%, var(--ehuka-light) 100%) !important;
    min-height: 100vh;
}

body[id*="module-newsletterpro"] #wrapper {
    padding-top: 0 !important;
    padding-bottom: 30px !important;
}

body[id*="module-newsletterpro"] .container {
    padding-top: 15px !important;
}

body[id*="module-newsletterpro"] #main {
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
}

body[id*="module-newsletterpro"] nav.breadcrumb {
    margin-bottom: 15px !important;
    padding: 8px 0 !important;
}

body[id*="module-newsletterpro"] #content.page-content {
    background: white !important;
    padding: 40px 35px !important;
    box-shadow: 0 8px 30px rgba(var(--ehuka-purple-rgb), 0.12) !important;
    border-radius: 16px !important;
    margin: 0 !important;
}

/* Titre */
body[id*="module-newsletterpro"] h1 {
    color: var(--ehuka-purple) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    position: relative !important;
    padding-bottom: 12px !important;
}

body[id*="module-newsletterpro"] h1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: var(--ehuka-turquoise) !important;
    border-radius: 2px;
}

/* Container du formulaire */
#newsletterpro-my-account {
    max-width: 100% !important;
}

#newsletterpro-my-account form {
    background: #FAFAFA !important;
    padding: 30px 40px !important;
    border-radius: 12px !important;
    border: 2px solid var(--ehuka-light) !important;
}

/* Réorganisation des rows */
#newsletterpro-my-account .form-group.row {
    margin-bottom: 0 !important;
}

#newsletterpro-my-account .form-group.row .col-md-3 {
    display: none !important;
}

#newsletterpro-my-account .form-group.row .col-md-6 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
}

/* Sections */
#newsletterpro-my-account section {
    display: flex !important;
    flex-direction: column !important;
    gap: 25px !important;
}

/* Sous-titres */
#newsletterpro-my-account h4 {
    color: var(--ehuka-purple) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    margin-top: 0 !important;
    text-align: left !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid var(--ehuka-light) !important;
}

/* Groupes de checkboxes */
#newsletterpro-my-account .form-group.row:has(.custom-checkbox) {
    margin-bottom: 0 !important;
}

/* Checkbox principale newsletter - Style spécial */
#newsletterpro-my-account .main-newsletter-checkbox {
    margin-bottom: 25px !important;
}

#newsletterpro-my-account .main-newsletter-checkbox .custom-checkbox {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

#newsletterpro-my-account .main-newsletter-checkbox .custom-checkbox label {
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
    border: 2px solid var(--ehuka-turquoise) !important;
    padding: 25px 30px !important;
    box-shadow: 0 4px 12px rgba(var(--ehuka-turquoise-rgb), 0.15) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    text-align: center !important;
}

#newsletterpro-my-account .main-newsletter-checkbox .custom-checkbox label:hover {
    border-color: #5AB45E !important;
    box-shadow: 0 6px 20px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
    transform: scale(1.02) !important;
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
}

#newsletterpro-my-account .main-newsletter-checkbox .custom-checkbox span:last-child {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--ehuka-purple) !important;
    text-align: center !important;
    width: 100% !important;
}

/* Checkboxes normales */
#newsletterpro-my-account .custom-checkbox {
    display: block !important;
    margin-bottom: 0 !important;
}

#newsletterpro-my-account .custom-checkbox label {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    cursor: pointer !important;
    padding: 15px 20px !important;
    background: white !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

#newsletterpro-my-account .custom-checkbox label:hover {
    border-color: var(--ehuka-turquoise) !important;
    box-shadow: 0 2px 8px rgba(var(--ehuka-turquoise-rgb), 0.15) !important;
    transform: translateX(3px) !important;
}

#newsletterpro-my-account .custom-checkbox input[type="checkbox"] {
    display: none !important;
}

/* Checkbox principale - Carré plus grand et centré */
#newsletterpro-my-account .main-newsletter-checkbox .custom-checkbox span:first-child {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border: 3px solid var(--ehuka-turquoise) !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 0.3s ease, transform 0.3s ease !important;
    background: white !important;
    margin: 0 auto !important;
}

/* Effet quand la checkbox principale est cochée */
#newsletterpro-my-account .main-newsletter-checkbox .custom-checkbox input[type="checkbox"]:checked+span:first-child {
    transform: scale(0.95) !important;
}

#newsletterpro-my-account .main-newsletter-checkbox .custom-checkbox .material-icons {
    display: none !important;
}

/* Checkboxes normales */
#newsletterpro-my-account .custom-checkbox span:first-child {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

#newsletterpro-my-account .custom-checkbox input[type="checkbox"]:checked+span {
    background: var(--ehuka-turquoise) !important;
    border-color: var(--ehuka-turquoise) !important;
}

/* Checkbox principale cochée - fond vert plein sans icône */
#newsletterpro-my-account .main-newsletter-checkbox .custom-checkbox input[type="checkbox"]:checked+span {
    background: var(--ehuka-turquoise) !important;
    border-color: var(--ehuka-turquoise) !important;
}

#newsletterpro-my-account .main-newsletter-checkbox .custom-checkbox input[type="checkbox"]:checked+span .material-icons {
    display: none !important;
}

#newsletterpro-my-account .custom-checkbox .material-icons {
    font-size: 16px !important;
    color: white !important;
    display: none !important;
}

#newsletterpro-my-account .custom-checkbox input[type="checkbox"]:checked+span .material-icons {
    display: block !important;
}

/* Forcer la non-visibilité de l'icône pour la checkbox principale */
#newsletterpro-my-account .main-newsletter-checkbox .custom-checkbox .material-icons.checkbox-checked {
    display: none !important;
}

#newsletterpro-my-account .custom-checkbox span:last-child {
    color: var(--ehuka-purple) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    flex: 1 !important;
}

/* Liste des intérêts */
.newsletterpro-list-of-interests {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 12px !important;
}

.newsletterpro-list-of-interests li {
    margin-bottom: 0 !important;
}

/* Arbre de catégories - MASQUÉ */
#np-category-tree {
    display: none !important;
}

/* Masquer le titre "Choisissez vos catégories d'intérêt" */
#newsletterpro-my-account .form-group.row:has(h4:contains("catégories")),
#newsletterpro-my-account h4:contains("catégories"),
#newsletterpro-my-account .form-group.row:has(#np-category-tree) {
    display: none !important;
}

/* Masquer tout le groupe de catégories */
#newsletterpro-my-account form section>.form-group.row:nth-last-child(3),
#newsletterpro-my-account form section>.form-group.row:nth-last-child(2) {
    display: none !important;
}

/* Footer du formulaire */
#newsletterpro-my-account footer {
    margin-top: 35px !important;
    padding-top: 25px !important;
    border-top: 2px solid var(--ehuka-light) !important;
    text-align: center !important;
}

#newsletterpro-my-account footer input[type="hidden"] {
    display: none !important;
}

#newsletterpro-my-account footer button {
    background: linear-gradient(135deg, var(--ehuka-turquoise) 0%, #5AB45E 100%) !important;
    color: white !important;
    border: none !important;
    padding: 14px 50px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

#newsletterpro-my-account footer button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(var(--ehuka-turquoise-rgb), 0.4) !important;
    background: linear-gradient(135deg, #5AB45E 0%, #4a9e4e 100%) !important;
}

/* Groupement visuel des sections */
#newsletterpro-my-account form>section>div:has(h4) {
    background: white !important;
    padding: 20px !important;
    border-radius: 8px !important;
    border: 1px solid var(--ehuka-light) !important;
}

#newsletterpro-my-account form>section>div:has(h4)+div {
    margin-top: -15px !important;
}

/* Améliorer l'espacement entre les groupes */
#newsletterpro-my-account .form-group.row:has(h4) {
    margin-bottom: 10px !important;
}

#newsletterpro-my-account .form-group.row:has(h4)+.form-group.row {
    margin-bottom: 25px !important;
}

/* Responsive */
@media (max-width: 991px) {
    body[id*="module-newsletterpro"] #main {
        max-width: 100% !important;
        padding: 20px 10px !important;
    }

    body[id*="module-newsletterpro"] #content.page-content {
        padding: 30px 20px !important;
        border-radius: 12px !important;
    }

    body[id*="module-newsletterpro"] h1 {
        font-size: 24px !important;
    }

    #newsletterpro-my-account form {
        padding: 20px !important;
    }

    .newsletterpro-list-of-interests {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 767px) {
    #newsletterpro-my-account h4 {
        font-size: 16px !important;
    }

    #newsletterpro-my-account .custom-checkbox label {
        padding: 12px 15px !important;
    }

    #newsletterpro-my-account footer button {
        width: 100% !important;
        padding: 14px 30px !important;
    }

    #newsletterpro-my-account form>section>div:has(h4) {
        padding: 15px !important;
    }
}