/* ============================================================
   B&B AL CASTELLO — stile globale (child theme)
   Header, menu mobile, footer, spaziature, palette.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Jost:wght@300;400;500;600&display=swap');

:root{
  --bb-notte:#241d15;
  --bb-notte2:#2e251a;
  --bb-oro:#d3a35f;
  --bb-terra:#b4623c;
  --bb-sabbia:#f3ecdd;
  --bb-avorio:#f3e9d7;
  --bb-linea:#e2d7bf;
}

/* ---------- FONDO E CONTENITORI ---------- */
body,#wrapper,.site,.site-content,main,.page-wrapper{background:var(--bb-sabbia)!important}
.container{max-width:1250px!important}
/* lo spazio esagerato sopra/sotto il contenuto (variabili del tema) */
body .main-content-area{padding-top:clamp(14px,2.5vw,32px)!important;padding-bottom:56px!important}
.main-content{padding-top:0!important;margin-top:0!important}
.top-sliders-container{min-height:0!important}

/* ---------- TIPOGRAFIA ---------- */
h1,h2,h3,h4,.bbac-h{font-family:'Cormorant Garamond',Georgia,serif!important;color:#2c251c}
body{font-family:'Jost',sans-serif}

/* ---------- HEADER DESKTOP ---------- */
header#header,header#header .e-con,header#header .e-con-inner{background-color:var(--bb-notte)!important;background-image:none!important}
#elementor-header-top,.elementor-header-top-transparent,header#header .elementor,header#header .elementor-section,
header#header div[class*="elementor-element"]{background-color:var(--bb-notte)!important;background-image:none!important}
header#header{border-bottom:3px solid var(--bb-oro)}
header#header .menuzord-brand,header#header .site-brand{display:block!important;width:100%;max-width:290px;min-width:170px;aspect-ratio:1513/350;height:auto!important;background:url('https://alcastellobb.it/wp-content/uploads/2026/07/logo-alcastello-oro-hd.png') no-repeat left center!important;background-size:contain!important;font-size:0!important;line-height:0;border:none!important}
header#header .menuzord-brand img,header#header .site-brand img{display:none!important}
header#header .menuzord-brand::before,header#header .menuzord-brand::after{content:none!important}
header#header a,header#header li a,header#header nav a{color:var(--bb-avorio)!important}
header#header .menuzord-menu>li>a,header#header .elementor-nav-menu a{color:var(--bb-avorio)!important;font-family:'Jost',sans-serif!important;font-weight:500!important;letter-spacing:.18em!important;font-size:13px!important;text-transform:uppercase;position:relative}
header#header .menuzord-menu>li>a::after{content:"";position:absolute;left:14px;right:100%;bottom:6px;height:2px;background:var(--bb-oro);transition:right .28s ease}
header#header .menuzord-menu>li>a:hover::after,header#header .menuzord-menu>li.active>a::after,header#header .menuzord-menu>li.current-menu-item>a::after{right:14px}
header#header .menuzord-menu>li>a:hover,header#header .menuzord-menu>li.active>a,header#header .menuzord-menu>li.current-menu-item>a,
header#header .elementor-nav-menu a:hover,header#header .elementor-nav-menu .current-menu-item>a{color:var(--bb-oro)!important}
header#header .menuzord-menu ul.dropdown,header#header .elementor-nav-menu--dropdown,header#header .sub-menu{background:var(--bb-notte)!important;border-top:2px solid var(--bb-oro)}
header#header .menuzord-menu ul.dropdown li a,header#header .sub-menu li a{color:var(--bb-avorio)!important;background:transparent!important}
header#header .menuzord-responsive-toggle,header#header .showhide em{background:var(--bb-avorio)!important}
/* topbar: via i dati demo, dentro quelli veri */
header#header .tm-header-top-info ul{display:none!important}
header#header .tm-header-top-info::before{content:"Via Corrado Alvaro, Roccella Ionica (RC)  ·  ✆ 380 303 1211  ·  Check-in 14:00–21:00";color:#cbbfa8;font-family:'Jost',sans-serif;font-size:12.5px;letter-spacing:.08em}
header#header .tm-sc-social-links{display:none!important}
/* logo mobile rotto del tema */
header#header img[alt*="Hoteler"],header#header img[alt*="hoteler"],img.logo-mobile-version[src=""]{display:none!important}
/* bottone Prenota su WhatsApp nell'header */
header#header a[href*="wa.me"],header#header a[href*="whatsapp"]{background:#25d366!important;border-color:#25d366!important;color:#fff!important;border-radius:100px!important}
/* sticky */
.elementor-sticky,.elementor-sticky--active,.elementor-sticky--effects,.elementor-sticky__spacer,
header#header [data-settings*="sticky"],.header-nav-fixed,.navbar-fixed-top,.sticky-header{background:var(--bb-notte)!important;background-image:none!important}
.elementor-sticky--active a,.elementor-sticky a{color:var(--bb-avorio)!important}

/* ---------- BANNERONE TITOLO DEL TEMA: MAI ---------- */
section.tm-page-title-elementor,.tm-page-title-elementor,.tm-titlebar,.inner-header{display:none!important}

/* ---------- MENU MOBILE (drawer) — ridisegno completo ---------- */
.tm-header-menu{background:var(--bb-notte)!important;border:none!important;box-shadow:0 0 60px rgba(0,0,0,.45)!important;outline:none!important;width:min(86vw,380px)!important}
.tm-header-menu .elementor,.tm-header-menu-scroll,.tm-header-menu-scroll>div,
.tm-header-menu div[class*="elementor-element"]{background:transparent!important;background-color:transparent!important}
.tm-header-menu-scroll{padding:30px 28px 40px!important;height:100%;overflow-y:auto}
.tm-header-menu .menuzord-brand,.tm-header-menu .site-brand{margin:6px 0 26px;max-width:250px}
/* ricerca prodotti: mai */
.tm-header-menu .tm-widget-search-form,.tm-header-menu .elementor-widget-tm-ele-header-search,.tm-widget-search-form,
.elementor-widget-tm-ele-header-search{display:none!important}
/* voci menu */
.tm-header-menu .menuzord-menu>li{border-bottom:1px solid rgba(243,233,215,.12)!important}
.tm-header-menu .menuzord-menu>li>a{display:block;color:var(--bb-avorio)!important;font-family:'Jost',sans-serif!important;font-size:15px!important;font-weight:500!important;letter-spacing:.22em!important;text-transform:uppercase;padding:17px 4px!important;background:transparent!important}
.tm-header-menu .menuzord-menu>li>a:hover,.tm-header-menu .menuzord-menu>li.active>a{color:var(--bb-oro)!important}
.tm-header-menu .menuzord-menu li .indicator,.tm-header-menu .menuzord-menu li i{background:transparent!important;color:var(--bb-oro)!important;border:1px solid rgba(211,163,95,.4)!important;border-radius:8px!important}
.tm-header-menu .menuzord-menu ul.dropdown{background:var(--bb-notte2)!important;border:none!important}
.tm-header-menu .menuzord-menu ul.dropdown li a{color:#d9cbb0!important;font-size:13px!important;letter-spacing:.14em!important;padding:12px 14px!important}
/* pulsante chiudi */
.tm-menu-close,.tm-close{background:rgba(211,163,95,.15)!important;color:var(--bb-oro)!important;border-radius:0 0 0 14px!important;width:52px;height:52px;line-height:52px;text-align:center;font-size:20px}
/* blocco contatti in fondo al drawer (iniettato da bbac.js) */
.bbac-dcontact{margin-top:30px;padding-top:22px;border-top:1px solid rgba(243,233,215,.14)}
.bbac-dcontact a.btn-wa{display:block;text-align:center;background:#25d366;color:#fff!important;border-radius:100px;padding:13px 10px;font-weight:600;margin:0 0 10px;text-decoration:none!important;font-family:'Jost',sans-serif;letter-spacing:.06em}
.bbac-dcontact a.btn-tel{display:block;text-align:center;border:1.5px solid var(--bb-oro);color:var(--bb-oro)!important;border-radius:100px;padding:12px 10px;font-weight:500;text-decoration:none!important;font-family:'Jost',sans-serif;letter-spacing:.06em}
.bbac-dcontact p{color:#b3a68d;font-size:.82em;text-align:center;margin:14px 0 0;letter-spacing:.06em;font-family:'Jost',sans-serif}

/* ---------- FOOTER ---------- */
.elementor-invisible{visibility:visible!important;opacity:1!important;animation:none!important;transform:none!important}
footer,#footer,.footer,.tm-footer{background:var(--bb-notte)!important;color:#cbbfa8!important}
footer a,#footer a{color:var(--bb-oro)!important}
footer .tm-sc-social-links,#footer .tm-sc-social-links,footer a[href="#"],#footer a[href="#"]{display:none!important}
footer h1,footer h2,footer h3,footer h4{color:var(--bb-avorio)!important}

/* ---------- VARIE ---------- */
a[class*="scrollToTop"],.scroll-to-top,.tm-scroll-to-top,#back-to-top,a[class*="back-to-top"]{background:var(--bb-oro)!important;border-color:var(--bb-oro)!important}
.bbac-cta p{color:#6b6152!important}
.bbf h4{font-family:'Cormorant Garamond',serif!important;color:var(--bb-oro)!important;font-size:1.35em;margin:0 0 14px}
.bbf,.bbf p,.bbf li,.bbf span{color:#cbbfa8!important;font-weight:300;font-size:.95em;line-height:1.9}
.bbf a{color:#cbbfa8!important;text-decoration:none}
.bbf a:hover{color:var(--bb-oro)!important}
.bbf ul{list-style:none;margin:0;padding:0}

/* ---------- WHATSAPP FLUTTUANTE (iniettato da bbac.js) ---------- */
.bbac-wa-float{position:fixed;right:22px;bottom:22px;z-index:99990;width:58px;height:58px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(0,0,0,.3);transition:transform .2s}
.bbac-wa-float:hover{transform:scale(1.08)}
.bbac-wa-float svg{width:32px;height:32px;fill:#fff}

/* ---------- COMPONENTI PAGINE (griglie, hero, card) — override moderni ---------- */
/* hero a tutta larghezza, da grande hotel */
.bbac .bbac-hero{border-radius:0!important;width:100vw!important;margin:0 0 44px calc(50% - 50vw)!important;overflow:hidden}
.bbac .bbac-hero img{height:clamp(380px,56vh,560px)!important;width:100%!important;object-fit:cover}
.bbac .bbac-hero .ov{padding:clamp(24px,5vw,64px)!important;background:linear-gradient(180deg,rgba(20,15,8,.04) 32%,rgba(20,15,8,.88) 100%)!important}
.bbac .bbac-hero .tt,.bbac .bbac-hero h1{font-size:clamp(2.4em,5.4vw,4em)!important}
.bbac .bbac-hero .sub{font-size:clamp(.95em,1.4vw,1.15em)!important}
.bbac h2.bbac-h{font-size:2.1em!important}
.bbac .bbac-btn.tel{background:transparent!important;border:1.5px solid var(--bb-terra);color:var(--bb-terra)!important}
.bbac .bbac-btn.tel:hover{background:var(--bb-terra)!important;color:#fff!important}
@media(max-width:640px){
  .bbac .bbac-hero img{height:min(62vh,480px)!important}
  body .main-content-area{padding-top:10px!important}
}