/* Grille de boutons pour les sous-catégories d'une page catégorie, affichée sous 992px à la place
   du carrousel (subcategory-carousel.css) — voir shop1kdo_render_subcat_button_grid() dans
   functions.php. 2 colonnes fixes ; un nombre impair de sous-catégories laisse naturellement la
   dernière cellule vide (placement automatique de CSS grid), sans règle dédiée à écrire.

   Fichier séparé plutôt qu'ajouté à style.css : voir l'explication équivalente en tête de
   subcategory-carousel.css (versionnage par filemtime() pour éviter le cache navigateur). */
.shop1kdo-subcat-button-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin: 0 0 30px;
}

@media (min-width: 992px) {
    .shop1kdo-subcat-button-grid {
        display: none;
    }
}

.shop1kdo-subcat-button-grid__item {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 14px 18px;
    border-radius: 8px;
    background-color: #C5963E;
    color: #000;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    transition: box-shadow .2s ease, transform .2s ease;
}

.shop1kdo-subcat-button-grid__item:hover,
.shop1kdo-subcat-button-grid__item:focus-visible {
    color: #000;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .2);
    transform: translateY(-1px);
}