/* pagina_prenota.css - testata, foto e pie' di pagina delle pagine Prenota dei siti WordPress
   (Royal = .dhrt, San Giovanni = .dhsg). Caricato dal blocco HTML della pagina. */

/* ===== Hotel Royal Terme ===== */
  .dhrt{--rt-scuro:#12324a;--rt-crema:#fdf6e9;--rt-oro:#b49013;font-family:Jost,Lato,-apple-system,"Segoe UI",Roboto,sans-serif;background:#fbf8f2;color:#1d2a33}
  .dhrt *{box-sizing:border-box}
  .dhrt-top{position:sticky;top:0;z-index:100;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,0));transition:background .35s ease,box-shadow .35s ease}
  .dhrt-top.dhrt-su{background:var(--rt-scuro);box-shadow:0 2px 12px rgba(0,0,0,.25)}
  .dhrt-bar{max-width:1360px;margin:0 auto;padding:0 20px;height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}
  .dhrt-logo{display:flex;align-items:center;gap:8px;text-decoration:none}
  .dhrt-logo img{display:block;height:70px;width:auto;margin:0 -8px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}
  .dhrt-logo span{font-family:"Playfair Display",Georgia,serif;color:#fff;font-size:20px;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}
  .dhrt-nav{display:flex;align-items:center;flex-wrap:nowrap}
  .dhrt-nav a{color:var(--rt-crema);text-decoration:none;margin:0 12px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;transition:all .3s ease;padding:6px 0;border-bottom:1px solid transparent}
  .dhrt-nav a:hover{color:#fff;border-bottom-color:var(--rt-oro)}
  .dhrt-sub{position:relative;display:flex;align-items:center}
  .dhrt-sub > a::after{content:" \25BE";font-size:10px}
  .dhrt-sub-box{display:none;position:absolute;top:100%;left:0;min-width:220px;background:var(--rt-scuro);padding:8px 0;box-shadow:0 8px 20px rgba(0,0,0,.25);border-top:2px solid var(--rt-oro)}
  .dhrt-sub:hover .dhrt-sub-box,.dhrt-sub:focus-within .dhrt-sub-box{display:block}
  .dhrt-sub-box a{display:block;margin:0;padding:9px 18px;border-bottom:0;font-size:12px}
  .dhrt-sub-box a:hover{background:rgba(255,255,255,.06)}
  .dhrt-nav a.dhrt-btn{background:var(--rt-oro);color:#fff;padding:10px 20px;border-radius:30px;border-bottom:0;font-weight:600;margin-left:16px;box-shadow:0 3px 10px rgba(0,0,0,.2)}
  .dhrt-nav a.dhrt-btn:hover{filter:brightness(1.1);border-bottom:0}
  .dhrt-main{scroll-margin-top:90px}
  .dhrt-burger{display:none;cursor:pointer;color:var(--rt-crema);font-size:28px;line-height:1;padding:6px}
  #dhrt-menu{display:none}
  .dhrt-hero{background:linear-gradient(rgba(10,30,45,.30),rgba(10,30,45,.55)),url("https://www.hotelroyalterme.it/wp-content/uploads/2025/01/IMG_5329-1.jpg") center 50%/cover no-repeat;color:var(--rt-crema);min-height:440px;margin-top:-80px;padding:140px 20px 60px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
  .dhrt-hero h1,.dhrt-hero p{text-shadow:0 2px 12px rgba(0,0,0,.55)}
  .dhrt-hero h1{font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:40px;margin:0 0 8px;color:#fff}
  .dhrt-hero p{margin:0;font-size:16px;letter-spacing:.5px;opacity:.9}
  .dhrt-hero .dhrt-oro{display:block;width:60px;height:2px;background:var(--rt-oro);margin:16px auto 0}
  .dhrt-main{max-width:1112px;margin:0 auto;padding:24px 0 40px}
  .dhrt-foot{background:var(--rt-scuro);color:var(--rt-crema);text-align:center;font-size:13px;padding:22px 16px;letter-spacing:.5px}
  .dhrt-foot a{color:var(--rt-crema)}
  @media (max-width:1560px){
    .dhrt-logo span{display:none}
  }
  @media (max-width:1200px){
    .dhrt-nav a{margin:0 9px;letter-spacing:1px}
  }
  @media (max-width:1180px){
    .dhrt-burger{display:block}
    .dhrt-nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--rt-scuro);flex-direction:column;padding:8px 0 16px;border-top:1px solid rgba(251,238,223,.15)}
    #dhrt-menu:checked ~ .dhrt-nav{display:flex}
    .dhrt-nav a{margin:0;padding:12px 20px;width:100%;text-align:center;border-bottom:0}
    .dhrt-nav{max-height:calc(100vh - 80px);overflow:auto}
    .dhrt-sub{flex-direction:column;width:100%}
    .dhrt-sub > a::after{content:""}
    .dhrt-sub-box{display:block;position:static;box-shadow:none;border-top:0;padding:0;background:transparent}
    .dhrt-sub-box a{font-size:12px;opacity:.8;padding:8px 20px}
    .dhrt-nav a.dhrt-btn{width:auto;margin:10px auto 4px;padding:12px 36px}
    .dhrt-hero{min-height:330px;padding:110px 16px 40px}
    .dhrt-hero h1{font-size:30px}
    .dhrt-logo img{height:62px}
  }

/* ===== Hotel San Giovanni Terme ===== */
  .dhsg{--sg-scuro:#2b2420;--sg-crema:#fbeedf;--sg-oro:#c9a23f;font-family:Lato,-apple-system,"Segoe UI",Roboto,sans-serif;background:#faf7f2;color:#2b2622}
  .dhsg *{box-sizing:border-box}
  .dhsg-top{position:sticky;top:0;z-index:100;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,0));transition:background .35s ease,box-shadow .35s ease}
  .dhsg-top.dhsg-su{background:var(--sg-scuro);box-shadow:0 2px 12px rgba(0,0,0,.25)}
  .dhsg-bar{max-width:1360px;margin:0 auto;padding:0 20px;height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}
  .dhsg-logo img{display:block;height:52px;width:auto}
  .dhsg-nav{display:flex;align-items:center}
  .dhsg-nav a{color:var(--sg-crema);text-decoration:none;margin:0 13px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;transition:all .3s ease;padding:6px 0;border-bottom:1px solid transparent}
  .dhsg-nav a:hover{color:#fff;border-bottom-color:var(--sg-oro)}
  .dhsg-nav a.dhsg-btn{background:var(--sg-oro);color:#fff;padding:10px 20px;border-radius:30px;border-bottom:0;font-weight:600;margin-left:16px;box-shadow:0 3px 10px rgba(0,0,0,.2)}
  .dhsg-nav a.dhsg-btn:hover{filter:brightness(1.1);border-bottom:0}
  .dhsg-main{scroll-margin-top:90px}
  .dhsg-burger{display:none;cursor:pointer;color:var(--sg-crema);font-size:28px;line-height:1;padding:6px}
  #dhsg-menu{display:none}
  .dhsg-hero{background:linear-gradient(rgba(20,16,14,.30),rgba(20,16,14,.55)),url("https://www.hotelsangiovanniterme.it/wp-content/uploads/2024/11/Ingresso-bouganville-1.jpg") center 40%/cover no-repeat;color:var(--sg-crema);min-height:440px;margin-top:-80px;padding:140px 20px 60px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
  .dhsg-hero h1,.dhsg-hero p{text-shadow:0 2px 12px rgba(0,0,0,.55)}
  .dhsg-hero h1{font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:40px;margin:0 0 8px;color:#fff}
  .dhsg-hero p{margin:0;font-size:16px;letter-spacing:.5px;opacity:.9}
  .dhsg-hero .dhsg-oro{display:block;width:60px;height:2px;background:var(--sg-oro);margin:16px auto 0}
  .dhsg-main{max-width:1112px;margin:0 auto;padding:24px 0 40px}
  .dhsg-foot{background:var(--sg-scuro);color:var(--sg-crema);text-align:center;font-size:13px;padding:22px 16px;letter-spacing:.5px}
  .dhsg-foot a{color:var(--sg-crema)}
  @media (max-width:1300px){
    .dhsg-nav a{margin:0 9px;letter-spacing:1px}
  }
  @media (max-width:1100px){
    .dhsg-burger{display:block}
    .dhsg-nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--sg-scuro);flex-direction:column;padding:8px 0 16px;border-top:1px solid rgba(251,238,223,.15)}
    #dhsg-menu:checked ~ .dhsg-nav{display:flex}
    .dhsg-nav a{margin:0;padding:12px 20px;width:100%;text-align:center;border-bottom:0}
    .dhsg-nav a.dhsg-btn{width:auto;margin:10px auto 4px;padding:12px 36px}
    .dhsg-hero{min-height:330px;padding:110px 16px 40px}
    .dhsg-hero h1{font-size:30px}
    .dhsg-logo img{height:44px}
  }

/* ===== Pagine Contatti (stessa testata, modulo al centro) ===== */
.dhrt-hero-contatti,.dhsg-hero-contatti{padding-bottom:150px!important}
.dhrt-main-contatti,.dhsg-main-contatti{padding:40px 20px 60px;margin-top:-90px;position:relative;z-index:2}
@media (max-width:860px){.dhrt-main-contatti,.dhsg-main-contatti{margin-top:-50px;padding:24px 14px 40px}}

/* ===== Protezione dagli stili dei temi (BeTheme / Kingsley) =====
   I temi stilano label, input, nav e a con regole generiche: qui le nostre
   prevalgono sempre. */
.dhsg .dhsg-burger,.dhrt .dhrt-burger{display:none!important;margin:0!important;float:none!important;width:auto!important;font-weight:400!important}
.dhsg #dhsg-menu,.dhrt #dhrt-menu{display:none!important}
.dhsg .dhsg-nav,.dhrt .dhrt-nav{display:flex!important;background:none;border:0;box-shadow:none;float:none!important}
.dhsg .dhsg-nav a,.dhrt .dhrt-nav a{text-decoration:none!important;line-height:1.5!important;float:none!important}
.dhsg .dhsg-logo img,.dhrt .dhrt-logo img{max-width:none!important}
.dhsg .dhsg-logo,.dhrt .dhrt-logo{flex:none!important}
.dhsg .dhsg-nav,.dhrt .dhrt-nav{flex-wrap:nowrap!important}
.dhsg .dhsg-nav a,.dhrt .dhrt-nav a{white-space:nowrap!important}
.dhsg h1,.dhrt h1{line-height:1.2!important;letter-spacing:0!important}
.dhsg p,.dhrt p{margin-bottom:0!important}
@media (max-width:1100px){
  .dhsg .dhsg-burger{display:block!important}
  .dhsg .dhsg-nav{display:none!important;background:var(--sg-scuro)!important}
  .dhsg #dhsg-menu:checked ~ .dhsg-nav{display:flex!important}
}
@media (max-width:1180px){
  .dhrt .dhrt-burger{display:block!important}
  .dhrt .dhrt-nav{display:none!important;background:var(--rt-scuro)!important}
  .dhrt #dhrt-menu:checked ~ .dhrt-nav{display:flex!important}
}

/* ===== Codice QR aggiunto in fondo alle pagine da un plugin: nascosto ===== */
.qrcswholewtapper,div:has(> .qrcswholewtapper){display:none!important}