/* =======================================================
   Astra RRDC — palette rouge / noir Rock'N Roll Dance Crew
   ======================================================= */

/* Astra pilote une grande partie de ses couleurs via ces variables
   globales (visibles aussi dans Personnaliser > Couleurs globales).
   Les redéfinir ici propage la couleur à la plupart des éléments
   du thème (boutons, liens, bordures actives, etc.) sans avoir
   à surcharger chaque composant un par un. */
:root {
    --ast-global-color-0: #0d0d0d; /* couleur principale sombre (fonds) */
    --ast-global-color-1: #c8102e; /* rouge du club — accent principal */
    --ast-global-color-2: #1c1c1c; /* fond secondaire */
    --ast-global-color-3: #f2f2f2; /* texte clair sur fond sombre */
    --ast-global-color-4: #ffffff; /* blanc */
}

/* -------------------------------------------------------
   En-tête du site
   ------------------------------------------------------- */
.ast-header-break-point .site-header,
.ast-primary-header-bar,
.main-header-bar {
    background-color: #0d0d0d;
    border-bottom: 2px solid #c8102e;
}
.ast-primary-header-bar .main-navigation ul li a,
.site-title a,
.site-title a:hover {
    color: #f2f2f2 !important;
}
.main-header-menu .menu-item a:hover,
.main-header-menu .current-menu-item > a {
    color: #c8102e !important;
}

/* -------------------------------------------------------
   Boutons — style "contour blanc" du menu principal,
   appliqué à tous les liens-boutons du site
   ------------------------------------------------------- */

/* Sélecteurs couvrant les boutons les plus courants sur le site :
   boutons Astra, boutons Elementor, boutons Gutenberg, liens .button */
.ast-button,
button,
input[type="submit"],
.wp-block-button__link,
.elementor-button,
a.button {
    background-color: transparent;
    border: 2px solid #ffffff;
    border-radius: 4px; /* ajustez si vos boutons de menu ont des coins plus/moins arrondis */
    color: #ffffff !important;
    padding: 10px 22px;
    display: inline-block;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.ast-button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.elementor-button:hover,
a.button:hover,
.ast-button:active,
button:active,
input[type="submit"]:active,
.wp-block-button__link:active,
.elementor-button:active,
a.button:active {
    background-color: #c8102e;
    border-color: #c8102e;
    color: #ffffff !important;
    animation: rrdc-bounce-in 0.6s ease;
}

@keyframes rrdc-bounce-in {
    0%   { transform: scale(1); }
    30%  { transform: scale(1.12); }
    50%  { transform: scale(0.94); }
    70%  { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* -------------------------------------------------------
   Liens de contenu
   ------------------------------------------------------- */
.entry-content a,
.ast-single-post .entry-content a {
    color: #ffffff;
}

/* -------------------------------------------------------
   Pied de page
   ------------------------------------------------------- */
.ast-small-footer,
.site-footer {
    background-color: #0d0d0d;
    color: #ccc;
    border-top: 2px solid #c8102e;
}
.ast-small-footer a {
    color: #f2f2f2;
}
.ast-small-footer a:hover {
    color: #c8102e;
}

/* -------------------------------------------------------
   Titres
   ------------------------------------------------------- */
.entry-title a {
    color: #111;
}
.entry-title a:hover {
    color: #c8102e;
}