/* =============================================================================
   THEME CLUBS & CONCERTS - Styles personnalisés
   ============================================================================= */

/* =============================================================================
   1. BASE & TYPOGRAPHIE
   ============================================================================= */

/* Titres - Équilibrage du texte */
h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
}

/* Titre SEO - Badge small */
.h1seo {
    font-size: var(--wp--preset--font-size--small);
    padding: .5rem 1rem;
    background-color: var(--wp--preset--color--neutral-100);
    display: inline-block;
    line-height: 1rem;
    font-family: var(--wp--preset--font-family--brother);
    font-style: normal;
    font-weight: 400;
}

/* Titre Hoefler - Style italique uppercase */
.titreHoefler {
    text-transform: uppercase;
    font-style: italic !important;
    font-weight: 400;
}

/* Titre Brother - Style bold uppercase */
.titreBrother {
    text-transform: uppercase;
    font-weight: 900;
    font-family: var(--wp--preset--font-family--brother) !important;
    font-style: normal !important;
}

/* Accroche - Mise en avant */
.accroche {
    font-family: var(--wp--preset--font-family--brother);
    text-transform: unset;
    font-weight: 900;
    font-size: var(--wp--preset--font-size--medium);
}

/* Paragraphes - Équilibrage du texte */
p {
    text-wrap: balance;
}

/* Taxonomie catégories - Articles */
.taxonomy-category a {
    text-transform: uppercase;
    font-family: var(--wp--preset--font-family--brother);
    font-size: var(--wp--preset--font-size--small);
    text-decoration: unset;
}

.taxonomy-category a:hover {
    text-decoration: underline;
}

/* =============================================================================
   2. LAYOUT
   ============================================================================= */

/* Container global - Background gradient rouge */
.global-container {
    padding: var(--wp--preset--spacing--60);
    background-repeat: no-repeat;
    background-color: #4D0000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23CD494D'/%3E%3Cstop offset='1' stop-color='%234D0000'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23FFA900' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FFA900' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.5'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

@media (max-width: 1000px) {
    .global-container {
        padding: var(--wp--preset--spacing--40);
    }
}

/* Layout colonnes homepage - Content 70% / Sidebar 30% */
.wp-block-columns .wp-block-column.content-home {
    flex-basis: 70% !important;
}

.wp-block-columns .wp-block-column.sidebar-home {
    flex-basis: 30% !important;
}

.dnone {
display: none;
}

/* Mobile : passage en colonne unique */
@media (max-width: 1000px) {
    .wp-block-columns:has(.content-home) {
        flex-direction: column;
    }
    
    .content-home {
        flex-basis: 100% !important;
        min-width: unset;
        order: 1;
    }
    
    .sidebar-home {
        flex-basis: 100% !important;
        min-width: unset;
        order: 2;
    }
}

/* =============================================================================
   3. COMPOSANTS
   ============================================================================= */

/* Boutons outline - Inversion au hover */
.wp-block-button.is-style-outline .wp-block-button__link {
    transition: all 0.3s ease;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--base) !important;
    color: var(--wp--preset--color--contrast) !important;
    border-color: var(--wp--preset--color--base) !important;
}

.wp-block-button {
    cursor: pointer;
}

/* Bouton "Vous êtes annonceur ?" */
.advertiser-cta {
    border-radius: 4px;
}

.advertiser-cta .wp-block-button__link {
    background: var(--wp--preset--color--primary);
}

.advertiser-cta .wp-block-button__link:hover {
    background: var(--wp--preset--color--secondary);
}

/* Effets biais - Clip-path sur les blocs */

/* Biais HAUT GAUCHE uniquement */
.biais-top-left {
    clip-path: polygon(0 30px, 100% 0, 100% 100%, 0 100%);
}

/* Biais HAUT DROIT uniquement */
.biais-top-right {
    clip-path: polygon(0 0, 100% 30px, 100% 100%, 0 100%);
}

/* Biais BAS GAUCHE uniquement */
.biais-bottom-left {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 30px));
}

/* Biais BAS DROIT uniquement */
.biais-bottom-right {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), 0 100%);
}

/* Effet oblique - Masquage espaces blancs SVG */
.oblique {
    line-height: 0;
}

/* =============================================================================
   4. STACHETHEMES EVENT CALENDAR
   ============================================================================= */

/* Typographie globale STEC */
.wp-block-stec-stachethemes-ec p, 
.wp-block-stec-stachethemes-ec li, 
.stec-event-submission-form p, 
.stec-event-submission-form li {
    font-family: var(--wp--preset--font-family--brother);
}

/* Aperçu d'un événement */
.stec-layout-event-preview p {
    font-family: var(--wp--preset--font-family--brother) !important;
    color: var(--wp--preset--color--base) !important;
}

/* Page événement - Titre */
.stec-layout-event-inner .stec-layout-event-inner-intro-title {
    font-family: var(--wp--preset--font-family--hoefler) !important;
    text-transform: uppercase;
    font-style: italic !important;
    font-weight: 400;
    color: var(--wp--preset--color--base) !important;
    text-wrap: balance;
}

/* Page événement - Contenu texte */
.stec-layout-event-inner p, 
.stec-layout-event-inner li {
    font-family: var(--wp--preset--font-family--brother) !important;
    color: var(--wp--preset--color--base) !important;
}

.stec-layout-event-inner h2 {
    font-size: var(--wp--preset--font-size--medium);
    margin: var(--wp--preset--spacing--40) 0;
}

/* Formulaire de soumission */
.stec-event-submission-form {
    padding: 0 !important;
}

/* Colonnes STEC - Espacement vertical */
.stec-column {
    gap: 25px;
    display: flex;
    flex-direction: column;
}

/* =============================================================================
   5. WP ADCENTER - GESTION PUBLICITÉS
   ============================================================================= */

/* Caption publicités - Style discret */
.wpadcenter-caption {
    text-transform: uppercase;
    color: #aaa;
    font-family: var(--wp--preset--font-family--brother);
    font-size: var(--wp--preset--font-size--small);
}

/* Desktop : Pub dans sidebar uniquement */
.pub-header {
    display: none;
}

.pub-sidebar {
    display: block;
}

.pub-header > div:nth-child(2) {
    margin-top: 0px;
}

.pub-header .wpadcenter-adgroup__row {
    justify-content: center;
}

/* Mobile : Pub en header uniquement */
@media (max-width: 1000px) {
    .pub-header {
        display: block;
    }
    
    .pub-sidebar {
        display: none;
    }
}

/* =============================================================================
   6. FIXES WORDPRESS
   ============================================================================= */

/* Header SVG - Pleine largeur */
.headerBottom svg {
    width: 100%;
}