/* PANGASPORT Custom Styles - Couleurs Noir et Blanc */

/* Logo Header - Taille réduite */
.navigation .logo {
    max-height: 50px !important;
    width: auto !important;
}

/* Footer Logo */
.img-footer {
    max-height: 60px !important;
    width: auto !important;
}

/* Couleurs PANGASPORT - Noir et Blanc */
.bg-dark, .btn-dark {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.text-dark {
    color: #000000 !important;
}

.theme-cl {
    color: #000000 !important;
}

/* Boutons et liens - seulement dans le contenu principal */
.page-content a:hover,
.nav-menu a:hover {
    color: #000000 !important;
}

/* Navigation active */
.nav-menu > li > a:hover,
.nav-menu > li.active > a {
    color: #000000 !important;
}

/* Header light mode avec texte noir */
.header-light .nav-menu > li > a {
    color: #000000 !important;
}

/* Footer dark avec fond noir */
.dark-footer {
    background-color: #000000 !important;
}

/* Badges et tags */
.badge.bg-sale,
.badge.bg-hot,
.badge.bg-new {
    background-color: #000000 !important;
}

/* Prix et éléments importants */
.ft-bold {
    color: #000000;
}

/* Bordures */
.border {
    border-color: #e5e5e5 !important;
}

/* Background blanc pour les cartes */
.card {
    background-color: #ffffff;
}

/* Hover sur les produits */
.product-hover-overlay {
    background-color: #000000 !important;
}

/* Footer links - rester blanc au hover */
.dark-footer a {
    color: #ffffff !important;
}

.dark-footer a:hover {
    color: #cccccc !important;
    text-decoration: none;
}

/* Product overlay links - garder blanc */
.product-hover-overlay a,
.product-hover-overlay a:hover {
    color: #ffffff !important;
}

/* Boutons sur overlay produits */
.edlio a,
.edlio a:hover,
.quick-view-btn,
.quick-view-btn:hover {
    color: #ffffff !important;
}

/* Boutons avec fond noir - texte blanc */
.bg-dark a,
.bg-dark a:hover,
.btn-dark,
.btn-dark:hover {
    color: #ffffff !important;
}

/* Text links blancs sur fond noir */
.text-light a,
.text-white a {
    color: #ffffff !important;
}

.text-light a:hover,
.text-white a:hover {
    color: #f0f0f0 !important;
}

/* Hover sur cartes produits */
.product_grid:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Breadcrumb links */
.breadcrumb-item a {
    color: #666 !important;
}

.breadcrumb-item a:hover {
    color: #000 !important;
}

/* Badges de paiement - garder couleurs originales */
.badge.bg-warning,
.badge.bg-warning:hover {
    background-color: #ffc107 !important;
    color: #000000 !important;
}

/* Moov Money badge couleur */
.badge[style*="00A4E4"] {
    background-color: #00A4E4 !important;
    color: #ffffff !important;
}

/* Form check labels - pas de changement de couleur au hover */
.form-check-label,
.form-check-label:hover {
    color: inherit !important;
}

/* Responsive logo mobile */
@media (max-width: 991px) {
    .navigation .logo {
        max-height: 40px !important;
    }
}