/* Scopri24 Guestbook PRO v6 (isolato sotto .s24gb) */
.s24gb, .s24gb *{ box-sizing:border-box; }
.s24gb{ width:100%; max-width:none; margin:0 auto; padding:12px 0 24px; font-family:Arial, Helvetica, sans-serif; }
.s24gb .s24gb-wrap{ width:100%; margin:0 auto; padding:0 10px; }
.s24gb h1{ margin:0 0 8px; font-size:20px; font-weight:900; color:#111; }
.s24gb .s24gb-intro{ background:#fff; border:1px solid rgba(0,0,0,.10); border-left:6px solid #3586ff; border-radius:10px; padding:12px; margin:10px 0 14px; line-height:1.45; color:#222; }
.s24gb .s24gb-compose{ background:#fff; border:1px solid rgba(0,0,0,.10); border-radius:10px; padding:12px; margin:12px 0 16px; }
.s24gb .s24gb-row{ display:grid; gap:10px; }
@media(min-width:820px){ .s24gb .s24gb-row{ grid-template-columns:240px 1fr; align-items:start; } }

.s24gb label{ font-weight:800; font-size:13px; color:#333; display:block; margin-bottom:6px; }
.s24gb input[type="text"], .s24gb textarea{
  width:100%; border:1px solid rgba(0,0,0,.18); border-radius:10px; padding:10px 12px; outline:none; background:#fff;
  font-size:16px !important; line-height:1.35; /* no iOS zoom */
}
.s24gb textarea{ min-height:120px; resize:vertical; }
.s24gb input:focus, .s24gb textarea:focus{ border-color:rgba(53,134,255,.55); box-shadow:0 0 0 3px rgba(53,134,255,.14); }
.s24gb .s24gb-counter{ text-align:right; font-size:12px; color:rgba(17,24,39,.65); margin-top:6px; font-weight:800; }
.s24gb .s24gb-actions{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:10px; }
.s24gb button{ background:#3586ff; color:#fff; border:0; border-radius:999px; padding:10px 14px; font-weight:900; cursor:pointer; }
.s24gb button:disabled{ opacity:.6; cursor:not-allowed; }
.s24gb .s24gb-sending{ font-weight:900; color:rgba(17,24,39,.7); }

.s24gb .s24gb-flash{ border:1px solid rgba(53,134,255,.22); background:rgba(53,134,255,.07); border-radius:10px; padding:12px; margin:10px 0 14px; font-weight:800; }
.s24gb .s24gb-manage{ margin-top:8px; display:flex; gap:10px; flex-wrap:wrap; }
.s24gb .s24gb-manage input{ flex:1 1 360px; }
.s24gb .s24gb-copy{ background:rgba(53,134,255,.12); color:#3586ff; border:1px solid rgba(53,134,255,.25); }

.s24gb .s24gb-list{ margin-top:10px; }
.s24gb .s24gb-thread{ background:#fff; border:1px solid rgba(0,0,0,.10); border-radius:12px; padding:12px; margin:0 0 14px; }
.s24gb .s24gb-item{ border:1px solid rgba(0,0,0,.10); background:#f3f3f3; border-radius:10px; padding:12px; margin:10px 0; }
.s24gb .s24gb-meta{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-weight:900; color:#111; }
.s24gb .s24gb-time{ font-weight:800; color:rgba(17,24,39,.60); font-size:12px; }
.s24gb .s24gb-msg{ margin-top:8px; white-space:pre-wrap; line-height:1.45; color:#111; }
.s24gb .s24gb-reply-btn{ background:rgba(53,134,255,.12); color:#3586ff; border:1px solid rgba(53,134,255,.25); }

.s24gb .s24gb-item.is-reply{ background:rgba(53,134,255,.07); border-color:rgba(53,134,255,.18); border-left:5px solid #3586ff; margin-left:16px; }
.s24gb .s24gb-item.is-reply2{ background:rgba(53,134,255,.045); border-color:rgba(53,134,255,.14); border-left:5px solid rgba(53,134,255,.75); margin-left:32px; }
@media(max-width:600px){ .s24gb .s24gb-item.is-reply{ margin-left:10px; } .s24gb .s24gb-item.is-reply2{ margin-left:18px; } }

.s24gb .s24gb-item.is-admin{ background:rgba(53,134,255,.10); border-color:rgba(53,134,255,.28); border-left:6px solid #3586ff; }
.s24gb .s24gb-badge-admin{ display:inline-block; font-weight:900; font-size:12px; padding:3px 10px; border-radius:999px; background:#3586ff; color:#fff; }
.s24gb .s24gb-badge{ display:inline-block; font-size:12px; font-weight:900; padding:3px 10px; border-radius:999px; background:rgba(17,24,39,.08); color:rgba(17,24,39,.75); }

.s24gb .s24gb-pager{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin:12px 0 0; }
.s24gb .s24gb-pager a{ display:inline-block; padding:8px 12px; border:1px solid rgba(0,0,0,.12); border-radius:999px; text-decoration:none; color:#111; background:#fff; font-weight:900; }
.s24gb .s24gb-pager a.is-active{ border-color:#3586ff; color:#fff; background:#3586ff; }

.s24gb .s24gb-hp{ position:absolute; left:-9999px; opacity:0; }