*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Arial, Helvetica, sans-serif;
line-height:1.6;
color:#333;
background:#f8f8f8;
}



/* HERO */

#hero{

background:url("immagini/turn0image1.JPG") center/cover no-repeat;

height:65vh;

display:flex;
align-items:center;
justify-content:center;

}

.hero-overlay{

background:rgba(0,0,0,0.45);

color:white;

padding:60px;

text-align:center;

width:100%;

}

#hero h1{

font-size:3.5rem;
margin-bottom:15px;

}

#hero p{

font-size:1.3rem;
margin-bottom:20px;

}



/* BUTTON */

.btn{

background:#ff8800;
color:white;

padding:12px 28px;

border-radius:6px;

text-decoration:none;

display:inline-block;

}



/* SECTIONS */

section{

padding:60px 20px;

max-width:1100px;

margin:auto;

}

h2{

margin-bottom:20px;

}



/* BOX STYLE (hotel style) */

.box{

background:white;

padding:30px;

border-radius:10px;

box-shadow:0 10px 30px rgba(0,0,0,0.08);

}



/* SERVICES */

.services{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(160px,1fr));

gap:30px;

text-align:center;

margin-top:30px;

}

.service{

font-size:30px;

}

.service span{

display:block;

font-size:14px;

margin-top:8px;

}



/* GALLERY */

#gallery{

background:#f0f0f0;

}

.carousel{

overflow:hidden;

border-radius:10px;

box-shadow:0 8px 18px rgba(0,0,0,0.15);

}

#mainPhoto{

width:100%;

max-height:70vh;

object-fit:cover;

transition:opacity .6s;

}



/* THUMBNAILS */

.thumbs{

margin-top:20px;

display:grid;

grid-template-columns:repeat(auto-fill,minmax(90px,1fr));

gap:10px;

}

.thumbs img{

width:100%;
height:70px;

object-fit:cover;

border-radius:5px;

cursor:pointer;

opacity:0.8;

transition:all .3s;

}

.thumbs img:hover{

opacity:1;
transform:scale(1.05);

}

.thumbs img.active{

outline:3px solid #ff8800;

opacity:1;

}



/* FOOTER */

footer{

background:#222;

color:#ddd;

padding:25px;

text-align:center;

margin-top:40px;

}



/* LANGUAGE SELECTOR */

#lang-selector{

display:flex;

justify-content:center;

padding:10px;

background:white;

border-bottom:1px solid #eee;

}

#lang-label{

cursor:pointer;

border:1px solid #ddd;

padding:6px 12px;

border-radius:6px;

background:white;

}

#lang-dropdown{

display:none;

position:absolute;

background:white;

border:1px solid #ddd;

border-radius:6px;

margin-top:5px;

box-shadow:0 6px 20px rgba(0,0,0,0.15);

}

#lang-dropdown.open{

display:block;

}

.lang-option{

display:block;

padding:8px 12px;

border:none;

background:none;

cursor:pointer;

text-align:left;

width:100%;

}

.lang-option:hover{

background:#fff4e6;

}

/* COOKIE BANNER */

#cookie-banner{

position:fixed;

bottom:0;
left:0;
right:0;

background:#222;
color:white;

padding:15px;

display:none;

text-align:center;

z-index:999;

}

#cookie-banner button{

background:#ff8800;
border:none;
color:white;

padding:8px 16px;

margin-left:10px;

cursor:pointer;

border-radius:4px;

}