Avigliana Basket - Keep Pushing. Keep Winning.<\/title>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Icons+Round&family=Urbanist:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,500;1,700&display=swap\"\r\n rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --font-sans: 'Urbanist', system-ui, -apple-system, sans-serif;\r\n --primary: #16a34a;\r\n --primary-glow: rgba(22, 163, 74, 0.45);\r\n --primary-dark: #052e16;\r\n --accent: #ffffff;\r\n --bg-body: #f0f4f2;\r\n --bg-card: rgba(255, 255, 255, 0.82);\r\n --text-main: #0a0f0c;\r\n --text-muted: #475569;\r\n --sidebar-width: 80px;\r\n --sidebar-expanded: 280px;\r\n --header-height: 80px;\r\n --transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n --shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\r\n --glass-bg: rgba(255, 255, 255, 0.72);\r\n --glass-border: rgba(255, 255, 255, 0.35);\r\n --glass-blur: blur(18px) saturate(165%);\r\n --bicolor-secondary: #0f172a;\r\n --arena-rim: rgba(74, 222, 128, 0.22);\r\n }\r\n\r\n .dark {\r\n --bg-body: #030806;\r\n --bg-card: rgba(15, 23, 18, 0.78);\r\n --text-main: #f1f5f9;\r\n --text-muted: #94a3b8;\r\n --shadow: 0 12px 40px rgba(0, 0, 0, 0.55);\r\n --glass-bg: rgba(10, 15, 12, 0.82);\r\n --glass-border: rgba(74, 222, 128, 0.12);\r\n --bicolor-secondary: #ffffff;\r\n --brand-green-light: #4ade80;\r\n }\r\n\r\n \/* CUSTOM SCROLLBAR *\/\r\n ::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n\r\n ::-webkit-scrollbar-track {\r\n background: var(--bg-body);\r\n }\r\n\r\n ::-webkit-scrollbar-thumb {\r\n background: var(--primary);\r\n border-radius: 10px;\r\n }\r\n\r\n ::-webkit-scrollbar-thumb:hover {\r\n background: var(--primary-dark);\r\n }\r\n\r\n \/* Cursore di sistema \u2014 pi\u00f9 leggibile con Urbanist e accessibilit\u00e0 *\/\r\n #custom-cursor {\r\n display: none !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: var(--font-sans);\r\n background-color: var(--bg-body);\r\n color: var(--text-main);\r\n overflow-x: hidden;\r\n transition: background-color 0.3s ease, color 0.3s ease;\r\n }\r\n\r\n html.dark body {\r\n background-image:\r\n radial-gradient(ellipse 120% 70% at 78% -5%, rgba(22, 163, 74, 0.2), transparent 52%),\r\n radial-gradient(ellipse 55% 45% at 8% 95%, rgba(74, 222, 128, 0.07), transparent 48%);\r\n background-attachment: fixed;\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n .motto {\r\n font-family: var(--font-sans);\r\n font-weight: 800;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n \/* FIXED HEADER *\/\r\n #header-fixed {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n width: 100vw;\r\n height: var(--header-height);\r\n background: var(--glass-bg);\r\n backdrop-filter: var(--glass-blur);\r\n -webkit-backdrop-filter: var(--glass-blur);\r\n border-bottom: 1px solid var(--glass-border);\r\n box-shadow: 0 0 40px -12px rgba(22, 163, 74, 0.12);\r\n z-index: 5000;\r\n padding: 0 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start !important;\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n\r\n .header-content-left {\r\n display: flex;\r\n align-items: center;\r\n height: 100%;\r\n gap: 0;\r\n margin-right: auto !important;\r\n \/* Forces right content to extreme right *\/\r\n }\r\n\r\n .header-content-right {\r\n display: flex;\r\n align-items: center;\r\n height: 100%;\r\n gap: 10px;\r\n padding-right: 0;\r\n }\r\n\r\n .header-btn {\r\n height: 100%;\r\n width: 70px;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n color: white;\r\n border: none;\r\n }\r\n\r\n .header-btn .material-icons-round {\r\n font-size: 24px;\r\n }\r\n\r\n\r\n\r\n .header-btn.menu-btn {\r\n background: #000;\r\n }\r\n\r\n body.overlay-open .header-btn {\r\n display: flex;\r\n }\r\n\r\n .header-btn:hover {\r\n filter: brightness(1.2);\r\n }\r\n\r\n .branding {\r\n position: absolute !important;\r\n left: 14px !important;\r\n \/* Precisely above the sidebar icons *\/\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n z-index: 5001;\r\n }\r\n\r\n .logo {\r\n height: 40px;\r\n width: auto;\r\n max-width: 50px;\r\n object-fit: contain;\r\n margin: 0;\r\n }\r\n\r\n .brand-name {\r\n font-family: var(--font-sans);\r\n font-size: 1.75rem;\r\n font-weight: 900;\r\n letter-spacing: -0.04em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .brand-name .part1 {\r\n color: var(--primary);\r\n }\r\n\r\n .dark .brand-name .part1 {\r\n color: var(--brand-green-light);\r\n }\r\n\r\n .brand-name .part2 {\r\n color: var(--bicolor-secondary);\r\n }\r\n\r\n .theme-toggle {\r\n background: var(--bg-card);\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n color: var(--text-main);\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n }\r\n\r\n\r\n\r\n body.overlay-open #overlay-screen {\r\n top: var(--header-height);\r\n height: calc(100vh - var(--header-height));\r\n }\r\n\r\n \/* Adjust top controls to be in a prominent position when open *\/\r\n body.overlay-open .top-controls-container {\r\n top: 17px;\r\n right: 40px;\r\n }\r\n\r\n \/* Hide the default theme toggle in header when overlay is open *\/\r\n body.overlay-open .header-right-group .theme-toggle {\r\n display: none;\r\n }\r\n\r\n .header-right-group {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n padding-right: 40px;\r\n }\r\n\r\n body.overlay-open .header-right-group {\r\n padding-right: 0;\r\n }\r\n\r\n\r\n\r\n body.overlay-open .branding {\r\n padding-left: 0;\r\n }\r\n\r\n \/* FIXED SIDEBAR *\/\r\n #sidebar {\r\n position: fixed;\r\n top: var(--header-height);\r\n left: 0;\r\n height: calc(100vh - var(--header-height));\r\n width: var(--sidebar-width);\r\n background: var(--glass-bg);\r\n backdrop-filter: var(--glass-blur);\r\n -webkit-backdrop-filter: var(--glass-blur);\r\n border-right: 1px solid var(--glass-border);\r\n box-shadow: 4px 0 48px -16px rgba(0, 0, 0, 0.35);\r\n color: var(--text-main);\r\n z-index: 4000;\r\n overflow: hidden;\r\n transition: var(--transition);\r\n display: flex;\r\n flex-direction: column;\r\n padding: 20px 0;\r\n box-shadow: 10px 0 30px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n #sidebar:hover {\r\n width: var(--sidebar-expanded);\r\n }\r\n\r\n .nav-item {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n height: 50px;\r\n margin: 0;\r\n padding: 0;\r\n cursor: pointer;\r\n transition: background 0.2s;\r\n text-decoration: none;\r\n color: white;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n }\r\n\r\n .nav-item:hover {\r\n background: rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .nav-item .material-icons-round {\r\n width: 45px;\r\n height: 45px;\r\n min-width: 45px;\r\n margin: 0 17.5px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 24px;\r\n flex-shrink: 0;\r\n pointer-events: none;\r\n background: var(--glass-bg);\r\n backdrop-filter: var(--glass-blur);\r\n -webkit-backdrop-filter: var(--glass-blur);\r\n border: 1px solid var(--glass-border);\r\n border-radius: 12px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n transition: var(--transition);\r\n }\r\n\r\n .nav-item:hover .material-icons-round {\r\n transform: scale(1.1);\r\n border-color: var(--primary);\r\n box-shadow: 0 0 15px var(--primary-glow);\r\n }\r\n\r\n .nav-text {\r\n font-weight: 600 !important;\r\n opacity: 0;\r\n transition: opacity 0.2s;\r\n pointer-events: none;\r\n position: absolute !important;\r\n left: 80px !important;\r\n }\r\n\r\n #sidebar:hover .nav-text {\r\n opacity: 1;\r\n }\r\n\r\n .nav-group {\r\n display: contents;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .submenu {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease;\r\n background: rgba(0, 0, 0, 0.1);\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .nav-item:hover+.submenu,\r\n .submenu:hover {\r\n max-height: 500px !important;\r\n }\r\n\r\n .submenu-item {\r\n padding: 12px 20px 12px 80px !important;\r\n font-size: 0.9em;\r\n color: rgba(255, 255, 255, 0.8);\r\n cursor: pointer;\r\n transition: color 0.2s;\r\n display: block;\r\n text-decoration: none;\r\n }\r\n\r\n .submenu-item:hover {\r\n color: white;\r\n background: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n \/* MAIN WRAPPER *\/\r\n #content-area {\r\n position: absolute;\r\n top: 0;\r\n left: var(--sidebar-width);\r\n bottom: 0;\r\n right: 0;\r\n overflow-y: auto;\r\n scroll-behavior: smooth;\r\n transition: left 0.4s ease;\r\n z-index: 1000;\r\n }\r\n\r\n #sidebar:hover~#content-area {\r\n left: var(--sidebar-expanded);\r\n }\r\n\r\n \/* FULL-SCREEN SECTIONS *\/\r\n .page-section {\r\n width: 100%;\r\n min-height: 100vh;\r\n scroll-margin-top: var(--header-height);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 60px;\r\n position: relative;\r\n }\r\n\r\n \/* HERO SECTION *\/\r\n .hero-section {\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n background-color: #0a120f;\r\n background-image:\r\n linear-gradient(180deg, rgba(3, 8, 6, 0.35) 0%, rgba(3, 8, 6, 0.55) 100%),\r\n url(\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/03\/NEW_DARKSFONDO-scaled.png\");\r\n background-size: cover;\r\n background-position: center top;\r\n background-repeat: no-repeat;\r\n }\r\n\r\n .hero-bg-img {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center top !important;\r\n \/* Ensure focus is on top *\/\r\n z-index: 0;\r\n pointer-events: none;\r\n opacity: 1;\r\n }\r\n\r\n .hero-bg-img.hero-video-hidden {\r\n display: none;\r\n }\r\n\r\n .hero-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(115deg, rgba(3, 8, 6, 0.62) 0%, rgba(3, 8, 6, 0.18) 45%, rgba(3, 8, 6, 0.5) 100%);\r\n z-index: 1;\r\n pointer-events: none;\r\n transition: background 0.4s ease;\r\n }\r\n\r\n html:not(.dark) .hero-overlay {\r\n background: linear-gradient(115deg, rgba(248, 250, 249, 0.88) 0%, rgba(248, 250, 249, 0.35) 45%, rgba(240, 244, 242, 0.75) 100%);\r\n }\r\n\r\n .hero-arena-stack {\r\n position: absolute;\r\n z-index: 2;\r\n left: 50%;\r\n bottom: 24%;\r\n transform: translateX(-50%);\r\n max-width: min(640px, 92vw);\r\n text-align: center;\r\n pointer-events: none;\r\n padding: 1.75rem 2rem 1.5rem;\r\n border: 1px solid rgba(74, 222, 128, 0.35);\r\n border-radius: 20px;\r\n background: rgba(3, 8, 6, 0.5);\r\n backdrop-filter: blur(14px);\r\n -webkit-backdrop-filter: blur(14px);\r\n box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;\r\n }\r\n\r\n html:not(.dark) .hero-arena-stack {\r\n background: rgba(255, 255, 255, 0.72);\r\n border-color: rgba(22, 163, 74, 0.35);\r\n box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12);\r\n }\r\n\r\n .hero-chapter-label {\r\n font-family: var(--font-sans);\r\n font-size: 0.75rem;\r\n font-weight: 800;\r\n letter-spacing: 0.35em;\r\n color: var(--brand-green-light, #4ade80);\r\n margin-bottom: 0.75rem;\r\n text-transform: uppercase;\r\n }\r\n\r\n html:not(.dark) .hero-chapter-label {\r\n color: var(--primary);\r\n }\r\n\r\n .hero-broadcast-title {\r\n font-family: var(--font-sans);\r\n font-size: clamp(1.75rem, 5vw, 3.25rem);\r\n font-weight: 900;\r\n line-height: 0.98;\r\n text-transform: uppercase;\r\n letter-spacing: -0.03em;\r\n color: #fff;\r\n margin: 0 0 0.75rem 0;\r\n }\r\n\r\n html:not(.dark) .hero-broadcast-title {\r\n color: var(--primary-dark);\r\n }\r\n\r\n .hero-broadcast-title .hero-line-accent {\r\n color: var(--brand-green-light, #4ade80);\r\n }\r\n\r\n html:not(.dark) .hero-broadcast-title .hero-line-accent {\r\n color: var(--primary);\r\n }\r\n\r\n .hero-broadcast-tagline {\r\n font-family: var(--font-sans);\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n color: rgba(255, 255, 255, 0.75);\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n margin: 0;\r\n }\r\n\r\n html:not(.dark) .hero-broadcast-tagline {\r\n color: var(--text-muted);\r\n }\r\n\r\n .hero-quick-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n justify-content: center;\r\n margin-top: 1.25rem;\r\n pointer-events: auto;\r\n }\r\n\r\n .hero-quick-links a {\r\n font-family: var(--font-sans);\r\n font-size: 0.68rem;\r\n font-weight: 800;\r\n letter-spacing: 0.11em;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n color: #fff;\r\n padding: 0.5rem 0.95rem;\r\n border-radius: 999px;\r\n border: 1px solid rgba(74, 222, 128, 0.5);\r\n background: rgba(22, 163, 74, 0.2);\r\n transition: background 0.2s, border-color 0.2s, transform 0.15s;\r\n }\r\n\r\n .hero-quick-links a:hover {\r\n background: rgba(22, 163, 74, 0.38);\r\n border-color: var(--brand-green-light, #4ade80);\r\n transform: translateY(-1px);\r\n }\r\n\r\n html:not(.dark) .hero-quick-links a {\r\n color: var(--primary-dark);\r\n background: rgba(22, 163, 74, 0.12);\r\n border-color: rgba(22, 163, 74, 0.45);\r\n }\r\n\r\n html:not(.dark) .hero-quick-links a:hover {\r\n background: rgba(22, 163, 74, 0.22);\r\n }\r\n\r\n .page-section.page-section--live {\r\n min-height: min(88vh, 52rem);\r\n justify-content: flex-start;\r\n padding-top: calc(var(--header-height) + 2.5rem);\r\n padding-bottom: 3rem;\r\n }\r\n\r\n .live-empty-state {\r\n max-width: 40rem;\r\n padding: 1.75rem 1.5rem;\r\n border-radius: 20px;\r\n background: var(--bg-card);\r\n border: 1px solid var(--arena-rim);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .live-empty-state p {\r\n font-family: var(--font-sans);\r\n font-size: 1.05rem;\r\n font-weight: 600;\r\n color: var(--text-main);\r\n margin: 0 0 0.5rem 0;\r\n line-height: 1.45;\r\n }\r\n\r\n .live-empty-state .live-empty-muted {\r\n font-size: 0.92rem;\r\n font-weight: 500;\r\n color: var(--text-muted);\r\n margin-bottom: 1.25rem;\r\n }\r\n\r\n .live-empty-state a {\r\n font-family: var(--font-sans);\r\n font-size: 0.75rem;\r\n font-weight: 800;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--primary);\r\n text-decoration: none;\r\n border-bottom: 2px solid rgba(22, 163, 74, 0.35);\r\n padding-bottom: 2px;\r\n }\r\n\r\n .live-empty-state a:hover {\r\n color: var(--brand-green-light, #4ade80);\r\n border-bottom-color: var(--primary);\r\n }\r\n\r\n .arena-chapters {\r\n position: fixed;\r\n top: 50%;\r\n right: 0.65rem;\r\n transform: translateY(-50%);\r\n z-index: 4500;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.45rem;\r\n pointer-events: auto;\r\n }\r\n\r\n .arena-chapters a {\r\n font-family: var(--font-sans);\r\n font-size: 0.65rem;\r\n font-weight: 800;\r\n letter-spacing: 0.06em;\r\n color: rgba(255, 255, 255, 0.45);\r\n text-decoration: none;\r\n width: 2rem;\r\n height: 2rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 8px;\r\n border: 1px solid rgba(74, 222, 128, 0.2);\r\n background: rgba(10, 15, 12, 0.65);\r\n backdrop-filter: blur(10px);\r\n transition: color 0.2s, border-color 0.2s, background 0.2s;\r\n }\r\n\r\n html:not(.dark) .arena-chapters a {\r\n color: rgba(15, 23, 42, 0.55);\r\n background: rgba(255, 255, 255, 0.75);\r\n border-color: rgba(22, 163, 74, 0.25);\r\n }\r\n\r\n .arena-chapters a:hover {\r\n color: var(--brand-green-light, #4ade80);\r\n border-color: var(--primary);\r\n background: rgba(22, 163, 74, 0.15);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero-arena-stack {\r\n left: 50%;\r\n transform: translateX(-50%);\r\n bottom: 16%;\r\n max-width: 94vw;\r\n padding: 1.35rem 1.25rem 1.15rem;\r\n }\r\n\r\n .arena-chapters {\r\n display: none;\r\n }\r\n }\r\n\r\n .hero-title,\r\n .hero-motto,\r\n .scroll-indicator {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(3rem, 10vw, 8rem);\r\n line-height: 0.9;\r\n margin-bottom: 20px;\r\n text-transform: uppercase;\r\n font-weight: 900;\r\n overflow: hidden;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .hero-title span {\r\n display: inline-block;\r\n transform: translateY(100%);\r\n animation: revealText 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;\r\n }\r\n\r\n .hero-title .part2 {\r\n animation-delay: 0.2s;\r\n }\r\n\r\n @keyframes revealText {\r\n to {\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .hero-motto {\r\n font-size: 1.5rem;\r\n color: var(--text-muted);\r\n letter-spacing: 8px;\r\n text-transform: uppercase;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeInSlide 0.8s ease forwards 0.6s;\r\n }\r\n\r\n @keyframes fadeInSlide {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Light mode contrast adjustments for Hero *\/\r\n html:not(.dark) .hero-motto,\r\n html:not(.dark) .scroll-indicator {\r\n color: #000 !important;\r\n }\r\n\r\n \/* DYNAMIC OVERLAY (ENTRY FROM RIGHT) *\/\r\n #overlay-screen {\r\n position: fixed;\r\n top: 0;\r\n left: 100%;\r\n width: 100%;\r\n height: 100vh;\r\n background: var(--bg-body);\r\n z-index: 3000;\r\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n display: flex;\r\n flex-direction: column;\r\n padding: 0;\r\n overflow: hidden;\r\n }\r\n\r\n #overlay-screen.active {\r\n transform: translateX(-100%);\r\n }\r\n\r\n\r\n\r\n \/* SIDEBAR OVERLAY STATE *\/\r\n #sidebar.sidebar-overlay-active {\r\n z-index: 5000;\r\n width: var(--sidebar-expanded);\r\n }\r\n\r\n #sidebar.sidebar-overlay-active .nav-text {\r\n opacity: 1;\r\n }\r\n\r\n \/* HOME CONTENT BLOCKS (SCHEDULE, NEWS, ETC) *\/\r\n .home-block {\r\n background: var(--bg-card);\r\n border: 1px solid var(--arena-rim);\r\n border-radius: 24px;\r\n box-shadow: var(--shadow), 0 0 0 1px rgba(255, 255, 255, 0.03) inset,\r\n 0 0 80px -30px rgba(22, 163, 74, 0.12);\r\n padding: 50px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .block-title {\r\n font-family: var(--font-sans);\r\n font-size: 2.25rem;\r\n font-weight: 900;\r\n letter-spacing: -0.03em;\r\n text-transform: uppercase;\r\n color: var(--primary);\r\n margin-bottom: 30px;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n \/* HORIZONTAL CARDS MOCKUP *\/\r\n .horizontal-cards {\r\n display: flex;\r\n gap: 20px;\r\n overflow-x: auto;\r\n padding-bottom: 20px;\r\n scrollbar-width: none;\r\n }\r\n\r\n .h-card {\r\n min-width: 400px;\r\n background: rgba(0, 135, 81, 0.05);\r\n border-radius: 20px;\r\n padding: 30px;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* SPONSOR SECTION *\/\r\n .sponsor-section {\r\n background: var(--bg-card);\r\n }\r\n\r\n .dark .sponsor-section {\r\n background: #000;\r\n \/* Total black as requested *\/\r\n }\r\n\r\n .sponsor-slider {\r\n margin-top: 20px;\r\n overflow: hidden;\r\n background: rgba(255, 255, 255, 0.03);\r\n \/* Extremely subtle contrast *\/\r\n padding: 100px 0;\r\n \/* Cinema-style prominence *\/\r\n border-radius: 20px;\r\n position: relative;\r\n }\r\n\r\n .track {\r\n display: flex;\r\n width: calc(500px * 24);\r\n \/* Super-size track *\/\r\n animation: slideSponsors 80s linear infinite;\r\n \/* Ultra-slow, prestigious crawl *\/\r\n align-items: center;\r\n }\r\n\r\n @keyframes slideSponsors {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n\r\n 100% {\r\n transform: translateX(calc(-500px * 12));\r\n }\r\n }\r\n\r\n .sponsor {\r\n width: 500px;\r\n \/* Cinematic slot *\/\r\n padding: 0 50px;\r\n flex-shrink: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n filter: grayscale(0);\r\n \/* Full color by default for impact *\/\r\n opacity: 0.9;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .sponsor:hover {\r\n opacity: 1;\r\n transform: scale(1.05);\r\n }\r\n\r\n .sponsor img {\r\n max-width: 100%;\r\n max-height: 220px;\r\n \/* Maximum possible impact *\/\r\n object-fit: contain;\r\n }\r\n\r\n footer {\r\n padding: 10px 60px;\r\n background: var(--bg-body);\r\n color: var(--text-main);\r\n border-top: 2px solid var(--primary);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 0.5rem;\r\n letter-spacing: 1px;\r\n white-space: nowrap;\r\n text-transform: uppercase;\r\n opacity: 0.6;\r\n }\r\n\r\n \/* INITIAL ENTRY ANIMATION *\/\r\n .home-slide-entry {\r\n animation: homeSlideDown 1.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n @keyframes homeSlideDown {\r\n from {\r\n transform: translateY(-50px);\r\n opacity: 0;\r\n }\r\n\r\n to {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n \/* BOOK SPLIT TRANSITION *\/\r\n #book-split {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n z-index: 9999;\r\n pointer-events: none;\r\n display: flex;\r\n }\r\n\r\n .split-panel {\r\n flex: 1;\r\n background: var(--primary);\r\n height: 100%;\r\n transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);\r\n }\r\n\r\n .split-left {\r\n transform: translateX(-100%);\r\n border-right: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .split-right {\r\n transform: translateX(100%);\r\n border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n #book-split.active .split-left,\r\n #book-split.active .split-right {\r\n transform: translateX(0);\r\n }\r\n\r\n #split-logo-wrap {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) scale(0);\r\n z-index: 10000;\r\n transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n background: white;\r\n padding: 20px;\r\n border-radius: 50%;\r\n box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n #book-split.active #split-logo-wrap {\r\n transform: translate(-50%, -50%) scale(1);\r\n }\r\n\r\n .split-logo {\r\n width: 120px;\r\n height: auto;\r\n }\r\n\r\n \/* DYNAMIC BACKGROUND *\/\r\n #page-bg {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -1;\r\n pointer-events: none;\r\n background-image: url('basketball_bg_pattern.png');\r\n background-repeat: repeat;\r\n background-size: 800px;\r\n opacity: 0.03;\r\n \/* Extremely subtle *\/\r\n transition: opacity 0.4s ease;\r\n animation: bgFloat 60s linear infinite;\r\n }\r\n\r\n .dark #page-bg {\r\n opacity: 0.05;\r\n filter: invert(1);\r\n }\r\n\r\n @keyframes bgFloat {\r\n 0% {\r\n background-position: 0 0;\r\n }\r\n\r\n 100% {\r\n background-position: 800px 800px;\r\n }\r\n }\r\n\r\n \/* RESPONSIVE DESIGN - UNIFIED MEDIA QUERIES *\/\r\n\r\n \/* TABLET & MOBILE OVERRIDE *\/\r\n @media (max-width: 1024px) {\r\n :root {\r\n --sidebar-width: 0px;\r\n --header-height: 70px;\r\n }\r\n\r\n #custom-cursor {\r\n display: none !important;\r\n }\r\n\r\n body,\r\n a,\r\n button,\r\n .nav-item,\r\n .submenu-item {\r\n cursor: auto !important;\r\n }\r\n\r\n #sidebar {\r\n transform: translateX(-100%);\r\n z-index: 99999 !important;\r\n width: var(--sidebar-expanded);\r\n top: 0;\r\n height: 100vh;\r\n border-right: none;\r\n box-shadow: 20px 0 50px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n #sidebar.sidebar-overlay-active {\r\n transform: translateX(0);\r\n }\r\n\r\n #sidebar:hover {\r\n width: var(--sidebar-expanded);\r\n \/* Prevent hover expansion on touch *\/\r\n }\r\n\r\n .nav-text {\r\n opacity: 1 !important;\r\n }\r\n\r\n #header-fixed {\r\n width: 100vw;\r\n left: 0;\r\n padding: 0 15px;\r\n }\r\n\r\n .header-btn {\r\n display: flex !important;\r\n }\r\n\r\n .header-right-group .theme-toggle {\r\n display: none;\r\n }\r\n\r\n #content-area {\r\n left: 0 !important;\r\n }\r\n\r\n .page-section {\r\n padding: 40px 20px;\r\n }\r\n\r\n .home-block {\r\n padding: 30px 20px;\r\n border-radius: 20px;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(2.5rem, 8vw, 4rem) !important;\r\n }\r\n\r\n \/* Adjust registration grid for tablets *\/\r\n .registration-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n padding: 0 20px !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .promo-box:nth-child(even) {\r\n transform: translateY(0) !important;\r\n }\r\n }\r\n\r\n \/* MOBILE SMALL OVERRIDE *\/\r\n @media (max-width: 600px) {\r\n :root {\r\n --header-height: 60px;\r\n }\r\n\r\n .brand-name {\r\n font-size: 1.2rem !important;\r\n }\r\n\r\n .brand-name .part2 {\r\n display: none !important;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2rem !important;\r\n }\r\n\r\n .hero-motto {\r\n font-size: 0.9rem !important;\r\n letter-spacing: 4px !important;\r\n }\r\n\r\n .registration-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n\r\n .promo-img-wrap {\r\n height: 180px !important;\r\n }\r\n\r\n .block-title {\r\n font-size: 1.8rem !important;\r\n }\r\n\r\n .event-box {\r\n padding: 15px !important;\r\n }\r\n\r\n .teams {\r\n font-size: 1.1rem !important;\r\n }\r\n\r\n .h-card {\r\n min-width: 280px !important;\r\n padding: 20px !important;\r\n }\r\n\r\n .merchandising-parallax {\r\n min-height: 350px !important;\r\n padding: 40px 20px !important;\r\n background-attachment: scroll !important;\r\n \/* Better performance on mobile *\/\r\n }\r\n\r\n .merch-content h3 {\r\n font-size: 1.4rem !important;\r\n }\r\n\r\n footer {\r\n flex-direction: column;\r\n text-align: center;\r\n gap: 5px;\r\n padding: 20px;\r\n white-space: normal;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div id=\"custom-cursor\"><\/div>\r\n <div id=\"page-bg\"><\/div>\r\n\r\n <nav class=\"arena-chapters\" aria-label=\"Salta alla sezione\">\r\n <a href=\"#home-hero\" title=\"Hero\">01<\/a>\r\n <a href=\"#section-live\" title=\"Live\">02<\/a>\r\n <a href=\"#registration-promo-section\" title=\"Iscrizioni\">03<\/a>\r\n <a href=\"#timeline-container-block\" title=\"Partite\">04<\/a>\r\n <a href=\"#merchandising-section\" title=\"Shop\">05<\/a>\r\n <a href=\"#sponsor-section\" title=\"Sponsor\">06<\/a>\r\n <\/nav>\r\n\r\n <nav id=\"sidebar\">\r\n\r\n\r\n <div class=\"nav-group\">\r\n <div class=\"nav-item\">\r\n <span class=\"material-icons-round\">groups<\/span>\r\n <span class=\"nav-text\">Societ\u00e0<\/span>\r\n <\/div>\r\n <div class=\"submenu\">\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Storia', 'https:\/\/www.aviglianabasket.it\/?page_id=254')\">Storia<\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Informazioni', 'https:\/\/www.aviglianabasket.it\/?page_id=274')\">\r\n Informazioni<\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Privacy Policy', 'https:\/\/www.aviglianabasket.it\/?page_id=3')\">\r\n Privacy Policy<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"nav-group\">\r\n <div class=\"nav-item\" onclick=\"openDynamicPage('Stagione', 'https:\/\/www.aviglianabasket.it\/?page_id=139')\">\r\n <span class=\"material-icons-round\">event_note<\/span>\r\n <span class=\"nav-text\">Stagione<\/span>\r\n <\/div>\r\n <div class=\"submenu\">\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Squadre', 'https:\/\/www.aviglianabasket.it\/?page_id=179')\">Squadre<\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Calendario', 'https:\/\/www.aviglianabasket.it\/?page_id=2192')\">Calendario\r\n <\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Prossimi Incontri', 'https:\/\/www.aviglianabasket.it\/?page_id=107')\">\r\n Prossimi Incontri<\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Statistiche', 'https:\/\/www.aviglianabasket.it\/?page_id=5473')\">\r\n Statistiche<\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('News', 'https:\/\/www.aviglianabasket.it\/?page_id=151')\">News<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"nav-group\">\r\n <div class=\"nav-item\">\r\n <span class=\"material-icons-round\">person_add<\/span>\r\n <span class=\"nav-text\">Atleti<\/span>\r\n <\/div>\r\n <div class=\"submenu\">\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Iscrizioni Regular Season', 'https:\/\/www.cloud32.it\/GES\/pub\/corsisel\/210812?&rpet=true')\">\r\n Iscrizioni Regular Season<\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Iscrizioni Estate', 'https:\/\/www.aviglianabasket.cloud\/ab-iscrizioni\/')\">\r\n Iscrizioni Estate<\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Portale Atleta', 'https:\/\/www.aviglianabasket.cloud\/ab-documentale\/')\">\r\n Portale Atleta<\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Richiesta Info', 'https:\/\/www.aviglianabasket.it\/?page_id=274')\">\r\n Richiesta Info<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"nav-group\">\r\n <div class=\"nav-item\"\r\n onclick=\"openDynamicPage('Merchandising', 'https:\/\/www.aviglianabasket.cloud\/ab-merch-ordini_sql\/')\">\r\n <span class=\"material-icons-round\">shopping_bag<\/span>\r\n <span class=\"nav-text\">Merchandising<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"nav-group\">\r\n <div class=\"nav-item\" onclick=\"openDynamicPage('Sponsor', 'https:\/\/www.aviglianabasket.it\/?page_id=454')\">\r\n <span class=\"material-icons-round\">handshake<\/span>\r\n <span class=\"nav-text\">Sponsor<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"nav-group\">\r\n <div class=\"nav-item\"\r\n onclick=\"openDynamicPage('Area Riservata', 'https:\/\/www.aviglianabasket.it\/?page_id=427')\">\r\n <span class=\"material-icons-round\">vpn_key<\/span>\r\n <span class=\"nav-text\">Area Riservata<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <header id=\"header-fixed\">\r\n <div class=\"header-content-left\">\r\n\r\n <div class=\"branding\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.cloud\/wp-content\/uploads\/2025\/12\/AAA_NEW_LOGO-Photoroom.png\" alt=\"Logo\" class=\"logo\" title=\"\">\r\n <div class=\"brand-name\" onclick=\"showHome()\" style=\"cursor:pointer\">\r\n <span class=\"part1\" style=\"color:#4ade80\">Avigliana<\/span> <span class=\"part2\"\r\n style=\"color:#fff\">Basket<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"header-content-right\">\r\n <div class=\"header-btn menu-btn\" id=\"header-menu-btn\" onclick=\"toggleMenu()\">\r\n <span class=\"material-icons-round\">menu<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <div id=\"content-area\">\r\n <section class=\"page-section hero-section\" id=\"home-hero\">\r\n <video id=\"hero-bg\" class=\"hero-bg-img\" autoplay muted playsinline\r\n poster=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/03\/NEW_DARKSFONDO-scaled.png\">\r\n <source src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/03\/Sfondo_animato-1.mp4\"\r\n type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"hero-overlay\"><\/div>\r\n\r\n <div class=\"hero-arena-stack\">\r\n <p class=\"hero-chapter-label\">01 \u00b7 Home<\/p>\r\n <h2 class=\"hero-broadcast-title\">Keep pushing.<br><span class=\"hero-line-accent\">Keep winning.<\/span><\/h2>\r\n <p class=\"hero-broadcast-tagline\">ASD Polisportiva Avigliana Basket<\/p>\r\n <nav class=\"hero-quick-links\" aria-label=\"Collegamenti rapidi\">\r\n <a href=\"#section-live\">Live<\/a>\r\n <a href=\"#registration-promo-section\">Iscrizioni<\/a>\r\n <a href=\"#timeline-container-block\">Calendario<\/a>\r\n <a href=\"#merchandising-section\">Shop<\/a>\r\n <\/nav>\r\n <\/div>\r\n\r\n <div class=\"scroll-indicator\">\r\n <div class=\"mouse\">\r\n <div class=\"wheel\"><\/div>\r\n <\/div>\r\n <span>Scroll Down<\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function () {\r\n var v = document.getElementById(\"hero-bg\");\r\n if (!v) return;\r\n v.addEventListener(\"error\", function () {\r\n v.classList.add(\"hero-video-hidden\");\r\n });\r\n })();\r\n <\/script>\r\n\r\n <style>\r\n .scroll-indicator {\r\n position: absolute;\r\n bottom: 30px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n color: white;\r\n font-family: var(--font-sans);\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n opacity: 0.6;\r\n animation: scrollWiggle 2s infinite;\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n @keyframes scrollWiggle {\r\n\r\n 0%,\r\n 100% {\r\n transform: translate(-50%, 0);\r\n opacity: 0.4;\r\n }\r\n\r\n 50% {\r\n transform: translate(-50%, 10px);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .scroll-indicator .mouse {\r\n width: 25px;\r\n height: 40px;\r\n border: 2px solid white;\r\n border-radius: 12px;\r\n position: relative;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .scroll-indicator .wheel {\r\n width: 3px;\r\n height: 8px;\r\n background: white;\r\n position: absolute;\r\n top: 8px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n border-radius: 2px;\r\n animation: wheelScroll 1.5s infinite;\r\n }\r\n\r\n @keyframes wheelScroll {\r\n 0% {\r\n opacity: 0;\r\n transform: translate(-50%, 0);\r\n }\r\n\r\n 30% {\r\n opacity: 1;\r\n }\r\n\r\n 100% {\r\n opacity: 0;\r\n transform: translate(-50%, 15px);\r\n }\r\n }\r\n <\/style>\r\n\r\n <section class=\"page-section page-section--live\" id=\"section-live\">\r\n <div id=\"live-events-container\"><\/div>\r\n\r\n <style>\r\n #live-events-container h1,\r\n #live-events-container h2.live-events-heading {\r\n font-family: 'Urbanist', sans-serif;\r\n color: var(--primary);\r\n font-size: 2.2rem;\r\n font-weight: 900;\r\n margin-bottom: 20px;\r\n text-align: left;\r\n \/* Left aligned *\/\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n #live-events-container h2.live-events-heading {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .dark #live-events-container h1,\r\n .dark #live-events-container h2.live-events-heading {\r\n text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .event-box {\r\n background: var(--bg-card);\r\n border-radius: 20px;\r\n padding: 25px;\r\n margin-bottom: 20px;\r\n box-shadow: var(--shadow);\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .dark .event-box {\r\n border-color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .event-box::before {\r\n content: 'LIVE';\r\n position: absolute;\r\n right: -10px;\r\n bottom: -10px;\r\n font-size: 8rem;\r\n font-family: 'Urbanist', sans-serif;\r\n font-weight: 900;\r\n opacity: 0.03;\r\n pointer-events: none;\r\n }\r\n\r\n .title-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .teams {\r\n font-size: 1.4rem;\r\n font-weight: 800;\r\n color: var(--text-main);\r\n font-family: 'Urbanist', sans-serif;\r\n }\r\n\r\n .start-time-container {\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n background: rgba(0, 0, 0, 0.03);\r\n padding: 5px 12px;\r\n border-radius: 10px;\r\n }\r\n\r\n .dark .start-time-container {\r\n background: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .cat-location {\r\n font-size: 0.9rem;\r\n color: var(--text-muted);\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n \/* TIMELINE *\/\r\n .timeline-container {\r\n margin-top: 25px;\r\n }\r\n\r\n .timeline-track {\r\n position: relative;\r\n width: 100%;\r\n height: 14px;\r\n background: rgba(0, 0, 0, 0.05);\r\n border-radius: 20px;\r\n display: flex;\r\n overflow: hidden;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .dark .timeline-track {\r\n background: rgba(255, 255, 255, 0.05);\r\n border-color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .segment {\r\n height: 100%;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .ball {\r\n position: absolute;\r\n top: 50%;\r\n width: 30px;\r\n height: 30px;\r\n background: url(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/7\/7a\/Basketball.png\") no-repeat center;\r\n background-size: contain;\r\n transform: translate(-50%, -50%);\r\n z-index: 10;\r\n filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3));\r\n transition: left 1s ease-in-out;\r\n }\r\n\r\n .labels-row {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-top: 10px;\r\n font-size: 0.65rem;\r\n position: relative;\r\n height: 20px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n color: var(--text-muted);\r\n }\r\n\r\n .label {\r\n position: absolute;\r\n transform: translateX(-50%);\r\n white-space: nowrap;\r\n }\r\n <\/style>\r\n\r\n <script>\r\n (function () {\r\n const CSV_URL = \"\/wp-content\/uploads\/2025\/INCONTRI.csv\";\r\n const REFRESH_MS = 60000;\r\n const TOTAL_DURATION_MIN = 140;\r\n\r\n function parseCSV(text) {\r\n const lines = text.trim().split(\"\\n\");\r\n return lines.map(l => l.split(\",\"));\r\n }\r\n\r\n function minutesSince(start) {\r\n return (new Date() - start) \/ 60000;\r\n }\r\n\r\n function getTimelineStructure(type) {\r\n if (type.includes(\"Seniores\")) {\r\n return [\r\n [\"Risc\", -20, 0], [\"1\u00b0Q\", 0, 20], [\"2\u00b0Q\", 20, 40],\r\n [\"INT\", 40, 56], [\"3\u00b0Q\", 56, 76], [\"4\u00b0Q\", 76, 96],\r\n [\"Fine\", 96, 120]\r\n ];\r\n } else if (type.includes(\"Giovanili\")) {\r\n return [\r\n [\"Risc\", -20, 0], [\"1\u00b0Q\", 0, 16], [\"2\u00b0Q\", 16, 32],\r\n [\"INT\", 32, 49], [\"3\u00b0Q\", 49, 65], [\"4\u00b0Q\", 65, 81],\r\n [\"Fine\", 81, 120]\r\n ];\r\n } else { \/\/ Minibasket\r\n return [\r\n [\"Risc\", -20, 0], [\"1\u00b0T\", 0, 25], [\"INT\", 25, 41],\r\n [\"2\u00b0T\", 41, 66], [\"Fine\", 66, 120]\r\n ];\r\n }\r\n }\r\n\r\n function getSegmentStyle(label) {\r\n let color = \"rgba(100, 100, 100, 0.1)\"; \/\/ Default\r\n if (label.includes(\"Q\") || label.includes(\"T\")) color = \"var(--primary)\";\r\n if (label.includes(\"INT\")) color = \"#ffa930\";\r\n if (label.includes(\"Fine\")) color = \"#e74c3c\";\r\n return `background-color: ${color}; opacity: 0.2;`;\r\n }\r\n\r\n function createTimeline(type, elapsed) {\r\n const structure = getTimelineStructure(type);\r\n let ballLeft = ((elapsed + 20) \/ TOTAL_DURATION_MIN) * 100;\r\n ballLeft = Math.max(0, Math.min(100, ballLeft));\r\n\r\n let segmentsHtml = structure.map(seg => {\r\n const [label, start, end] = seg;\r\n const width = ((end - start) \/ TOTAL_DURATION_MIN) * 100;\r\n return `<div class=\"segment\" style=\"width:${width}%; ${getSegmentStyle(label)}\"><\/div>`;\r\n }).join('');\r\n\r\n let labelsHtml = structure.map(seg => {\r\n const [label, start, end] = seg;\r\n const pos = (((start + end) \/ 2 + 20) \/ TOTAL_DURATION_MIN) * 100;\r\n const width = ((end - start) \/ TOTAL_DURATION_MIN) * 100;\r\n if (label === \"Fine\" || width < 5) return '';\r\n return `<div class=\"label\" style=\"left:${pos}%\">${label}<\/div>`;\r\n }).join('');\r\n\r\n return `\r\n <div class=\"timeline-container\">\r\n <div class=\"timeline-track\">\r\n ${segmentsHtml}\r\n <div class=\"ball\" style=\"left:${ballLeft}%\"><\/div>\r\n <\/div>\r\n <div class=\"labels-row\">${labelsHtml}<\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n async function loadLiveEvents() {\r\n const container = document.getElementById(\"live-events-container\");\r\n if (!container) return;\r\n const titleHtml = `<h2 class=\"live-events-heading\"><span class=\"material-icons-round\" aria-hidden=\"true\">sensors<\/span> Eventi live<\/h2>`;\r\n const emptyInner = `\r\n <div class=\"live-empty-state\">\r\n <p>Al momento non ci sono partite in diretta.<\/p>\r\n <p class=\"live-empty-muted\">Gli incontri del giorno compaiono qui verso l\u2019orario di inizio (finestra \u00b120 min prima \/ 2 ore dopo).<\/p>\r\n <a href=\"#timeline-container-block\">Vai al calendario partite<\/a>\r\n <\/div>`;\r\n try {\r\n const r = await fetch(CSV_URL + \"?t=\" + Date.now());\r\n const text = await r.text();\r\n const rows = parseCSV(text);\r\n\r\n const now = new Date();\r\n const today = now.toLocaleDateString('it-IT');\r\n\r\n let html = '';\r\n let found = false;\r\n\r\n rows.forEach((r, i) => {\r\n if (i === 0 || !r[2]) return;\r\n if (r[2] !== today) return;\r\n\r\n const [hh, mm] = r[7].split(\":\");\r\n const eventDate = new Date();\r\n eventDate.setHours(hh, mm, 0, 0);\r\n const elapsed = minutesSince(eventDate);\r\n\r\n if (elapsed < -20 || elapsed > 120) return;\r\n\r\n found = true;\r\n const title = (r[6] === \"C CASA\" || r[6] === \"CASA\") ? `${r[4]} vs ${r[5]}` : `${r[5]} vs ${r[4]}`;\r\n\r\n html += `\r\n <div class=\"event-box\">\r\n <div class=\"title-row\">\r\n <div class=\"teams\">${title}<\/div>\r\n <div class=\"start-time-container\">\r\n <span style=\"opacity:0.7\">Inizio:<\/span> \r\n <span style=\"color:var(--primary)\">${r[7]}<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cat-location\">\r\n <span class=\"material-icons-round\" style=\"font-size:16px\">category<\/span> ${r[12]}\r\n <span class=\"material-icons-round\" style=\"font-size:16px; margin-left:10px;\">place<\/span> ${r[8]}\r\n <\/div>\r\n ${createTimeline(r[12], elapsed)}\r\n <\/div>\r\n `;\r\n });\r\n\r\n container.innerHTML = found ? (titleHtml + html) : (titleHtml + emptyInner);\r\n container.style.display = 'block';\r\n } catch (e) {\r\n container.innerHTML = titleHtml + `\r\n <div class=\"live-empty-state\">\r\n <p>Non \u00e8 stato possibile aggiornare gli eventi live.<\/p>\r\n <p class=\"live-empty-muted\">Controlla la connessione oppure apri il calendario per le partite programmate.<\/p>\r\n <a href=\"#timeline-container-block\">Vai al calendario partite<\/a>\r\n <\/div>`;\r\n container.style.display = 'block';\r\n }\r\n }\r\n\r\n loadLiveEvents();\r\n setInterval(loadLiveEvents, REFRESH_MS);\r\n })();\r\n <\/script>\r\n\r\n <style>\r\n @keyframes pulse {\r\n 0% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n 50% {\r\n opacity: 0.7;\r\n transform: scale(0.95);\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n <\/style>\r\n\r\n <section class=\"page-section\" id=\"registration-promo-section\">\r\n <div class=\"registration-grid\">\r\n <div class=\"promo-box\">\r\n <div class=\"promo-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2025\/08\/ISCRIZIONE_20252026.jpg.webp\" alt=\"Regular Season\" title=\"\">\r\n <\/div>\r\n <button class=\"promo-btn\"\r\n onclick=\"openDynamicPage('ISCRIZIONE REGULAR SEASON', 'https:\/\/www.cloud32.it\/GES\/pub\/corsisel\/210812?&rpet=true')\">ISCRIZIONE\r\n REGULAR SEASON<\/button>\r\n <\/div>\r\n <div class=\"promo-box\">\r\n <div class=\"promo-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/04\/internationalCamp.jpeg\" alt=\"International Camp\" title=\"\">\r\n <\/div>\r\n <button class=\"promo-btn\"\r\n onclick=\"openDynamicPage('ISCRIZIONE INTERNATIONAL CAMP', 'https:\/\/www.aviglianabasket.cloud\/ab-iscrizioni\/')\">ISCRIZIONE\r\n INTERNATIONAL CAMP<\/button>\r\n <\/div>\r\n <div class=\"promo-box\">\r\n <div class=\"promo-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/04\/SummerCamp.jpeg\" alt=\"Summer Sport Camp\" title=\"\">\r\n <\/div>\r\n <button class=\"promo-btn\"\r\n onclick=\"openDynamicPage('ISCRIZIONI SUMMER SPORT CAMP', 'https:\/\/www.aviglianabasket.cloud\/ab-iscrizioni\/')\">ISCRIZIONI\r\n SUMMER SPORT CAMP<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <style>\r\n .registration-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n margin-bottom: 60px;\r\n padding: 0 40px;\r\n max-width: 1400px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .promo-box:nth-child(even) {\r\n transform: translateY(40px);\r\n }\r\n\r\n .reveal-on-scroll {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);\r\n }\r\n\r\n .reveal-on-scroll.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .promo-box {\r\n background: var(--bg-card);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: var(--shadow);\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n transition: transform 0.3s ease;\r\n height: 100%;\r\n }\r\n\r\n .dark .promo-box {\r\n border-color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .promo-box:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .promo-img-wrap {\r\n width: 100%;\r\n height: 250px;\r\n overflow: hidden;\r\n }\r\n\r\n .promo-img-wrap img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .promo-box:hover .promo-img-wrap img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .promo-btn {\r\n margin: 20px;\r\n padding: 15px;\r\n background: var(--primary);\r\n color: white;\r\n border: none;\r\n border-radius: 12px;\r\n font-family: 'Urbanist', sans-serif;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n margin-top: auto;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .promo-btn:hover {\r\n background: var(--primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\r\n }\r\n <\/style>\r\n <\/section>\r\n\r\n <div class=\"home-block\" id=\"timeline-container-block\">\r\n <style>\r\n #timeline-widget {\r\n width: 100%;\r\n background: var(--bg-card);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n box-shadow: var(--shadow);\r\n font-family: 'Urbanist', sans-serif;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .dark #timeline-widget {\r\n border-color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n #timeline-header {\r\n padding: 20px;\r\n text-align: left;\r\n \/* Left aligned *\/\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\r\n background: rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .dark #timeline-header {\r\n border-bottom-color: rgba(255, 255, 255, 0.05);\r\n background: rgba(255, 255, 255, 0.02);\r\n }\r\n\r\n #timeline-header h3 {\r\n font-family: 'Urbanist', sans-serif;\r\n font-size: 1.2rem;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n color: var(--text-main);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .legend {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n font-size: 0.7rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n opacity: 0.8;\r\n }\r\n\r\n .legend-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .dot-home {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: #10b981;\r\n box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);\r\n }\r\n\r\n .dot-away {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: #e11d48;\r\n box-shadow: 0 0 10px rgba(225, 29, 72, 0.5);\r\n }\r\n\r\n #timeline-main {\r\n padding: 20px;\r\n position: relative;\r\n height: 180px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \/* Centered *\/\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n scrollbar-width: thin;\r\n }\r\n\r\n #timeline-main::-webkit-scrollbar {\r\n height: 4px;\r\n }\r\n\r\n #timeline-main::-webkit-scrollbar-thumb {\r\n background: var(--primary);\r\n border-radius: 10px;\r\n }\r\n\r\n #timeline-axis {\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n width: 100%;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--text-muted), transparent);\r\n opacity: 0.2;\r\n z-index: 1;\r\n }\r\n\r\n .timeline-days-wrap {\r\n display: flex;\r\n justify-content: center;\r\n \/* Centered items *\/\r\n gap: 20px;\r\n \/* Added gap for better spacing *\/\r\n height: 100%;\r\n position: relative;\r\n z-index: 2;\r\n padding: 0 40px;\r\n }\r\n\r\n .day-column {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n width: 80px;\r\n height: 100%;\r\n position: relative;\r\n }\r\n\r\n .day-badge {\r\n background: var(--bg-body);\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n padding: 6px 10px;\r\n border-radius: 12px;\r\n text-align: center;\r\n min-width: 60px;\r\n z-index: 10;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .dark .day-badge {\r\n border-color: rgba(255, 255, 255, 0.1);\r\n background: #1a1a1a;\r\n }\r\n\r\n .day-badge.is-today {\r\n background: var(--primary);\r\n border-color: var(--primary);\r\n color: white !important;\r\n transform: scale(1.1);\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .day-badge.is-today span {\r\n color: white !important;\r\n }\r\n\r\n .day-name {\r\n display: block;\r\n font-size: 0.6rem;\r\n text-transform: uppercase;\r\n font-weight: 800;\r\n color: var(--text-muted);\r\n margin-bottom: 2px;\r\n }\r\n\r\n .day-num {\r\n display: block;\r\n font-size: 1.1rem;\r\n font-weight: 900;\r\n color: var(--text-main);\r\n font-family: 'Urbanist', sans-serif;\r\n }\r\n\r\n .match-dot {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-weight: 900;\r\n font-size: 0.8rem;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n border: 2px solid rgba(255, 255, 255, 0.2);\r\n position: absolute;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n\r\n .match-dot:hover {\r\n transform: translateX(-50%) scale(1.2);\r\n z-index: 100;\r\n cursor: pointer;\r\n }\r\n\r\n .match-dot.home {\r\n background: linear-gradient(135deg, #10b981, #059669);\r\n bottom: 110px;\r\n box-shadow: 0 4px 10px rgba(16, 185, 129, 0.3);\r\n }\r\n\r\n .match-dot.away {\r\n background: linear-gradient(135deg, #e11d48, #be123c);\r\n top: 110px;\r\n box-shadow: 0 4px 10px rgba(225, 29, 72, 0.3);\r\n }\r\n\r\n .dashed-connector {\r\n position: absolute;\r\n width: 1px;\r\n height: 20px;\r\n border-left: 1px dashed var(--text-muted);\r\n opacity: 0.4;\r\n left: 50%;\r\n }\r\n\r\n .dashed-connector.up {\r\n bottom: 90px;\r\n }\r\n\r\n .dashed-connector.down {\r\n top: 90px;\r\n }\r\n\r\n \/* TICKER *\/\r\n #ticker-wrap {\r\n background: var(--primary-dark);\r\n height: 36px;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n position: relative;\r\n border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .ticker-label {\r\n background: var(--primary);\r\n color: white;\r\n font-size: 0.65rem;\r\n font-weight: 900;\r\n padding: 0 15px;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n z-index: 10;\r\n box-shadow: 5px 0 15px rgba(0, 0, 0, 0.3);\r\n white-space: nowrap;\r\n }\r\n\r\n .ticker-content {\r\n display: flex;\r\n white-space: nowrap;\r\n animation: tickerSwipe 40s linear infinite;\r\n padding-left: 20px;\r\n }\r\n\r\n .ticker-item {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-right: 30px;\r\n color: rgba(255, 255, 255, 0.9);\r\n font-size: 0.75rem;\r\n }\r\n\r\n .ticker-time {\r\n font-weight: 900;\r\n color: #fff;\r\n background: rgba(255, 255, 255, 0.1);\r\n padding: 2px 6px;\r\n border-radius: 4px;\r\n font-family: monospace;\r\n }\r\n\r\n .ticker-desc {\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n }\r\n\r\n @keyframes tickerSwipe {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n \/* MODAL *\/\r\n #match-detail-modal {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.85);\r\n backdrop-filter: blur(5px);\r\n z-index: 10000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .modal-content {\r\n background: var(--bg-card);\r\n width: 100%;\r\n max-width: 600px;\r\n border-radius: 30px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n animation: modalShow 0.3s ease-out;\r\n }\r\n\r\n @keyframes modalShow {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .modal-header {\r\n padding: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\r\n display: flex;\r\n justify-content: center;\r\n \/* Centered *\/\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n .modal-title {\r\n font-family: 'Urbanist', sans-serif;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n color: var(--primary);\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n \/* Positioned absolute for centering title *\/\r\n right: 20px;\r\n cursor: pointer;\r\n opacity: 0.6;\r\n }\r\n\r\n .modal-body {\r\n padding: 25px;\r\n max-height: 70vh;\r\n overflow-y: auto;\r\n text-align: center;\r\n \/* Centered content *\/\r\n }\r\n\r\n .event-card {\r\n background: var(--bg-body);\r\n padding: 25px;\r\n border-radius: 20px;\r\n margin-bottom: 20px;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n \/* Centered *\/\r\n }\r\n\r\n .event-time {\r\n font-family: monospace;\r\n font-weight: 900;\r\n color: var(--primary);\r\n font-size: 1.1rem;\r\n margin-bottom: 10px;\r\n display: block;\r\n }\r\n\r\n .event-summary {\r\n font-size: 1.2rem;\r\n font-weight: 800;\r\n color: var(--text-main);\r\n margin-bottom: 15px;\r\n display: block;\r\n line-height: 1.2;\r\n }\r\n\r\n .event-loc {\r\n font-size: 0.9rem;\r\n color: var(--text-muted);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 5px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .event-desc {\r\n font-size: 0.85rem;\r\n color: var(--text-muted);\r\n border-top: 1px solid rgba(0, 0, 0, 0.05);\r\n padding-top: 15px;\r\n line-height: 1.5;\r\n white-space: pre-line;\r\n width: 100%;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #timeline-main {\r\n height: 220px;\r\n }\r\n\r\n .match-dot.home {\r\n bottom: 130px;\r\n }\r\n\r\n .match-dot.away {\r\n top: 130px;\r\n }\r\n\r\n .dashed-connector.up {\r\n bottom: 95px;\r\n }\r\n\r\n .dashed-connector.down {\r\n top: 95px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div id=\"timeline-widget\">\r\n <div id=\"timeline-header\">\r\n <h3>Match Timeline - Prossimi 7 Giorni<\/h3>\r\n <div class=\"legend\">\r\n <div class=\"legend-item\"><span class=\"dot-home\"><\/span> CASA<\/div>\r\n <div class=\"legend-item\"><span class=\"dot-away\"><\/span> TRASFERTA<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"timeline-main\">\r\n <div id=\"timeline-axis\"><\/div>\r\n <div class=\"timeline-days-wrap\" id=\"days-root\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"ticker-wrap\">\r\n <div class=\"ticker-label\"><span class=\"material-icons-round\"\r\n style=\"font-size: 14px; margin-right: 5px;\">sensors<\/span> LIVE OGGI<\/div>\r\n <div class=\"ticker-content\" id=\"ticker-root\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"match-detail-modal\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <div class=\"modal-title\" id=\"m-title\">Dettaglio Match<\/div>\r\n <span class=\"material-icons-round modal-close\" onclick=\"closeMatchModal()\">close<\/span>\r\n <\/div>\r\n <div class=\"modal-body\" id=\"m-body\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n const API_KEY = \"AIzaSyDVNulAR9V16JXIK2RSRXCv6uk6AO2Nk1I\";\r\n const CAL_HOME = \"0cd5fa89ab3f8bbd58fe500d95e9df8d2c04692dfdd11fed8a04889380049052@group.calendar.google.com\";\r\n const CAL_AWAY = \"eda6118d425bd15e8b5ec8defdb2ca2a99b94ef6be7b0ffa943fc371f48cf3d8@group.calendar.google.com\";\r\n\r\n let allEvents = { home: [], away: [] };\r\n\r\n async function fetchEvents(calId, type) {\r\n const timeMin = new Date();\r\n timeMin.setHours(0, 0, 0, 0);\r\n const timeMax = new Date();\r\n timeMax.setDate(timeMax.getDate() + 7);\r\n\r\n const url = `https:\/\/www.googleapis.com\/calendar\/v3\/calendars\/${encodeURIComponent(calId)}\/events?key=${API_KEY}&singleEvents=true&orderBy=startTime&timeMin=${timeMin.toISOString()}&timeMax=${timeMax.toISOString()}`;\r\n\r\n try {\r\n const r = await fetch(url);\r\n const d = await r.json();\r\n return (d.items || []).map(ev => ({\r\n summary: ev.summary || \"Match\",\r\n location: ev.location || \"PalaAvigliana\",\r\n description: ev.description || \"\",\r\n start: new Date(ev.start.dateTime || ev.start.date),\r\n type: type,\r\n dateKey: (ev.start.dateTime || ev.start.date).split('T')[0]\r\n }));\r\n } catch (e) { return []; }\r\n }\r\n\r\n async function initTimeline() {\r\n allEvents.home = await fetchEvents(CAL_HOME, 'HOME');\r\n allEvents.away = await fetchEvents(CAL_AWAY, 'AWAY');\r\n renderTimeline();\r\n }\r\n\r\n function renderTimeline() {\r\n const daysRoot = document.getElementById('days-root');\r\n const tickerRoot = document.getElementById('ticker-root');\r\n daysRoot.innerHTML = '';\r\n tickerRoot.innerHTML = '';\r\n\r\n const today = new Date();\r\n const todayKey = today.toISOString().split('T')[0];\r\n let tickerHtml = '';\r\n\r\n for (let i = 0; i < 7; i++) {\r\n const d = new Date(today);\r\n d.setDate(today.getDate() + i);\r\n const key = d.toISOString().split('T')[0];\r\n const isToday = key === todayKey;\r\n\r\n const hMatches = allEvents.home.filter(e => e.dateKey === key);\r\n const aMatches = allEvents.away.filter(e => e.dateKey === key);\r\n\r\n \/\/ Add to ticker if today\r\n if (isToday) {\r\n [...hMatches, ...aMatches].sort((a, b) => a.start - b.start).forEach(m => {\r\n let desc = m.summary;\r\n if (m.description) {\r\n let clean = m.description.replace(\/Incontro in : (CASA|TRASFERTA) fra \/i, \"\").split('--')[0].trim();\r\n if (clean) desc = clean;\r\n }\r\n tickerHtml += `\r\n <div class=\"ticker-item\">\r\n <span class=\"ticker-time\">${m.start.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}<\/span>\r\n <span class=\"ticker-desc\">${desc}<\/span>\r\n <\/div>\r\n `;\r\n });\r\n }\r\n\r\n const dayCol = document.createElement('div');\r\n dayCol.className = 'day-column';\r\n dayCol.innerHTML = `\r\n <div class=\"day-badge ${isToday ? 'is-today' : ''}\">\r\n <span class=\"day-name\">${d.toLocaleDateString('it-IT', { weekday: 'short' })}<\/span>\r\n <span class=\"day-num\">${d.getDate()}<\/span>\r\n <\/div>\r\n `;\r\n\r\n if (hMatches.length > 0) {\r\n const dot = document.createElement('div');\r\n dot.className = 'match-dot home';\r\n dot.innerText = hMatches.length;\r\n dot.onclick = () => showMatchModal(hMatches, `CASA - ${d.toLocaleDateString('it-IT', { day: 'numeric', month: 'short' })}`);\r\n dayCol.appendChild(dot);\r\n const conn = document.createElement('div');\r\n conn.className = 'dashed-connector up';\r\n dayCol.appendChild(conn);\r\n }\r\n\r\n if (aMatches.length > 0) {\r\n const dot = document.createElement('div');\r\n dot.className = 'match-dot away';\r\n dot.innerText = aMatches.length;\r\n dot.onclick = () => showMatchModal(aMatches, `TRASFERTA - ${d.toLocaleDateString('it-IT', { day: 'numeric', month: 'short' })}`);\r\n dayCol.appendChild(dot);\r\n const conn = document.createElement('div');\r\n conn.className = 'dashed-connector down';\r\n dayCol.appendChild(conn);\r\n }\r\n\r\n daysRoot.appendChild(dayCol);\r\n }\r\n\r\n tickerRoot.innerHTML = tickerHtml + tickerHtml; \/\/ Double for loop\r\n if (!tickerHtml) {\r\n document.getElementById('ticker-wrap').style.display = 'none';\r\n }\r\n }\r\n\r\n window.showMatchModal = (matches, title) => {\r\n document.getElementById('m-title').innerText = title;\r\n let html = '';\r\n matches.forEach(m => {\r\n const isUnconfirmed = m.summary.trim().startsWith('.');\r\n const displaySummary = isUnconfirmed ? m.summary.trim().substring(1).trim() : m.summary;\r\n\r\n html += `\r\n <div class=\"event-card\">\r\n <span class=\"event-time\">${m.start.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}<\/span>\r\n <span class=\"event-summary\">${displaySummary} ${isUnconfirmed ? '<span style=\"color:#e74c3c; font-size:10px;\">[DA CONFERMARE]<\/span>' : ''}<\/span>\r\n <div class=\"event-loc\"><span class=\"material-icons-round\" style=\"font-size:14px\">place<\/span> ${m.location}<\/div>\r\n ${m.description ? `<div class=\"event-desc\">${m.description}<\/div>` : ''}\r\n <\/div>\r\n `;\r\n });\r\n document.getElementById('m-body').innerHTML = html;\r\n document.getElementById('match-detail-modal').style.display = 'flex';\r\n };\r\n\r\n window.closeMatchModal = () => {\r\n document.getElementById('match-detail-modal').style.display = 'none';\r\n };\r\n\r\n initTimeline();\r\n })();\r\n <\/script>\r\n <\/div>\r\n\r\n <div class=\"home-block\">\r\n <h2 class=\"block-title\"><span class=\"material-icons-round\">photo_camera<\/span> Ultime FotoNews<\/h2>\r\n <div id=\"ab-widget-wrap\">\r\n <style>\r\n #ab-widget-wrap {\r\n width: 100%;\r\n font-family: 'Urbanist', system-ui, sans-serif;\r\n margin: 10px 0;\r\n }\r\n\r\n #ab-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 15px;\r\n }\r\n\r\n .ab-item {\r\n background: var(--bg-card);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n display: flex;\r\n flex-direction: column;\r\n transition: all 0.3s ease;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .dark .ab-item {\r\n border-color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .ab-img-container {\r\n aspect-ratio: 1 \/ 1;\r\n overflow: hidden;\r\n position: relative;\r\n background: #000;\r\n }\r\n\r\n .ab-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .ab-item:hover {\r\n border-color: var(--primary);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .ab-data-footer {\r\n padding: 12px;\r\n background: var(--bg-card);\r\n text-align: center;\r\n border-top: 1px solid rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .dark .ab-data-footer {\r\n border-top-color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .ab-team-name {\r\n display: block;\r\n font-size: 12px;\r\n font-weight: 800;\r\n color: var(--primary);\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n font-family: 'Urbanist', sans-serif;\r\n }\r\n\r\n .ab-match-info {\r\n display: block;\r\n font-size: 11px;\r\n color: var(--text-muted);\r\n margin: 4px 0;\r\n }\r\n\r\n .ab-score-box {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 5px;\r\n margin-top: 6px;\r\n }\r\n\r\n .ab-score {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--text-main);\r\n }\r\n\r\n .ab-result-badge {\r\n font-size: 9px;\r\n padding: 2px 6px;\r\n border-radius: 4px;\r\n font-weight: 800;\r\n color: white;\r\n text-transform: uppercase;\r\n }\r\n\r\n .badge-vinto {\r\n background: #00482c;\r\n }\r\n\r\n .badge-perso {\r\n background: #e74c3c;\r\n }\r\n\r\n .badge-nullo {\r\n background: #777;\r\n }\r\n\r\n \/* Lightbox *\/\r\n #ab-z-box {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.9);\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n z-index: 10000;\r\n cursor: pointer;\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n #ab-z-img {\r\n max-width: 90vw;\r\n max-height: 75vh;\r\n border-radius: 20px;\r\n border: 4px solid white;\r\n box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);\r\n background: #111;\r\n object-fit: contain;\r\n }\r\n\r\n #ab-z-close {\r\n position: absolute;\r\n top: 30px;\r\n right: 30px;\r\n color: white;\r\n font-size: 30px;\r\n background: var(--primary);\r\n width: 50px;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n }\r\n\r\n #ab-z-note {\r\n margin-top: 20px;\r\n color: white;\r\n font-size: 16px;\r\n text-align: center;\r\n max-width: 800px;\r\n padding: 15px 30px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 20px;\r\n line-height: 1.6;\r\n font-family: 'Urbanist', sans-serif;\r\n }\r\n\r\n \/* Filter Controls *\/\r\n #ab-controls {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 15px;\r\n margin-bottom: 30px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .ab-filter-label {\r\n color: var(--text-muted);\r\n font-size: 14px;\r\n font-weight: 600;\r\n }\r\n\r\n .ab-select {\r\n background: var(--bg-card);\r\n color: var(--text-main);\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n padding: 10px 15px;\r\n border-radius: 12px;\r\n font-size: 14px;\r\n outline: none;\r\n cursor: pointer;\r\n min-width: 200px;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .dark .ab-select {\r\n border-color: rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .ab-reset-btn {\r\n background: var(--primary);\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n border-radius: 12px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .ab-reset-btn:hover {\r\n background: var(--primary-dark);\r\n transform: scale(1.05);\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n #ab-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n #ab-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 500px) {\r\n #ab-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div id=\"ab-controls\">\r\n <label class=\"ab-filter-label\">Filtra per squadra:<\/label>\r\n <select id=\"team-filter\" class=\"ab-select\">\r\n <option value=\"\">Tutte le squadre<\/option>\r\n <\/select>\r\n <button id=\"reset-filter\" class=\"ab-reset-btn\">Reset<\/button>\r\n <\/div>\r\n\r\n <div id=\"ab-grid\"><\/div>\r\n\r\n <div id=\"ab-z-box\" onclick=\"this.style.display='none'\">\r\n <div id=\"ab-z-close\">\u00d7<\/div>\r\n <div id=\"ab-load-msg\" style=\"color:white; position:absolute; font-size:12px;\">Caricamento...\r\n <\/div>\r\n <img decoding=\"async\" id=\"ab-z-img\" src=\"\" referrerpolicy=\"no-referrer\" onload=\"document.getElementById('ab-load-msg').style.display='none'\" alt=\"\" title=\"\">\r\n <div id=\"ab-z-note\"><\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n const api = 'https:\/\/www.aviglianabasket.cloud\/apiF.php?action=photos';\r\n const b1 = 'https:\/\/www.aviglianabasket.cloud\/uploads\/';\r\n const b2 = 'https:\/\/aviglianabasket.cloud\/uploads\/';\r\n\r\n let allPhotos = [];\r\n const grid = document.getElementById('ab-grid');\r\n const teamFilter = document.getElementById('team-filter');\r\n const resetBtn = document.getElementById('reset-filter');\r\n\r\n function formatDate(d) {\r\n if (!d) return '';\r\n const p = d.split('-');\r\n return p.length === 3 ? p[2] + '\/' + p[1] : d;\r\n }\r\n\r\n function renderPhotos(data) {\r\n if (!Array.isArray(data)) return;\r\n\r\n console.log('FotoNews Data:', data);\r\n const publishedData = data;\r\n\r\n if (publishedData.length === 0) {\r\n grid.innerHTML = '<p style=\"color:var(--text-muted); font-size:14px; text-align:center; grid-column:1\/-1; padding: 40px;\">Nessuna foto trovata.<\/p>';\r\n return;\r\n }\r\n\r\n grid.innerHTML = publishedData.slice(0, 10).map(p => {\r\n const file = p.filename;\r\n const date = formatDate(p.data_partita);\r\n const res = p.risultato || 'Nullo';\r\n const badge = res.toLowerCase() === 'vinto' ? 'badge-vinto' : (res.toLowerCase() === 'perso' ? 'badge-perso' : 'badge-nullo');\r\n const safeNote = (p.note || '').replace(\/'\/g, \"'\").replace(\/\"\/g, \""\");\r\n\r\n return `\r\n <div class=\"ab-item\" onclick=\"abOpen(this)\" data-note=\"${safeNote}\">\r\n <div class=\"ab-img-container\">\r\n <img decoding=\"async\" src=\"${b1}${file}\" \r\n referrerpolicy=\"no-referrer\" \r\n onerror=\"if(this.src.includes('www.')){this.src='${b2}${file}';}\">\r\n <\/div>\r\n <div class=\"ab-data-footer\">\r\n <span class=\"ab-team-name\">${p.nome_squadra || 'Squadra'}<\/span>\r\n <span class=\"ab-match-info\">${date} vs ${p.avversario || '?'}<\/span>\r\n <div class=\"ab-score-box\">\r\n <span class=\"ab-score\">${p.punteggio || '-'}<\/span>\r\n ${res !== 'Nullo' ? `<span class=\"ab-result-badge ${badge}\">${res}<\/span>` : ''}\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }).join('');\r\n }\r\n\r\n function populateFilter(data) {\r\n if (!Array.isArray(data)) return;\r\n const teams = [...new Set(data.map(p => p.nome_squadra).filter(Boolean))].sort();\r\n teams.forEach(team => {\r\n const opt = document.createElement('option');\r\n opt.value = team;\r\n opt.textContent = team;\r\n teamFilter.appendChild(opt);\r\n });\r\n }\r\n\r\n async function init() {\r\n const cacheBuster = `t=${Date.now()}`;\r\n const urls = [\r\n `${api}&${cacheBuster}`,\r\n `https:\/\/aviglianabasket.cloud\/apiF.php?action=photos&${cacheBuster}`\r\n ];\r\n\r\n for (const url of urls) {\r\n try {\r\n console.log(`FotoNews: Tentativo fetch da ${url}`);\r\n const d = await jQuery.ajax({\r\n url: url,\r\n method: 'GET',\r\n dataType: 'json',\r\n xhrFields: { withCredentials: false }\r\n });\r\n\r\n console.log('FotoNews RAW Response:', d);\r\n const dataArr = Array.isArray(d) ? d : (d && d.status === 'success' ? d.data : null);\r\n\r\n if (Array.isArray(dataArr) && dataArr.length > 0) {\r\n allPhotos = dataArr;\r\n populateFilter(allPhotos);\r\n renderPhotos(allPhotos);\r\n console.log(`FotoNews: Successo con ${dataArr.length} elementi.`);\r\n return; \/\/ Success!\r\n } else {\r\n console.warn(`FotoNews: Risposta vuota o non valida da ${url}`, d);\r\n }\r\n } catch (err) {\r\n console.error(`FotoNews: Errore durante il caricamento da ${url}`, err);\r\n }\r\n }\r\n\r\n grid.innerHTML = '<p style=\"color:var(--text-muted); font-size:14px; text-align:center; grid-column:1\/-1; padding: 40px;\">Nessuna foto trovata o errore di connessione API.<\/p>';\r\n }\r\n\r\n teamFilter.addEventListener('change', (e) => {\r\n const selectedTeam = e.target.value;\r\n if (!selectedTeam) {\r\n renderPhotos(allPhotos);\r\n } else {\r\n const filtered = allPhotos.filter(p => p.nome_squadra === selectedTeam);\r\n renderPhotos(filtered);\r\n }\r\n });\r\n\r\n resetBtn.addEventListener('click', () => {\r\n teamFilter.value = \"\";\r\n renderPhotos(allPhotos);\r\n });\r\n\r\n window.abOpen = (el) => {\r\n const thumb = el.querySelector('img');\r\n const box = document.getElementById('ab-z-box');\r\n const img = document.getElementById('ab-z-img');\r\n const load = document.getElementById('ab-load-msg');\r\n const noteBox = document.getElementById('ab-z-note');\r\n\r\n const noteText = el.getAttribute('data-note');\r\n\r\n if (thumb && thumb.src) {\r\n load.style.display = 'block';\r\n img.src = '';\r\n img.src = thumb.src;\r\n\r\n if (noteBox) {\r\n noteBox.innerText = noteText || '';\r\n noteBox.style.display = noteText ? 'block' : 'none';\r\n }\r\n\r\n box.style.display = 'flex';\r\n }\r\n };\r\n\r\n init();\r\n })();\r\n <\/script>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"merchandising-section\" class=\"home-block merchandising-parallax\">\r\n <div class=\"merch-overlay\"><\/div>\r\n <div class=\"merch-content\">\r\n <h2 class=\"block-title\" style=\"color: white; margin-bottom: 10px;\">\r\n <span class=\"material-icons-round\">shopping_cart<\/span> Merchandising\r\n <\/h2>\r\n <h3\r\n style=\"font-family: 'Urbanist', sans-serif; font-weight: 900; color: var(--primary); font-size: 2rem; margin-bottom: 15px; text-transform: uppercase; background: white; display: inline-block; padding: 5px 20px; border-radius: 10px;\">\r\n STAGIONE 2026 - 2027<\/h3>\r\n <p style=\"font-size: 1.2rem; margin-bottom: 30px; font-weight: 600;\">Vesti i colori della tua\r\n squadra. Scopri il nuovo kit ufficiale.<\/p>\r\n <button class=\"merch-btn\" style=\"border:none; cursor:pointer;\"\r\n onclick=\"openDynamicPage('Merchandising', 'https:\/\/www.aviglianabasket.cloud\/ab-merch-ordini_sql\/')\">VAI\r\n ALLO\r\n STORE UFFICIALE<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <style>\r\n .merchandising-parallax {\r\n position: relative;\r\n min-height: 400px;\r\n background-image: url('https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2025\/08\/AA_MERCHANDISING.jpg');\r\n background-attachment: fixed;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n \/* Left aligned content *\/\r\n text-align: left;\r\n \/* Left aligned text *\/\r\n padding: 60px 50px;\r\n \/* Increased side padding *\/\r\n border: none;\r\n overflow: hidden;\r\n border-radius: 30px;\r\n color: white;\r\n }\r\n\r\n .merch-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.4);\r\n z-index: 1;\r\n }\r\n\r\n .merch-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 800px;\r\n }\r\n\r\n .merch-btn {\r\n background: var(--primary);\r\n color: white;\r\n padding: 15px 40px;\r\n border-radius: 50px;\r\n font-weight: 900;\r\n text-decoration: none;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);\r\n display: inline-block;\r\n }\r\n\r\n .merch-btn:hover {\r\n background: white;\r\n color: var(--primary);\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);\r\n }\r\n <\/style>\r\n \r\n <div class=\"home-block safeguarding-section\">\r\n <div class=\"safeguarding-bg\"><\/div>\r\n <div class=\"safeguarding-content\">\r\n <h2 class=\"safeguarding-title\">SAFEGUARDING<\/h2>\r\n <p class=\"safeguarding-text\">\r\n La polisportiva Avigliana Basket ha adottato le linee guida per la predisposizione dei modelli\r\n organizzativi e di controllo dell'attivit\u00e0 sportiva e dei codici di condotta a tutela dei minori\r\n e per la prevenzione delle molestie, della violenza di genere e di ogni altra forma e condizione\r\n di discriminazione. Avigliana Basket\r\n <\/p>\r\n <button onclick=\"openDynamicPage('Safeguarding', 'https:\/\/www.aviglianabasket.it\/?page_id=433')\"\r\n class=\"safeguarding-btn\" style=\"border:none; cursor:pointer;\">\r\n <span class=\"material-icons-round\">info<\/span>\r\n APPROFONDISCI\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <style>\r\n .safeguarding-section {\r\n position: relative;\r\n padding: 60px 40px;\r\n border-radius: 30px;\r\n overflow: hidden;\r\n text-align: center;\r\n background: #050505;\r\n \/* Black as per image *\/\r\n color: white;\r\n margin-bottom: 20px;\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .dark .safeguarding-section {\r\n background: #000;\r\n border-color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n \/* Light mode adjustment *\/\r\n html:not(.dark) .safeguarding-section {\r\n background: var(--bg-card);\r\n color: var(--text-main);\r\n border-color: rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .safeguarding-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"800\" height=\"400\" viewBox=\"0 0 800 400\"><rect width=\"800\" height=\"400\" fill=\"none\"\/><circle cx=\"400\" cy=\"200\" r=\"60\" stroke=\"rgba(0, 255, 90, 0.1)\" stroke-width=\"2\" fill=\"none\"\/><line x1=\"400\" y1=\"0\" x2=\"400\" y2=\"400\" stroke=\"rgba(0, 255, 90, 0.1)\" stroke-width=\"2\"\/><circle cx=\"0\" cy=\"200\" r=\"100\" stroke=\"rgba(0, 255, 90, 0.1)\" stroke-width=\"2\" fill=\"none\"\/><circle cx=\"800\" cy=\"200\" r=\"100\" stroke=\"rgba(0, 255, 90, 0.1)\" stroke-width=\"2\" fill=\"none\"\/><\/svg>');\r\n background-size: cover;\r\n background-position: center;\r\n opacity: 0.3;\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n\r\n .safeguarding-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n\r\n .safeguarding-title {\r\n font-family: 'Urbanist', sans-serif;\r\n font-size: 3.5rem;\r\n font-weight: 900;\r\n color: #00ff5a;\r\n \/* Bright green as per original *\/\r\n margin-bottom: 30px;\r\n letter-spacing: 2px;\r\n text-shadow: 0 0 20px rgba(0, 255, 90, 0.2);\r\n }\r\n\r\n .safeguarding-text {\r\n font-size: 1.1rem;\r\n line-height: 1.8;\r\n margin-bottom: 40px;\r\n opacity: 0.9;\r\n font-weight: 500;\r\n }\r\n\r\n .safeguarding-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #50d06b;\r\n \/* Soft green button as per image *\/\r\n color: white;\r\n padding: 12px 35px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 800;\r\n font-size: 1rem;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n text-transform: uppercase;\r\n }\r\n\r\n .safeguarding-btn:hover {\r\n transform: translateY(-3px);\r\n filter: brightness(1.1);\r\n box-shadow: 0 8px 25px rgba(80, 208, 107, 0.3);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .safeguarding-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .safeguarding-text {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .safeguarding-section {\r\n padding: 40px 20px;\r\n }\r\n }\r\n <\/style>\r\n\r\n \r\n <div id=\"sponsor-section\" class=\"home-block sponsor-section\">\r\n <h2 class=\"block-title\">\r\n <span class=\"material-icons-round\">handshake<\/span> SPONSOR\r\n <\/h2>\r\n <div class=\"sponsor-slider\">\r\n <div class=\"track\">\r\n \r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/tecnocasa.jpg\"\r\n alt=\"Tecnocasa\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Bluenergy-300x300.jpg\"\r\n alt=\"Bluenergy\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_BORDONE-300x300.jpg\"\r\n alt=\"Bordone\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_GERVASI-300x300.jpg\"\r\n alt=\"Gervasi\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_GIUGLAR-300x300.jpg\"\r\n alt=\"Giuglar\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LACROTA-300x300.jpg\"\r\n alt=\"La Crota\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LAROSA-300x300.jpg\"\r\n alt=\"La Rosa\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LCN-300x300.jpg\"\r\n alt=\"LCN\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_MASOERO-300x300.jpg\"\r\n alt=\"Masoero\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Medical_LAB-300x300.jpg\"\r\n alt=\"Medical Lab\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Prometeus-300x300.jpg\"\r\n alt=\"Prometeus\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_SIKONS-300x300.jpg\"\r\n alt=\"Sikons\"><\/div>\r\n\r\n \r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/tecnocasa.jpg\"\r\n alt=\"Tecnocasa\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Bluenergy-300x300.jpg\"\r\n alt=\"Bluenergy\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_BORDONE-300x300.jpg\"\r\n alt=\"Bordone\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_GERVASI-300x300.jpg\"\r\n alt=\"Gervasi\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_GIUGLAR-300x300.jpg\"\r\n alt=\"Giuglar\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LACROTA-300x300.jpg\"\r\n alt=\"La Crota\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LAROSA-300x300.jpg\"\r\n alt=\"La Rosa\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LCN-300x300.jpg\"\r\n alt=\"LCN\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_MASOERO-300x300.jpg\"\r\n alt=\"Masoero\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Medical_LAB-300x300.jpg\"\r\n alt=\"Medical Lab\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Prometeus-300x300.jpg\"\r\n alt=\"Prometeus\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_SIKONS-300x300.jpg\"\r\n alt=\"Sikons\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer>\r\n <div>AVIGLIANA BASKET | Powered by R.ROSSINO<\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n \r\n <div id=\"overlay-screen\">\r\n <div id=\"overlay-body\"\r\n style=\"background: var(--bg-card); padding: 0; border-radius: 0; box-shadow: none; height: 100%; width: 100%; display: flex; flex-direction: column;\">\r\n \r\n <p>Caricamento contenuti dinamici...<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"book-split\">\r\n <div class=\"split-panel split-left\"><\/div>\r\n <div id=\"split-logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.cloud\/wp-content\/uploads\/2025\/12\/AAA_NEW_LOGO-Photoroom.png\" alt=\"Logo\" class=\"split-logo\" title=\"\">\r\n <\/div>\r\n <div class=\"split-panel split-right\"><\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Removed toggleTheme to streamline to Dark Mode Only\r\n\r\n function closeSidebar() {\r\n const sidebar = document.getElementById('sidebar');\r\n if (sidebar) sidebar.classList.remove('sidebar-overlay-active');\r\n const menuBtn = document.getElementById('header-menu-btn');\r\n if (menuBtn) {\r\n const icon = menuBtn.querySelector('.material-icons-round');\r\n if (icon) icon.textContent = 'menu';\r\n menuBtn.style.background = \"#000\";\r\n }\r\n }\r\n\r\n function openDynamicPage(title, url) {\r\n closeSidebar();\r\n\r\n const split = document.getElementById('book-split');\r\n split.classList.add('active');\r\n\r\n setTimeout(() => {\r\n document.body.classList.add('overlay-open');\r\n const overlay = document.getElementById('overlay-screen');\r\n const body = document.getElementById('overlay-body');\r\n\r\n if (url) {\r\n body.style.padding = \"0\";\r\n body.style.height = \"100%\";\r\n body.style.flex = \"1\";\r\n overlay.style.overflow = \"hidden\";\r\n body.innerHTML = `<iframe src=\"${url}\" style=\"width: 100%; height: 100%; border: none; border-radius: 0; background: white;\"><\/iframe>`;\r\n } else {\r\n body.style.padding = \"100px 50px\";\r\n body.style.height = \"auto\";\r\n body.style.flex = \"none\";\r\n overlay.style.overflow = \"auto\";\r\n body.innerHTML = `\r\n <div style=\"text-align: center; max-width: 800px; margin: 0 auto;\">\r\n <span class=\"material-icons-round\" style=\"font-size: 100px; color: var(--primary); margin-bottom: 20px;\">construction<\/span>\r\n <h2>Sezione ${title}<\/h2>\r\n <p style=\"color: var(--text-muted); margin-top: 15px;\">\r\n Questa sezione caricher\u00e0 lo script esterno fornito tramite link.<br>\r\n Il contenitore a tutto schermo assicura la massima visibilit\u00e0 dei contenuti.\r\n <\/p>\r\n <\/div>\r\n `;\r\n }\r\n\r\n overlay.classList.add('active');\r\n\r\n setTimeout(() => {\r\n split.classList.remove('active');\r\n }, 400);\r\n }, 800);\r\n }\r\n\r\n function toggleMenu() {\r\n const sidebar = document.getElementById('sidebar');\r\n const btn = document.getElementById('header-menu-btn');\r\n const isActive = sidebar.classList.toggle('sidebar-overlay-active');\r\n const icon = btn.querySelector('.material-icons-round');\r\n\r\n if (isActive) {\r\n icon.textContent = 'close';\r\n btn.style.background = \"#e74c3c\";\r\n } else {\r\n icon.textContent = 'menu';\r\n btn.style.background = \"#000\";\r\n }\r\n }\r\n\r\n function showHome() {\r\n closeSidebar();\r\n\r\n if (document.body.classList.contains('overlay-open')) {\r\n const split = document.getElementById('book-split');\r\n const overlay = document.getElementById('overlay-screen');\r\n split.classList.add('active');\r\n\r\n setTimeout(() => {\r\n document.body.classList.remove('overlay-open');\r\n overlay.classList.remove('active');\r\n\r\n \/\/ Trigger home entry animation\r\n const hero = document.getElementById('home-hero');\r\n if (hero) {\r\n hero.classList.remove('home-slide-entry');\r\n void hero.offsetWidth;\r\n hero.classList.add('home-slide-entry');\r\n }\r\n\r\n setTimeout(() => {\r\n split.classList.remove('active');\r\n }, 400);\r\n }, 800);\r\n } else {\r\n \/\/ If already on homepage, just scroll to top\r\n const content = document.getElementById('content-area');\r\n if (content) content.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n }\r\n\r\n function scrollToSection(id) {\r\n closeSidebar();\r\n const overlay = document.getElementById('overlay-screen');\r\n if (overlay.classList.contains('active')) {\r\n showHome();\r\n \/\/ Wait for transition then scroll\r\n setTimeout(() => {\r\n const section = document.getElementById(id);\r\n if (section) section.scrollIntoView({ behavior: 'smooth' });\r\n }, 900);\r\n } else {\r\n const section = document.getElementById(id);\r\n if (section) section.scrollIntoView({ behavior: 'smooth' });\r\n }\r\n }\r\n\r\n window.onload = () => {\r\n document.getElementById('home-hero').classList.add('home-slide-entry');\r\n };\r\n\r\n \/\/ CUSTOM CURSOR: elemento nascosto; aggiornamento posizione solo se presente\r\n const cursor = document.getElementById('custom-cursor');\r\n const contentArea = document.getElementById('content-area');\r\n\r\n const updateHoverables = () => {\r\n if (!cursor) return;\r\n const hoverables = document.querySelectorAll('a, button, .nav-item, .submenu-item, .promo-box, .h-card, .event-box, .day-badge');\r\n hoverables.forEach((item) => {\r\n item.addEventListener('mouseenter', () => cursor.classList.add('cursor-hover'));\r\n item.addEventListener('mouseleave', () => cursor.classList.remove('cursor-hover'));\r\n });\r\n };\r\n\r\n if (cursor) {\r\n document.addEventListener('mousemove', (e) => {\r\n cursor.style.left = e.clientX + 'px';\r\n cursor.style.top = e.clientY + 'px';\r\n });\r\n updateHoverables();\r\n }\r\n\r\n \/\/ PARALLAX & ENTRANCE ANIMATIONS\r\n const observerOptions = {\r\n threshold: 0.1\r\n };\r\n\r\n const revealObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n revealObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n const initScrollAnimations = () => {\r\n document.querySelectorAll('.promo-box, .home-block, .event-box, .sponsor-slider').forEach(el => {\r\n el.classList.add('reveal-on-scroll');\r\n revealObserver.observe(el);\r\n });\r\n };\r\n initScrollAnimations();\r\n\r\n if (contentArea) {\r\n contentArea.addEventListener('scroll', () => {\r\n const scrolled = contentArea.scrollTop;\r\n const heroBg = document.getElementById('hero-bg');\r\n if (heroBg) {\r\n heroBg.style.transform = `translateY(${scrolled * 0.4}px) scale(${1 + scrolled * 0.0003})`;\r\n }\r\n });\r\n }\r\n\r\n \/\/ Re-init hoverables when dynamic content is loaded (for LIVE events)\r\n const observer = new MutationObserver(updateHoverables);\r\n const liveContainer = document.getElementById('live-events-container');\r\n if (liveContainer) {\r\n observer.observe(liveContainer, { childList: true });\r\n }\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Avigliana Basket – Keep Pushing. Keep Winning. 01 02 03 04 05 06 groups Societ\u00e0 Storia Informazioni Privacy Policy event_note […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":1047,"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":6117,"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/6117"}],"wp:attachment":[{"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Avigliana Basket - Keep Pushing. Keep Winning.<\/title>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Icons+Round&family=Urbanist:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,500;1,700&display=swap\"\r\n rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --font-sans: 'Urbanist', system-ui, -apple-system, sans-serif;\r\n --primary: #16a34a;\r\n --primary-glow: rgba(22, 163, 74, 0.45);\r\n --primary-dark: #052e16;\r\n --accent: #ffffff;\r\n --bg-body: #f0f4f2;\r\n --bg-card: rgba(255, 255, 255, 0.82);\r\n --text-main: #0a0f0c;\r\n --text-muted: #475569;\r\n --sidebar-width: 80px;\r\n --sidebar-expanded: 280px;\r\n --header-height: 80px;\r\n --transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n --shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\r\n --glass-bg: rgba(255, 255, 255, 0.72);\r\n --glass-border: rgba(255, 255, 255, 0.35);\r\n --glass-blur: blur(18px) saturate(165%);\r\n --bicolor-secondary: #0f172a;\r\n --arena-rim: rgba(74, 222, 128, 0.22);\r\n }\r\n\r\n .dark {\r\n --bg-body: #030806;\r\n --bg-card: rgba(15, 23, 18, 0.78);\r\n --text-main: #f1f5f9;\r\n --text-muted: #94a3b8;\r\n --shadow: 0 12px 40px rgba(0, 0, 0, 0.55);\r\n --glass-bg: rgba(10, 15, 12, 0.82);\r\n --glass-border: rgba(74, 222, 128, 0.12);\r\n --bicolor-secondary: #ffffff;\r\n --brand-green-light: #4ade80;\r\n }\r\n\r\n \/* CUSTOM SCROLLBAR *\/\r\n ::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n\r\n ::-webkit-scrollbar-track {\r\n background: var(--bg-body);\r\n }\r\n\r\n ::-webkit-scrollbar-thumb {\r\n background: var(--primary);\r\n border-radius: 10px;\r\n }\r\n\r\n ::-webkit-scrollbar-thumb:hover {\r\n background: var(--primary-dark);\r\n }\r\n\r\n \/* Cursore di sistema \u2014 pi\u00f9 leggibile con Urbanist e accessibilit\u00e0 *\/\r\n #custom-cursor {\r\n display: none !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: var(--font-sans);\r\n background-color: var(--bg-body);\r\n color: var(--text-main);\r\n overflow-x: hidden;\r\n transition: background-color 0.3s ease, color 0.3s ease;\r\n }\r\n\r\n html.dark body {\r\n background-image:\r\n radial-gradient(ellipse 120% 70% at 78% -5%, rgba(22, 163, 74, 0.2), transparent 52%),\r\n radial-gradient(ellipse 55% 45% at 8% 95%, rgba(74, 222, 128, 0.07), transparent 48%);\r\n background-attachment: fixed;\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n .motto {\r\n font-family: var(--font-sans);\r\n font-weight: 800;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n \/* FIXED HEADER *\/\r\n #header-fixed {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n width: 100vw;\r\n height: var(--header-height);\r\n background: var(--glass-bg);\r\n backdrop-filter: var(--glass-blur);\r\n -webkit-backdrop-filter: var(--glass-blur);\r\n border-bottom: 1px solid var(--glass-border);\r\n box-shadow: 0 0 40px -12px rgba(22, 163, 74, 0.12);\r\n z-index: 5000;\r\n padding: 0 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start !important;\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n\r\n .header-content-left {\r\n display: flex;\r\n align-items: center;\r\n height: 100%;\r\n gap: 0;\r\n margin-right: auto !important;\r\n \/* Forces right content to extreme right *\/\r\n }\r\n\r\n .header-content-right {\r\n display: flex;\r\n align-items: center;\r\n height: 100%;\r\n gap: 10px;\r\n padding-right: 0;\r\n }\r\n\r\n .header-btn {\r\n height: 100%;\r\n width: 70px;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n color: white;\r\n border: none;\r\n }\r\n\r\n .header-btn .material-icons-round {\r\n font-size: 24px;\r\n }\r\n\r\n\r\n\r\n .header-btn.menu-btn {\r\n background: #000;\r\n }\r\n\r\n body.overlay-open .header-btn {\r\n display: flex;\r\n }\r\n\r\n .header-btn:hover {\r\n filter: brightness(1.2);\r\n }\r\n\r\n .branding {\r\n position: absolute !important;\r\n left: 14px !important;\r\n \/* Precisely above the sidebar icons *\/\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n z-index: 5001;\r\n }\r\n\r\n .logo {\r\n height: 40px;\r\n width: auto;\r\n max-width: 50px;\r\n object-fit: contain;\r\n margin: 0;\r\n }\r\n\r\n .brand-name {\r\n font-family: var(--font-sans);\r\n font-size: 1.75rem;\r\n font-weight: 900;\r\n letter-spacing: -0.04em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .brand-name .part1 {\r\n color: var(--primary);\r\n }\r\n\r\n .dark .brand-name .part1 {\r\n color: var(--brand-green-light);\r\n }\r\n\r\n .brand-name .part2 {\r\n color: var(--bicolor-secondary);\r\n }\r\n\r\n .theme-toggle {\r\n background: var(--bg-card);\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n color: var(--text-main);\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n }\r\n\r\n\r\n\r\n body.overlay-open #overlay-screen {\r\n top: var(--header-height);\r\n height: calc(100vh - var(--header-height));\r\n }\r\n\r\n \/* Adjust top controls to be in a prominent position when open *\/\r\n body.overlay-open .top-controls-container {\r\n top: 17px;\r\n right: 40px;\r\n }\r\n\r\n \/* Hide the default theme toggle in header when overlay is open *\/\r\n body.overlay-open .header-right-group .theme-toggle {\r\n display: none;\r\n }\r\n\r\n .header-right-group {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n padding-right: 40px;\r\n }\r\n\r\n body.overlay-open .header-right-group {\r\n padding-right: 0;\r\n }\r\n\r\n\r\n\r\n body.overlay-open .branding {\r\n padding-left: 0;\r\n }\r\n\r\n \/* FIXED SIDEBAR *\/\r\n #sidebar {\r\n position: fixed;\r\n top: var(--header-height);\r\n left: 0;\r\n height: calc(100vh - var(--header-height));\r\n width: var(--sidebar-width);\r\n background: var(--glass-bg);\r\n backdrop-filter: var(--glass-blur);\r\n -webkit-backdrop-filter: var(--glass-blur);\r\n border-right: 1px solid var(--glass-border);\r\n box-shadow: 4px 0 48px -16px rgba(0, 0, 0, 0.35);\r\n color: var(--text-main);\r\n z-index: 4000;\r\n overflow: hidden;\r\n transition: var(--transition);\r\n display: flex;\r\n flex-direction: column;\r\n padding: 20px 0;\r\n box-shadow: 10px 0 30px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n #sidebar:hover {\r\n width: var(--sidebar-expanded);\r\n }\r\n\r\n .nav-item {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n height: 50px;\r\n margin: 0;\r\n padding: 0;\r\n cursor: pointer;\r\n transition: background 0.2s;\r\n text-decoration: none;\r\n color: white;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n }\r\n\r\n .nav-item:hover {\r\n background: rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .nav-item .material-icons-round {\r\n width: 45px;\r\n height: 45px;\r\n min-width: 45px;\r\n margin: 0 17.5px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 24px;\r\n flex-shrink: 0;\r\n pointer-events: none;\r\n background: var(--glass-bg);\r\n backdrop-filter: var(--glass-blur);\r\n -webkit-backdrop-filter: var(--glass-blur);\r\n border: 1px solid var(--glass-border);\r\n border-radius: 12px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n transition: var(--transition);\r\n }\r\n\r\n .nav-item:hover .material-icons-round {\r\n transform: scale(1.1);\r\n border-color: var(--primary);\r\n box-shadow: 0 0 15px var(--primary-glow);\r\n }\r\n\r\n .nav-text {\r\n font-weight: 600 !important;\r\n opacity: 0;\r\n transition: opacity 0.2s;\r\n pointer-events: none;\r\n position: absolute !important;\r\n left: 80px !important;\r\n }\r\n\r\n #sidebar:hover .nav-text {\r\n opacity: 1;\r\n }\r\n\r\n .nav-group {\r\n display: contents;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .submenu {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease;\r\n background: rgba(0, 0, 0, 0.1);\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .nav-item:hover+.submenu,\r\n .submenu:hover {\r\n max-height: 500px !important;\r\n }\r\n\r\n .submenu-item {\r\n padding: 12px 20px 12px 80px !important;\r\n font-size: 0.9em;\r\n color: rgba(255, 255, 255, 0.8);\r\n cursor: pointer;\r\n transition: color 0.2s;\r\n display: block;\r\n text-decoration: none;\r\n }\r\n\r\n .submenu-item:hover {\r\n color: white;\r\n background: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n \/* MAIN WRAPPER *\/\r\n #content-area {\r\n position: absolute;\r\n top: 0;\r\n left: var(--sidebar-width);\r\n bottom: 0;\r\n right: 0;\r\n overflow-y: auto;\r\n scroll-behavior: smooth;\r\n transition: left 0.4s ease;\r\n z-index: 1000;\r\n }\r\n\r\n #sidebar:hover~#content-area {\r\n left: var(--sidebar-expanded);\r\n }\r\n\r\n \/* FULL-SCREEN SECTIONS *\/\r\n .page-section {\r\n width: 100%;\r\n min-height: 100vh;\r\n scroll-margin-top: var(--header-height);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 60px;\r\n position: relative;\r\n }\r\n\r\n \/* HERO SECTION *\/\r\n .hero-section {\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n background-color: #0a120f;\r\n background-image:\r\n linear-gradient(180deg, rgba(3, 8, 6, 0.35) 0%, rgba(3, 8, 6, 0.55) 100%),\r\n url(\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/03\/NEW_DARKSFONDO-scaled.png\");\r\n background-size: cover;\r\n background-position: center top;\r\n background-repeat: no-repeat;\r\n }\r\n\r\n .hero-bg-img {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center top !important;\r\n \/* Ensure focus is on top *\/\r\n z-index: 0;\r\n pointer-events: none;\r\n opacity: 1;\r\n }\r\n\r\n .hero-bg-img.hero-video-hidden {\r\n display: none;\r\n }\r\n\r\n .hero-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(115deg, rgba(3, 8, 6, 0.62) 0%, rgba(3, 8, 6, 0.18) 45%, rgba(3, 8, 6, 0.5) 100%);\r\n z-index: 1;\r\n pointer-events: none;\r\n transition: background 0.4s ease;\r\n }\r\n\r\n html:not(.dark) .hero-overlay {\r\n background: linear-gradient(115deg, rgba(248, 250, 249, 0.88) 0%, rgba(248, 250, 249, 0.35) 45%, rgba(240, 244, 242, 0.75) 100%);\r\n }\r\n\r\n .hero-arena-stack {\r\n position: absolute;\r\n z-index: 2;\r\n left: 50%;\r\n bottom: 24%;\r\n transform: translateX(-50%);\r\n max-width: min(640px, 92vw);\r\n text-align: center;\r\n pointer-events: none;\r\n padding: 1.75rem 2rem 1.5rem;\r\n border: 1px solid rgba(74, 222, 128, 0.35);\r\n border-radius: 20px;\r\n background: rgba(3, 8, 6, 0.5);\r\n backdrop-filter: blur(14px);\r\n -webkit-backdrop-filter: blur(14px);\r\n box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;\r\n }\r\n\r\n html:not(.dark) .hero-arena-stack {\r\n background: rgba(255, 255, 255, 0.72);\r\n border-color: rgba(22, 163, 74, 0.35);\r\n box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12);\r\n }\r\n\r\n .hero-chapter-label {\r\n font-family: var(--font-sans);\r\n font-size: 0.75rem;\r\n font-weight: 800;\r\n letter-spacing: 0.35em;\r\n color: var(--brand-green-light, #4ade80);\r\n margin-bottom: 0.75rem;\r\n text-transform: uppercase;\r\n }\r\n\r\n html:not(.dark) .hero-chapter-label {\r\n color: var(--primary);\r\n }\r\n\r\n .hero-broadcast-title {\r\n font-family: var(--font-sans);\r\n font-size: clamp(1.75rem, 5vw, 3.25rem);\r\n font-weight: 900;\r\n line-height: 0.98;\r\n text-transform: uppercase;\r\n letter-spacing: -0.03em;\r\n color: #fff;\r\n margin: 0 0 0.75rem 0;\r\n }\r\n\r\n html:not(.dark) .hero-broadcast-title {\r\n color: var(--primary-dark);\r\n }\r\n\r\n .hero-broadcast-title .hero-line-accent {\r\n color: var(--brand-green-light, #4ade80);\r\n }\r\n\r\n html:not(.dark) .hero-broadcast-title .hero-line-accent {\r\n color: var(--primary);\r\n }\r\n\r\n .hero-broadcast-tagline {\r\n font-family: var(--font-sans);\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n color: rgba(255, 255, 255, 0.75);\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n margin: 0;\r\n }\r\n\r\n html:not(.dark) .hero-broadcast-tagline {\r\n color: var(--text-muted);\r\n }\r\n\r\n .hero-quick-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n justify-content: center;\r\n margin-top: 1.25rem;\r\n pointer-events: auto;\r\n }\r\n\r\n .hero-quick-links a {\r\n font-family: var(--font-sans);\r\n font-size: 0.68rem;\r\n font-weight: 800;\r\n letter-spacing: 0.11em;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n color: #fff;\r\n padding: 0.5rem 0.95rem;\r\n border-radius: 999px;\r\n border: 1px solid rgba(74, 222, 128, 0.5);\r\n background: rgba(22, 163, 74, 0.2);\r\n transition: background 0.2s, border-color 0.2s, transform 0.15s;\r\n }\r\n\r\n .hero-quick-links a:hover {\r\n background: rgba(22, 163, 74, 0.38);\r\n border-color: var(--brand-green-light, #4ade80);\r\n transform: translateY(-1px);\r\n }\r\n\r\n html:not(.dark) .hero-quick-links a {\r\n color: var(--primary-dark);\r\n background: rgba(22, 163, 74, 0.12);\r\n border-color: rgba(22, 163, 74, 0.45);\r\n }\r\n\r\n html:not(.dark) .hero-quick-links a:hover {\r\n background: rgba(22, 163, 74, 0.22);\r\n }\r\n\r\n .page-section.page-section--live {\r\n min-height: min(88vh, 52rem);\r\n justify-content: flex-start;\r\n padding-top: calc(var(--header-height) + 2.5rem);\r\n padding-bottom: 3rem;\r\n }\r\n\r\n .live-empty-state {\r\n max-width: 40rem;\r\n padding: 1.75rem 1.5rem;\r\n border-radius: 20px;\r\n background: var(--bg-card);\r\n border: 1px solid var(--arena-rim);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .live-empty-state p {\r\n font-family: var(--font-sans);\r\n font-size: 1.05rem;\r\n font-weight: 600;\r\n color: var(--text-main);\r\n margin: 0 0 0.5rem 0;\r\n line-height: 1.45;\r\n }\r\n\r\n .live-empty-state .live-empty-muted {\r\n font-size: 0.92rem;\r\n font-weight: 500;\r\n color: var(--text-muted);\r\n margin-bottom: 1.25rem;\r\n }\r\n\r\n .live-empty-state a {\r\n font-family: var(--font-sans);\r\n font-size: 0.75rem;\r\n font-weight: 800;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--primary);\r\n text-decoration: none;\r\n border-bottom: 2px solid rgba(22, 163, 74, 0.35);\r\n padding-bottom: 2px;\r\n }\r\n\r\n .live-empty-state a:hover {\r\n color: var(--brand-green-light, #4ade80);\r\n border-bottom-color: var(--primary);\r\n }\r\n\r\n .arena-chapters {\r\n position: fixed;\r\n top: 50%;\r\n right: 0.65rem;\r\n transform: translateY(-50%);\r\n z-index: 4500;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.45rem;\r\n pointer-events: auto;\r\n }\r\n\r\n .arena-chapters a {\r\n font-family: var(--font-sans);\r\n font-size: 0.65rem;\r\n font-weight: 800;\r\n letter-spacing: 0.06em;\r\n color: rgba(255, 255, 255, 0.45);\r\n text-decoration: none;\r\n width: 2rem;\r\n height: 2rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 8px;\r\n border: 1px solid rgba(74, 222, 128, 0.2);\r\n background: rgba(10, 15, 12, 0.65);\r\n backdrop-filter: blur(10px);\r\n transition: color 0.2s, border-color 0.2s, background 0.2s;\r\n }\r\n\r\n html:not(.dark) .arena-chapters a {\r\n color: rgba(15, 23, 42, 0.55);\r\n background: rgba(255, 255, 255, 0.75);\r\n border-color: rgba(22, 163, 74, 0.25);\r\n }\r\n\r\n .arena-chapters a:hover {\r\n color: var(--brand-green-light, #4ade80);\r\n border-color: var(--primary);\r\n background: rgba(22, 163, 74, 0.15);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero-arena-stack {\r\n left: 50%;\r\n transform: translateX(-50%);\r\n bottom: 16%;\r\n max-width: 94vw;\r\n padding: 1.35rem 1.25rem 1.15rem;\r\n }\r\n\r\n .arena-chapters {\r\n display: none;\r\n }\r\n }\r\n\r\n .hero-title,\r\n .hero-motto,\r\n .scroll-indicator {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(3rem, 10vw, 8rem);\r\n line-height: 0.9;\r\n margin-bottom: 20px;\r\n text-transform: uppercase;\r\n font-weight: 900;\r\n overflow: hidden;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .hero-title span {\r\n display: inline-block;\r\n transform: translateY(100%);\r\n animation: revealText 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;\r\n }\r\n\r\n .hero-title .part2 {\r\n animation-delay: 0.2s;\r\n }\r\n\r\n @keyframes revealText {\r\n to {\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .hero-motto {\r\n font-size: 1.5rem;\r\n color: var(--text-muted);\r\n letter-spacing: 8px;\r\n text-transform: uppercase;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeInSlide 0.8s ease forwards 0.6s;\r\n }\r\n\r\n @keyframes fadeInSlide {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Light mode contrast adjustments for Hero *\/\r\n html:not(.dark) .hero-motto,\r\n html:not(.dark) .scroll-indicator {\r\n color: #000 !important;\r\n }\r\n\r\n \/* DYNAMIC OVERLAY (ENTRY FROM RIGHT) *\/\r\n #overlay-screen {\r\n position: fixed;\r\n top: 0;\r\n left: 100%;\r\n width: 100%;\r\n height: 100vh;\r\n background: var(--bg-body);\r\n z-index: 3000;\r\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n display: flex;\r\n flex-direction: column;\r\n padding: 0;\r\n overflow: hidden;\r\n }\r\n\r\n #overlay-screen.active {\r\n transform: translateX(-100%);\r\n }\r\n\r\n\r\n\r\n \/* SIDEBAR OVERLAY STATE *\/\r\n #sidebar.sidebar-overlay-active {\r\n z-index: 5000;\r\n width: var(--sidebar-expanded);\r\n }\r\n\r\n #sidebar.sidebar-overlay-active .nav-text {\r\n opacity: 1;\r\n }\r\n\r\n \/* HOME CONTENT BLOCKS (SCHEDULE, NEWS, ETC) *\/\r\n .home-block {\r\n background: var(--bg-card);\r\n border: 1px solid var(--arena-rim);\r\n border-radius: 24px;\r\n box-shadow: var(--shadow), 0 0 0 1px rgba(255, 255, 255, 0.03) inset,\r\n 0 0 80px -30px rgba(22, 163, 74, 0.12);\r\n padding: 50px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .block-title {\r\n font-family: var(--font-sans);\r\n font-size: 2.25rem;\r\n font-weight: 900;\r\n letter-spacing: -0.03em;\r\n text-transform: uppercase;\r\n color: var(--primary);\r\n margin-bottom: 30px;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n \/* HORIZONTAL CARDS MOCKUP *\/\r\n .horizontal-cards {\r\n display: flex;\r\n gap: 20px;\r\n overflow-x: auto;\r\n padding-bottom: 20px;\r\n scrollbar-width: none;\r\n }\r\n\r\n .h-card {\r\n min-width: 400px;\r\n background: rgba(0, 135, 81, 0.05);\r\n border-radius: 20px;\r\n padding: 30px;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* SPONSOR SECTION *\/\r\n .sponsor-section {\r\n background: var(--bg-card);\r\n }\r\n\r\n .dark .sponsor-section {\r\n background: #000;\r\n \/* Total black as requested *\/\r\n }\r\n\r\n .sponsor-slider {\r\n margin-top: 20px;\r\n overflow: hidden;\r\n background: rgba(255, 255, 255, 0.03);\r\n \/* Extremely subtle contrast *\/\r\n padding: 100px 0;\r\n \/* Cinema-style prominence *\/\r\n border-radius: 20px;\r\n position: relative;\r\n }\r\n\r\n .track {\r\n display: flex;\r\n width: calc(500px * 24);\r\n \/* Super-size track *\/\r\n animation: slideSponsors 80s linear infinite;\r\n \/* Ultra-slow, prestigious crawl *\/\r\n align-items: center;\r\n }\r\n\r\n @keyframes slideSponsors {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n\r\n 100% {\r\n transform: translateX(calc(-500px * 12));\r\n }\r\n }\r\n\r\n .sponsor {\r\n width: 500px;\r\n \/* Cinematic slot *\/\r\n padding: 0 50px;\r\n flex-shrink: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n filter: grayscale(0);\r\n \/* Full color by default for impact *\/\r\n opacity: 0.9;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .sponsor:hover {\r\n opacity: 1;\r\n transform: scale(1.05);\r\n }\r\n\r\n .sponsor img {\r\n max-width: 100%;\r\n max-height: 220px;\r\n \/* Maximum possible impact *\/\r\n object-fit: contain;\r\n }\r\n\r\n footer {\r\n padding: 10px 60px;\r\n background: var(--bg-body);\r\n color: var(--text-main);\r\n border-top: 2px solid var(--primary);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 0.5rem;\r\n letter-spacing: 1px;\r\n white-space: nowrap;\r\n text-transform: uppercase;\r\n opacity: 0.6;\r\n }\r\n\r\n \/* INITIAL ENTRY ANIMATION *\/\r\n .home-slide-entry {\r\n animation: homeSlideDown 1.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n @keyframes homeSlideDown {\r\n from {\r\n transform: translateY(-50px);\r\n opacity: 0;\r\n }\r\n\r\n to {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n \/* BOOK SPLIT TRANSITION *\/\r\n #book-split {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n z-index: 9999;\r\n pointer-events: none;\r\n display: flex;\r\n }\r\n\r\n .split-panel {\r\n flex: 1;\r\n background: var(--primary);\r\n height: 100%;\r\n transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);\r\n }\r\n\r\n .split-left {\r\n transform: translateX(-100%);\r\n border-right: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .split-right {\r\n transform: translateX(100%);\r\n border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n #book-split.active .split-left,\r\n #book-split.active .split-right {\r\n transform: translateX(0);\r\n }\r\n\r\n #split-logo-wrap {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) scale(0);\r\n z-index: 10000;\r\n transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n background: white;\r\n padding: 20px;\r\n border-radius: 50%;\r\n box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n #book-split.active #split-logo-wrap {\r\n transform: translate(-50%, -50%) scale(1);\r\n }\r\n\r\n .split-logo {\r\n width: 120px;\r\n height: auto;\r\n }\r\n\r\n \/* DYNAMIC BACKGROUND *\/\r\n #page-bg {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -1;\r\n pointer-events: none;\r\n background-image: url('basketball_bg_pattern.png');\r\n background-repeat: repeat;\r\n background-size: 800px;\r\n opacity: 0.03;\r\n \/* Extremely subtle *\/\r\n transition: opacity 0.4s ease;\r\n animation: bgFloat 60s linear infinite;\r\n }\r\n\r\n .dark #page-bg {\r\n opacity: 0.05;\r\n filter: invert(1);\r\n }\r\n\r\n @keyframes bgFloat {\r\n 0% {\r\n background-position: 0 0;\r\n }\r\n\r\n 100% {\r\n background-position: 800px 800px;\r\n }\r\n }\r\n\r\n \/* RESPONSIVE DESIGN - UNIFIED MEDIA QUERIES *\/\r\n\r\n \/* TABLET & MOBILE OVERRIDE *\/\r\n @media (max-width: 1024px) {\r\n :root {\r\n --sidebar-width: 0px;\r\n --header-height: 70px;\r\n }\r\n\r\n #custom-cursor {\r\n display: none !important;\r\n }\r\n\r\n body,\r\n a,\r\n button,\r\n .nav-item,\r\n .submenu-item {\r\n cursor: auto !important;\r\n }\r\n\r\n #sidebar {\r\n transform: translateX(-100%);\r\n z-index: 99999 !important;\r\n width: var(--sidebar-expanded);\r\n top: 0;\r\n height: 100vh;\r\n border-right: none;\r\n box-shadow: 20px 0 50px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n #sidebar.sidebar-overlay-active {\r\n transform: translateX(0);\r\n }\r\n\r\n #sidebar:hover {\r\n width: var(--sidebar-expanded);\r\n \/* Prevent hover expansion on touch *\/\r\n }\r\n\r\n .nav-text {\r\n opacity: 1 !important;\r\n }\r\n\r\n #header-fixed {\r\n width: 100vw;\r\n left: 0;\r\n padding: 0 15px;\r\n }\r\n\r\n .header-btn {\r\n display: flex !important;\r\n }\r\n\r\n .header-right-group .theme-toggle {\r\n display: none;\r\n }\r\n\r\n #content-area {\r\n left: 0 !important;\r\n }\r\n\r\n .page-section {\r\n padding: 40px 20px;\r\n }\r\n\r\n .home-block {\r\n padding: 30px 20px;\r\n border-radius: 20px;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(2.5rem, 8vw, 4rem) !important;\r\n }\r\n\r\n \/* Adjust registration grid for tablets *\/\r\n .registration-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n padding: 0 20px !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .promo-box:nth-child(even) {\r\n transform: translateY(0) !important;\r\n }\r\n }\r\n\r\n \/* MOBILE SMALL OVERRIDE *\/\r\n @media (max-width: 600px) {\r\n :root {\r\n --header-height: 60px;\r\n }\r\n\r\n .brand-name {\r\n font-size: 1.2rem !important;\r\n }\r\n\r\n .brand-name .part2 {\r\n display: none !important;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2rem !important;\r\n }\r\n\r\n .hero-motto {\r\n font-size: 0.9rem !important;\r\n letter-spacing: 4px !important;\r\n }\r\n\r\n .registration-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n\r\n .promo-img-wrap {\r\n height: 180px !important;\r\n }\r\n\r\n .block-title {\r\n font-size: 1.8rem !important;\r\n }\r\n\r\n .event-box {\r\n padding: 15px !important;\r\n }\r\n\r\n .teams {\r\n font-size: 1.1rem !important;\r\n }\r\n\r\n .h-card {\r\n min-width: 280px !important;\r\n padding: 20px !important;\r\n }\r\n\r\n .merchandising-parallax {\r\n min-height: 350px !important;\r\n padding: 40px 20px !important;\r\n background-attachment: scroll !important;\r\n \/* Better performance on mobile *\/\r\n }\r\n\r\n .merch-content h3 {\r\n font-size: 1.4rem !important;\r\n }\r\n\r\n footer {\r\n flex-direction: column;\r\n text-align: center;\r\n gap: 5px;\r\n padding: 20px;\r\n white-space: normal;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div id=\"custom-cursor\"><\/div>\r\n <div id=\"page-bg\"><\/div>\r\n\r\n <nav class=\"arena-chapters\" aria-label=\"Salta alla sezione\">\r\n <a href=\"#home-hero\" title=\"Hero\">01<\/a>\r\n <a href=\"#section-live\" title=\"Live\">02<\/a>\r\n <a href=\"#registration-promo-section\" title=\"Iscrizioni\">03<\/a>\r\n <a href=\"#timeline-container-block\" title=\"Partite\">04<\/a>\r\n <a href=\"#merchandising-section\" title=\"Shop\">05<\/a>\r\n <a href=\"#sponsor-section\" title=\"Sponsor\">06<\/a>\r\n <\/nav>\r\n\r\n <nav id=\"sidebar\">\r\n\r\n\r\n <div class=\"nav-group\">\r\n <div class=\"nav-item\">\r\n <span class=\"material-icons-round\">groups<\/span>\r\n <span class=\"nav-text\">Societ\u00e0<\/span>\r\n <\/div>\r\n <div class=\"submenu\">\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Storia', 'https:\/\/www.aviglianabasket.it\/?page_id=254')\">Storia<\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Informazioni', 'https:\/\/www.aviglianabasket.it\/?page_id=274')\">\r\n Informazioni<\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Privacy Policy', 'https:\/\/www.aviglianabasket.it\/?page_id=3')\">\r\n Privacy Policy<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"nav-group\">\r\n <div class=\"nav-item\" onclick=\"openDynamicPage('Stagione', 'https:\/\/www.aviglianabasket.it\/?page_id=139')\">\r\n <span class=\"material-icons-round\">event_note<\/span>\r\n <span class=\"nav-text\">Stagione<\/span>\r\n <\/div>\r\n <div class=\"submenu\">\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Squadre', 'https:\/\/www.aviglianabasket.it\/?page_id=179')\">Squadre<\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Calendario', 'https:\/\/www.aviglianabasket.it\/?page_id=2192')\">Calendario\r\n <\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Prossimi Incontri', 'https:\/\/www.aviglianabasket.it\/?page_id=107')\">\r\n Prossimi Incontri<\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Statistiche', 'https:\/\/www.aviglianabasket.it\/?page_id=5473')\">\r\n Statistiche<\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('News', 'https:\/\/www.aviglianabasket.it\/?page_id=151')\">News<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"nav-group\">\r\n <div class=\"nav-item\">\r\n <span class=\"material-icons-round\">person_add<\/span>\r\n <span class=\"nav-text\">Atleti<\/span>\r\n <\/div>\r\n <div class=\"submenu\">\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Iscrizioni Regular Season', 'https:\/\/www.cloud32.it\/GES\/pub\/corsisel\/210812?&rpet=true')\">\r\n Iscrizioni Regular Season<\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Iscrizioni Estate', 'https:\/\/www.aviglianabasket.cloud\/ab-iscrizioni\/')\">\r\n Iscrizioni Estate<\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Portale Atleta', 'https:\/\/www.aviglianabasket.cloud\/ab-documentale\/')\">\r\n Portale Atleta<\/div>\r\n <div class=\"submenu-item\"\r\n onclick=\"openDynamicPage('Richiesta Info', 'https:\/\/www.aviglianabasket.it\/?page_id=274')\">\r\n Richiesta Info<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"nav-group\">\r\n <div class=\"nav-item\"\r\n onclick=\"openDynamicPage('Merchandising', 'https:\/\/www.aviglianabasket.cloud\/ab-merch-ordini_sql\/')\">\r\n <span class=\"material-icons-round\">shopping_bag<\/span>\r\n <span class=\"nav-text\">Merchandising<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"nav-group\">\r\n <div class=\"nav-item\" onclick=\"openDynamicPage('Sponsor', 'https:\/\/www.aviglianabasket.it\/?page_id=454')\">\r\n <span class=\"material-icons-round\">handshake<\/span>\r\n <span class=\"nav-text\">Sponsor<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"nav-group\">\r\n <div class=\"nav-item\"\r\n onclick=\"openDynamicPage('Area Riservata', 'https:\/\/www.aviglianabasket.it\/?page_id=427')\">\r\n <span class=\"material-icons-round\">vpn_key<\/span>\r\n <span class=\"nav-text\">Area Riservata<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <header id=\"header-fixed\">\r\n <div class=\"header-content-left\">\r\n\r\n <div class=\"branding\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.cloud\/wp-content\/uploads\/2025\/12\/AAA_NEW_LOGO-Photoroom.png\" alt=\"Logo\" class=\"logo\" title=\"\">\r\n <div class=\"brand-name\" onclick=\"showHome()\" style=\"cursor:pointer\">\r\n <span class=\"part1\" style=\"color:#4ade80\">Avigliana<\/span> <span class=\"part2\"\r\n style=\"color:#fff\">Basket<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"header-content-right\">\r\n <div class=\"header-btn menu-btn\" id=\"header-menu-btn\" onclick=\"toggleMenu()\">\r\n <span class=\"material-icons-round\">menu<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <div id=\"content-area\">\r\n <section class=\"page-section hero-section\" id=\"home-hero\">\r\n <video id=\"hero-bg\" class=\"hero-bg-img\" autoplay muted playsinline\r\n poster=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/03\/NEW_DARKSFONDO-scaled.png\">\r\n <source src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/03\/Sfondo_animato-1.mp4\"\r\n type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"hero-overlay\"><\/div>\r\n\r\n <div class=\"hero-arena-stack\">\r\n <p class=\"hero-chapter-label\">01 \u00b7 Home<\/p>\r\n <h2 class=\"hero-broadcast-title\">Keep pushing.<br><span class=\"hero-line-accent\">Keep winning.<\/span><\/h2>\r\n <p class=\"hero-broadcast-tagline\">ASD Polisportiva Avigliana Basket<\/p>\r\n <nav class=\"hero-quick-links\" aria-label=\"Collegamenti rapidi\">\r\n <a href=\"#section-live\">Live<\/a>\r\n <a href=\"#registration-promo-section\">Iscrizioni<\/a>\r\n <a href=\"#timeline-container-block\">Calendario<\/a>\r\n <a href=\"#merchandising-section\">Shop<\/a>\r\n <\/nav>\r\n <\/div>\r\n\r\n <div class=\"scroll-indicator\">\r\n <div class=\"mouse\">\r\n <div class=\"wheel\"><\/div>\r\n <\/div>\r\n <span>Scroll Down<\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function () {\r\n var v = document.getElementById(\"hero-bg\");\r\n if (!v) return;\r\n v.addEventListener(\"error\", function () {\r\n v.classList.add(\"hero-video-hidden\");\r\n });\r\n })();\r\n <\/script>\r\n\r\n <style>\r\n .scroll-indicator {\r\n position: absolute;\r\n bottom: 30px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n color: white;\r\n font-family: var(--font-sans);\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n opacity: 0.6;\r\n animation: scrollWiggle 2s infinite;\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n @keyframes scrollWiggle {\r\n\r\n 0%,\r\n 100% {\r\n transform: translate(-50%, 0);\r\n opacity: 0.4;\r\n }\r\n\r\n 50% {\r\n transform: translate(-50%, 10px);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .scroll-indicator .mouse {\r\n width: 25px;\r\n height: 40px;\r\n border: 2px solid white;\r\n border-radius: 12px;\r\n position: relative;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .scroll-indicator .wheel {\r\n width: 3px;\r\n height: 8px;\r\n background: white;\r\n position: absolute;\r\n top: 8px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n border-radius: 2px;\r\n animation: wheelScroll 1.5s infinite;\r\n }\r\n\r\n @keyframes wheelScroll {\r\n 0% {\r\n opacity: 0;\r\n transform: translate(-50%, 0);\r\n }\r\n\r\n 30% {\r\n opacity: 1;\r\n }\r\n\r\n 100% {\r\n opacity: 0;\r\n transform: translate(-50%, 15px);\r\n }\r\n }\r\n <\/style>\r\n\r\n <section class=\"page-section page-section--live\" id=\"section-live\">\r\n <div id=\"live-events-container\"><\/div>\r\n\r\n <style>\r\n #live-events-container h1,\r\n #live-events-container h2.live-events-heading {\r\n font-family: 'Urbanist', sans-serif;\r\n color: var(--primary);\r\n font-size: 2.2rem;\r\n font-weight: 900;\r\n margin-bottom: 20px;\r\n text-align: left;\r\n \/* Left aligned *\/\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n #live-events-container h2.live-events-heading {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .dark #live-events-container h1,\r\n .dark #live-events-container h2.live-events-heading {\r\n text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .event-box {\r\n background: var(--bg-card);\r\n border-radius: 20px;\r\n padding: 25px;\r\n margin-bottom: 20px;\r\n box-shadow: var(--shadow);\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .dark .event-box {\r\n border-color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .event-box::before {\r\n content: 'LIVE';\r\n position: absolute;\r\n right: -10px;\r\n bottom: -10px;\r\n font-size: 8rem;\r\n font-family: 'Urbanist', sans-serif;\r\n font-weight: 900;\r\n opacity: 0.03;\r\n pointer-events: none;\r\n }\r\n\r\n .title-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .teams {\r\n font-size: 1.4rem;\r\n font-weight: 800;\r\n color: var(--text-main);\r\n font-family: 'Urbanist', sans-serif;\r\n }\r\n\r\n .start-time-container {\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n background: rgba(0, 0, 0, 0.03);\r\n padding: 5px 12px;\r\n border-radius: 10px;\r\n }\r\n\r\n .dark .start-time-container {\r\n background: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .cat-location {\r\n font-size: 0.9rem;\r\n color: var(--text-muted);\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n \/* TIMELINE *\/\r\n .timeline-container {\r\n margin-top: 25px;\r\n }\r\n\r\n .timeline-track {\r\n position: relative;\r\n width: 100%;\r\n height: 14px;\r\n background: rgba(0, 0, 0, 0.05);\r\n border-radius: 20px;\r\n display: flex;\r\n overflow: hidden;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .dark .timeline-track {\r\n background: rgba(255, 255, 255, 0.05);\r\n border-color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .segment {\r\n height: 100%;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .ball {\r\n position: absolute;\r\n top: 50%;\r\n width: 30px;\r\n height: 30px;\r\n background: url(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/7\/7a\/Basketball.png\") no-repeat center;\r\n background-size: contain;\r\n transform: translate(-50%, -50%);\r\n z-index: 10;\r\n filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3));\r\n transition: left 1s ease-in-out;\r\n }\r\n\r\n .labels-row {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-top: 10px;\r\n font-size: 0.65rem;\r\n position: relative;\r\n height: 20px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n color: var(--text-muted);\r\n }\r\n\r\n .label {\r\n position: absolute;\r\n transform: translateX(-50%);\r\n white-space: nowrap;\r\n }\r\n <\/style>\r\n\r\n <script>\r\n (function () {\r\n const CSV_URL = \"\/wp-content\/uploads\/2025\/INCONTRI.csv\";\r\n const REFRESH_MS = 60000;\r\n const TOTAL_DURATION_MIN = 140;\r\n\r\n function parseCSV(text) {\r\n const lines = text.trim().split(\"\\n\");\r\n return lines.map(l => l.split(\",\"));\r\n }\r\n\r\n function minutesSince(start) {\r\n return (new Date() - start) \/ 60000;\r\n }\r\n\r\n function getTimelineStructure(type) {\r\n if (type.includes(\"Seniores\")) {\r\n return [\r\n [\"Risc\", -20, 0], [\"1\u00b0Q\", 0, 20], [\"2\u00b0Q\", 20, 40],\r\n [\"INT\", 40, 56], [\"3\u00b0Q\", 56, 76], [\"4\u00b0Q\", 76, 96],\r\n [\"Fine\", 96, 120]\r\n ];\r\n } else if (type.includes(\"Giovanili\")) {\r\n return [\r\n [\"Risc\", -20, 0], [\"1\u00b0Q\", 0, 16], [\"2\u00b0Q\", 16, 32],\r\n [\"INT\", 32, 49], [\"3\u00b0Q\", 49, 65], [\"4\u00b0Q\", 65, 81],\r\n [\"Fine\", 81, 120]\r\n ];\r\n } else { \/\/ Minibasket\r\n return [\r\n [\"Risc\", -20, 0], [\"1\u00b0T\", 0, 25], [\"INT\", 25, 41],\r\n [\"2\u00b0T\", 41, 66], [\"Fine\", 66, 120]\r\n ];\r\n }\r\n }\r\n\r\n function getSegmentStyle(label) {\r\n let color = \"rgba(100, 100, 100, 0.1)\"; \/\/ Default\r\n if (label.includes(\"Q\") || label.includes(\"T\")) color = \"var(--primary)\";\r\n if (label.includes(\"INT\")) color = \"#ffa930\";\r\n if (label.includes(\"Fine\")) color = \"#e74c3c\";\r\n return `background-color: ${color}; opacity: 0.2;`;\r\n }\r\n\r\n function createTimeline(type, elapsed) {\r\n const structure = getTimelineStructure(type);\r\n let ballLeft = ((elapsed + 20) \/ TOTAL_DURATION_MIN) * 100;\r\n ballLeft = Math.max(0, Math.min(100, ballLeft));\r\n\r\n let segmentsHtml = structure.map(seg => {\r\n const [label, start, end] = seg;\r\n const width = ((end - start) \/ TOTAL_DURATION_MIN) * 100;\r\n return `<div class=\"segment\" style=\"width:${width}%; ${getSegmentStyle(label)}\"><\/div>`;\r\n }).join('');\r\n\r\n let labelsHtml = structure.map(seg => {\r\n const [label, start, end] = seg;\r\n const pos = (((start + end) \/ 2 + 20) \/ TOTAL_DURATION_MIN) * 100;\r\n const width = ((end - start) \/ TOTAL_DURATION_MIN) * 100;\r\n if (label === \"Fine\" || width < 5) return '';\r\n return `<div class=\"label\" style=\"left:${pos}%\">${label}<\/div>`;\r\n }).join('');\r\n\r\n return `\r\n <div class=\"timeline-container\">\r\n <div class=\"timeline-track\">\r\n ${segmentsHtml}\r\n <div class=\"ball\" style=\"left:${ballLeft}%\"><\/div>\r\n <\/div>\r\n <div class=\"labels-row\">${labelsHtml}<\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n async function loadLiveEvents() {\r\n const container = document.getElementById(\"live-events-container\");\r\n if (!container) return;\r\n const titleHtml = `<h2 class=\"live-events-heading\"><span class=\"material-icons-round\" aria-hidden=\"true\">sensors<\/span> Eventi live<\/h2>`;\r\n const emptyInner = `\r\n <div class=\"live-empty-state\">\r\n <p>Al momento non ci sono partite in diretta.<\/p>\r\n <p class=\"live-empty-muted\">Gli incontri del giorno compaiono qui verso l\u2019orario di inizio (finestra \u00b120 min prima \/ 2 ore dopo).<\/p>\r\n <a href=\"#timeline-container-block\">Vai al calendario partite<\/a>\r\n <\/div>`;\r\n try {\r\n const r = await fetch(CSV_URL + \"?t=\" + Date.now());\r\n const text = await r.text();\r\n const rows = parseCSV(text);\r\n\r\n const now = new Date();\r\n const today = now.toLocaleDateString('it-IT');\r\n\r\n let html = '';\r\n let found = false;\r\n\r\n rows.forEach((r, i) => {\r\n if (i === 0 || !r[2]) return;\r\n if (r[2] !== today) return;\r\n\r\n const [hh, mm] = r[7].split(\":\");\r\n const eventDate = new Date();\r\n eventDate.setHours(hh, mm, 0, 0);\r\n const elapsed = minutesSince(eventDate);\r\n\r\n if (elapsed < -20 || elapsed > 120) return;\r\n\r\n found = true;\r\n const title = (r[6] === \"C CASA\" || r[6] === \"CASA\") ? `${r[4]} vs ${r[5]}` : `${r[5]} vs ${r[4]}`;\r\n\r\n html += `\r\n <div class=\"event-box\">\r\n <div class=\"title-row\">\r\n <div class=\"teams\">${title}<\/div>\r\n <div class=\"start-time-container\">\r\n <span style=\"opacity:0.7\">Inizio:<\/span> \r\n <span style=\"color:var(--primary)\">${r[7]}<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cat-location\">\r\n <span class=\"material-icons-round\" style=\"font-size:16px\">category<\/span> ${r[12]}\r\n <span class=\"material-icons-round\" style=\"font-size:16px; margin-left:10px;\">place<\/span> ${r[8]}\r\n <\/div>\r\n ${createTimeline(r[12], elapsed)}\r\n <\/div>\r\n `;\r\n });\r\n\r\n container.innerHTML = found ? (titleHtml + html) : (titleHtml + emptyInner);\r\n container.style.display = 'block';\r\n } catch (e) {\r\n container.innerHTML = titleHtml + `\r\n <div class=\"live-empty-state\">\r\n <p>Non \u00e8 stato possibile aggiornare gli eventi live.<\/p>\r\n <p class=\"live-empty-muted\">Controlla la connessione oppure apri il calendario per le partite programmate.<\/p>\r\n <a href=\"#timeline-container-block\">Vai al calendario partite<\/a>\r\n <\/div>`;\r\n container.style.display = 'block';\r\n }\r\n }\r\n\r\n loadLiveEvents();\r\n setInterval(loadLiveEvents, REFRESH_MS);\r\n })();\r\n <\/script>\r\n\r\n <style>\r\n @keyframes pulse {\r\n 0% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n 50% {\r\n opacity: 0.7;\r\n transform: scale(0.95);\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n <\/style>\r\n\r\n <section class=\"page-section\" id=\"registration-promo-section\">\r\n <div class=\"registration-grid\">\r\n <div class=\"promo-box\">\r\n <div class=\"promo-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2025\/08\/ISCRIZIONE_20252026.jpg.webp\" alt=\"Regular Season\" title=\"\">\r\n <\/div>\r\n <button class=\"promo-btn\"\r\n onclick=\"openDynamicPage('ISCRIZIONE REGULAR SEASON', 'https:\/\/www.cloud32.it\/GES\/pub\/corsisel\/210812?&rpet=true')\">ISCRIZIONE\r\n REGULAR SEASON<\/button>\r\n <\/div>\r\n <div class=\"promo-box\">\r\n <div class=\"promo-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/04\/internationalCamp.jpeg\" alt=\"International Camp\" title=\"\">\r\n <\/div>\r\n <button class=\"promo-btn\"\r\n onclick=\"openDynamicPage('ISCRIZIONE INTERNATIONAL CAMP', 'https:\/\/www.aviglianabasket.cloud\/ab-iscrizioni\/')\">ISCRIZIONE\r\n INTERNATIONAL CAMP<\/button>\r\n <\/div>\r\n <div class=\"promo-box\">\r\n <div class=\"promo-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/04\/SummerCamp.jpeg\" alt=\"Summer Sport Camp\" title=\"\">\r\n <\/div>\r\n <button class=\"promo-btn\"\r\n onclick=\"openDynamicPage('ISCRIZIONI SUMMER SPORT CAMP', 'https:\/\/www.aviglianabasket.cloud\/ab-iscrizioni\/')\">ISCRIZIONI\r\n SUMMER SPORT CAMP<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <style>\r\n .registration-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n margin-bottom: 60px;\r\n padding: 0 40px;\r\n max-width: 1400px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .promo-box:nth-child(even) {\r\n transform: translateY(40px);\r\n }\r\n\r\n .reveal-on-scroll {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);\r\n }\r\n\r\n .reveal-on-scroll.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .promo-box {\r\n background: var(--bg-card);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: var(--shadow);\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n transition: transform 0.3s ease;\r\n height: 100%;\r\n }\r\n\r\n .dark .promo-box {\r\n border-color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .promo-box:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .promo-img-wrap {\r\n width: 100%;\r\n height: 250px;\r\n overflow: hidden;\r\n }\r\n\r\n .promo-img-wrap img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .promo-box:hover .promo-img-wrap img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .promo-btn {\r\n margin: 20px;\r\n padding: 15px;\r\n background: var(--primary);\r\n color: white;\r\n border: none;\r\n border-radius: 12px;\r\n font-family: 'Urbanist', sans-serif;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n margin-top: auto;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .promo-btn:hover {\r\n background: var(--primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\r\n }\r\n <\/style>\r\n <\/section>\r\n\r\n <div class=\"home-block\" id=\"timeline-container-block\">\r\n <style>\r\n #timeline-widget {\r\n width: 100%;\r\n background: var(--bg-card);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n box-shadow: var(--shadow);\r\n font-family: 'Urbanist', sans-serif;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .dark #timeline-widget {\r\n border-color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n #timeline-header {\r\n padding: 20px;\r\n text-align: left;\r\n \/* Left aligned *\/\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\r\n background: rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .dark #timeline-header {\r\n border-bottom-color: rgba(255, 255, 255, 0.05);\r\n background: rgba(255, 255, 255, 0.02);\r\n }\r\n\r\n #timeline-header h3 {\r\n font-family: 'Urbanist', sans-serif;\r\n font-size: 1.2rem;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n color: var(--text-main);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .legend {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n font-size: 0.7rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n opacity: 0.8;\r\n }\r\n\r\n .legend-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .dot-home {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: #10b981;\r\n box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);\r\n }\r\n\r\n .dot-away {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: #e11d48;\r\n box-shadow: 0 0 10px rgba(225, 29, 72, 0.5);\r\n }\r\n\r\n #timeline-main {\r\n padding: 20px;\r\n position: relative;\r\n height: 180px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \/* Centered *\/\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n scrollbar-width: thin;\r\n }\r\n\r\n #timeline-main::-webkit-scrollbar {\r\n height: 4px;\r\n }\r\n\r\n #timeline-main::-webkit-scrollbar-thumb {\r\n background: var(--primary);\r\n border-radius: 10px;\r\n }\r\n\r\n #timeline-axis {\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n width: 100%;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--text-muted), transparent);\r\n opacity: 0.2;\r\n z-index: 1;\r\n }\r\n\r\n .timeline-days-wrap {\r\n display: flex;\r\n justify-content: center;\r\n \/* Centered items *\/\r\n gap: 20px;\r\n \/* Added gap for better spacing *\/\r\n height: 100%;\r\n position: relative;\r\n z-index: 2;\r\n padding: 0 40px;\r\n }\r\n\r\n .day-column {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n width: 80px;\r\n height: 100%;\r\n position: relative;\r\n }\r\n\r\n .day-badge {\r\n background: var(--bg-body);\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n padding: 6px 10px;\r\n border-radius: 12px;\r\n text-align: center;\r\n min-width: 60px;\r\n z-index: 10;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .dark .day-badge {\r\n border-color: rgba(255, 255, 255, 0.1);\r\n background: #1a1a1a;\r\n }\r\n\r\n .day-badge.is-today {\r\n background: var(--primary);\r\n border-color: var(--primary);\r\n color: white !important;\r\n transform: scale(1.1);\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .day-badge.is-today span {\r\n color: white !important;\r\n }\r\n\r\n .day-name {\r\n display: block;\r\n font-size: 0.6rem;\r\n text-transform: uppercase;\r\n font-weight: 800;\r\n color: var(--text-muted);\r\n margin-bottom: 2px;\r\n }\r\n\r\n .day-num {\r\n display: block;\r\n font-size: 1.1rem;\r\n font-weight: 900;\r\n color: var(--text-main);\r\n font-family: 'Urbanist', sans-serif;\r\n }\r\n\r\n .match-dot {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-weight: 900;\r\n font-size: 0.8rem;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n border: 2px solid rgba(255, 255, 255, 0.2);\r\n position: absolute;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n\r\n .match-dot:hover {\r\n transform: translateX(-50%) scale(1.2);\r\n z-index: 100;\r\n cursor: pointer;\r\n }\r\n\r\n .match-dot.home {\r\n background: linear-gradient(135deg, #10b981, #059669);\r\n bottom: 110px;\r\n box-shadow: 0 4px 10px rgba(16, 185, 129, 0.3);\r\n }\r\n\r\n .match-dot.away {\r\n background: linear-gradient(135deg, #e11d48, #be123c);\r\n top: 110px;\r\n box-shadow: 0 4px 10px rgba(225, 29, 72, 0.3);\r\n }\r\n\r\n .dashed-connector {\r\n position: absolute;\r\n width: 1px;\r\n height: 20px;\r\n border-left: 1px dashed var(--text-muted);\r\n opacity: 0.4;\r\n left: 50%;\r\n }\r\n\r\n .dashed-connector.up {\r\n bottom: 90px;\r\n }\r\n\r\n .dashed-connector.down {\r\n top: 90px;\r\n }\r\n\r\n \/* TICKER *\/\r\n #ticker-wrap {\r\n background: var(--primary-dark);\r\n height: 36px;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n position: relative;\r\n border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .ticker-label {\r\n background: var(--primary);\r\n color: white;\r\n font-size: 0.65rem;\r\n font-weight: 900;\r\n padding: 0 15px;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n z-index: 10;\r\n box-shadow: 5px 0 15px rgba(0, 0, 0, 0.3);\r\n white-space: nowrap;\r\n }\r\n\r\n .ticker-content {\r\n display: flex;\r\n white-space: nowrap;\r\n animation: tickerSwipe 40s linear infinite;\r\n padding-left: 20px;\r\n }\r\n\r\n .ticker-item {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-right: 30px;\r\n color: rgba(255, 255, 255, 0.9);\r\n font-size: 0.75rem;\r\n }\r\n\r\n .ticker-time {\r\n font-weight: 900;\r\n color: #fff;\r\n background: rgba(255, 255, 255, 0.1);\r\n padding: 2px 6px;\r\n border-radius: 4px;\r\n font-family: monospace;\r\n }\r\n\r\n .ticker-desc {\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n }\r\n\r\n @keyframes tickerSwipe {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n \/* MODAL *\/\r\n #match-detail-modal {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.85);\r\n backdrop-filter: blur(5px);\r\n z-index: 10000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .modal-content {\r\n background: var(--bg-card);\r\n width: 100%;\r\n max-width: 600px;\r\n border-radius: 30px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n animation: modalShow 0.3s ease-out;\r\n }\r\n\r\n @keyframes modalShow {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .modal-header {\r\n padding: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\r\n display: flex;\r\n justify-content: center;\r\n \/* Centered *\/\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n .modal-title {\r\n font-family: 'Urbanist', sans-serif;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n color: var(--primary);\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n \/* Positioned absolute for centering title *\/\r\n right: 20px;\r\n cursor: pointer;\r\n opacity: 0.6;\r\n }\r\n\r\n .modal-body {\r\n padding: 25px;\r\n max-height: 70vh;\r\n overflow-y: auto;\r\n text-align: center;\r\n \/* Centered content *\/\r\n }\r\n\r\n .event-card {\r\n background: var(--bg-body);\r\n padding: 25px;\r\n border-radius: 20px;\r\n margin-bottom: 20px;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n \/* Centered *\/\r\n }\r\n\r\n .event-time {\r\n font-family: monospace;\r\n font-weight: 900;\r\n color: var(--primary);\r\n font-size: 1.1rem;\r\n margin-bottom: 10px;\r\n display: block;\r\n }\r\n\r\n .event-summary {\r\n font-size: 1.2rem;\r\n font-weight: 800;\r\n color: var(--text-main);\r\n margin-bottom: 15px;\r\n display: block;\r\n line-height: 1.2;\r\n }\r\n\r\n .event-loc {\r\n font-size: 0.9rem;\r\n color: var(--text-muted);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 5px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .event-desc {\r\n font-size: 0.85rem;\r\n color: var(--text-muted);\r\n border-top: 1px solid rgba(0, 0, 0, 0.05);\r\n padding-top: 15px;\r\n line-height: 1.5;\r\n white-space: pre-line;\r\n width: 100%;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #timeline-main {\r\n height: 220px;\r\n }\r\n\r\n .match-dot.home {\r\n bottom: 130px;\r\n }\r\n\r\n .match-dot.away {\r\n top: 130px;\r\n }\r\n\r\n .dashed-connector.up {\r\n bottom: 95px;\r\n }\r\n\r\n .dashed-connector.down {\r\n top: 95px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div id=\"timeline-widget\">\r\n <div id=\"timeline-header\">\r\n <h3>Match Timeline - Prossimi 7 Giorni<\/h3>\r\n <div class=\"legend\">\r\n <div class=\"legend-item\"><span class=\"dot-home\"><\/span> CASA<\/div>\r\n <div class=\"legend-item\"><span class=\"dot-away\"><\/span> TRASFERTA<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"timeline-main\">\r\n <div id=\"timeline-axis\"><\/div>\r\n <div class=\"timeline-days-wrap\" id=\"days-root\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"ticker-wrap\">\r\n <div class=\"ticker-label\"><span class=\"material-icons-round\"\r\n style=\"font-size: 14px; margin-right: 5px;\">sensors<\/span> LIVE OGGI<\/div>\r\n <div class=\"ticker-content\" id=\"ticker-root\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"match-detail-modal\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <div class=\"modal-title\" id=\"m-title\">Dettaglio Match<\/div>\r\n <span class=\"material-icons-round modal-close\" onclick=\"closeMatchModal()\">close<\/span>\r\n <\/div>\r\n <div class=\"modal-body\" id=\"m-body\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n const API_KEY = \"AIzaSyDVNulAR9V16JXIK2RSRXCv6uk6AO2Nk1I\";\r\n const CAL_HOME = \"0cd5fa89ab3f8bbd58fe500d95e9df8d2c04692dfdd11fed8a04889380049052@group.calendar.google.com\";\r\n const CAL_AWAY = \"eda6118d425bd15e8b5ec8defdb2ca2a99b94ef6be7b0ffa943fc371f48cf3d8@group.calendar.google.com\";\r\n\r\n let allEvents = { home: [], away: [] };\r\n\r\n async function fetchEvents(calId, type) {\r\n const timeMin = new Date();\r\n timeMin.setHours(0, 0, 0, 0);\r\n const timeMax = new Date();\r\n timeMax.setDate(timeMax.getDate() + 7);\r\n\r\n const url = `https:\/\/www.googleapis.com\/calendar\/v3\/calendars\/${encodeURIComponent(calId)}\/events?key=${API_KEY}&singleEvents=true&orderBy=startTime&timeMin=${timeMin.toISOString()}&timeMax=${timeMax.toISOString()}`;\r\n\r\n try {\r\n const r = await fetch(url);\r\n const d = await r.json();\r\n return (d.items || []).map(ev => ({\r\n summary: ev.summary || \"Match\",\r\n location: ev.location || \"PalaAvigliana\",\r\n description: ev.description || \"\",\r\n start: new Date(ev.start.dateTime || ev.start.date),\r\n type: type,\r\n dateKey: (ev.start.dateTime || ev.start.date).split('T')[0]\r\n }));\r\n } catch (e) { return []; }\r\n }\r\n\r\n async function initTimeline() {\r\n allEvents.home = await fetchEvents(CAL_HOME, 'HOME');\r\n allEvents.away = await fetchEvents(CAL_AWAY, 'AWAY');\r\n renderTimeline();\r\n }\r\n\r\n function renderTimeline() {\r\n const daysRoot = document.getElementById('days-root');\r\n const tickerRoot = document.getElementById('ticker-root');\r\n daysRoot.innerHTML = '';\r\n tickerRoot.innerHTML = '';\r\n\r\n const today = new Date();\r\n const todayKey = today.toISOString().split('T')[0];\r\n let tickerHtml = '';\r\n\r\n for (let i = 0; i < 7; i++) {\r\n const d = new Date(today);\r\n d.setDate(today.getDate() + i);\r\n const key = d.toISOString().split('T')[0];\r\n const isToday = key === todayKey;\r\n\r\n const hMatches = allEvents.home.filter(e => e.dateKey === key);\r\n const aMatches = allEvents.away.filter(e => e.dateKey === key);\r\n\r\n \/\/ Add to ticker if today\r\n if (isToday) {\r\n [...hMatches, ...aMatches].sort((a, b) => a.start - b.start).forEach(m => {\r\n let desc = m.summary;\r\n if (m.description) {\r\n let clean = m.description.replace(\/Incontro in : (CASA|TRASFERTA) fra \/i, \"\").split('--')[0].trim();\r\n if (clean) desc = clean;\r\n }\r\n tickerHtml += `\r\n <div class=\"ticker-item\">\r\n <span class=\"ticker-time\">${m.start.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}<\/span>\r\n <span class=\"ticker-desc\">${desc}<\/span>\r\n <\/div>\r\n `;\r\n });\r\n }\r\n\r\n const dayCol = document.createElement('div');\r\n dayCol.className = 'day-column';\r\n dayCol.innerHTML = `\r\n <div class=\"day-badge ${isToday ? 'is-today' : ''}\">\r\n <span class=\"day-name\">${d.toLocaleDateString('it-IT', { weekday: 'short' })}<\/span>\r\n <span class=\"day-num\">${d.getDate()}<\/span>\r\n <\/div>\r\n `;\r\n\r\n if (hMatches.length > 0) {\r\n const dot = document.createElement('div');\r\n dot.className = 'match-dot home';\r\n dot.innerText = hMatches.length;\r\n dot.onclick = () => showMatchModal(hMatches, `CASA - ${d.toLocaleDateString('it-IT', { day: 'numeric', month: 'short' })}`);\r\n dayCol.appendChild(dot);\r\n const conn = document.createElement('div');\r\n conn.className = 'dashed-connector up';\r\n dayCol.appendChild(conn);\r\n }\r\n\r\n if (aMatches.length > 0) {\r\n const dot = document.createElement('div');\r\n dot.className = 'match-dot away';\r\n dot.innerText = aMatches.length;\r\n dot.onclick = () => showMatchModal(aMatches, `TRASFERTA - ${d.toLocaleDateString('it-IT', { day: 'numeric', month: 'short' })}`);\r\n dayCol.appendChild(dot);\r\n const conn = document.createElement('div');\r\n conn.className = 'dashed-connector down';\r\n dayCol.appendChild(conn);\r\n }\r\n\r\n daysRoot.appendChild(dayCol);\r\n }\r\n\r\n tickerRoot.innerHTML = tickerHtml + tickerHtml; \/\/ Double for loop\r\n if (!tickerHtml) {\r\n document.getElementById('ticker-wrap').style.display = 'none';\r\n }\r\n }\r\n\r\n window.showMatchModal = (matches, title) => {\r\n document.getElementById('m-title').innerText = title;\r\n let html = '';\r\n matches.forEach(m => {\r\n const isUnconfirmed = m.summary.trim().startsWith('.');\r\n const displaySummary = isUnconfirmed ? m.summary.trim().substring(1).trim() : m.summary;\r\n\r\n html += `\r\n <div class=\"event-card\">\r\n <span class=\"event-time\">${m.start.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}<\/span>\r\n <span class=\"event-summary\">${displaySummary} ${isUnconfirmed ? '<span style=\"color:#e74c3c; font-size:10px;\">[DA CONFERMARE]<\/span>' : ''}<\/span>\r\n <div class=\"event-loc\"><span class=\"material-icons-round\" style=\"font-size:14px\">place<\/span> ${m.location}<\/div>\r\n ${m.description ? `<div class=\"event-desc\">${m.description}<\/div>` : ''}\r\n <\/div>\r\n `;\r\n });\r\n document.getElementById('m-body').innerHTML = html;\r\n document.getElementById('match-detail-modal').style.display = 'flex';\r\n };\r\n\r\n window.closeMatchModal = () => {\r\n document.getElementById('match-detail-modal').style.display = 'none';\r\n };\r\n\r\n initTimeline();\r\n })();\r\n <\/script>\r\n <\/div>\r\n\r\n <div class=\"home-block\">\r\n <h2 class=\"block-title\"><span class=\"material-icons-round\">photo_camera<\/span> Ultime FotoNews<\/h2>\r\n <div id=\"ab-widget-wrap\">\r\n <style>\r\n #ab-widget-wrap {\r\n width: 100%;\r\n font-family: 'Urbanist', system-ui, sans-serif;\r\n margin: 10px 0;\r\n }\r\n\r\n #ab-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 15px;\r\n }\r\n\r\n .ab-item {\r\n background: var(--bg-card);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n display: flex;\r\n flex-direction: column;\r\n transition: all 0.3s ease;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .dark .ab-item {\r\n border-color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .ab-img-container {\r\n aspect-ratio: 1 \/ 1;\r\n overflow: hidden;\r\n position: relative;\r\n background: #000;\r\n }\r\n\r\n .ab-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .ab-item:hover {\r\n border-color: var(--primary);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .ab-data-footer {\r\n padding: 12px;\r\n background: var(--bg-card);\r\n text-align: center;\r\n border-top: 1px solid rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .dark .ab-data-footer {\r\n border-top-color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .ab-team-name {\r\n display: block;\r\n font-size: 12px;\r\n font-weight: 800;\r\n color: var(--primary);\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n font-family: 'Urbanist', sans-serif;\r\n }\r\n\r\n .ab-match-info {\r\n display: block;\r\n font-size: 11px;\r\n color: var(--text-muted);\r\n margin: 4px 0;\r\n }\r\n\r\n .ab-score-box {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 5px;\r\n margin-top: 6px;\r\n }\r\n\r\n .ab-score {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--text-main);\r\n }\r\n\r\n .ab-result-badge {\r\n font-size: 9px;\r\n padding: 2px 6px;\r\n border-radius: 4px;\r\n font-weight: 800;\r\n color: white;\r\n text-transform: uppercase;\r\n }\r\n\r\n .badge-vinto {\r\n background: #00482c;\r\n }\r\n\r\n .badge-perso {\r\n background: #e74c3c;\r\n }\r\n\r\n .badge-nullo {\r\n background: #777;\r\n }\r\n\r\n \/* Lightbox *\/\r\n #ab-z-box {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.9);\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n z-index: 10000;\r\n cursor: pointer;\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n #ab-z-img {\r\n max-width: 90vw;\r\n max-height: 75vh;\r\n border-radius: 20px;\r\n border: 4px solid white;\r\n box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);\r\n background: #111;\r\n object-fit: contain;\r\n }\r\n\r\n #ab-z-close {\r\n position: absolute;\r\n top: 30px;\r\n right: 30px;\r\n color: white;\r\n font-size: 30px;\r\n background: var(--primary);\r\n width: 50px;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n }\r\n\r\n #ab-z-note {\r\n margin-top: 20px;\r\n color: white;\r\n font-size: 16px;\r\n text-align: center;\r\n max-width: 800px;\r\n padding: 15px 30px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 20px;\r\n line-height: 1.6;\r\n font-family: 'Urbanist', sans-serif;\r\n }\r\n\r\n \/* Filter Controls *\/\r\n #ab-controls {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 15px;\r\n margin-bottom: 30px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .ab-filter-label {\r\n color: var(--text-muted);\r\n font-size: 14px;\r\n font-weight: 600;\r\n }\r\n\r\n .ab-select {\r\n background: var(--bg-card);\r\n color: var(--text-main);\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n padding: 10px 15px;\r\n border-radius: 12px;\r\n font-size: 14px;\r\n outline: none;\r\n cursor: pointer;\r\n min-width: 200px;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .dark .ab-select {\r\n border-color: rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .ab-reset-btn {\r\n background: var(--primary);\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n border-radius: 12px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .ab-reset-btn:hover {\r\n background: var(--primary-dark);\r\n transform: scale(1.05);\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n #ab-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n #ab-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 500px) {\r\n #ab-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div id=\"ab-controls\">\r\n <label class=\"ab-filter-label\">Filtra per squadra:<\/label>\r\n <select id=\"team-filter\" class=\"ab-select\">\r\n <option value=\"\">Tutte le squadre<\/option>\r\n <\/select>\r\n <button id=\"reset-filter\" class=\"ab-reset-btn\">Reset<\/button>\r\n <\/div>\r\n\r\n <div id=\"ab-grid\"><\/div>\r\n\r\n <div id=\"ab-z-box\" onclick=\"this.style.display='none'\">\r\n <div id=\"ab-z-close\">\u00d7<\/div>\r\n <div id=\"ab-load-msg\" style=\"color:white; position:absolute; font-size:12px;\">Caricamento...\r\n <\/div>\r\n <img decoding=\"async\" id=\"ab-z-img\" src=\"\" referrerpolicy=\"no-referrer\" onload=\"document.getElementById('ab-load-msg').style.display='none'\" alt=\"\" title=\"\">\r\n <div id=\"ab-z-note\"><\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n const api = 'https:\/\/www.aviglianabasket.cloud\/apiF.php?action=photos';\r\n const b1 = 'https:\/\/www.aviglianabasket.cloud\/uploads\/';\r\n const b2 = 'https:\/\/aviglianabasket.cloud\/uploads\/';\r\n\r\n let allPhotos = [];\r\n const grid = document.getElementById('ab-grid');\r\n const teamFilter = document.getElementById('team-filter');\r\n const resetBtn = document.getElementById('reset-filter');\r\n\r\n function formatDate(d) {\r\n if (!d) return '';\r\n const p = d.split('-');\r\n return p.length === 3 ? p[2] + '\/' + p[1] : d;\r\n }\r\n\r\n function renderPhotos(data) {\r\n if (!Array.isArray(data)) return;\r\n\r\n console.log('FotoNews Data:', data);\r\n const publishedData = data;\r\n\r\n if (publishedData.length === 0) {\r\n grid.innerHTML = '<p style=\"color:var(--text-muted); font-size:14px; text-align:center; grid-column:1\/-1; padding: 40px;\">Nessuna foto trovata.<\/p>';\r\n return;\r\n }\r\n\r\n grid.innerHTML = publishedData.slice(0, 10).map(p => {\r\n const file = p.filename;\r\n const date = formatDate(p.data_partita);\r\n const res = p.risultato || 'Nullo';\r\n const badge = res.toLowerCase() === 'vinto' ? 'badge-vinto' : (res.toLowerCase() === 'perso' ? 'badge-perso' : 'badge-nullo');\r\n const safeNote = (p.note || '').replace(\/'\/g, \"'\").replace(\/\"\/g, \""\");\r\n\r\n return `\r\n <div class=\"ab-item\" onclick=\"abOpen(this)\" data-note=\"${safeNote}\">\r\n <div class=\"ab-img-container\">\r\n <img decoding=\"async\" src=\"${b1}${file}\" \r\n referrerpolicy=\"no-referrer\" \r\n onerror=\"if(this.src.includes('www.')){this.src='${b2}${file}';}\">\r\n <\/div>\r\n <div class=\"ab-data-footer\">\r\n <span class=\"ab-team-name\">${p.nome_squadra || 'Squadra'}<\/span>\r\n <span class=\"ab-match-info\">${date} vs ${p.avversario || '?'}<\/span>\r\n <div class=\"ab-score-box\">\r\n <span class=\"ab-score\">${p.punteggio || '-'}<\/span>\r\n ${res !== 'Nullo' ? `<span class=\"ab-result-badge ${badge}\">${res}<\/span>` : ''}\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }).join('');\r\n }\r\n\r\n function populateFilter(data) {\r\n if (!Array.isArray(data)) return;\r\n const teams = [...new Set(data.map(p => p.nome_squadra).filter(Boolean))].sort();\r\n teams.forEach(team => {\r\n const opt = document.createElement('option');\r\n opt.value = team;\r\n opt.textContent = team;\r\n teamFilter.appendChild(opt);\r\n });\r\n }\r\n\r\n async function init() {\r\n const cacheBuster = `t=${Date.now()}`;\r\n const urls = [\r\n `${api}&${cacheBuster}`,\r\n `https:\/\/aviglianabasket.cloud\/apiF.php?action=photos&${cacheBuster}`\r\n ];\r\n\r\n for (const url of urls) {\r\n try {\r\n console.log(`FotoNews: Tentativo fetch da ${url}`);\r\n const d = await jQuery.ajax({\r\n url: url,\r\n method: 'GET',\r\n dataType: 'json',\r\n xhrFields: { withCredentials: false }\r\n });\r\n\r\n console.log('FotoNews RAW Response:', d);\r\n const dataArr = Array.isArray(d) ? d : (d && d.status === 'success' ? d.data : null);\r\n\r\n if (Array.isArray(dataArr) && dataArr.length > 0) {\r\n allPhotos = dataArr;\r\n populateFilter(allPhotos);\r\n renderPhotos(allPhotos);\r\n console.log(`FotoNews: Successo con ${dataArr.length} elementi.`);\r\n return; \/\/ Success!\r\n } else {\r\n console.warn(`FotoNews: Risposta vuota o non valida da ${url}`, d);\r\n }\r\n } catch (err) {\r\n console.error(`FotoNews: Errore durante il caricamento da ${url}`, err);\r\n }\r\n }\r\n\r\n grid.innerHTML = '<p style=\"color:var(--text-muted); font-size:14px; text-align:center; grid-column:1\/-1; padding: 40px;\">Nessuna foto trovata o errore di connessione API.<\/p>';\r\n }\r\n\r\n teamFilter.addEventListener('change', (e) => {\r\n const selectedTeam = e.target.value;\r\n if (!selectedTeam) {\r\n renderPhotos(allPhotos);\r\n } else {\r\n const filtered = allPhotos.filter(p => p.nome_squadra === selectedTeam);\r\n renderPhotos(filtered);\r\n }\r\n });\r\n\r\n resetBtn.addEventListener('click', () => {\r\n teamFilter.value = \"\";\r\n renderPhotos(allPhotos);\r\n });\r\n\r\n window.abOpen = (el) => {\r\n const thumb = el.querySelector('img');\r\n const box = document.getElementById('ab-z-box');\r\n const img = document.getElementById('ab-z-img');\r\n const load = document.getElementById('ab-load-msg');\r\n const noteBox = document.getElementById('ab-z-note');\r\n\r\n const noteText = el.getAttribute('data-note');\r\n\r\n if (thumb && thumb.src) {\r\n load.style.display = 'block';\r\n img.src = '';\r\n img.src = thumb.src;\r\n\r\n if (noteBox) {\r\n noteBox.innerText = noteText || '';\r\n noteBox.style.display = noteText ? 'block' : 'none';\r\n }\r\n\r\n box.style.display = 'flex';\r\n }\r\n };\r\n\r\n init();\r\n })();\r\n <\/script>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"merchandising-section\" class=\"home-block merchandising-parallax\">\r\n <div class=\"merch-overlay\"><\/div>\r\n <div class=\"merch-content\">\r\n <h2 class=\"block-title\" style=\"color: white; margin-bottom: 10px;\">\r\n <span class=\"material-icons-round\">shopping_cart<\/span> Merchandising\r\n <\/h2>\r\n <h3\r\n style=\"font-family: 'Urbanist', sans-serif; font-weight: 900; color: var(--primary); font-size: 2rem; margin-bottom: 15px; text-transform: uppercase; background: white; display: inline-block; padding: 5px 20px; border-radius: 10px;\">\r\n STAGIONE 2026 - 2027<\/h3>\r\n <p style=\"font-size: 1.2rem; margin-bottom: 30px; font-weight: 600;\">Vesti i colori della tua\r\n squadra. Scopri il nuovo kit ufficiale.<\/p>\r\n <button class=\"merch-btn\" style=\"border:none; cursor:pointer;\"\r\n onclick=\"openDynamicPage('Merchandising', 'https:\/\/www.aviglianabasket.cloud\/ab-merch-ordini_sql\/')\">VAI\r\n ALLO\r\n STORE UFFICIALE<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <style>\r\n .merchandising-parallax {\r\n position: relative;\r\n min-height: 400px;\r\n background-image: url('https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2025\/08\/AA_MERCHANDISING.jpg');\r\n background-attachment: fixed;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n \/* Left aligned content *\/\r\n text-align: left;\r\n \/* Left aligned text *\/\r\n padding: 60px 50px;\r\n \/* Increased side padding *\/\r\n border: none;\r\n overflow: hidden;\r\n border-radius: 30px;\r\n color: white;\r\n }\r\n\r\n .merch-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.4);\r\n z-index: 1;\r\n }\r\n\r\n .merch-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 800px;\r\n }\r\n\r\n .merch-btn {\r\n background: var(--primary);\r\n color: white;\r\n padding: 15px 40px;\r\n border-radius: 50px;\r\n font-weight: 900;\r\n text-decoration: none;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);\r\n display: inline-block;\r\n }\r\n\r\n .merch-btn:hover {\r\n background: white;\r\n color: var(--primary);\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);\r\n }\r\n <\/style>\r\n \r\n <div class=\"home-block safeguarding-section\">\r\n <div class=\"safeguarding-bg\"><\/div>\r\n <div class=\"safeguarding-content\">\r\n <h2 class=\"safeguarding-title\">SAFEGUARDING<\/h2>\r\n <p class=\"safeguarding-text\">\r\n La polisportiva Avigliana Basket ha adottato le linee guida per la predisposizione dei modelli\r\n organizzativi e di controllo dell'attivit\u00e0 sportiva e dei codici di condotta a tutela dei minori\r\n e per la prevenzione delle molestie, della violenza di genere e di ogni altra forma e condizione\r\n di discriminazione. Avigliana Basket\r\n <\/p>\r\n <button onclick=\"openDynamicPage('Safeguarding', 'https:\/\/www.aviglianabasket.it\/?page_id=433')\"\r\n class=\"safeguarding-btn\" style=\"border:none; cursor:pointer;\">\r\n <span class=\"material-icons-round\">info<\/span>\r\n APPROFONDISCI\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <style>\r\n .safeguarding-section {\r\n position: relative;\r\n padding: 60px 40px;\r\n border-radius: 30px;\r\n overflow: hidden;\r\n text-align: center;\r\n background: #050505;\r\n \/* Black as per image *\/\r\n color: white;\r\n margin-bottom: 20px;\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .dark .safeguarding-section {\r\n background: #000;\r\n border-color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n \/* Light mode adjustment *\/\r\n html:not(.dark) .safeguarding-section {\r\n background: var(--bg-card);\r\n color: var(--text-main);\r\n border-color: rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .safeguarding-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"800\" height=\"400\" viewBox=\"0 0 800 400\"><rect width=\"800\" height=\"400\" fill=\"none\"\/><circle cx=\"400\" cy=\"200\" r=\"60\" stroke=\"rgba(0, 255, 90, 0.1)\" stroke-width=\"2\" fill=\"none\"\/><line x1=\"400\" y1=\"0\" x2=\"400\" y2=\"400\" stroke=\"rgba(0, 255, 90, 0.1)\" stroke-width=\"2\"\/><circle cx=\"0\" cy=\"200\" r=\"100\" stroke=\"rgba(0, 255, 90, 0.1)\" stroke-width=\"2\" fill=\"none\"\/><circle cx=\"800\" cy=\"200\" r=\"100\" stroke=\"rgba(0, 255, 90, 0.1)\" stroke-width=\"2\" fill=\"none\"\/><\/svg>');\r\n background-size: cover;\r\n background-position: center;\r\n opacity: 0.3;\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n\r\n .safeguarding-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n\r\n .safeguarding-title {\r\n font-family: 'Urbanist', sans-serif;\r\n font-size: 3.5rem;\r\n font-weight: 900;\r\n color: #00ff5a;\r\n \/* Bright green as per original *\/\r\n margin-bottom: 30px;\r\n letter-spacing: 2px;\r\n text-shadow: 0 0 20px rgba(0, 255, 90, 0.2);\r\n }\r\n\r\n .safeguarding-text {\r\n font-size: 1.1rem;\r\n line-height: 1.8;\r\n margin-bottom: 40px;\r\n opacity: 0.9;\r\n font-weight: 500;\r\n }\r\n\r\n .safeguarding-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #50d06b;\r\n \/* Soft green button as per image *\/\r\n color: white;\r\n padding: 12px 35px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 800;\r\n font-size: 1rem;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n text-transform: uppercase;\r\n }\r\n\r\n .safeguarding-btn:hover {\r\n transform: translateY(-3px);\r\n filter: brightness(1.1);\r\n box-shadow: 0 8px 25px rgba(80, 208, 107, 0.3);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .safeguarding-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .safeguarding-text {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .safeguarding-section {\r\n padding: 40px 20px;\r\n }\r\n }\r\n <\/style>\r\n\r\n \r\n <div id=\"sponsor-section\" class=\"home-block sponsor-section\">\r\n <h2 class=\"block-title\">\r\n <span class=\"material-icons-round\">handshake<\/span> SPONSOR\r\n <\/h2>\r\n <div class=\"sponsor-slider\">\r\n <div class=\"track\">\r\n \r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/tecnocasa.jpg\"\r\n alt=\"Tecnocasa\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Bluenergy-300x300.jpg\"\r\n alt=\"Bluenergy\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_BORDONE-300x300.jpg\"\r\n alt=\"Bordone\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_GERVASI-300x300.jpg\"\r\n alt=\"Gervasi\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_GIUGLAR-300x300.jpg\"\r\n alt=\"Giuglar\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LACROTA-300x300.jpg\"\r\n alt=\"La Crota\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LAROSA-300x300.jpg\"\r\n alt=\"La Rosa\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LCN-300x300.jpg\"\r\n alt=\"LCN\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_MASOERO-300x300.jpg\"\r\n alt=\"Masoero\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Medical_LAB-300x300.jpg\"\r\n alt=\"Medical Lab\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Prometeus-300x300.jpg\"\r\n alt=\"Prometeus\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_SIKONS-300x300.jpg\"\r\n alt=\"Sikons\"><\/div>\r\n\r\n \r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/tecnocasa.jpg\"\r\n alt=\"Tecnocasa\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Bluenergy-300x300.jpg\"\r\n alt=\"Bluenergy\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_BORDONE-300x300.jpg\"\r\n alt=\"Bordone\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_GERVASI-300x300.jpg\"\r\n alt=\"Gervasi\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_GIUGLAR-300x300.jpg\"\r\n alt=\"Giuglar\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LACROTA-300x300.jpg\"\r\n alt=\"La Crota\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LAROSA-300x300.jpg\"\r\n alt=\"La Rosa\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_LCN-300x300.jpg\"\r\n alt=\"LCN\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_MASOERO-300x300.jpg\"\r\n alt=\"Masoero\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Medical_LAB-300x300.jpg\"\r\n alt=\"Medical Lab\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_Prometeus-300x300.jpg\"\r\n alt=\"Prometeus\"><\/div>\r\n <div class=\"sponsor\"><img decoding=\"async\"\r\n src=\"https:\/\/www.aviglianabasket.it\/wp-content\/uploads\/2026\/02\/SPONSOR_SIKONS-300x300.jpg\"\r\n alt=\"Sikons\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer>\r\n <div>AVIGLIANA BASKET | Powered by R.ROSSINO<\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n \r\n <div id=\"overlay-screen\">\r\n <div id=\"overlay-body\"\r\n style=\"background: var(--bg-card); padding: 0; border-radius: 0; box-shadow: none; height: 100%; width: 100%; display: flex; flex-direction: column;\">\r\n \r\n <p>Caricamento contenuti dinamici...<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"book-split\">\r\n <div class=\"split-panel split-left\"><\/div>\r\n <div id=\"split-logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aviglianabasket.cloud\/wp-content\/uploads\/2025\/12\/AAA_NEW_LOGO-Photoroom.png\" alt=\"Logo\" class=\"split-logo\" title=\"\">\r\n <\/div>\r\n <div class=\"split-panel split-right\"><\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Removed toggleTheme to streamline to Dark Mode Only\r\n\r\n function closeSidebar() {\r\n const sidebar = document.getElementById('sidebar');\r\n if (sidebar) sidebar.classList.remove('sidebar-overlay-active');\r\n const menuBtn = document.getElementById('header-menu-btn');\r\n if (menuBtn) {\r\n const icon = menuBtn.querySelector('.material-icons-round');\r\n if (icon) icon.textContent = 'menu';\r\n menuBtn.style.background = \"#000\";\r\n }\r\n }\r\n\r\n function openDynamicPage(title, url) {\r\n closeSidebar();\r\n\r\n const split = document.getElementById('book-split');\r\n split.classList.add('active');\r\n\r\n setTimeout(() => {\r\n document.body.classList.add('overlay-open');\r\n const overlay = document.getElementById('overlay-screen');\r\n const body = document.getElementById('overlay-body');\r\n\r\n if (url) {\r\n body.style.padding = \"0\";\r\n body.style.height = \"100%\";\r\n body.style.flex = \"1\";\r\n overlay.style.overflow = \"hidden\";\r\n body.innerHTML = `<iframe src=\"${url}\" style=\"width: 100%; height: 100%; border: none; border-radius: 0; background: white;\"><\/iframe>`;\r\n } else {\r\n body.style.padding = \"100px 50px\";\r\n body.style.height = \"auto\";\r\n body.style.flex = \"none\";\r\n overlay.style.overflow = \"auto\";\r\n body.innerHTML = `\r\n <div style=\"text-align: center; max-width: 800px; margin: 0 auto;\">\r\n <span class=\"material-icons-round\" style=\"font-size: 100px; color: var(--primary); margin-bottom: 20px;\">construction<\/span>\r\n <h2>Sezione ${title}<\/h2>\r\n <p style=\"color: var(--text-muted); margin-top: 15px;\">\r\n Questa sezione caricher\u00e0 lo script esterno fornito tramite link.<br>\r\n Il contenitore a tutto schermo assicura la massima visibilit\u00e0 dei contenuti.\r\n <\/p>\r\n <\/div>\r\n `;\r\n }\r\n\r\n overlay.classList.add('active');\r\n\r\n setTimeout(() => {\r\n split.classList.remove('active');\r\n }, 400);\r\n }, 800);\r\n }\r\n\r\n function toggleMenu() {\r\n const sidebar = document.getElementById('sidebar');\r\n const btn = document.getElementById('header-menu-btn');\r\n const isActive = sidebar.classList.toggle('sidebar-overlay-active');\r\n const icon = btn.querySelector('.material-icons-round');\r\n\r\n if (isActive) {\r\n icon.textContent = 'close';\r\n btn.style.background = \"#e74c3c\";\r\n } else {\r\n icon.textContent = 'menu';\r\n btn.style.background = \"#000\";\r\n }\r\n }\r\n\r\n function showHome() {\r\n closeSidebar();\r\n\r\n if (document.body.classList.contains('overlay-open')) {\r\n const split = document.getElementById('book-split');\r\n const overlay = document.getElementById('overlay-screen');\r\n split.classList.add('active');\r\n\r\n setTimeout(() => {\r\n document.body.classList.remove('overlay-open');\r\n overlay.classList.remove('active');\r\n\r\n \/\/ Trigger home entry animation\r\n const hero = document.getElementById('home-hero');\r\n if (hero) {\r\n hero.classList.remove('home-slide-entry');\r\n void hero.offsetWidth;\r\n hero.classList.add('home-slide-entry');\r\n }\r\n\r\n setTimeout(() => {\r\n split.classList.remove('active');\r\n }, 400);\r\n }, 800);\r\n } else {\r\n \/\/ If already on homepage, just scroll to top\r\n const content = document.getElementById('content-area');\r\n if (content) content.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n }\r\n\r\n function scrollToSection(id) {\r\n closeSidebar();\r\n const overlay = document.getElementById('overlay-screen');\r\n if (overlay.classList.contains('active')) {\r\n showHome();\r\n \/\/ Wait for transition then scroll\r\n setTimeout(() => {\r\n const section = document.getElementById(id);\r\n if (section) section.scrollIntoView({ behavior: 'smooth' });\r\n }, 900);\r\n } else {\r\n const section = document.getElementById(id);\r\n if (section) section.scrollIntoView({ behavior: 'smooth' });\r\n }\r\n }\r\n\r\n window.onload = () => {\r\n document.getElementById('home-hero').classList.add('home-slide-entry');\r\n };\r\n\r\n \/\/ CUSTOM CURSOR: elemento nascosto; aggiornamento posizione solo se presente\r\n const cursor = document.getElementById('custom-cursor');\r\n const contentArea = document.getElementById('content-area');\r\n\r\n const updateHoverables = () => {\r\n if (!cursor) return;\r\n const hoverables = document.querySelectorAll('a, button, .nav-item, .submenu-item, .promo-box, .h-card, .event-box, .day-badge');\r\n hoverables.forEach((item) => {\r\n item.addEventListener('mouseenter', () => cursor.classList.add('cursor-hover'));\r\n item.addEventListener('mouseleave', () => cursor.classList.remove('cursor-hover'));\r\n });\r\n };\r\n\r\n if (cursor) {\r\n document.addEventListener('mousemove', (e) => {\r\n cursor.style.left = e.clientX + 'px';\r\n cursor.style.top = e.clientY + 'px';\r\n });\r\n updateHoverables();\r\n }\r\n\r\n \/\/ PARALLAX & ENTRANCE ANIMATIONS\r\n const observerOptions = {\r\n threshold: 0.1\r\n };\r\n\r\n const revealObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n revealObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n const initScrollAnimations = () => {\r\n document.querySelectorAll('.promo-box, .home-block, .event-box, .sponsor-slider').forEach(el => {\r\n el.classList.add('reveal-on-scroll');\r\n revealObserver.observe(el);\r\n });\r\n };\r\n initScrollAnimations();\r\n\r\n if (contentArea) {\r\n contentArea.addEventListener('scroll', () => {\r\n const scrolled = contentArea.scrollTop;\r\n const heroBg = document.getElementById('hero-bg');\r\n if (heroBg) {\r\n heroBg.style.transform = `translateY(${scrolled * 0.4}px) scale(${1 + scrolled * 0.0003})`;\r\n }\r\n });\r\n }\r\n\r\n \/\/ Re-init hoverables when dynamic content is loaded (for LIVE events)\r\n const observer = new MutationObserver(updateHoverables);\r\n const liveContainer = document.getElementById('live-events-container');\r\n if (liveContainer) {\r\n observer.observe(liveContainer, { childList: true });\r\n }\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Avigliana Basket – Keep Pushing. Keep Winning. 01 02 03 04 05 06 groups Societ\u00e0 Storia Informazioni Privacy Policy event_note […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":1047,"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":6117,"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/6117"}],"wp:attachment":[{"href":"https:\/\/www.aviglianabasket.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}