/* Supprimer le soulignement des liens dans le menu mobile Flatsome */
#main-menu .nav-sidebar-ul a {
    text-decoration: none !important;
}

/* Supprimer le soulignement au survol ou au focus dans le menu mobile */
#main-menu .nav-sidebar-ul a:hover,
#main-menu .nav-sidebar-ul a:focus {
    text-decoration: none !important;
}

/* S’assurer que les sous-menus mobiles sont également concernés */
#main-menu .nav-sidebar-ul .sub-menu a {
    text-decoration: none !important;
}
#main-menu .nav-sidebar-ul .sub-menu a:hover,
#main-menu .nav-sidebar-ul .sub-menu a:focus {
    text-decoration: none !important;
}

/* Supprimer le soulignement dans le menu desktop (si applicable) */
.nav > ul > li > a,
.nav-uppercase a {
    text-decoration: none !important;
}
.nav > ul > li > a:hover,
.nav-uppercase a:hover {
    text-decoration: none !important;
}

/* S’assurer que tous les liens dans le menu principal n’ont pas de soulignement */
.header-nav a,
.nav a {
    text-decoration: none !important;
}
.header-nav a:hover,
.nav a:hover {
    text-decoration: none !important;
}

/* Règles supplémentaires pour cibler spécifiquement le menu partagé */
.menu-item a,
.nav-sidebar-ul .menu-item a,
.sub-menu a {
    text-decoration: none !important;
}
.menu-item a:hover,
.nav-sidebar-ul .menu-item a:hover,
.sub-menu a:hover {
    text-decoration: none !important;
}

/* Supprimer le soulignement des liens dans le template Vibrance Default */
body.page-template-vibrance-default a.redirect-button,
body.page-template-vibrance-default .social-share a {
    text-decoration: none !important;
}
body.page-template-vibrance-default a.redirect-button:hover,
body.page-template-vibrance-default .social-share a:hover {
    text-decoration: none !important;
}

/* Styles généraux (inchangés) */
#wpadminbar {
    display: block !important;
    position: fixed !important;
    z-index: 99999 !important;
}

h2 {
    color: #6bf807 !important;
}

/* Styles pour les indicateurs tendancelt */
body div.indicator-box-subtle[class*="tendancelt"] {
    border: 2px solid #def3f3 !important;
}

/* Page vibrance (inchangée) */
body.page-template-vibrance-default,
body.page-template-vibrance-recycle {
    background: #f5f5f5 !important;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

main.vibrance-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
    position: relative;
    z-index: 1;
}

main.vibrance-container .content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 600px; /* Limite pour une meilleure lisibilité */
    padding: 20px;
    text-align: center;
}

.ampoules-background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    z-index: 0;
}

.ampoule {
    transition: opacity 0.3s ease;
}

.ampoule.active {
    opacity: 1;
}

.ampoule.inactive {
    opacity: 0.3;
}

.brique-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 40px 0;
}

.brique-cercle {
    width: 120px;
    height: 120px;
    background-color: rgba(255, 255, 255, 0.7);
    border: 4px solid #73bbc1;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    box-shadow: 0 0 15px #73bbc1;
    transition: background-color 0.5s ease, opacity 0.5s ease;
    position: relative;
    z-index: 2;
}

.recycle-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    opacity: 0.4;
    z-index: 1;
}

.brique-cercle .unix-time {
    font-size: 12px;
    margin-bottom: 5px;
    z-index: 2;
    position: relative;
}

.brique-cercle .statut {
    font-size: 10px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    z-index: 2;
    position: relative;
}

.brique-cercle.played {
    background-color: rgba(115, 187, 193, 0.7);
    color: #fff;
}

.brique-cercle.waiting {
    background-color: rgba(200, 200, 200, 0.7);
    opacity: 0.6;
    color: #666;
}

.vibrance-label {
    margin-top: -10px !important;
    padding: 5px 15px !important;
    background-color: #73bbc1 !important;
    border: 2px solid #73bbc1 !important;
    border-radius: 15px !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-align: center !important;
    z-index: 2 !important;
}

.redirect-button,
.nft-button {
    padding: 8px 16px !important;
    background-color: #73bbc1 !important;
    border: 2px solid #73bbc1 !important;
    border-radius: 25px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.redirect-button:hover,
.nft-button:hover {
    background-color: #fff !important;
    color: #73bbc1 !important;
}

.nft-button.disabled {
    background-color: #cccccc !important;
    cursor: not-allowed !important;
    pointer-events: none !important;

}

.binary-indicator {
    margin: 20px 0 !important;
    font-size: 10px !important;
    color: #666 !important;
    font-family: monospace !important;
}

.binary-indicator .binary-code {
    color: #73bbc1 !important;
}

.social-share {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.social-share a {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background-color: #73bbc1 !important;
    color: white !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: transform 0.3s ease !important;
}

.social-share a:hover {
    transform: scale(1.1) !important;
}
/* ***************************************************************
 * REMPLACEZ L'ANCIENNE RÈGLE .brique-button PAR CELLE-CI
 * (Nous gardons !important pour maintenir la priorité du thème)
 *************************************************************** */
.brique-button {
    display: inline-block !important;
    padding: 8px 18px !important; /* J'ai gardé votre padding de 18px */
    margin: 5px 0 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    cursor: pointer !important;

    /* Modifications Style Terminal */
    background-color: transparent !important;
    color: #3DCC91 !important;
    border: 2px solid #3DCC91 !important;
    border-radius: 5px !important; /* <-- Changement crucial */
    
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.1s ease !important;
}

/* ***************************************************************
 * REMPLACEZ L'ANCIENNE RÈGLE .brique-button:hover PAR CELLE-CI
 *************************************************************** */
.brique-button:hover {
    background-color: #3DCC91 !important;
    color: #1E1E1E !important;
}

/* ***************************************************************
 * AJOUTEZ CETTE NOUVELLE RÈGLE POUR L'EFFET DE CLIC (Active)
 *************************************************************** */
.brique-button:active {
    background-color: #ffffff!important;
    border-color: #96ceb7 !important;
    color: #1E1E1E !important;
    transform: scale(0.98); /* Pas besoin de !important ici */
}