/* =========================
RESET BASE
========================= */
*{box-sizing:border-box;}
body{background-color:#CCCCCC;font-family:Arial,sans-serif;margin:0;padding:0;color:black;}

/* =========================
QUADRATI E TILE
========================= */
.tile{background-color:#F4F4F4;border:2px solid #00C6A9;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,0.4);justify-content:center;text-align:center;transition:transform 0.2s ease;min-height:150px;}
.tile:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,0.6);}
.big{width:100%;display:flex;flex-direction:column;justify-content:flex-start;}
.tile.dark{background-color:#1a1a1a;color:#00C6A9;}
.tile.dark h1,.tile.dark h2,.tile.dark p{color:#00C6A9;}
.tile img{max-width:100%;height:auto;}
.logo,.back-button{max-width:100px;width:50%;height:50%;}

/* =========================
QUADRATO PRINCIPALE / SLIDESHOW
========================= */
.quadrato-primo{position:relative;width:100%;height:100%;min-height:300px;border:2px solid #00C6A9;border-radius:4px;overflow:hidden;background-color:#F4F4F4;}
.quadrato-primo .slideshow{position:absolute;top:0;left:0;width:100%;height:100%;min-height:300px;overflow:hidden;z-index:0;}
.quadrato-primo .slideshow img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.2);z-index:0;animation:slide 8s infinite;}
.quadrato-primo .slideshow img:nth-child(2),.quadrato-primo .slideshow img:nth-child(3){animation-delay:8s;}
.slideshow{position:relative;width:100%;height:auto;}
.slideshow img{width:100%;display:none;}
.tile-content{position:relative;z-index:1;text-align:center;padding-top:20px;}
.main-title{color:#00C6A9;font-size:2em;text-shadow:1px 1px 3px rgba(0,0,0,0.4);margin:0;}
.main-title .aka{display:block;font-size:0.5em;}
.subtitle{color:#CCCCCC;font-size:1em;margin-top:5px;}

/* =========================
SCORRIMENTO TESTO
========================= */
.marquee{overflow:hidden;width:100%;}
.marquee p{display:inline-block;white-space:nowrap;padding-left:100%;animation:scroll-left 15s linear infinite;color:#00C6A9;font-weight:bold;margin:0;}
@keyframes scroll-left{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}

/* =========================
LOCANDINE PICCOLE
========================= */
.locandine{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-top:5px;margin-left:5px;}
.locandine a img{width:80px;height:120px;object-fit:cover;border:2px solid #00C6A9;margin-left:5px;border-radius:4px;transition:transform 0.2s;}
.locandine a img:hover{transform:scale(1.1);}

/* =========================
GRID PRINCIPALE
========================= */
.grid-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1200px;margin:0 auto;padding:20px;}
.social-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;}
.social-container .tile{display:flex;align-items:center;justify-content:center;min-height:120px;}
.vertical-container{display:grid;grid-template-rows:1fr 1fr;gap:20px;}
.horizontal{display:flex;align-items:center;justify-content:center;height:100%;}

/* =========================
PLAYER / AUDIO
========================= */
.tile-player{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:250px;padding:15px;background-color:#F4F4F4;border:2px solid #00C6A9;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,0.4);text-align:center;}
.tile-player h2{margin:0 0 10px 0;color:#00C6A9;font-size:1.5em;text-shadow:1px 1px 3px rgba(0,0,0,0.3);}
.tile-player iframe{width:100%;max-width:400px;height:166px;border:none;border-radius:4px;}
.audio-container{width:100%;height:100%;}
.audio-container iframe{width:100%;height:100%;border:none;}

.player-box {
  margin: 10px 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

/* =========================
LINK E FORMS
========================= */
.tile-link{display:block;text-decoration:none;}
.tile-link .tile{cursor:pointer;}
#booking-tile input,#booking-tile button,#booking-tile label,#booking-tile a{display:block;width:100%;margin-bottom:10px;}
#booking-tile button{width:auto;padding:10px;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer;}
#booking-tile button:hover{background-color:#555;}
#booking-tile .privacy{display:inline-block;width:auto;margin-bottom:10px;}
#bookingForm{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;background-color:#111;color:#fff;border-radius:8px;}
#bookingForm label{display:block;margin-bottom:3px;font-size:14px;}
#bookingForm input[type="text"],#bookingForm input[type="email"],#bookingForm input[type="date"],#bookingForm select{display:block;width:100%;padding:8px 10px;margin-bottom:5px;border-radius:4px;border:1px solid #555;background-color:#222;color:#fff;box-sizing:border-box;font-size:14px;}
#bookingForm input[type="checkbox"]{margin-right:8px;}
#bookingForm button{padding:10px 15px;background-color:#ff4a00;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;}
#bookingForm button:hover{background-color:#e03e00;}
#formMessage{margin-top:10px;font-size:14px;color:#00ff7f;}

/* =========================
RESPONSIVE
========================= */
@media(max-width:768px){.grid-container{grid-template-columns:1fr;}.social-container{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;}.vertical-container{grid-template-rows:auto auto;}.tile-player{min-height:200px;padding:10px;}.tile-player iframe{height:150px;}}