/* ==========================================================================
   Foglio stile personalizzato per phpBB – ItalianCoverDesign
   Autore: JackSparrow – www.italiancoverdesign.com – jacksparrow@italiancoverdesign.com
   NOTE IMPORTANTI
   - Nessuna modifica funzionale: valori, selettori e ordine sono quelli del tuo file.
   - Solo pulizia visiva (indentazione) e commenti dettagliati per ogni blocco.
   - L’ordine è stato CONSERVATO per non alterare la cascata.
   ========================================================================== */


/* ==========================================================================
   1) Pannelli dell’editor (opzioni, allegati, sondaggio) + look tab
   --------------------------------------------------------------------------
   - Sfondo scuro e testo bianco per i pannelli laterali.
   - Tab attivo con gradiente e ombra interna (come da file originale).
   ========================================================================== */
#options-panel,
#options-panel a,
#options-panel label,
#attach-panel,
#attach-panel a,
#attach-panel label,
#poll-panel,
#poll-panel a,
#poll-panel label {
	background-color: #4D4D4D !important;
	color: #fff;
}
#options-panel,
#attach-panel,
#poll-panel {
	padding: 1rem;
}
.tabs .tab > a {
    background: rgba(77,77,77,.3);
    color: #4D4D4D;
}
.tabs .tab > a:hover {
    background: rgba(77,77,77,1);
    color: #fff;
}
.tabs .activetab > a, .tabs .activetab > a:hover {
    background-color: #4d4d4d !important;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #4d4d4d 50%, #4d4d4d 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%,#4d4d4d 50%,#4d4d4d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#4d4d4d',GradientType=0 );
    border-color: #4d4d4d;
    box-shadow: 0 1px 1px #f2f9ff inset;
    color: #fff;
}
#postingbox {
	background: #f5f5f5
}


/* ==========================================================================
   2) Navbar: nascondo alcune icone/voce menu
   --------------------------------------------------------------------------
   - Rimozione visiva di FAQ e Liste non utilizzate.
   - Nota: la voce Partner è già commentata nell’originale.
   ========================================================================== */
.icon-faq, .icon-liste { /* .icon-faq, .icon-partners, .icon-liste { */
	display: none !important
}


/* ==========================================================================
   3) Header: disposizione tasti (navbar compatta e centrata)
   --------------------------------------------------------------------------
   - Uso flex per centrare la barra dei pulsanti nella headerbar.
   - Il margin-top negativo è commentato come nel file originale.
   ========================================================================== */
.phpbb-navbar {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	/*margin-top:	-2rem !important;*/
}


/* ==========================================================================
   4) Cornici forum / navbar / elementi di contesto
   --------------------------------------------------------------------------
   - Colore scuro della navbar.
   - Spaziature per il ticker news.
   - NOTA: lo scheletro alternativo (azzurro) è commentato, come in origine.
   ========================================================================== */
/*.page-body .forabg, .forumbg {
	background-color: #2B8CA8 !important;
	background-image: linear-gradient(to bottom, #2B8CA8 0%,#2B8CA8 2px,#2B8CA8 92px,#2B8CA8 100%) !important;
}*/
.navbar {
	background-color: #4d4d4d !important;
	margin-top: 4px !important;
}
.newsscroll {
	margin: .7rem auto;
}


/* ==========================================================================
   5) Download Box Link (POSIZIONAMENTO) – BLOCCO COMMENTATO
   --------------------------------------------------------------------------
   - Mantengo il tuo commento/esperimento originale (non attivo).
   - Qui si impostava l’assoluto per i badge “download”.
   ========================================================================== */
/*
	.download-blocks, .dl.extra-box.orange, .big-tag.orange {
		display: inline !important;
		position: absolute !important;
	}
*/


/* ==========================================================================
   6) Estensione: Topic/Post Attachments (index & viewforum)
   --------------------------------------------------------------------------
   - Sfondo bianco per i pannelli dell’estensione.
   - Rimozione di bordi/ombre sui riquadri allegati.
   ========================================================================== */
.panel.viewforum_panel {
	background-color: #ffffff !important;
}
.attach_index_img, .attach_index_archive {
	border: 0px !important;
	box-shadow: 0px 0px 0px 0px #ffffff !important;
}


/* ==========================================================================
   7) Colori testo: navbar, breadcrumb, footer, dropdown
   --------------------------------------------------------------------------
   - Testi chiari su sfondo scuro.
   - Link nei dropdown con palette di accento blu.
   ========================================================================== */
.nav-footer {
	color: #fff !important;
}
.nav-main a {
	color: #fff !important;
}
ul.nav-breadcrumbs a {
	color: #fff !important;
}
ul.linklist > .username-coloured {
	color: white !important;
}
.nav-main.dropdown-contents a {
	color: #105289 !important;
}
.dropdown-contents a {
	color: #2B8CA8 !important;
}


/* ==========================================================================
   8) Carosello “Ultime cover”
   --------------------------------------------------------------------------
   - Sfondo bianco pieno.
   ========================================================================== */
.jcarousel-wrapper {
	background-color: white !important;
}


/* ==========================================================================
   9) “bradipo19 edit” – finiture su dropdown, pannello estensione, linklist
   --------------------------------------------------------------------------
   - Colore link nel dropdown (header/footer/lista).
   - Cornici/padding del pannello allegati su viewforum.
   - Colori navlinks e footer.
   ========================================================================== */
.dropdown-contents > .header,
.dropdown-contents > .header a,
.dropdown-contents > .footer,
.dropdown-contents > .footer a,
.dropdown-contents > ul a {
	color: #2B8CA8 !important;
}
/*#quick-links + li,
#quick-links + li + li,
#quick-links + li + li + li {
	display: none;
}*/
.viewforum_panel {
	margin: 1.5rem auto;
	padding: 0 !important;
	border-top: 1.5rem solid #4D4D4D;
	border-bottom: .3rem solid #4D4D4D;
	border-left: .3rem solid #4D4D4D;
	border-right: .3rem solid #4D4D4D;
}
.viewforum_panel > .inner > .attach_index > a {
	margin: .5rem auto;
}
ul.navlinks {
	color: #fff;
}
#nav-footer a {
	color: #fff;
}


/* ==========================================================================
   10) Cookie box (overlay modale)
   --------------------------------------------------------------------------
   - Box centrato sia orizzontalmente che verticalmente.
   - Ombre multiple per profondità.
   ========================================================================== */
.cookie-box {
	background-color: rgba(51,51,51,.9) !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translateX(-50%) translateY(-50%) !important;
	opacity: 1 !important;
	padding: 2rem !important;
	box-shadow:
		rgba(0, 0, 0, 0.25) 0px 54px 55px,
		rgba(0, 0, 0, 0.12) 0px -12px 30px,
		rgba(0, 0, 0, 0.12) 0px 4px 6px,
		rgba(0, 0, 0, 0.17) 0px 12px 13px,
		rgba(0, 0, 0, 0.09) 0px -3px 5px !important;
}


/* ==========================================================================
   11) Header: avatar, banner, benvenuto, navbar statica e box annunci
   ========================================================================== */
.header-avatar > span {
	color: #fff !important;
}
.headerbar {
	background-color: #4d4d4d !important;
}
.headerbar .header-banner {
	max-width: 100% !important;
	margin-left: 0 !important;
}
.welcbackhide {
	margin-bottom: .8rem;
}
.welcbackhide ~ div.navbar {
	background-color: #4d4d4d !important;
}
#static-header {
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.headerads {
	background-color: #ffffff !important;
	border: 5px solid #4d4d4d;
	padding: 1rem;
	border-radius: 7px 7px 0 0 !important;
	margin-bottom: 0 !important;
	margin-top: 1rem !important;
}
#page-footer > .navbar {
	border-radius: 0 0 7px 7px !important;
}
li.discord-btn {
	display: flex;
	justify-content: center;
	align-items: center;
}
.phpbb-navbar .nav-button {
	border-radius: 7px !important;
}
.phpbb-navbar .nav-button > a {
	padding: 0 10px !important;
}
/*.phpbb-navbar .nav-button:hover > a,
.phpbb-navbar .nav-button.hovering > a {
	background-color: #2B8CA8 !important;
}*/
.nav-up,
.nav-down {
	margin-right: 1rem;
}


/* ==========================================================================
   12) Cornici scure sezioni forum (.forabg / .forumbg) + sfondo liste
   --------------------------------------------------------------------------
   - Gradiente scuro “piatto” come da originale.
   - Sfondo interni (ul.forums) grigio chiaro.
   ========================================================================== */
.forabg {
    background-color: #4d4d4d !important;
    background-image: -webkit-linear-gradient(top, #4d4d4d 0%, #4d4d4d 2px, #4d4d4d 92px, #4d4d4d 100%) !important;
    background-image: linear-gradient(to bottom, #4d4d4d 0%,#4d4d4d 2px,#4d4d4d 92px,#4d4d4d 100%) !important;
    background-repeat: repeat-x !important;
}
.forumbg {
    background-color: #4d4d4d !important;
    background-image: -webkit-linear-gradient(top, #4d4d4d 0%, #4d4d4d 2px, #4d4d4d 92px, #4d4d4d 100%) !important;
    background-image: linear-gradient(to bottom, #4d4d4d 0%,#4d4d4d 2px,#4d4d4d 92px,#4d4d4d 100%) !important;
    background-repeat: repeat-x !important;
}
ul.forums {
    background-color: #F5F5F5;
    background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #F5F5F5 100%);
    background-image: linear-gradient(to bottom, #F5F5F5 0%,#F5F5F5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#F5F5F5',GradientType=0 );
}


/* ==========================================================================
   13) Pannelli generici e “zebra rows” (.bg1/.bg2/.bg3)
   ========================================================================== */
.panel, .bg1, .bg2, .bg3 {
	background-color: #f5f5f5 !important;
}


/* ==========================================================================
   14) Box smiley (altezza fissa con scroll)
   ========================================================================== */
#smiley-box {
	height: 270px !important;
    overflow-y: scroll !important;
}


/* ==========================================================================
   15) Paginazione + pulsanti
   ========================================================================== */
.pagination li.active span {
	background: #4d4d4d !important;
    border-color: #4d4d4d !important;
    color: #FFFFFF !important;
}
a.jumpbox-cat-link {
	background-color: #4d4d4d;
	color: #fff;
}
a.jumpbox-cat-link span {
	color: #fff;
}
a.jumpbox-sub-link {
	background-color: #F5F5F5;
}
.button-secondary:focus, .button-secondary:hover, .button:focus .icon, .button:hover .icon {
    color: #4d4d4d !important;
}
.button:hover, .button:focus {
    border-color: #4d4d4d !important;
}
.pagination li a:hover {
    background: rgba(77,77,77,.5) !important;
}
.pagination li a:hover .icon {
	background: transparent !important;
	color: #fff !important;
}


/* ==========================================================================
   16) Link generici & postlink (immagini linkate)
   ========================================================================== */
a:hover {
	text-decoration: none !important;
}
.postlink > img {
	transition: .3s;
	border: 0 !important;
	color: transparent !important;
}
.postlink > img:hover {
	transform: scale(1.02);
	background-color: transparent !important;
	color: transparent !important;
}
.postlink {
	border-bottom: 0 !important;
}


/* ==========================================================================
   17) Topiclist (righe elenco) e immagini forum
   --------------------------------------------------------------------------
   - Allineamenti e spacing per le righe elenco.
   - Spostamento orizzontale del blocco (left:-10px) come nel tuo originale.
   ========================================================================== */
ul.topiclist li.row dl {
    margin: 5px 0;
	display: flex;
    align-items: center;
}
dl.row-item dt .list-inner {
    padding-left: 75px;
	overflow: hidden;
}
.forum-image {
    float: left;
    padding-top: 0px;
    margin-right: 10px;
}
dl.row-item {
    left: -10px !important;
}
.catimg {
	display: block !important;
    margin: 0px auto !important;
    text-align: center !important;
}
.catimg > img {
	max-width: 100% !important;
}


/* ==========================================================================
   18) Jumpbox (hover effetti)
   ========================================================================== */
a.jumpbox-sub-link:hover {
	background-color: #F6F4D0 !important;
}
a.jumpbox-cat-link:hover > span {
	color: #F6F4D0 !important;
}
a.jumpbox-cat-link:hover {
	background-color: #4d4d4d !important;
}


/* ==========================================================================
   19) Varie: posizionamenti ticker/stats
   ========================================================================== */
span.stats_post_infos{
	top: 0px !important;
}
span.stats_date{
	top: 0px !important;
}
ul#vertical-ticker {
	height: 55px !important
}
ul#vertical-ticker > li.row > dl.row-item {
	margin: 0 !important; height: 53px !important
}


/* ==========================================================================
   20) Colore di fondo pagina e cornici header
   ========================================================================== */
html,body {
	background-color: #4d4d4d !important;
}
.headerlink-wrap {
    border-radius: 7px 7px 7px 7px !important;
    margin-bottom: 2px !important;
    margin-top: 4px !important;
	padding-bottom: 1px !important;
	padding-top: 0.2px !important;
}
.headerbar {
    border-radius: 7px 7px 7px 7px !important;
}


/* ==========================================================================
   21) Mobile (<=700px)
   --------------------------------------------------------------------------
   - Padding maggiore sui bottoni.
   - Menu mobile scuro e bordi arrotondati azzerati per massimizzare lo spazio.
   ========================================================================== */
@media screen and (max-width: 700px) {
	.phpbb-navbar .nav-button > a {
		padding: 0 30px !important;
	}
	.but-menu {
		background-color: #4d4d4d !important;
		min-width: 8rem !important;
	}
	.but-menu a {
		color: #fff !important;
	}
	.headerbar .phpbb-navbar .phpbb-menu {
		background-color: #4d4d4d !important;
		top: 2rem;
		padding: 0.5rem 1rem;
	}
	#phpbb-menu-toggle:hover {
		background-color: #777 !important;
	}
	.headerbar .header-banner {
		max-width: 100% !important;
		margin-left: 0 !important;
	}
	.headerads {
		border-radius: 0 !important;
	}
	#page-footer > .navbar {
		border-radius: 0 !important;
	}
	.headerbar {
		border-radius: 0 0 0 0 !important;
	}
	.headerlink-wrap {
		border-radius: 0 0 0 0 !important;
	}
}