/* ============================================================
   VARIABLES KOCOON
   ============================================================ */
:root {
    /* Identité globale */
    --kocoon-rose:        #C4607A;
    --kocoon-rose-clair:  #F7E8EC;
    --kocoon-beige:       #EDE0D4;
    --kocoon-dark:        #2C2C2C;
    --kocoon-light:       #FBF7F4;
    --kocoon-vert:        #3B6D11;
    --kocoon-orange:      #D4845A;

    /* Palette formulaires & charte e-commerce */
    --k-beige:            #FAF8F4;
    --k-beige-2:          #F5F2EC;
    --k-border:           #D4CFC4;
    --k-border-light:     #EDE8DF;
    --k-noir:             #1A1A1A;
    --k-ocre:             #C9A96E;
    --k-gris:             #7A7468;
    --k-gris-clair:       #A09A90;
    --k-vert:             #3B6D11;
    --k-hero-bg:          #B2CBB6;

    /* Couleur active de l'événement (défaut = rose identitaire) */
    --event-color:        #C4607A;
    --event-color-light:  #F7E8EC;

    /* Palette par catégorie */
    --color-atelier-adulte:          #C4607A;
    --color-atelier-adulte-light:    #F7E8EC;

    --color-atelier-enfant:          #E07B5A;
    --color-atelier-enfant-light:    #FDEEE8;

    --color-atelier-famille:         #C4607A;
    --color-atelier-famille-light:   #F7E8EC;

    --color-anniversaire:            #D4845A;
    --color-anniversaire-light:      #FAEAE0;

    --color-privatisation:           #9B7EC8;
    --color-privatisation-light:     #EDE8F7;

    --color-animation:               #5B9EC9;
    --color-animation-light:         #E4F1F8;

    --color-bienetre:                #5BA08A;
    --color-bienetre-light:          #E4F2EE;
}

/* ============================================================
   COULEUR DYNAMIQUE PAR TYPE D'ÉVÉNEMENT
   (injecte --event-color sur le body selon la classe)
   ============================================================ */
body.event-atelier-adulte  { --event-color: var(--color-atelier-adulte);  --event-color-light: var(--color-atelier-adulte-light); }
body.event-atelier-enfant  { --event-color: var(--color-atelier-enfant);  --event-color-light: var(--color-atelier-enfant-light); }
body.event-atelier-famille { --event-color: var(--color-atelier-famille); --event-color-light: var(--color-atelier-famille-light); }
body.event-anniversaire    { --event-color: var(--color-anniversaire);    --event-color-light: var(--color-anniversaire-light); }
body.event-privatisation   { --event-color: var(--color-privatisation);   --event-color-light: var(--color-privatisation-light); }
body.event-animation       { --event-color: var(--color-animation);       --event-color-light: var(--color-animation-light); }
body.event-bienetre        { --event-color: var(--color-bienetre);        --event-color-light: var(--color-bienetre-light); }

/* ============================================================
   BOUTONS KOCOON — surcharge globale
   ============================================================ */
.tribe-events .tribe-tickets__buy,
.tribe-tickets .tribe-tickets__buy,
.woocommerce .button.alt,
.woocommerce button.button.alt {
    background-color: var(--kocoon-rose) !important;
    border-color:     var(--kocoon-rose) !important;
    color: #fff !important;
    border-radius: 4px;
    transition: opacity 0.2s;
}
.tribe-events .tribe-tickets__buy:hover,
.woocommerce .button.alt:hover {
    opacity: 0.85;
}

/* ============================================================
   BARRE DE PLACES RESTANTES
   ============================================================ */
.kocoon-places-bar {
    margin: 12px 0;
    font-size: 0.9em;
    font-weight: 600;
}
.kocoon-places-bar .kocoon-bar-wrap {
    background: #e0e0e0;
    border-radius: 20px;
    height: 8px;
    margin-top: 6px;
    overflow: hidden;
}
.kocoon-places-bar .kocoon-bar-fill {
    height: 100%;
    border-radius: 20px;
    transition: width 0.4s;
}
.kocoon-places-bar.disponible  .kocoon-bar-fill { background: var(--kocoon-vert); }
.kocoon-places-bar.attention   .kocoon-bar-fill { background: var(--kocoon-orange); }
.kocoon-places-bar.complet     .kocoon-bar-fill { background: #e74c3c; }

/* ============================================================
   DESIGN PAR TYPE D'ÉVÉNEMENT
   Tout repose sur --event-color défini par les body classes ci-dessus
   ============================================================ */

/* Bordure et couleur du scheduling TEC */
body[class*="event-"] .tribe-events-single-section {
    border-top: 4px solid var(--event-color);
}
body[class*="event-"] .tribe-events-schedule {
    color: var(--event-color);
}

/* Bouton d'achat TEC / WooCommerce colorisé par catégorie */
body[class*="event-"] .tribe-tickets__buy,
body[class*="event-"] .woocommerce .button.alt,
body[class*="event-"] .woocommerce button.button.alt {
    background-color: var(--event-color) !important;
    border-color:     var(--event-color) !important;
}