/* Import Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

body,
html,
input,
button,
textarea,
select {
    font-family: 'Roboto', sans-serif !important;
}

/* Couleur Hikube */
:root {
    --hk-green: #38ba6a;
}

/* Sidebar */
.sidebar .menu-item.active {
    color: var(--hk-green) !important;
    font-weight: 500 !important;
}
.sidebar .menu-item {
    color: #ffffff !important;
}
.sidebar .menu-item:hover {
    color: var(--hk-green) !important;
    opacity: 0.9;
}

/* Liens */
a {
    color: var(--hk-green) !important;
}
a:hover {
    opacity: .85;
}

/* Powered by removal */
.c-powered {
    display: none !important;
}

/* ===================================================== */
/* === BARRE DE VOTE BLEUE → VERT HIKUBE (#38BA6A)  ==== */
/* ===================================================== */

.border-blue-500 {
    border-color: var(--hk-green) !important;
}

/* ===================================================== */
/* === BOUTON "VOTE" / "VOTED!" ======================== */
/* ===================================================== */

/* État neutre (non voté) */
button.c-button.c-button--primary {
    background-color: #ffffff !important;
    border: 1px solid #d0d0d0 !important;
    color: #000000 !important;
    border-radius: 8px !important;
    padding: 6px 18px !important;
    font-weight: 500 !important;
}

/* Hover neutre */
button.c-button.c-button--primary:hover {
    border-color: var(--hk-green) !important;
    color: var(--hk-green) !important;
}

/* État voté : quand l’icône pouce est "filled" (fill=currentColor) */
button.c-button.c-button--primary:has(svg[fill="currentColor"]) {
    background-color: var(--hk-green) !important;
    border-color: var(--hk-green) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Hover une fois voté */
button.c-button.c-button--primary:has(svg[fill="currentColor"]):hover {
    opacity: .85 !important;
}

/* Nom de l’auteur en noir */
.comment .author,
.comment .author a {
    color: #000 !important;
}