.img-cat-header-mobile {
    display: block;
}

.img-cat-header-desktop {
    display: none;
}


@media (min-width: 786px) {
    .img-cat-header-mobile {
      display: none;
    }

    .img-cat-header-desktop {
      display: block;
    }
  }

  .category-color-code {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #6c757d;
}

.color-indicator {
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.color-value {
    font-family: 'Courier New', monospace;
    font-weight: 500;
    text-transform: uppercase;
}

/* Styles pour les catégories avec couleur thématique */
.category-themed {
    position: relative;
}

.category-themed::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: var(--category-color, #007cba);
    border-radius: 0 2px 2px 0;
}

/* Responsive */
@media (max-width: 768px) {
    .category-custom-fields {
        margin: 10px 0;
        padding: 10px;
    }
    
    .category-mobile-img {
        max-width: 100%;
    }
    
    .category-banner-link {
        width: 100%;
        justify-content: center;
        margin-bottom: 10px;
    }
    
    .category-color-code {
        font-size: 13px;
    }
}