/*
 * Pala Todisco - navbar fissa + footer delle pagine interne.
 * La home ha un suo chrome dedicato in parts/home.php.
 */

body { padding-top: 84px; }
body > header:not(#hdr) { display: none !important; }

/* ---- Navbar ---- */

#hdr {
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: 1000;
	display: block;
	background: rgba(11,15,36,.92);
	padding: 0;
	margin: 0;
	border: 0;
	backdrop-filter: none;
	transition: .45s cubic-bezier(.16,1,.3,1);
}
#hdr .bar{display:flex;width:100%;align-items:center;justify-content:space-between;padding:20px 32px;transition:.45s}
#hdr.scrolled{background:rgba(9,13,32,.97);border-bottom:1px solid rgba(255,255,255,.08)}
#hdr.scrolled .bar{padding:13px 32px}

#hdr .logo{display:inline-flex}
#hdr .logo img{height:44px;width:auto;transition:.45s;filter:drop-shadow(0 2px 14px rgba(0,0,0,.35))}
#hdr.scrolled .logo img{height:36px}

#hdr nav ul{display:flex;gap:26px;list-style:none;align-items:center;margin:0;padding:0}
#hdr nav a{font-size:13.5px;letter-spacing:.04em;font-weight:400;opacity:.86;position:relative;padding:4px 0;color:#fff;display:inline-block;text-decoration:none}
#hdr a{text-decoration:none}
#hdr .nav-right .btn{display:inline-block;padding:11px 22px;border-radius:999px;background:var(--cyan,#7fe7df);color:#0c1130;font-size:13px;font-weight:700;letter-spacing:.02em;text-decoration:none}

/* underline animato voci di menu */
#hdr nav a::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--cyan,#7fe7df);transition:.35s}
#hdr nav a:hover{opacity:1}
#hdr nav a:hover::after{width:100%}

#hdr .nav-right{display:flex;align-items:center;gap:22px}
#hdr .lang{display:flex;gap:6px;font-size:12px;letter-spacing:.1em;font-weight:500}
#hdr .lang button{background:none;border:none;color:#fff;opacity:.5;cursor:pointer;font:inherit;letter-spacing:.1em;padding:2px 4px;transition:.3s}
#hdr .lang button.active{opacity:1;color:var(--cyan,#7fe7df)}
#hdr .menu-toggle{display:none;background:none;border:none;color:#fff;font-size:26px;cursor:pointer;line-height:1}
#hdr .nav-cta{display:none}
.nav-ov{display:none}

/* ---- Dropdown ---- */

#hdr .has-drop{position:relative}
#hdr .has-drop>a::after{content:' \25BE';font-size:9px;opacity:.6}
#hdr .drop {
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	left: -14px;
	background: rgba(10,14,34,.97);
	backdrop-filter: blur(16px);
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 12px;
	padding: 6px 0;
	min-width: 210px;
	z-index: 1050;
	box-shadow: 0 16px 40px rgba(0,0,0,.4);
}
#hdr .drop a{display:block;padding:9px 18px;font-size:13px;opacity:.8;white-space:nowrap;letter-spacing:.03em;color:#fff}
#hdr .drop a::after{display:none}
#hdr .drop a:hover{opacity:1;background:rgba(127,231,223,.08);color:var(--cyan,#7fe7df)}
#hdr .has-drop:hover .drop,
#hdr .has-drop:focus-within .drop{display:block}
#hdr .drop .sep{height:1px;background:rgba(255,255,255,.08);margin:5px 0}

/* ---- Menu mobile (off-canvas da destra) ---- */

@media(max-width:980px){
  #hdr nav ul,#hdr .nav-right .btn,#hdr .lang{display:none}
  #hdr .menu-toggle{display:block;position:relative;z-index:1120}
  #hdr nav{position:fixed;top:0;right:0;bottom:0;left:auto;height:100vh;height:100dvh;width:min(82vw,340px);background:rgba(11,15,36,.995);border-left:1px solid rgba(255,255,255,.08);transform:translateX(106%);transition:transform .42s cubic-bezier(.16,1,.3,1);z-index:1100;padding:90px 26px 40px;overflow-y:auto;display:block}
  body.nav-open #hdr nav{transform:translateX(0)}
  body.nav-open{overflow:hidden}
  #hdr nav ul{display:flex;flex-direction:column;gap:0;align-items:stretch}
  #hdr nav ul>li{width:100%}
  #hdr nav a{font-size:16px;opacity:.95;padding:14px 2px;display:block;border-bottom:1px solid rgba(255,255,255,.07);letter-spacing:.02em}
  #hdr nav a::after{display:none!important}
  #hdr .has-drop>a::after{content:'';opacity:0}
  #hdr .drop{display:block;position:static;background:none;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:2px 0 8px 16px;min-width:0}
  #hdr .drop a{font-size:13.5px;opacity:.66;padding:8px 0;border:none}
  #hdr .drop .sep{display:none}
  #hdr .nav-cta{display:block;margin-top:22px}
  #hdr .nav-cta .btn{display:inline-flex;width:100%;justify-content:center}
  .nav-ov{display:block;position:fixed;inset:0;background:rgba(6,9,24,.5);z-index:990;opacity:0;visibility:hidden;transition:.42s}
  body.nav-open .nav-ov{opacity:1;visibility:visible}
}

/* ---- Footer ---- */

.pala-foot {
	background: var(--ink,#0a0e22);
	padding: 76px 0 34px;
	border-top: 1px solid rgba(255,255,255,.07);
	color: #eef0f6;
	font-family: var(--sans,'Hanken Grotesk',sans-serif);
	line-height: 1.6;
}
.pala-foot .wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.pala-foot .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.08)}
.pala-foot .fcol h5{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan,#7fe7df);margin-bottom:20px;font-weight:500}
.pala-foot .fcol a,.pala-foot .fcol p{display:block;font-size:14.5px;color:#9aa1bd;margin-bottom:11px;font-weight:300;transition:.3s;text-decoration:none;overflow-wrap:anywhere}
.pala-foot .fcol a:hover{color:#fff}
.pala-foot .fcol img{height:50px;width:auto;margin-bottom:18px}
.pala-foot .fcol .tagline{font-family:var(--serif,'Fraunces',Georgia,serif);font-style:italic;font-size:18px;color:#cdd3e6;font-weight:400}

.pala-foot .socials{display:flex;gap:12px;margin-top:18px}
.pala-foot .socials a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;margin:0}
.pala-foot .socials a:hover{background:var(--cyan,#7fe7df);border-color:var(--cyan,#7fe7df)}
.pala-foot .socials svg{width:17px;height:17px;fill:#cdd3e6;transition:.3s}
.pala-foot .socials a:hover svg{fill:var(--navy-900,#0c1130)}

.pala-foot .fbot{display:flex;justify-content:space-between;align-items:center;padding-top:26px;font-size:12.5px;color:#6a7193;flex-wrap:wrap;gap:10px}

@media(max-width:760px){.pala-foot .fgrid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:480px){.pala-foot .fgrid{grid-template-columns:1fr}}