/* Dr.Runaway - nuovo stile (2026-11-06), caricato DOPO /style.css dal template stile/main_nuovo.html.
   Stessi colori e stessi pezzi del sito; cambia la disposizione: niente piu' coordinate fisse, la pagina
   si centra e si allarga con lo schermo (fino a 1400 px) e i pezzi stanno uno sotto l'altro.
   Se cambi questo file incrementa DRR_VER in stile/nuovo_stile.php. */

#container.drr-nuovo { background: #e9ebee; }

/* pagina centrata e larga quanto lo schermo, fino a 1400 px */
.drr-nuovo .wrapper { width: auto; max-width: 1400px; margin: 0 auto; box-shadow: 0 0 0 1px #d5d9df, 0 6px 28px rgba(0,0,0,.08); }

/* logo: il bordo destro dell'immagine e' azzurro uniforme (#d5eaff), la fascia continua con lo stesso colore */
.drr-nuovo #header { position: static; height: auto; background: #d5eaff; line-height: 0; }
.drr-nuovo #header img { display: block; max-width: 100%; height: auto; }

/* fascia scura: menu blu + ACCORDI / TESTI / TABLATURES, poi lettere A-Z e ricerca */
.drr-nuovo .drr-menu, .drr-nuovo .drr-alfa { background: #363636; display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; padding: 0 10px 0 0; }
.drr-nuovo .tabhead2 { position: static; width: 700px; max-width: 100%; }
.drr-nuovo:has(#admpanel, #admoff) .tabhead2 { margin-right: 130px; }   /* spazio per il tasto Admin (solo amministratore) */
.drr-nuovo .acteta { position: static; margin-left: auto; transform: none !important; }   /* lo script admin lo spostava a coordinate fisse: qui non serve */
.drr-nuovo .drr-alfa { padding: 6px 10px 8px 0; justify-content: space-between; }
.drr-nuovo .menualpha1 { position: static; width: auto; height: auto; background: none; flex: 1 1 600px; }
.drr-nuovo .menualpha1 > div { padding: 0 0 0 5px !important; display: flex; flex-wrap: wrap; align-items: center; gap: 0 2px; }
.drr-nuovo .menualpha1 > div > div { margin-top: 0 !important; }
.drr-nuovo .search_box { position: static; display: flex; }
.drr-nuovo .search_box form { display: flex; gap: 6px; margin: 0; }
.drr-nuovo .search_input { width: 230px; height: 28px; padding: 0 8px; font-size: 14px; border-radius: 4px; }
.drr-nuovo .search_but { width: auto; height: 28px; padding: 0 12px; font-size: 14px; border-radius: 4px; cursor: pointer; }

/* annunci in alto: ora nel flusso della pagina (prima, se l'annuncio era alto, copriva la prima riga di artisti) */
.drr-nuovo .menu-left { position: static; width: 100%; margin: 0; border-left: 0; border-right: 0; }
.drr-nuovo .menu-left:not(:has(ins)) { display: none; }

/* colonne: foto e liste a sinistra, contenuto al centro, annuncio verticale a destra */
.drr-nuovo .drr-colonne { display: grid; grid-template-columns: 162px minmax(0, 1fr) 220px; grid-template-areas: "sx corpo dx";
  gap: 14px; padding: 12px 10px 24px 8px; align-items: start; }
.drr-nuovo .drr-colonne:not(:has(#photo)) { grid-template-columns: minmax(0, 1fr) 220px; grid-template-areas: "corpo dx"; }
.drr-nuovo #photo { grid-area: sx; position: static; width: 160px; }
.drr-nuovo #corpotxt { grid-area: corpo; position: static; padding: 0; min-width: 0; }
.drr-nuovo .bodybcg-ads1 { grid-area: dx; position: sticky; top: 8px; right: auto; width: auto; z-index: auto; min-height: 0; }
.drr-nuovo .bodybcg-ads1:not(:has(ins)) { visibility: hidden; }
.drr-nuovo .bodybcg-ads1 > div { margin-left: 0 !important; width: auto !important; }
.drr-nuovo .bodybcg-ads1 br { display: none; }
.drr-nuovo .bodybcg, .drr-nuovo .bodybcg_index { position: static; width: auto; left: 0; top: 0; min-height: 0; }

/* barre scure dei titoli con le pagine (out_pager() in include/functions.php, larghe 780 px fisse) */
.drr-nuovo #corpotxt div[style*="width: 780px"] { width: auto !important; }
.drr-nuovo #corpotxt table[style*="width:906px"] { width: auto !important; }

/* pagine dei brani: il foglio e il testo si allargano con la colonna */
.drr-nuovo .foglio { width: auto; background-repeat: repeat-y; background-size: 100% 60px; }   /* la carta si allarga con la colonna, senza giunture */
.drr-nuovo .songtext { width: auto; margin-right: 15px; }
.drr-nuovo table.panel { width: auto; max-width: 740px; }

ins.adsbygoogle[data-ad-status="unfilled"], ins.adsbygoogle[data-ad-status="unfill-optimized"] { display: none !important; }

/* pie' di pagina */
.drr-nuovo .drr-oth:not(:has(ins)), .drr-nuovo .drr-ads1:not(:has(ins)) { display: none; }
.drr-nuovo .drr-oth { padding: 0 10px; }
.drr-nuovo .drr-piede { margin-top: 2px; padding: 12px 10px 14px; background: #202020; }
.drr-nuovo table.tbl_footer { width: 100%; }
.drr-nuovo .drr-piede-link { text-align: left; padding-left: 4px; color: #f6f6f6; font: 12px helvetica, Arial, sans-serif; }

/* schermi meno larghi (finestra ridotta, tablet): l'annuncio verticale va sotto il contenuto */
@media (max-width: 1180px) {
  .drr-nuovo .drr-colonne { grid-template-columns: 162px minmax(0, 1fr); grid-template-areas: "sx corpo" "sx dx"; }
  .drr-nuovo .drr-colonne:not(:has(#photo)) { grid-template-columns: minmax(0, 1fr); grid-template-areas: "corpo" "dx"; }
  .drr-nuovo .bodybcg-ads1 { position: static; }
}
/* ancora piu' stretti: anche la colonna di sinistra va sotto */
@media (max-width: 760px) {
  .drr-nuovo .drr-colonne, .drr-nuovo .drr-colonne:not(:has(#photo)) { grid-template-columns: minmax(0, 1fr); grid-template-areas: "corpo" "sx" "dx"; }
  .drr-nuovo .tabhead2 { width: 100%; margin-right: 0 !important; }
  .drr-nuovo .search_box, .drr-nuovo .search_box form, .drr-nuovo .search_input { flex: 1; width: auto; }
  .drr-nuovo .drr-alfa { padding-left: 8px; }
  .drr-nuovo table.tbl_footer, .drr-nuovo table.tbl_footer tbody, .drr-nuovo table.tbl_footer tr, .drr-nuovo table.tbl_footer th, .drr-nuovo table.tbl_footer td { display: block; width: auto; }
}

/* 2026-11-06: menu Admin chiuso: sparisce anche il link "Versione classica" del pie' di pagina */
html.drr-admin-off a[href="/?stile=classico"] { display: none !important; }