/*
Theme Name: Pallavolo Grosseto 2026
Author: Digireturn
Author URI:https://digireturn.it/
Version:2.0
*/

:root {
	--brand-red: #DC2626;
	--brand-darkred: #991B1B;
	--brand-lightred: #EF4444;
	--brand-dark: #0B0F17;
	--brand-slate: #1E293B;
	--brand-gold: #F59E0B;
	--bs-body-bg: var(--brand-dark);
	--bs-body-color: #f1f5f9;
}
body {
	background: var(--brand-dark);
	color: #f1f5f9;
	font-family: 'Inter', sans-serif;
	-webkit-font-smoothing: antialiased;
}
.font-display { font-family: 'Oswald', sans-serif; }
.bg-brand-dark { background-color: var(--brand-dark) !important; }
.bg-brand-red { background-color: var(--brand-red) !important; }
.text-brand-red { color: var(--brand-red) !important; }
.text-brand-lightred { color: var(--brand-lightred) !important; }
.border-brand-red { border-color: var(--brand-red) !important; }
.btn-brand-red { background-color: var(--brand-red); border-color: var(--brand-red); color: #fff; }
.btn-brand-red:hover { background-color: #b91c1c; border-color: #b91c1c; color:#fff; }

.glass-card {
	background: rgba(15, 23, 42, 0.75);
	backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.video-docker {
	position: absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:0;
}
.video-docker video {
	min-width:100%; min-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); object-fit:cover;
}
.video-overlay {
	position:absolute; top:0; left:0; width:100%; height:100%;
	background: linear-gradient(180deg, rgba(11,15,23,0.85) 0%, rgba(15,23,42,0.7) 50%, rgba(11,15,23,0.95) 100%);
	z-index:1;
}
.photo-card {
	box-shadow: 0 10px 30px -10px rgba(0,0,0,0.5);
	transition: all 0.4s cubic-bezier(0.16,1,0.3,1);
}
.photo-card:hover {
	transform: translateY(-6px) scale(1.02);
	box-shadow: 0 20px 40px -15px rgba(220,38,38,0.3);
}
.shop-card {
	background:#111827;
	border:1px solid #1F2937;
	border-radius:1.25rem;
	transition: transform 0.3s ease, border-color 0.3s ease;
}
.shop-card:hover { border-color: var(--brand-red); transform: translateY(-4px); }
.topbar-gradient {
	background: linear-gradient(90deg, var(--brand-darkred), var(--brand-red), var(--brand-darkred));
}
header.sticky-top { backdrop-filter: blur(12px); background: rgba(11,15,23,0.95) !important; border-bottom:1px solid rgba(30,41,59,0.8); }
.nav-link-custom { color:#cbd5e1; font-size:0.75rem; text-transform:uppercase; letter-spacing:0.05em; font-weight:500; }
.nav-link-custom:hover, .nav-link-custom.active { color: var(--brand-red) !important; }
.stats-card { background: rgba(15,23,42,0.95); border:1px solid #1e293b; border-radius:1rem; }
.news-card, .roster-card { background: rgba(15,23,42,0.8); border:1px solid #1e293b; }
.news-card:hover, .roster-card:hover { border-color: var(--brand-red); }
.countdown-box { background: rgba(15,23,42,0.9); border:1px solid #1e293b; border-radius:0.75rem; }

body.logged{ padding-top:0; }
.mainmenu-old-center img{ max-width:100%; height:auto; }
content{ display:block; }

/* -------------------------------------------------------------- */
.title_colored{
	background:linear-gradient(90deg,#ef4444,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.home-icon-btn-cover{
	transition: transform 0.3s ease, border-color 0.3s ease;
}
.home-icon-btn-cover:hover{
	
	border-color: var(--brand-red) !important;
}
.home-icon-btn-cover:hover::after{
	content:'';
	position:absolute;
	inset:0;
	background: rgba(220,38,38,0.15);
}