/* Conversione del progetto King Solomon React/Tailwind a PHP/HTML statico, 2026 */
:root{--bg:hsl(220 30% 8%);--fg:hsl(45 30% 95%);--gold:hsl(43 45% 60%);--secondary:hsl(220 25% 18%);--muted:hsl(220 15% 60%);--border:hsl(220 20% 20%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'Lora',Georgia,serif;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:'Cormorant Garamond',Georgia,serif;line-height:1.15}h1,h2,h3{color:var(--gold);font-weight:600}a{color:inherit}img{max-width:100%;height:auto}button{font:inherit;cursor:pointer}
.container{width:100%;max-width:1200px;margin:0 auto;padding-left:16px;padding-right:16px}.max-w-3xl{max-width:768px}.max-w-4xl{max-width:896px}.max-w-none{max-width:none}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.text-justify{text-align:justify}.text-primary{color:var(--gold)}.text-muted-foreground{color:var(--muted)}.text-foreground\/90{color:rgba(246,242,230,.9)}.leading-relaxed{line-height:1.8}.font-semibold{font-weight:600}.italic{font-style:italic}.underline{text-decoration:underline}.hover\:underline:hover{text-decoration:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}
h1{font-size:42px;margin:0 0 30px}h2{font-size:37px;margin:0 0 40px}h3{font-size:26px;margin:0 0 18px}p{margin:0}p+p{margin-top:20px}.space-y-6>*+*{margin-top:24px}.space-y-8>*+*{margin-top:32px}.space-y-4>*+*{margin-top:16px}.space-y-3>*+*{margin-top:12px}.space-y-2>*+*{margin-top:8px}.py-20{padding-top:80px;padding-bottom:80px}.bg-secondary\/50{background:rgba(38,48,70,.5)}.bg-secondary\/70{background:rgba(38,48,70,.7)}.bg-secondary{background:var(--secondary)}.border{border:1px solid var(--border)}.border-border{border-color:var(--border)}.border-l-2{border-left:2px solid var(--gold)}.pl-4{padding-left:16px}.pl-6{padding-left:24px}.p-6{padding:24px}.px-6{padding-left:24px;padding-right:24px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.my-8{margin:32px 0}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mt-12{margin-top:48px}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}.text-xl{font-size:24px}.text-2xl{font-size:28px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-xs{font-size:12px}.w-full{width:100%}.inline-block{display:inline-block}.object-contain{object-fit:contain}.max-w-sm{max-width:384px}.list-disc{list-style:disc}
#home{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:120px;padding-bottom:64px}#home .max-w-3xl{max-width:768px}#home img{width:208px;height:208px;object-fit:contain;margin:0 auto 40px;display:block}#home .text-justify{font-size:18px}#home h1{font-size:52px}section[id]{scroll-margin-top:80px}.section-divider{display:flex;justify-content:center;padding:32px 12px}.section-divider img{width:384px;max-width:90%;opacity:.8}.flex.justify-center{display:flex;justify-content:center}.flex.items-start{display:flex;align-items:flex-start}.gap-3{gap:12px}.gap-4{gap:16px}.w-32{width:128px}.h-32{height:128px}.mb-10{margin-bottom:40px}#glri img,#loggia img{object-fit:contain}#glri .flex.justify-center>img,#loggia .flex.justify-center>img{width:160px;height:160px}#loggia .flex.justify-center.mt-8>img{width:100%;height:auto;max-width:384px}.text-2xl.text-primary{font-size:27px}.space-y-6 ul{padding-left:14px;list-style:none}.space-y-6 li{margin-bottom:10px}.space-y-6 li span:first-child{color:var(--gold)}blockquote{margin:22px 0;padding:0 0 0 20px;font-style:italic}
#contatti .py-8{padding:32px 0}#contatti a[href^="mailto:"]{display:inline-flex;justify-content:center;align-items:center;min-height:80px;min-width:290px;gap:12px;background:var(--gold);color:var(--bg);font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;font-weight:bold;padding:14px 20px;text-decoration:none}#contatti .flex.flex-col{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}#contatti .button-icon{font-size:22px;line-height:1}#contatti a[href^="mailto:"]:hover{opacity:.9}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .25s,border .25s}.site-header.scrolled,.site-header.open{background:rgba(18,24,34,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(8px)}.header-inner{height:80px;max-width:1200px;padding:0 16px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{color:var(--gold);font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;font-weight:600;text-decoration:none;white-space:nowrap}.site-header nav{display:flex;gap:28px;align-items:center}.site-header nav a{font-size:12px;text-decoration:none;color:rgba(245,241,232,.8);white-space:nowrap}.site-header nav a:hover{color:var(--gold)}.menu-toggle{display:none;background:none;border:0;color:var(--fg);font-size:25px}.site-footer{background:var(--secondary);border-top:1px solid var(--border);padding:32px 16px;text-align:center;color:var(--muted);font-size:12px}.footer-inner{display:flex;flex-direction:column;gap:16px;align-items:center}.footer-links{display:flex;gap:16px;font-size:14px;align-items:center}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--gold)}
main.pt-24{padding-top:115px;padding-bottom:64px}main.pt-24 h1{font-size:42px}main.pt-24 h2{font-size:26px;margin:0 0 16px}main.pt-24 section+section{margin-top:40px}main.pt-24 p{margin-bottom:14px}main.pt-24 ul{padding-left:24px}main.pt-24 li{margin:10px 0}.not-found{min-height:70vh;text-align:center;padding:160px 20px 60px}.not-found a{color:var(--gold)}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:90;background:var(--secondary);border-top:1px solid var(--gold);padding:16px}.cookie-banner[hidden]{display:none}.cookie-inner{max-width:896px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}.cookie-inner p{margin:0}.cookie-inner a{color:var(--gold)}.cookie-inner>div{display:flex;gap:12px}.cookie-inner button{padding:9px 16px;border:1px solid var(--gold);color:var(--fg);background:transparent}.cookie-inner button:last-child{background:var(--gold);color:var(--bg)}
@media(max-width:1100px){.site-header nav{gap:14px}.site-header nav a{font-size:11px}}
@media(max-width:990px){.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--bg);padding:20px 18px;border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:17px}.site-header.open nav{display:flex}.site-header nav a{font-size:15px}}@media(max-width:700px){.header-inner{height:64px}.site-header nav{top:64px}#home{padding-top:110px}#home h1{font-size:36px}#home img{width:160px;height:160px}#home .text-justify{font-size:16px}h2{font-size:30px}.py-20{padding-top:60px;padding-bottom:60px}#glri .flex.justify-center>img,#loggia .flex.justify-center>img{width:128px;height:128px}.cookie-inner{flex-direction:column;text-align:center}#contatti a[href^="mailto:"]{width:100%;min-width:0}}

/* v2: fedeltà dimensionale rispetto al progetto React/Tailwind originale */
:root{--bg:hsl(220 30% 8%);--fg:hsl(45 30% 95%);--gold:hsl(43 45% 60%);--secondary:hsl(220 25% 18%);--muted:hsl(220 15% 60%);--border:hsl(220 20% 20%)}
body{font-size:16px;line-height:1.5}
.container{max-width:1200px;padding-left:24px;padding-right:24px}
.header-inner{max-width:1200px;padding-left:24px;padding-right:24px;height:80px}
.site-header nav{gap:32px}
.site-header nav a{font-size:14px;line-height:20px}
.brand{font-size:20px;line-height:28px}
h1,h2,h3{font-weight:600}
h1{font-size:48px;line-height:1.25;margin-bottom:32px}
h2{font-size:36px;line-height:1.25;margin-bottom:40px}
h3{font-size:20px;line-height:1.4}
#home{padding-top:80px;padding-bottom:64px}
#home h1{font-size:48px;line-height:1.25;margin-bottom:32px}
#home img{width:208px;height:208px;margin-bottom:40px}
#home .text-justify{font-size:18px;line-height:1.625}
.leading-relaxed{line-height:1.625}
.space-y-6>*+*{margin-top:24px}
.section-divider img{width:384px;max-width:90%}
#glri .flex.justify-center>img,#loggia .flex.justify-center>img{width:160px;height:160px}
#contatti a[href^="mailto:"]{font-size:16px;min-width:320px;min-height:80px}
#contatti .flex.flex-col{flex-direction:row}
.site-footer{line-height:1.5}
@media(max-width:1199px){.site-header nav{gap:16px}.site-header nav a{font-size:13px}}
@media(max-width:1023px){.site-header nav{display:none}.site-header.open nav{display:flex;gap:0}.site-header.open nav a{font-size:16px;padding:8px 0;width:100%}.menu-toggle{display:block}}
@media(max-width:767px){.header-inner{height:64px}.brand{font-size:18px}#home h1{font-size:36px}#home .text-justify{font-size:16px}#home img{width:160px;height:160px}h2{font-size:30px}#glri .flex.justify-center>img,#loggia .flex.justify-center>img{width:128px;height:128px}}
@media(max-width:639px){#contatti .flex.flex-col{flex-direction:column}#contatti a[href^="mailto:"]{width:100%;min-width:0}}

html{scroll-behavior:smooth;scroll-padding-top:100px} section[id]{scroll-margin-top:100px}

/* Correzione confronto visivo 08-11-2026: allineamento ancore come React originale.
   React usa scrollIntoView(block:start) senza scroll-margin; l'header e' sovrapposto. */
html { scroll-padding-top: 0 !important; }
section[id] { scroll-margin-top: 0 !important; }

/* v6: leggibilita menu desktop, senza alterare sezioni e scorrimento */
@media (min-width:1200px) {
  .site-header nav a {font-size:15.5px;line-height:22px;}
  .site-header nav {gap:26px;}
}
@media (min-width:1024px) and (max-width:1199px) {
  .site-header nav a {font-size:14px;line-height:21px;}
  .site-header nav {gap:14px;}
}
@media (min-width:1024px) {
  .site-header nav a {color:rgba(245,241,232,.93);}
}