/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			proiDN_Style
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard (  )
	Modified by:		ilDr@GoNeRo ( https:/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?hash=48eb3f89");
@import url("base.css?hash=7c5543be");
@import url("utilities.css?hash=d8f72c42");
@import url("common.css?hash=fcfc3db5");
@import url("custom.css?hash=5b0a823e");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=caf8436a");
@import url("buttons.css?hash=b3a5f618");
@import url("cp.css?hash=2c6c1e20");
@import url("forms.css?hash=9016b55c");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=2becd4f8");
@import url("responsive.css?hash=c9d32cba");

/* ==========================================================
   IL DRAGONERO: STYLING MODERNO 3D PER I RIQUADRI DI DESTRA / WIDGET
   ========================================================== */

/* 1. Contenitore principale dei tab/statistiche a destra */
html body .tabstats {
    background-color: #121212 !important;
    background-image: none !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    overflow: hidden !important;
    margin-top: 20px !important;
}

/* 2. Barra superiore dei tab (Chi c'è in linea, Statistiche, Compleanni) in stile 3D */
html body .tabstats ul.tabNav,
html body .tabNav {
    background-color: #1a1a1a !important;
    background-image: -webkit-linear-gradient(top, #282828 0%, #141414 100%) !important;
    background-image: linear-gradient(to bottom, #282828 0%, #141414 100%) !important;
    border-bottom: 3px solid #080808 !important;
    border-top: none !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Singoli bottoni dei tab */
html body .tabNav li a {
    background: transparent !important;
    color: #b5b5b5 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    border-right: 1px solid #222222 !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9) !important;
    padding: 10px 15px !important;
    display: inline-block !important;
    transition: all 0.2s ease;
}

/* Tab attivo o in hover */
html body .tabNav li a:hover,
html body .tabNav li a.active {
    background-color: #222222 !important;
    color: #ffffff !important;
    box-shadow: inset 0 3px 0 #d9534f !important;
}

/* 3. Area di contenuto interna dei riquadri */
html body .tabBG,
html body div[id^="insidetabBG"] {
    background-color: #161616 !important;
    color: #d0d0d0 !important;
    padding: 15px !important;
}

/* Titoli interni ai widget (es. Chi è online, Statistiche) */
html body .tabBG h3 {
    color: #ffffff !important;
    font-size: 14px !important;
    border-bottom: 1px solid #222222 !important;
    padding-bottom: 8px !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
}

html body .tabBG p {
    color: #b0b0b0 !important;
}

/* ==========================================================
   IL DRAGONERO: ALLINEAMENTO FINALE E PERFETTO DI NUMERI E BOX
   ========================================================== */

/* 1. BARRA SUPERIORE DELLE CATEGORIE */
html body .forumbg ul.topiclist > li.header, 
html body .forabg ul.topiclist > li.header {
    background: #111111 !important;
    background-image: linear-gradient(to bottom, #1c1c1c 0%, #111111 100%) !important;
    border: 1px solid #282828 !important;
    border-left: 4px solid #8b1e1e !important;
    border-bottom: 2px solid #050505 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5) !important;
    padding: 6px 0 !important;
    margin-bottom: 6px !important;
}

html body .forumbg ul.topiclist > li.header dl,
html body .forabg ul.topiclist > li.header dl {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
}

html body .forumbg ul.topiclist > li.header dt,
html body .forabg ul.topiclist > li.header dt {
    flex: 1 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    padding-left: 10px !important;
    text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.9) !important;
}

/* Intestazione Argomenti in alto */
html body .forumbg ul.topiclist > li.header dd.topics,
html body .forabg ul.topiclist > li.header dd.topics {
    width: 105px !important;
    text-align: center !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    white-space: nowrap !important;
}

/* Intestazione Messaggi in alto */
html body .forumbg ul.topiclist > li.header dd.posts,
html body .forabg ul.topiclist > li.header dd.posts {
    width: 100px !important;
    text-align: center !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    white-space: nowrap !important;
}

/* Intestazione Ultimo Messaggio in alto */
html body .forumbg ul.topiclist > li.header dd.lastpost,
html body .forabg ul.topiclist > li.header dd.lastpost {
    width: 230px !important;
    text-align: left !important;
    padding-left: 12px !important;
    margin-right: 10px !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    white-space: nowrap !important;
}


/* 2. RIGHE DEI FORUM CON BORDO ROSSO SCURO A SINISTRA */
html body li.row {
    background-color: #141414 !important;
    background-image: linear-gradient(to bottom, #171717 0%, #101010 100%) !important;
    border-top: 1px solid #1c1c1c !important;
    border-bottom: 1px solid #090909 !important;
    border-left: 4px solid #8b1e1e !important;
    border-radius: 4px !important;
    margin-bottom: 4px !important;
    padding: 2px 0 !important;
}

html body li.row dt .list-inner {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}


/* 3. NUMERI ARGOMENTI E MESSAGGI NELLE RIGHE */
html body li.row dd.topics, 
html body li.row dd.posts {
    width: 98px !important;
    text-align: center !important;
    font-weight: bold !important;
    color: #cccccc !important;
    line-height: 50px !important;
}


/* 4. BOX "ULTIMO MESSAGGIO" A DESTRA IN RILIEVO */
html body li.row dd.lastpost {
    background: #121212 !important;
    background-image: linear-gradient(to bottom, #1a1a1a 0%, #0d0d0d 100%) !important;
    border: 1px solid #303030 !important;
    border-top: 1px solid #3d3d3d !important;
    border-bottom: 2px solid #020202 !important;
    border-radius: 8px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 5px 12px rgba(0, 0, 0, 0.8) !important;
    padding: 8px 12px !important;
    width: 232px !important;
    max-width: 100% !important;
    margin: 4px 10px 4px 0 !important; 
    box-sizing: border-box !important;
}

html body li.row dd.lastpost span, 
html body li.row dd.lastpost time, 
html body li.row dd.lastpost a.lastsubject {
    color: #cccccc !important;
    font-size: 11px !important;
}

html body li.row dd.lastpost a.lastsubject:hover {
    color: #ffffff !important;
    text-shadow: 0 0 6px rgba(139, 30, 30, 0.9);
}

/* ==========================================================
   IL DRAGONERO: FORZATURA ASSOLUTA TESTI E PULSANTI 3D
   ========================================================== */

#phpbb .tabs li.activetab a, 
#phpbb .tab-container .activetab a,
#phpbb ul.topiclist li.header dt,
#phpbb .cp-mini .active a,
#phpbb .panel-container .inner #navigation ul li.active a,
#phpbb .navbar .linklist li.active a {
    color: #ffffff !important;
    background-image: none !important;
}

#phpbb a.button1, #phpbb input.button1, 
#phpbb a.button2, #phpbb input.button2, 
#phpbb input.button3, #phpbb .button {
    background: #181818 !important;
    background-image: -webkit-linear-gradient(top, #2c2c2c 0%, #141414 50%, #0a0a0a 100%) !important;
    background-image: linear-gradient(to bottom, #2c2c2c 0%, #141414 100%) !important;
    border: 1px solid #3d3d3d !important;
    border-top: 1px solid #555555 !important;
    border-bottom: 2px solid #020202 !important;
    border-radius: 6px !important;
    color: #e0e0e0 !important;
    font-weight: bold !important;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.9) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 4px 8px rgba(0, 0, 0, 0.6) !important;
    padding: 2px 10px !important;
}

#phpbb a.button1:hover, #phpbb input.button1:hover, 
#phpbb a.button2:hover, #phpbb input.button2:hover, 
#phpbb input.button3:hover, #phpbb .button:hover {
    background: #242424 !important;
    background-image: linear-gradient(to bottom, #3a3a3a 0%, #1a1a1a 100%) !important;
    border-color: #666666 !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 6px 12px rgba(0, 0, 0, 0.8), 0 0 8px rgba(139, 30, 30, 0.5) !important;
}


/* ==========================================================
   IL DRAGONERO: ALLINEAMENTO FINALE E .mainpostprofile-right
   ========================================================== */

#phpbb .mainpostprofile {
    float: left !important;
    width: 210px !important;
    background: #111111 !important;
    background-image: linear-gradient(to bottom, #161616 0%, #0d0d0d 100%) !important;
    border: 1px solid #282828 !important;
    border-left: 4px solid #8b1e1e !important;
    border-radius: 15px !important;
    padding: 12px 10px !important;
    margin-right: 15px !important;
    box-sizing: border-box !important;
    display: block !important;
    overflow: hidden !important;
}

#phpbb .postbody {
    float: right !important;
    width: calc(100% - 260px) !important;
    box-sizing: border-box !important;
}

#phpbb .mainpostprofile dl,
#phpbb .mainpostprofile dt,
#phpbb .mainpostprofile dd,
#phpbb .mainpostprofile .avatar,
#phpbb .mainpostprofile .profile-contact {
    display: block !important;
    float: none !important;
    position: static !important;
    width: 100% !important;
    max-width: 90% !important;
    text-align: left !important;
    margin: 4px 0 !important;
    padding: 0 4px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    white-space: normal !important;
    box-sizing: border-box !important;
}

#phpbb .mainpostprofile dt,
#phpbb .mainpostprofile .avatar {
    text-align: center !important;
    padding: 0 !important;
}

#phpbb .mainpostprofile .avatar img {
    max-width: 150px !important;
    height: auto !important;
    border-radius: 5px !important;
    margin: 0 auto 6px auto !important;
    display: block !important;
}

#phpbb .mainpostprofile .username,
#phpbb .mainpostprofile .username-coloured,
#phpbb .mainpostprofile .rank-img,
#phpbb .mainpostprofile dd.profile-rank {
    text-align: center !important;
    width: 100% !important;
}

#phpbb .mainpostprofile dd {
    font-size: 11px !important;
    color: #b0b0b0 !important;
    padding: 2px 4px !important;
}

#phpbb .mainpostprofile dd strong {
    color: #ffffff !important;
}

#phpbb .mainpostprofile dd.profile-posts,
#phpbb .mainpostprofile dd:nth-of-type(1) {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-top: 6px !important;
    margin-top: 8px !important;
}

#phpbb .mainpostprofile-right {
    float: right !important;
    min-width: 100px !important;
    margin-right: 50px !important;
    width: auto !important;
    box-sizing: border-box !important;
}
/* ==========================================================
   IL DRAGONERO: ROSSO ACCESO E PULSANTI 3D PREMIUM
   ========================================================== */

/* 1. AGGIORNAMENTO DEL ROSSO: Più brillante e visibile (da scuro a rosso fuoco) */
#phpbb .mainpostprofile,
#phpbb .forumbg ul.topiclist > li.header, 
#phpbb .forabg ul.topiclist > li.header,
#phpbb li.row {
    border-left: 4px solid #ff2222 !important; /* Rosso vivo e brillante */
}

/* Effetto luce al passaggio del mouse o sugli elementi attivi */
#phpbb .tabNav li.active a,
#phpbb .tabNav li a:hover {
    box-shadow: inset 0 3px 0 #ff3333 !important;
}


/* 2. PULSANTI 3D PIÙ BELLI E LUCIDI (Es. "Nuovo PM", "Rispondi", ecc.) */
#phpbb a.button1, #phpbb input.button1, 
#phpbb a.button2, #phpbb input.button2, 
#phpbb input.button3, #phpbb .button {
    background: #1a1a1a !important;
    background-image: -webkit-linear-gradient(top, #333333 0%, #151515 50%, #080808 100%) !important;
    background-image: linear-gradient(to bottom, #333333 0%, #151515 50%, #080808 100%) !important;
    border: 1px solid #444444 !important;
    border-top: 1px solid #666666 !important;
    border-bottom: 2px solid #000000 !important;
    border-radius: 8px !important; /* Bordi leggermente più smussati ed eleganti */
    color: #ffffff !important;
    font-weight: bold !important;
    text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.9) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 6px 14px rgba(0, 0, 0, 0.7) !important;
    padding: 3px 9px !important;
    transition: all 0.2s ease-in-out !important;
}

/* Effetto hover (quando ci passi sopra col mouse) */
#phpbb a.button1:hover, #phpbb input.button1:hover, 
#phpbb a.button2:hover, #phpbb input.button2:hover, 
#phpbb input.button3:hover, #phpbb .button:hover {
    background: #262626 !important;
    background-image: linear-gradient(to bottom, #444444 0%, #1f1f1f 50%, #0d0d0d 100%) !important;
    border-color: #ff3333 !important; /* Dettaglio bordo sfumato di rosso al passaggio */
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 8px 18px rgba(0, 0, 0, 0.9), 0 0 10px rgba(255, 34, 34, 0.4) !important;
    transform: translateY(-1px); /* Leggerissimo sollevamento 3D interattivo */
}
/* --- PERSONALIZZAZIONE DRAGONERO: WRAP E BANNER SFUMATO --- */

/* 1. Allargamento e centratura del forum */
#wrap {
    max-width: 1450px;
    width: 95%;
    margin: 0 auto;
}

/* 2. Banner nell'header con sfumatura ai lati */
.headerbar {
    background: url("./images/site_logo.png") no-repeat center center !important;
    background-size: cover !important;
    height: 200px !important;
    position: relative !important;
    -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 12%, rgba(0,0,0,1) 88%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 12%, rgba(0,0,0,1) 88%, rgba(0,0,0,0) 100%);
}
/* Imposta il banner panoramico di sfondo con sfumatura ai lati */
.headerbar {
    background: url("./images/site_logo.png") no-repeat center center !important; /* Inserisci il nome esatto della tua immagine */
    background-size: cover !important;
    height: 220px !important;
    position: relative !important;
    
    /* Effetto sfumatura ai lati */
    -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 12%, rgba(0,0,0,1) 88%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 12%, rgba(0,0,0,1) 88%, rgba(0,0,0,0) 100%);
}
/* 1. Nasconde il vecchio logo e il testo originale */
.site-description a.logo,
.site-description h1,
.site-description p {
    display: none !important;
}

/* 2. Banner con altezza regolabile */
.headerbar {
    background-color: transparent !important;
    background-image: url("./images/site_logo.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    height: 220px !important; /* <--- Aumenta o diminuisci questo valore (es. 200px, 220px, 250px) */
    margin-bottom: 0 !important;
    position: relative !important;
}
/* ==========================================================
   IL DRAGONERO: BOX DI RICERCA TRASPARENTE E TESTO BIANCO
   ========================================================== */

/* 1. Posizionamento fisso in alto a destra sulla testata */
#phpbb .headerbar .search-box {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    float: none !important;
    margin: 0 !important;
    z-index: 9999 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 2. Rende il campo di testo trasparente con bordo elegante e testo bianco */
#phpbb .headerbar .search-box .inputbox {
    background-color: rgba(0, 0, 0, 0.4) !important; /* Sfondo scuro semitrasparente */
    border: 1px solid rgba(255, 255, 255, 0.2) !important; /* Bordo sottile chiaro */
    color: #ffffff !important; /* Testo bianco */
    border-radius: 4px !important;
    padding: 4px 8px !important;
}

/* 3. Colore del testo segnaposto (placeholder "Cerca...") in chiaro */
#phpbb .headerbar .search-box .inputbox::placeholder {
    color: #cccccc !important;
    opacity: 1 !important;
}

/* 4. Colore del testo mentre si digita all'interno */
#phpbb .headerbar .search-box .inputbox:focus {
    background-color: rgba(0, 0, 0, 0.7) !important; /* Leggermente più opaco quando ci scrivi dentro */
    color: #ffffff !important;
    border-color: #ff2222 !important; /* Bordo rosso fuoco attivo */
    box-shadow: 0 0 8px rgba(255, 34, 34, 0.5) !important;
}
/* ============================================================
   BANNER A TUTTA LARGHEZZA SENZA SPAZI VUOTI
   ============================================================ */

/* 1. Headerbar che si adatta al banner */
.headerbar {
    background: #0f0f0f !important;
    border: 1px solid #222222 !important;
    border-left: 3px solid #aa0000 !important;
    border-radius: 8px !important;
    margin-bottom: 4px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.headerbar .inner {
    padding: 0 !important;
}

/* 2. Contenitore a larghezza piena */
.site-description {
    float: none !important;
    width: 100% !important;
    height: 150px !important; /* Regola se serve un'altezza diversa */
    margin: 0 !important;
}

/* 3. Link cliccabile su tutta l'area */
a#logo, 
a.logo {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    z-index: 50 !important;
    cursor: pointer !important;
}

/* 4. Banner a tutta larghezza (100% width) */
span.site_logo {
    display: block !important;
    width: 100% !important;
    height: 140% !important;
    background-size: 100% 100% !important; /* Forza l'immagine a riempire tutto il rettangolo */
    background-position: center !important;
    background-repeat: no-repeat !important;
}


/* ============================================================
   PERSONALIZZAZIONE BARRA DI SCORRIMENTO (SCROLLBAR)
   ============================================================ */

/* Dimensioni della barra di scorrimento */
::-webkit-scrollbar {
    width: 18px !important;
    height: 18px !important;
}

/* Sfondo della pista di scorrimento */
::-webkit-scrollbar-track {
    background: #0a0a0a !important;
}

/* Cursore scorrevole (Thumb) in stile scuro con bordo rosso */
::-webkit-scrollbar-thumb {
    background: #1f1f1f !important;
    border: 1px solid #CC6600 !important;
    border-radius: 4px !important;
}

/* Effetto luminosi al passaggio del mouse sul cursore */
::-webkit-scrollbar-thumb:hover {
    background: #CC6600!important;
    box-shadow: 0 0 8px rgba(170, 0, 0, 0.8) !important;
}
/* ============================================================
   EFFETTO LUCIDO E RILIEVO METALLICO SU BARRA DI NAVIGAZIONE
   ============================================================ */

.navbar, 
#page-header .navbar, 
div.navbar {
    /* Sfumatura metallica scura lucida con riflesso di luce in alto */
    background: linear-gradient(
        180deg, 
        #353535 0%, 
        #242424 48%, 
        #121212 50%, 
        #1c1c1c 100%
    ) !important;
    
    /* Bordo sottile di riflesso chiaro in alto e scuro in basso */
    border: 1px solid #3d3d3d !important;
    border-top: 1px solid #666666 !important;
    border-bottom: 1px solid #000000 !important;
    
    /* Ombra esterna + riflesso interno lucido */
    box-shadow: 
        inset 0 1px 1px rgba(255, 255, 255, 0.25), 
        inset 0 -1px 2px rgba(0, 0, 0, 0.6), 
        0 4px 10px rgba(0, 0, 0, 0.7) !important;
}
/* ============================================================
   OTTIMIZZAZIONE CONTRASTO SCURI PER TUTTI I MONITOR
   ============================================================ */

/* 1. Stacco dei box delle sezioni e ultimo messaggio per schermi a basso contrasto */
ul.topiclist.forums li.row, 
li.row,
ul.topiclist dd.lastpost,
li.row dd.lastpost {
    border-color: #383838 !important;
    border-top-color: #4a4a4a !important; /* Riflesso chiaro superiore ben visibile su ogni schermo */
}

/* 2. Risalto dei contorni della navbar e delle intestazioni */
.navbar, 
#page-header .navbar, 
div.navbar,
li.header, 
.forabg ul.topiclist li.header {
    border-color: #404040 !important;
    border-top-color: #555555 !important;
}

/* 3. Aumento del riflesso di luce interno (Glow/Highlight) per creare profondità visiva */
ul.topiclist dd.lastpost,
li.row dd.lastpost,
.navbar,
li.header {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 3px 8px rgba(0, 0, 0, 0.8) !important;
}
/* ============================================================
   SPOILER PROFESSIONALE 3D - TAGLIO DEFINITIVO BORDO ROSSO
   ============================================================ */

/* 1. Pulsanti spoiler standard (chiusi) */
.postbody .content .spoiler, 
.spoiler-header, 
div.spoiler-title,
.codebox {
    background: linear-gradient(to bottom, #b32424 0%, #8a1a1a 50%, #661111 100%) !important;
    border: 1px solid #222222 !important; /* Bordo grigio scuro/nero pulito */
    outline: none !important;
    border-radius: 10px !important;
    margin-bottom: 8px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 
                0 3px 6px rgba(0, 0, 0, 0.5) !important;
    color: #ffffff !important;
    transition: all 0.2s ease-in-out !important;
    overflow: hidden !important;
}

/* ============================================================
   SPOILER: BARRA ROSSA 3D E INTERNO SCURO PULITO
   ============================================================ */

/* 1. Pulsante del titolo dello spoiler (barra rossa in rilievo) */
.postbody .content .spoiler, 
.spoiler-header, 
div.spoiler-title,
.codebox {
    background: linear-gradient(to bottom, #181616 0%, #b11e1e 50%, #040404 100%) !important;
    border: 1px solid #222222 !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 
                0 3px 6px rgba(0, 0, 0, 0.4) !important;
    color: #ffffff !important;
    transition: all 0.2s ease-in-out !important;
}

/* 2. Targhetta opzionale in rilievo solo sul testo del titolo */
.postbody .content .spoiler > span, 
.spoiler-header span,
div.spoiler-title span {
    background: rgba(0, 0, 0, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
}

/* 3. Effetto al passaggio del mouse sul titolo */
.postbody .content .spoiler:hover, 
.spoiler-header:hover, 
div.spoiler-title:hover,
.codebox:hover {
    background: linear-gradient(to bottom, #c62828 0%, #991f1f 50%, #701212 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 
                0 4px 8px rgba(0, 0, 0, 0.5) !important;
}

/* 4. CORPO INTERNO DELLO SPOILER APERTO (Forzato rigorosamente scuro) */
.postbody .content .spoiler-content, 
.spoiler-body,
div.spoiler-content,
.codebox code {
    background: #161616 !important;
    background-color: #161616 !important;
    border: 1px solid #222222 !important;
    border-top: none !important;
    border-radius: 0 0 8px 8px !important;
    margin-bottom: 8px !important;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.7) !important;
    color: #dddddd !important;
    padding: 12px !important;
}
/* ==========================================================
   IL DRAGONERO: NOTIFICHE SENZA ICONE LATERALI
   ========================================================== */

/* 1. Reset e posizionamento per la riga della notifica */
#phpbb .notification_list li {
    position: relative !important;
    padding-right: 15px !important; /* Rimosso lo spazio extra a destra riservato all'icona */
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* 2. NOTIFICHE LETTE (Senza icona verde) */
#phpbb .notification_list li:not(.unread) {
    background-color: #141414 !important;
}

#phpbb .notification_list li:not(.unread) a {
    color: #b0b0b0 !important;
}

/* 3. NOTIFICHE DA LEGGERE / UNREAD (Senza icona rossa, mantiene solo lo sfondo e il bordo) */
#phpbb .notification_list li.unread {
    background-color: rgba(255, 34, 34, 0.15) !important;
    border-left: 3px solid #ff2222 !important;
}

#phpbb .notification_list li.unread a {
    color: #ffffff !important;
    font-weight: bold !important;
}

/* 4. Effetto al passaggio del mouse (Hover) */
#phpbb .notification_list li:hover {
    background-color: #1f1f1f !important;
}

#phpbb .notification_list li:hover a {
    color: #ffffff !important;
}
/* ==========================================================
   IL DRAGONERO: NASCONDI SOLTANTO LE CARTELLE ROSSE DEI TOPIC
   ========================================================== */

/* 1. Rimuove l'immagine della cartella rossa senza rompere l'altezza del box */
#phpbb ul.topiclist li.row dl.row-item {
    background-image: none !important;
}

/* 2. Se è un tag <img> o icona dentro il wrapper, la nasconde in modo pulito */
#phpbb ul.topiclist li.row dl.row-item dt .list-inner > dfn,
#phpbb ul.topiclist li.row dl.row-item > dt > a > img {
    display: none !important;
}

/* 3. Mantiene l'altezza delle righe compatta e regolare */
#phpbb ul.topiclist.topics li.row {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    min-height: auto !important;
}
/* ==========================================================
   IL DRAGONERO: STILE 3D PERFETTO PER IL TERZO BLOCCO (WELCOME BACK)
   ========================================================== */

#phpbb dd#blockwb3,
#phpbb dd[id*="blockwb3"],
#phpbb .welcome-back dd.lastpost,
#phpbb div[id*="welcome"] dd.lastpost {
    background: #121212 !important;
    background-image: linear-gradient(to bottom, #111111 0%, #0d0d0d 100%) !important;
    border: 1px solid #403f3f !important;
    border-top: 1px solid #3d3d3d !important;
    border-bottom: 2px solid #020202 !important;
    border-radius: 2px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 5px 12px rgba(0, 0, 0, 0.8) !important;
    padding: 0px 13px !important;
    box-sizing: border-box !important;
    
}

/* Colore e stile dei link interni al terzo blocco */
#phpbb dd#blockwb3 a,
#phpbb dd[id*="blockwb3"] a {
    color: #cccccc !important;
    font-size: 11px !important;
}
#phpbb dd#blockwb3 a:hover,
#phpbb dd[id*="blockwb3"] a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 2px rgba(139, 30, 30, 0.9);
}
/* ==========================================================
   IL DRAGONERO: COMPATTEZZA EXTRA PER LE RIGHE DEI TOPIC
   ========================================================== */

/* 1. Riduce lo spazio verticale e l'altezza minima complessiva della riga */
#phpbb ul.topiclist li.row {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    margin-bottom: 3px !important; /* Riduce lo spazio vuoto tra un box e l'altro */
    min-height: auto !important;
}

/* 2. Compatta il contenitore del testo interno del topic (titolo, autore, tag) */
#phpbb li.row dt .list-inner {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    line-height: 1.2 !important;
}

/* 3. Riduce lo spazio verticale sopra e sotto i tag delle etichette (es. 1080p, Azione, ecc.) */
#phpbb li.row .topic-actions, 
#phpbb li.row .tags,
#phpbb li.row dl.row-item dt {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}
/* Centra il contenitore principale del modulo di valutazione */
.stoker-rating {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Centra l'area delle stelle e il testo dei voti */
.stoker-rating .rating-stars, 
.stoker-rating .ic-rating-display,
.stoker-rating .rating-text {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.postbody img {
    max-width: 100%;
    height: auto;
}