/* MEG - Pagina prodotto
 * Caricato dall'override templates/rt_supra/html/com_content/article/default.php
 * Struttura (griglia Gantry):
 *   .prodotti-contenuto.g-grid
 *     .prodotti-gallery.g-block.size-70        slider (.meg-gallery-prodotto) + .meg-prodotto-info
 *       .meg-prodotto-info.g-grid
 *         .meg-prodotto-schede.g-block.size-50       schede prodotto (Dropfiles, .meg-scheda)
 *         .meg-prodotto-stagionature.g-block.size-50 stagionature disponibili
 *     .prodotti-contenuto-formati.g-block.size-30  formati disponibili (Tabs & Accordions)
 */

/* ---------- colonna 70: righe sotto lo slider ---------- */
/* (.g-grid di Gantry azzera il margine: serve un selettore piu specifico) */
.prodotti-gallery .g-grid.meg-prodotto-info {
    margin-top: 3rem;   /* respiro tra slider e schede/stagionature */
}

.meg-prodotto-info .box-formati h3 {
    margin-top: 0;
    margin-bottom: 1rem;
}

.meg-prodotto-schede .box-formati-valori {
    display: flex;
    flex-wrap: wrap;
    gap: 0 12px;
}

/* ---------- colonna 30: formati disponibili (Tabs & Accordions) ---------- */

/* primo elemento "vuoto" usato per avere tutte le voci chiuse all'apertura */
.prodotti-contenuto-formati [data-rlta-element].hideslide {
    display: none !important;
}

/* voce: niente riquadro, solo la riga blu sotto */
.prodotti-contenuto-formati [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
    background: none;
    border: 0;
    border-bottom: 1px solid #00579e;
    border-radius: 0;
    margin: 0;
    padding: 0.8rem 0.75rem;
}

/* niente simbolo "+" a destra */
.prodotti-contenuto-formati [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"]::after {
    display: none;
}

.prodotti-contenuto-formati [data-rlta-element="heading"] {
    margin: 0;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.4;
    color: #585858;
}

.prodotti-contenuto-formati [data-rlta-element="heading"] strong {
    font-weight: 400;
    color: #585858;
}

/* icona del formato (nello snippet ha height:50px inline) */
.prodotti-contenuto-formati [data-rlta-element="heading"] img {
    height: 34px !important;
    width: auto !important;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
}

/* contenuto aperto */
.prodotti-contenuto-formati [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="panel"] {
    border: 0;
    border-bottom: 1px solid #00579e;
    border-radius: 0;
    margin: 0;
}

.prodotti-contenuto-formati [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="panel"] > [data-rlta-element="panel-content"] {
    padding: 0.75rem;
    font-size: 0.85rem;
}

.prodotti-contenuto-formati .imm-pezzature img {
    max-width: 90px;
    margin-right: 12px;
}

/* apertura/chiusura animata (custom/js/meg-prodotto.js):
   durante l'animazione di chiusura il pannello resta visibile anche se il plugin lo ha gia segnato "closed" */
.prodotti-contenuto-formati [data-rlta-element="panel"].meg-closing {
    display: block !important;
    visibility: visible !important;
    overflow: hidden;
}