/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */


body {
    background-color: #121316 !important;
    color: #e0e0e0 !important;
}
.navbar, .header, .footer {
    background-color: #121316 !important;
}
a, .btn {
    color: #ffffff !important;
}

/* Style pour les boutons du menu top-nav */
ul.top-nav > li.primary-action > a.btn {
    background-image: linear-gradient(143deg, #ff543e 0%, #ff0065 100%) !important;
    color: #ffffff !important;
    padding: 0.8rem 1.5rem !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out !important;
    display: inline-block !important;
}

/* Effet hover */
ul.top-nav > li.primary-action > a.btn:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}