/*
Theme Name: Hello Elementor Child
Theme URI: https://qwery.fr/
Description: Hello Elementor Child Theme
Author: Qwery
Author URL: https://qwery.fr/
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementorchild
*/
/* Placer votre CSS ci-dessous */

.archive-description .description-text {
    max-height: 48px; /* Hauteur maximale de la description tronquée */
    overflow: hidden;
    transition: max-height 0.3s ease;
    /*color: #ffffff !important;*/
}

.archive-description .description-text.expanded {
    max-height: none; /* Déplie la description pour montrer le texte complet */
    /*color: #fff !important;*/
}

.archive-description .toggle-description {
    cursor: pointer;
    /*color: #fff;*/
    font-weight: bold;
    text-decoration: underline;
    display: block;
}

.archive-description .toggle-description:hover {
    color: #fff;
}

/* Navbar */
.account-button-wrapper {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.account-button {
    font-size: 12px;
    font-weight: 500;
    background-color: transparent;
    color: var(--e-global-color-primary);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
}

.account-icon svg {
    height: 1em;
    fill: var(--e-global-color-primary);
}

body.home .account-button,
body.home .account-icon svg {
    color: white !important;
    fill: white !important;
}

.account-button-wrapper {
    position: relative;
    display: inline-block;
}

/* Dropdown menu caché par défaut */
.account-dropdown {
    display: none;
    position: absolute;
    left: 35px;
    background-color: #fff;
    min-width: 150px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    z-index: 1000;
    border-radius: 0px;
    overflow: hidden;
}

/* Liens du dropdown */
.account-dropdown a {
    color: var(--e-global-color-primary);
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Hover */
.account-dropdown a:hover {
    background-color: #f2f2f2;
}

/* Affichage dropdown quand actif */
.account-button-wrapper.open .account-dropdown {
    display: block;
}

.account-dropdown a.logout-link {
    background-color: var(--e-global-color-primary);
    color: #fff !important; /* texte blanc pour contraste */
}

.account-dropdown a.logout-link:hover {
    background-color: var(--e-global-color-primary) !important;
}

.account-dropdown a.logout-link:hover {
    background-color: #004d99; /* ou une nuance plus foncée pour le hover */
}