/*
Theme Name: Sonnenhouf
Author: PITS
Author URI: https://www.pitsolutions.com/
Description: Specially created theme for Sonnenhouf Park Hote;
Version: 1.1
Text Domain: sonf
*/

@import url("css/main.css");




/* Hero awards (Relais & Châteaux + 101 Besten Hotels) — homepage */
.home_banner{position:relative;}
.hero-awards{
  position:absolute;
  right:40px;
  bottom:76px;
  z-index:5;
  display:flex;
  align-items:flex-end;
  gap:24px;
  pointer-events:auto;
}
.hero-awards img{display:block;width:auto;height:auto;}
.hero-awards .hero-awards__rc img{height:84px;}
.hero-awards img.hero-awards__101{height:88px;}
.hero-awards a{display:inline-block;line-height:0;}
.hero-awards a:hover img{opacity:.85;transition:opacity .2s ease;}
@media (max-width: 992px){
  .hero-awards{right:24px;bottom:60px;gap:16px;}
  .hero-awards .hero-awards__rc img{height:64px;}
  .hero-awards img.hero-awards__101{height:66px;}
}
@media (max-width: 600px){
  .hero-awards{right:16px;bottom:44px;gap:12px;}
  .hero-awards .hero-awards__rc img{height:48px;}
  .hero-awards img.hero-awards__101{height:50px;}
}


/* Mobile sidebar awards (R&C + 101 Besten + Google Reviews) */
.sidebar-awards{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  padding:18px 10px 14px;
  margin:0;
}
.sidebar-awards a, .sidebar-awards img, .sidebar-awards svg{display:block;line-height:0;}
.sidebar-awards .sidebar-awards__rc{margin:0;}
.sidebar-awards .sidebar-awards__rc img{height:46px;width:auto;}
.sidebar-awards .sidebar-awards__101{height:48px;width:auto;}
.sidebar-awards .sidebar-awards__google svg{height:46px;width:auto;}
.sidebar-awards a:hover img, .sidebar-awards a:hover svg{opacity:.85;transition:opacity .2s ease;}

/* Hide hero awards on mobile + force full-width mobile menu so contents center on screen.
   The theme's main.js sets margin-left/width inline on #mySidebar based on the desktop
   logo position. On mobile that pushes the whole menu to the right. We override that. */
@media (max-width: 992px){
  .hero-awards{display:none !important;}
  #mySidebar.sidebar{
    margin-left:0 !important;
    width:100% !important;
    max-width:100vw !important;
  }
  #mySidebar > div > ul{
    width:100%;
    padding-left:0;
    text-align:center;
  }
  #mySidebar > div > ul > li{
    width:100%;
    display:block;
    text-align:center;
  }
  #mySidebar > div > ul > li > a{ display:inline-block; }
  #mySidebar .sidebar-awards{
    position:static !important;
    width:100% !important;
    padding:18px 16px 14px !important;
    box-sizing:border-box !important;
    justify-content:center !important;
  }
}