/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 26 2026 | 23:29:32 */
/* ==========================================================================
   1. STRUCTURE DE LA GRILLE (PCS & TABLETTES)
   ========================================================================== */
.card-menu .pacha-custom-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); 
    gap: 8px;
    max-width: 950px;
    margin: 0 auto;
    padding: 20px 10px;
}

/* Nettoyage WordPress */
.card-menu .pacha-custom-grid > p { display: contents; }
.card-menu .pacha-custom-grid br { display: none !important; }

/* Conteneur spécial en haut */
.card-menu .pacha-special-row {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 25px;
}

/* ==========================================================================
   2. STYLE DES BOUTONS PAYS (ÉTAT DE BASE)
   ========================================================================== */
.card-menu .pacha-btn {
    display: flex; 
    align-items: center;
    justify-content: center;
    background-color: #ffffff !important; 
    color: #333333 !important; 
    border-radius: 12px; 
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    min-width: 130px; 
    white-space: nowrap; 
    height: 100%; 
    box-sizing: border-box;

    /* Transitions: Longue pour la disparition (2s), rapide pour le transform */
    transition: background-color 2s ease, color 0.5s ease, transform 0.3s ease;
}

/* --- CORRECTION ICI : ÉTAT ACTIVÉ PAR JS (CHARGEMENT & BOUTON BLEU) --- */
/* Uniquement changement de couleur, PAS DE MOUVEMENT */
.card-menu .pacha-btn.is-active {
    background-color: var(--pacha-color) !important;
    color: #ffffff !important;
    transform: none !important; /* <--- FORCE L'IMMOBILITÉ QUAND ACTIVÉ COLLECTIVEMENT */
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* --- SURVOL INDIVIDUEL (HOVER) --- */
/* Couleur rapide ET mouvement d'élévation */
.card-menu .pacha-btn:hover {
    background-color: var(--pacha-color) !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important; /* <--- GARDE LE MOUVEMENT SUR HOVER INDIVIDUEL */
    transition: background-color 0.2s ease, transform 0.2s ease, color 0.2s ease;
}

/* ==========================================================================
   3. ASSIGNATION DES COULEURS (VARIABLES)
   ========================================================================== */
.card-menu .pacha-btn:nth-of-type(1)  { --pacha-color: #E60033; } /* Argentine */
.card-menu .pacha-btn:nth-of-type(2)  { --pacha-color: #00833b; } /* Chili */
.card-menu .pacha-btn:nth-of-type(3)  { --pacha-color: #FF6D00; } /* Mexique */
.card-menu .pacha-btn:nth-of-type(4)  { --pacha-color: #B026FF; } /* Equateur */
.card-menu .pacha-btn:nth-of-type(5)  { --pacha-color: #AEEA00; } /* Bolivie */
.card-menu .pacha-btn:nth-of-type(6)  { --pacha-color: #D500F9; } /* Espagne */ 
.card-menu .pacha-btn:nth-of-type(7)  { --pacha-color: #00BFA5; } /* Pérou */
.card-menu .pacha-btn:nth-of-type(8)  { --pacha-color: #FF4081; } /* Guatemala */
.card-menu .pacha-btn:nth-of-type(9)  { --pacha-color: #0066FF; } /* Costa Rica */
.card-menu .pacha-btn:nth-of-type(10) { --pacha-color: #FFD700; } /* Colombie */
.card-menu .pacha-btn:nth-of-type(11) { --pacha-color: #B026FF; } /* Brésil */
.card-menu .pacha-btn:nth-of-type(12) { --pacha-color: #00C853; } /* amazonie */
.card-menu .pacha-btn:nth-of-type(13) { --pacha-color: #00B8D4; } /* japon */ 
.card-menu .pacha-btn:nth-of-type(14) { --pacha-color: #FF80C0; } /* Cap Vert */
.card-menu .pacha-btn:nth-of-type(15) { --pacha-color: #FF3D00; } /* Népal */

/* ==========================================================================
   4. STYLE DU BOUTON BLEU "NOS PROCHAINS DÉPARTS"
   ========================================================================== */
.card-menu .pacha-btn-red {
    background-color: #0288D1 !important; 
    color: #ffffff !important;
    min-width: 250px;
}
.card-menu .pacha-btn-red:hover { 
    background-color: #FFC107 !important; 
}

/* ==========================================================================
   5. ADAPTABILITÉ RESPONSIVE
   ========================================================================== */
@media (max-width: 900px) { .card-menu .pacha-custom-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) {
    .card-menu .pacha-custom-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .card-menu .pacha-btn { width: 100%; font-size: 14px; }
    .card-menu .pacha-btn:nth-of-type(15) { grid-column: 1 / -1; justify-self: center; width: calc(50% - 5px); }
}