/**
Theme Name: Loire Square Dance
Author: Magic Beurt
Author URI: https://loire-square-dance.pages-perso.free.fr
Description: Child theme ASTRA pour Loire Square Dance
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: loire-square-dance
Template: astra
*/


/* réduction de l'espacement haut */
#content.site-content {
    padding-top: 0px !important; /* Réduit l'espace global du haut */
}
.ast-article-single .entry-header {
    margin-top: -50px; /* Remonte spécifiquement le bloc titre */
}


/* Style de base pour tous les h1 */
h1 {
    position: relative;
    display: inline-block; 
    text-transform: uppercase;
    z-index: 1;
    padding: 10px 30px;
    margin: 30px 0;
      
}

/* Création du rectangle en arrière-plan */
h1::before {
    content: "";
    position: absolute;
    top: 0;
    /* On réduit la largeur ici (plus la valeur est grande, plus le rectangle est étroit) */
    left: 15%; 
    right: 15%;
    bottom: 0;
    background-color: #dc7aa2;
    z-index: -1; 
    transform-origin: center;
}

/* Rotation de 3° à droite pour les h1 pairs */
h1:nth-of-type(even)::before {
    transform: rotate(-3deg); 
}

/* Rotation de 3° à gauche pour les h1 impairs */
h1:nth-of-type(odd)::before {
    transform: rotate(3deg);
}



/* Style de base pour tous les h2 */
h2 {
    position: relative;
    display: inline-block; 
    text-transform: uppercase;
    z-index: 1;
    padding: 10px 30px;
    margin: 30px 0;

}

/* Création du rectangle en arrière-plan */
h2::before {
    content: "";
    position: absolute;
    top: 0;
    /* On réduit la largeur ici (plus la valeur est grande, plus le rectangle est étroit) */
    left: 15%; 
    right: 15%;
    bottom: 0;
    background-color: #6491a6;
    z-index: -1; 
    transform-origin: center;
}

/* Rotation de 3° à droite pour les h2 pairs */
h2:nth-of-type(even)::before {
    transform: rotate(3deg); 
}

/* Rotation de 3° à gauche pour les h2 impairs */
h2:nth-of-type(odd)::before {
    transform: rotate(-3deg);
}

/* Style de base pour tous les h3 */
h3 {
    position: relative;
    display: inline-block; 
    text-transform: uppercase;
    z-index: 1;
    padding: 10px 30px;
    margin: 30px 0;
}

/* Création du rectangle en arrière-plan */
h3::before {
    content: "";
    position: absolute;
    top: 0;
    /* On réduit la largeur ici (plus la valeur est grande, plus le rectangle est étroit) */
    left: 15%; 
    right: 15%;
    bottom: 0;
    background-color: #f7d21f;
    z-index: -1; 
    transform-origin: center;
}

/* Rotation de 3° à droite pour les h2 pairs */
h3:nth-of-type(even)::before {
    transform: rotate(3deg); 
}

/* Rotation de 3° à gauche pour les h2 impairs */
h3:nth-of-type(odd)::before {
    transform: rotate(-3deg);
}

/* Justifier le texte */

p {text-align: justify;}

/* Menu de droite */

.sidebar-main {
    background-color: #fdf7dd;   
    border-radius: 5px;  
    padding: 20px;
}

.sidebar-main, 
.sidebar-main .widget, 
.sidebar-main .wp-block-latest-posts__post-excerpt {
    color: #000000; /* Texte en blanc pour mieux ressortir */
}

.sidebar-main a {
   text-transform: uppercase;
   font-weight:900:
}

.wp-block-latest-posts__list > li { 
  border-bottom:1px solid;

 }
.wp-block-latest-posts__list > li > a { 
  font-weight: 900;
 }

/* extrais cliquales */
/* 1. On définit le conteneur comme référence de position */
.wp-block-latest-posts__list li {
    position: relative;
    transition: background 0.3s ease;
}

/* 2. Effet de survol pour indiquer que c'est cliquable */
.wp-block-latest-posts__list li:hover {
    background-color: rgba(255, 255, 255, 0.1); /* Léger éclaircissement au survol */
}

/* 3. On étire le lien du titre sur tout le bloc li */
.wp-block-latest-posts__post-title::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2; /* Place le lien au-dessus de l'extrait */
}

/* 4. On s'assure que le texte de l'extrait reste lisible dessous */
.wp-block-latest-posts__post-excerpt {
    position: relative;
    z-index: 1;
}
aside h2 {margin:0;}

/* ===========================================
   PERSONNALISATION COOKIEBOT (ROSE #dc7aa2) 
   =========================================== */

/* 1. COULEUR DE TEXTE, LIENS ET ONGLETS (Rose) */
.CybotCookiebotDialogContentWrapper a, 
#CybotCookiebotDialogBodyEdgeMoreDetailsLink,
#CybotCookiebotDialogNavList .CybotCookiebotDialogActive,
.CybotCookiebotDialogBodyLevelButtonLabel:hover .CybotCookiebotDialogBodyLevelButtonDescription,
#CybotCookiebotDialogDetailFooter a,
.CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
a.CybotCookiebotDialogDetailBodyContentCookieProvider,
a.CybotCookiebotDialogDetailBodyContentCookieLink {
  color: #dc7aa2 !important;
}

/* 2. ÉLÉMENTS GRAPHIQUES ET ICONES (Remplissage SVG) */
#CybotCookiebotDialogPoweredbyCybot svg path,
#CybotCookiebotDialogGpcIcon svg path {
  fill: #dc7aa2 !important;
}

#CybotCookiebotDialogNavList .CybotCookiebotDialogActive {
  border-bottom-color: #dc7aa2 !important;
}

/* 3. INTERRUPTEURS (Sliders cochés) - CORRECTION APPLIQUÉE */
/* Ciblage global des sliders activés */
.CybotCookiebotDialogContentWrapper input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #dc7aa2 !important;
}

/* Ciblage des sliders en focus pour l'accessibilité */
#CybotCookiebotDialogBodyFieldsetInnerContainer input:focus + .CybotCookiebotDialogBodyLevelButtonSlider {
  box-shadow: 0 0 1px #dc7aa2 !important;
}

/* 4. BADGES NUMÉRIQUES (Compteurs de cookies) */
.CybotCookiebotDialogDetailBulkConsentCount {
  background-color: #dc7aa2 !important;
  color: #ffffff !important;
}

/* 5. BOUTON PRINCIPAL (Tout autoriser) */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: #dc7aa2 !important;
  border-color: #dc7aa2 !important;
  color: #ffffff !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover {
  background-color: #c9658d !important;
  border-color: #c9658d !important;
}

/* 6. BOUTONS SECONDAIRES (Refuser, Sélection, Personnaliser) */
#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyLevelButtonCustomize {
  background-color: transparent !important;
  border: 2px solid #dc7aa2 !important;
  color: #dc7aa2 !important;
}
#CybotCookiebotDialogBodyButtonDecline:hover,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover,
#CybotCookiebotDialogBodyLevelButtonCustomize:hover {
  background-color: #dc7aa2 !important;
  color: #ffffff !important;
}

/* 7. EFFETS AU SURVOL SECONDAIRES (Rose plus sombre) */
#CybotCookiebotDialogDetailFooter a:hover,
a.CybotCookiebotDialogDetailBodyContentCookieLink:hover,
a.CybotCookiebotDialogDetailBodyContentCookieProvider:hover {
  color: #c9658d !important;
}

/* ==========================================================================
   WIDGET DE PARAMÈTRES (MINI-PANNEAU FLOTTANT)
   ========================================================================== */

/* 1. Bouton d'action principal : "Modifiez consentement" */
#CookiebotWidget-btn-change {
  background-color: #dc7aa2 !important;
  border-color: #dc7aa2 !important;
  color: #ffffff !important;
}
#CookiebotWidget-btn-change:hover {
  background-color: #c9658d !important;
  border-color: #c9658d !important;
}

/* 2. Bouton secondaire : "Afficher les détails" */
.CookiebotWidget-show-consent-details {
  color: #dc7aa2 !important;
}
.CookiebotWidget-show-consent-details:hover {
  color: #c9658d !important;
}

/* 3. Flèche et icônes SVG génériques (Fermeture, flèche accordéon) */
.CookiebotWidget-show-consent-details svg,
.CookiebotWidget-close:hover svg {
  fill: #dc7aa2 !important;
}

/* 4. Logo principal Cookiebot en bas du widget */
.CookiebotWidget-main-logo svg path {
  fill: #dc7aa2 !important;
}

/* 5. Icônes d'état (Cadenas, croix...) devant "Nécessaires", "Marketing"... */
.Cookiebotwidget-consent-icon svg {
  fill: #dc7aa2 !important;
  stroke: #dc7aa2 !important;
}