/*
 Theme Name:   Affittacamere Ca' Bianca
 Description:  Tema custom per sito Affittacamere Ca' Bianca
 Author:       Gabriele Donatacci
 Author URI:   https://www.gabrieledonatacci.it/
 Template:     astra
 Version:      1.0.0
 Text Domain:  affittacamerecabianca
*/
html,body{
	overflow-x: clip;
}
body.error404 .ast-404-layout-1 h1.page-title {
  color: var(--ast-global-color-3);
}
#ast-scroll-top{
	bottom: 90px;
    right: -2px;
}

.primary_btn {
  padding: 14px 22px;
  text-decoration: none;
  border-radius: 5px;
  background: #0053b3;
  border-color: #0053b3;
  color: rgb(255, 255, 255);
  transition: all 0.3s ease-in-out;
}

.primary_btn:hover {
  background-color: #0053b3;
  border-color: #006ce4;
  color: rgb(255, 255, 255);
}

.primary_btn:focus {
  background-color: #0053b3;
  color: rgb(255, 255, 255);
}

.small_btn {
  padding: 10px 22px;
  font-size: 12px;
}

.small_select,
.small_input {
  padding: 5px 10px;
  font-size: 14px;
}

.w_100 {
  width: 100% !important;
}

.hover-move {
    transition: transform 0.3s ease;
}

.hover-move:hover {
    transform: translateY(-8px);
}

input[type=email],
input[type=number],
input[type=password],
input[type=reset],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
  border-radius: 5px;
  padding: 7px 10px;
  outline-color: rgb(0, 108, 228);
}

/* SEARCH HEADER */
.site-header-below-section-center .header-widget-area {
  width: 100%;
}

#headerCameraForm,
#homeCameraForm{
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: nowrap;
}

#headerCameraForm .small_btn,
#homeCameraForm .small_btn{
  white-space: nowrap;
}

/* FORM VERIFICA DISPONIBILITA CAMERA */
#verifica_camera_form {
  margin: 20px 0;
}

#verifica_camera_form .camera_form_title {
  margin: 0 0 10px 0;
  font-size: 18px;
}

#verifica_camera_form #calendar_input {
  width: 100%;
  padding: 9px 12px;
  border-radius: 5px;
}

#verifica_camera_form #calendarMsg {
  margin: 10px;
  font-size: 14px;
  color: #555;
}

#verifica_camera_form #bookingBtn {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  pointer-events: none;
  width: 100%;
  border-radius: 5px;
  background-color: #006ce4;
  color: #6b9fe6;
}

#verifica_camera_form #bookingBtn.button-disabled {
  pointer-events: none;
  background: #006ce4;
  color: #6b9fe6;
  cursor: not-allowed;
}

#verifica_camera_form #bookingBtn.button-enabled {
  display: inline-block;
  pointer-events: auto;
  background: #006ce4;
  color: #fff;
}

/*@media (max-width: 768px) {*/

  .cabianca-fixed-book-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    padding: 12px 16px;
    background: #fff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  }

  .cabianca-fixed-book-btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
  }

  body.parent-pageid-194 {
    padding-bottom: 80px;
  }
/*}

@media (min-width: 769px) {
  .cabianca-fixed-book-btn {
    display: none;
  }
}*/


/*blocco social link*/
.wp-block-social-links {
  padding-left: 0 !important;
}

.wp-block-social-link:hover {
  opacity: 0.6 !important;
  transform: none !important;
}

/*bottoni, icone, svg e container*/
.wp-block-button__link,
.uagb-button__link,
.uagb-button__icon,
.uagb-button__icon svg,
a,
#ast-scroll-top,
.ahfb-svg-iconset svg,
.wp-block-uagb-container,
.wp-social-link,
.uagb-icon-list__source-wrap,
.uagb-icon-list__source-wrap svg,
.uagb-icon-list__label,
.search_submit_box {
  transition: all 0.3s ease-in-out !important;
}

.uagb-infobox__content-wrap {
  word-break: normal;
}

/* FOOTER */
.footer_widget_1_container .uagb-heading-text,
.footer_widget_1_container p .footer_widget_1_container a {}

/*TABS*/
.uagb-tabs__panel .uagb-tab {
  border-radius: 5px;
  overflow: hidden;
}

/* Base: transizione sull'elemento interattivo reale */
.uagb-tabs__panel .uagb-tab .uagb-tabs-list {
  display: block !important;
  border-radius: 5px;
  transition: background-color 0.15s ease-out, color 0.15s ease-out !important;
}

/* Stato attivo */
.uagb-tabs__panel .uagb-tab.uagb-tabs__active .uagb-tabs-list {
  background-color: #006ce4;
  color: #fff;
}

/* Hover */
.uagb-tabs__panel .uagb-tab .uagb-tabs-list:hover {
  background-color: #3389ea;
  color: #fff;
}

/* Focus (accessibilità + niente lag) */
.uagb-tabs__panel .uagb-tab .uagb-tabs-list:focus {
  background-color: #006ce4;
  color: #fff;
  outline: none;
}

.uagb-tabs__wrap .uagb-tabs__body-container {
  padding: 15px 0;
}

.uagb-tabs__wrap .uagb-tabs__body-container th,
.uagb-tabs__wrap .uagb-tabs__body-container td {
  font-size: 14px;
}

.uagb-tabs__body-wrap {
  border-radius: 5px;
}

/* =========================================================
   HEADER ASTRA
========================================================= */


/* ---------------------------------------------------------
   HEADER FISSI IN ALTO
   - Mantiene l’header sempre visibile
   - Occupa tutta la larghezza viewport
--------------------------------------------------------- */
body.ast-theme-transparent-header .site-header,
body:not(.ast-theme-transparent-header) .site-header{
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100vw;
	transition: all ease-in-out 0.4s !important;
}


/* ---------------------------------------------------------
   SOTTOMENU DESKTOP
   - Sfondo bianco con bordo superiore giallo
   - Link neri
--------------------------------------------------------- */
#ast-desktop-header 
.main-header-bar
.sub-menu{
	background-color: #fff;
	border-color: #D2A32C;
}
#ast-desktop-header 
.main-header-bar
.sub-menu li.menu-item a.menu-link{
	color: #4b5563;
}
/* ---------------------------------------------------------
   SOTTOMENU DESKTOP - HOVER / FOCUS / PAGINA CORRENTE
   - Link gialli
--------------------------------------------------------- */
#ast-desktop-header 
.main-header-bar
.sub-menu li.menu-item:hover > a.menu-link{
	color: #D2A32C;
}
#ast-desktop-header 
.main-header-bar
.sub-menu li.menu-item:focus > a.menu-link{
	color: #D2A32C;
}
#ast-desktop-header 
.main-header-bar
.sub-menu li.menu-item.current_page_item > a.menu-link{
	color: #D2A32C;
}


/* ---------------------------------------------------------
   UNDERLINE ANIMATA MENU
   - Crea la linea gialla sotto ai link
--------------------------------------------------------- */
#ast-desktop-header 
.ast-main-header-wrap 
.main-header-menu 
> li > a.menu-link::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 50%;
	width: 0%;
	height: 2px;
	background-color: #D2A32C;
	transition: width 0.4s ease, left 0.4s ease;
	transform: translateX(-50%);
}
#ast-desktop-header 
.ast-main-header-wrap 
.main-header-menu 
> li:hover > a::after,

#ast-desktop-header 
.ast-main-header-wrap 
.main-header-menu 
> li.current_page_item > a::after{
	width: 100%;
	left: 50%;
}


/* ---------------------------------------------------------
    VERSIONE MENU TRANSPARENT
--------------------------------------------------------- */

/* ---------------------------------------------------------
   HEADER PRINCIPALE (QUELLO COL MENU) NASCOSTO
   - Quando viene aggiunta la classe ".hidden"
   - L’header viene spostato fuori viewport verso l’alto con JS durante lo scroll
--------------------------------------------------------- */
.ast-theme-transparent-header .main-header-bar{
	transition: all ease-in-out 0.4s !important;
}
.ast-theme-transparent-header .main-header-bar.hidden{
	transform: translateY(-100%) !important;
}

/* ---------------------------------------------------------
    MENU DESKTOP - COLORE TESTO PRE SCROLL
   - I link diventano "neri"
--------------------------------------------------------- */
.ast-theme-transparent-header 
#ast-desktop-header 
.main-header-bar
li a.menu-link{
	color: #4b5563;
}
/* ---------------------------------------------------------
   MENU DESKTOP - COLORE TESTO DOPO SCROLL
   - I link diventano "bianchi"
--------------------------------------------------------- */
.ast-theme-transparent-header 
#ast-desktop-header 
.main-header-bar.transparent-off 
li a.menu-link{
	color: #fff;
}

/* ---------------------------------------------------------
   MENU DESKTOP - HOVER, FOCUS, PAGINA ATTIVA - COLORE TESTO PRE SCROLL
   - I link diventano "gialli"
--------------------------------------------------------- */
.ast-theme-transparent-header 
#ast-desktop-header 
.main-header-bar
li:hover > a.menu-link,

.ast-theme-transparent-header 
#ast-desktop-header 
.main-header-bar
li:focus > a.menu-link,

.ast-theme-transparent-header 
#ast-desktop-header 
.main-header-bar
li.current_page_item > a.menu-link{
	color: #D2A32C;
}


/* ---------------------------------------------------------
   MENU DESKTOP - HOVER, FOCUS, PAGINA ATTIVA - COLORE TESTO POST SCROLL
   - I link diventano "gialli"
--------------------------------------------------------- */
.ast-theme-transparent-header 
#ast-desktop-header 
.main-header-bar.transparent-off 
li:hover > a.menu-link,

.ast-theme-transparent-header 
#ast-desktop-header 
.main-header-bar.transparent-off 
li:focus > a.menu-link,

.ast-theme-transparent-header 
#ast-desktop-header 
.main-header-bar.transparent-off 
li.current_page_item > a.menu-link{
	color: #D2A32C;
}

/* ---------------------------------------------------------
   HAMBURGER MENU MOBILE - COLORE PRE SCROLL
   - Icona blu
--------------------------------------------------------- */
.ast-theme-transparent-header 
.main-header-bar 
.mobile-menu-toggle-icon 
.ast-mobile-svg{
	fill: #0053b3 !important;
}


/* ---------------------------------------------------------
   HAMBURGER MENU MOBILE - COLORE POST SCROLL
   - Icona bianca 
--------------------------------------------------------- */
.ast-theme-transparent-header 
.main-header-bar.transparent-off 
.mobile-menu-toggle-icon 
.ast-mobile-svg{
	fill: #fff !important;
}

/* ---------------------------------------------------------
   SOTTOMENU DESKTOP - PRE SCROLL
   - Sfondo bianco con bordo superiore blu
   - Link neri
--------------------------------------------------------- */
.ast-theme-transparent-header 
#ast-desktop-header 
.main-header-bar
.sub-menu{
	background-color: #fff;
	border-color: #006ce4;
}
.ast-theme-transparent-header 
#ast-desktop-header 
.main-header-bar
.sub-menu a.menu-link{
	color: #4b5563;
}

/* ---------------------------------------------------------
   SOTTOMENU DESKTOP - POST SCROLL
   - Sfondo bianco con bordo superiore giallo
   - Link neri
--------------------------------------------------------- */
.ast-theme-transparent-header 
#ast-desktop-header 
.main-header-bar.transparent-off
.sub-menu{
	background-color: #fff;
	border-color: #d2a32c;
}
.ast-theme-transparent-header 
#ast-desktop-header 
.main-header-bar.transparent-off
.sub-menu a.menu-link{
	color: #4b5563;
}

/* ---------------------------------------------------------
   UNDERLINE MENU - PRE SCROLL
   - Colore giallo
--------------------------------------------------------- */
.ast-theme-transparent-header 
#ast-desktop-header 
.main-header-bar
li > a.menu-link::after{
	background-color: #D2A32C;
}
/* ---------------------------------------------------------
   UNDERLINE MENU - POST SCROLL
   - Colore giallo
--------------------------------------------------------- */
.ast-theme-transparent-header 
#ast-desktop-header 
.main-header-bar.transparent-off  
li > a.menu-link::after{
	background-color: #D2A32C;
}

/* ---------------------------------------------------------
   TOGGLE SUBMENU MOBILE
   - Rimuove outline e ombre dal bottone submenu
--------------------------------------------------------- */
.ast-builder-menu-mobile 
.main-navigation 
.menu-item.menu-item-has-children 
> .ast-menu-toggle{
	outline: none;
	box-shadow: unset;
}
/* ---------------------------------------------------------
   RESET PADDING E MARGIN MENU DESKTOP
   - Serve per controllo preciso degli spazi
--------------------------------------------------------- */
#ast-desktop-header 
.ast-main-header-wrap 
.main-header-menu 
> li > a.menu-link{
	padding: 0 !important;
	margin: 0 !important;
}
/* ---------------------------------------------------------
   SPAZIATURA TRA VOCI MENU
   - Gap verticale e orizzontale
--------------------------------------------------------- */
#ast-desktop-header 
.ast-main-header-wrap 
.main-header-menu{
	row-gap: 20px;
	column-gap: 40px;
}

/* =========================================================
   FINE HEADER
========================================================= */