/**
 * Styles pour forcer l'application des couleurs de bordure aux cartes de produit
 * Ces règles utilisent !important pour s'assurer qu'elles ne sont pas écrasées
 */

/* Règle générale pour toutes les cartes de produit */
.product-card {
    border-width: 1px !important;
    border-style: solid !important;
}

/* Règle pour la section d'information du produit */
.product-card .product-info {
    border-top: none !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Règles spécifiques pour surcharger les styles existants */
.products-grid .product-card {
    border-width: 1px !important;
    border-style: solid !important;
}

.single-product .product-card,
.two-products-grid .product-card,
.three-products-grid .product-card {
    border-width: 1px !important;
    border-style: solid !important;
}

/* Styles pour les cartes en mode grille */
.products-grid .product-card {
    border-width: 1px !important;
    border-style: solid !important;
}

/* Styles pour les cartes en mode catalogue */
.catalogue-container .product-card {
    border-width: 1px !important;
    border-style: solid !important;
}

/* Surcharger les bordures et couleurs de fond pour les catégories spécifiques */
.category-materiel-pedagogique .product-card {
    border-color: #37A069 !important;
}

.category-materiel-pedagogique .product-card .product-info {
    background-color: rgba(55, 160, 105, 0.08) !important;
}

.category-fournitures-scolaires .product-card {
    border-color: #6B59A1 !important;
}

.category-fournitures-scolaires .product-card .product-info {
    background-color: rgba(107, 89, 161, 0.08) !important;
}

.category-bricolage-loisirs .product-card {
    border-color: #E53D3E !important;
}

.category-bricolage-loisirs .product-card .product-info {
    background-color: rgba(229, 61, 62, 0.08) !important;
}

.category-mathematiques .product-card {
    border-color: #2C5282 !important;
}

.category-mathematiques .product-card .product-info {
    background-color: rgba(44, 82, 130, 0.08) !important;
}

.category-francais .product-card {
    border-color: #E53E3E !important;
}

.category-francais .product-card .product-info {
    background-color: rgba(229, 62, 62, 0.08) !important;
}

.category-sciences .product-card {
    border-color: #38B2AC !important;
}

.category-sciences .product-card .product-info {
    background-color: rgba(56, 178, 172, 0.08) !important;
}

.category-histoire-geo .product-card {
    border-color: #DD6B20 !important;
}

.category-histoire-geo .product-card .product-info {
    background-color: rgba(221, 107, 32, 0.08) !important;
}

.category-arts .product-card {
    border-color: #805AD5 !important;
}

.category-arts .product-card .product-info {
    background-color: rgba(128, 90, 213, 0.08) !important;
}

.category-langues .product-card {
    border-color: #3182CE !important;
}

.category-langues .product-card .product-info {
    background-color: rgba(49, 130, 206, 0.08) !important;
}

.category-sport .product-card {
    border-color: #E53E3E !important;
}

.category-sport .product-card .product-info {
    background-color: rgba(229, 62, 62, 0.08) !important;
}

.category-psychomotricite .product-card {
    border-color: #E83E8C !important;
}

.category-psychomotricite .product-card .product-info {
    background-color: rgba(232, 62, 140, 0.08) !important;
}

.category-psychomotricite-et-sport .product-card {
    border-color: #E83E8C !important;
}

.category-psychomotricite-et-sport .product-card .product-info {
    background-color: rgba(232, 62, 140, 0.08) !important;
}

/* Classe générique pour appliquer une couleur personnalisée */
.border-color-applied {
    border-color: inherit !important;
}

/* Amélioration de l'affichage des images */
.product-image-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: white !important;
    overflow: hidden !important;
    padding: 10px !important;
    height: 200px !important;
}

.product-image {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    margin: auto !important;
}

/* Correction pour les images qui utilisent une balise img au lieu de background-image */
.product-image-container img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    margin: auto !important;
}