/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Inserire un separatore tra due campi field */
.autor-item:not(:last-child)::after {
    content: " ● ";
    margin-right: 3px;
    font-size: 1em; /* Opzionale: rende il pallino leggermente più piccolo */
    color: currentColor; /* Prende il colore del testo */
}

/*---------------------------------------------------*/
/* Stile specifico per i link degli autori nella Card */
.autor-item-link {
    text-decoration: none !important;
    font-weight: 700 !important; /* Grassetto */
    color: #0079d6 !important; /* Blu Oltrecomics */
}

/* Hover individuale: cambia colore solo alla singola voce */
.autor-item-link:hover {
    color: #47a7f5 !important; /* Blu più scuro */
}

/* Gestione del pallino: lo "proteggiamo" dal blu e dal grassetto */
.autor-item-link:not(:last-child)::after {
    content: "●";
    margin: 0px 4px;
    color: #6f798f !important; /* Forza il grigio */
    font-weight: 400 !important; /* Forza il peso normale */
    font-size: 1em;
    text-decoration: none !important;
    display: inline-block;
    pointer-events: none; /* Il pallino non deve essere cliccabile */
}

/*-------------------------------------------------------------------*/
/* Riquadro opere principali con bordi personalizzati - Oltrecomics */
.riquadro-opere {
    border-style: solid;
    /* Ordine: Top, Right, Bottom, Left */
    border-width: 20px 5px 20px 5px; 
    border-color: #993300; /* Inserisci qui il tuo rosso o il colore scelto */
    border-radius: 15px; /* Arrotondamento angoli */
    /* Spazio Interno (Padding): Sopra/Sotto 25, Destra/Sinistra 10 */
    padding: 15px 15px;
    background-color: #ffffff;
    margin-top: 15px;
}

/*--------------------------------------------------------------------*/
/* Filtri attivi se STATO VUOTO: Nascondiamo il riquadro ma lo teniamo "tecnicamente" attivo per l'AJAX.
Inseriamo la classe "wrapper-filtri-attivi" ove occorre */
.wrapper-filtri-attivi:not(:has(.brxe-filter-active-filters li)) {
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    pointer-events: none;
}

/*--------------------------------------------------------------------*/
/* --- STILE BADGE EVENTI OLTRECOMICS --- */

/* Base del badge: rettangolare smussato */
span.oc-badge {
    padding: 0px 10px 0px 10px !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
    display: inline-block !important;
}

/* Stato: IN CORSO (Verde) */
span.oc-badge.corso, 
span.oc-badge.aperto {
    background-color: #2F9915 !important;
    color: #FFFE9E !important;
}

/* Stato: IN ARRIVO (Blu) */
span.oc-badge.arrivo {
    background-color: #268BED !important;
    color: #E8F6FF !important;
}

/* Stato: CONCLUSO (Grigio) */
span.oc-badge.concluso {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

/* Stati di Errore o Stop: ANNULLATO / SOLD OUT (Rosso) */
span.oc-badge.annullato, 
span.oc-badge.soldout, 
span.oc-badge.scadenza {
    background-color: #E0351D !important;
    color: #FFF7F7 !important;
}

/* Stato: RIMANDATO (Arancione) */
span.oc-badge.rimandato {
    background-color: #FFDE4A !important;
    color: #9a3412 !important;
}

/*--------------------------------------------------------------------*/
/* --- CORREZIONE FILTRI RADIO VERTICALI (STRUTTURA UL/LI) --- */
/* Forza il contenitore UL a stare in colonna */
.filter-verticale.brxe-filter-radio {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
}

/* Forza ogni elemento LI a occupare tutta la riga */
.filter-verticale.brxe-filter-radio li {
    width: 100% !important;
    margin: 0 !important;
    display: block !important;
}

/* Forza l'etichetta e il bottone a essere larghi al 100% */
.filter-verticale.brxe-filter-radio label,
.filter-verticale.brxe-filter-radio .brx-option-text {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    margin: 0 !important;
}