/* ==============================================================================
Theme Name: Phlox Pro Child
Theme URI: http://phlox.pro/go/
Author: averta
Author URI: http://www.phlox.pro
Description: Phlox Pro Child Theme
Template: phlox-pro
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, left-sidebar, right-sidebar
Text Domain: phlox-pro-child
================================================================================= */

/* @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'); */

/*:root {
    --auxin-featured-color-2: #CBA75C !important;
}

.giallo { color: #fbc338; }

*/

body, select, input, textarea {
    font-size: 22px;
}

.aux-elementor-header.aux-sticky {
    box-shadow: none;
}

.aux-elementor-header.aux-overlay-header, .aux-elementor-header {
    background-color: #dd8661;
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}

header.aux-elementor-header:not(.aux-sticky){
	position: absolute;	
}

.aux-elementor-header.aux-sticky .aux-wrapper {
    border-bottom: none;
}


.aux-parallax-section.elementor-element.elementor-element-7a522c2.e-con-full.e-flex.e-con.e-parent.e-lazyloaded::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* Il gradiente: dal colore pieno in alto alla trasparenza totale in basso */
	background: linear-gradient(
		to bottom, 
		rgba(221, 134, 97, 1) 0%,   /* Colore #dd8661 solido */
		rgba(221, 134, 97, 0.8) 20%, /* Sfumatura parziale a metà */
		rgba(221, 134, 97, 0.4) 50%, /* Sfumatura parziale a metà */
		rgba(221, 134, 97, 0) 100%   /* Trasparenza totale in fondo */
	);
	pointer-events: none; /* Permette di cliccare eventuali link sotto lo strato */
}


/* SLIDERS */
.aux-widget-post-slider { margin-bottom: 0px;  }
.master-carousel-slider.aux-latest-posts-slider { border-radius: 20px; }
.aux-arrow-nav.aux-white { background-color: rgb(221, 134, 97); }


.elementor-element.ctabox .elementor-widget-aux_button .elementor-widget-container { text-align: center; }

/* DOVE SIAMO */
.aux-widget-icon-list-inner span.aux-icon-list-text {
	display: inline-block;
    min-width: 150px;
}
.aux-widget-icon-list-inner li.aux-icon-list-item a.aux-icon-list-link {
	display: inline-block;
}

body[data-elementor-device-mode="mobile"] .aux-icon-list-item, .aux-icon-list-link {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

/* MENU menu-item-540 menu-item-72 */

#menu-item-72 span.aux-menu-label, #menu-item-540 span.aux-menu-label {
    border: solid 2px #000;
    padding: 6px 14px;
    border-radius: 12px;
    margin-top: -6px;
}

.elementor-8 .elementor-element.elementor-element-d052931 .aux-menu-depth-0.aux-hover > .aux-item-content {
    color: #FFF !important;
}

.menu-item > .aux-item-content:hover > .aux-menu-label { color: #FFF !important; }

body[data-elementor-device-mode="mobile"] .menu-item > .aux-item-content:hover > .aux-menu-label { color: #dd8661 !important; } 

body[data-elementor-device-mode="mobile"] .elementor-8 .elementor-element.elementor-element-d052931 .aux-menu-depth-0 > .aux-item-content {
    padding: 10px 0px 10px 0px;
}




a.button.aux-round, button.aux-round, input[type="button"].aux-round, .aux-button.aux-round {
    border-radius: 20px;
}


.lista ul { list-style: disc; }
.lista li {
	margin-bottom: 1em;
	line-height: 1;
	border-color: #ccc;
	border-width: 1px;
	margin-left: 2em;
}


/* Struttura a 2 colonne responsive */
.booking-form-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	max-width: 100%;
	margin: 0 auto;
	background-color: #FBC338;
    padding: 1em;
    border-radius: 20px;
}

.booking-form-grid .form-group {
  display: flex;
  flex-direction: column;
}

/* Gli elementi a tutta larghezza (Note e Pulsante) */
.booking-form-grid .full-width {
  grid-column: span 2;
}

/* Label ed etichette */
.booking-form-grid label {
  font-weight: 600;
  margin-bottom: 6px;
  /* font-size: 0.95rem; */
}

/* Stile per i campi di input */
.booking-form-grid input[type="text"],
.booking-form-grid input[type="email"],
.booking-form-grid input[type="date"],
.booking-form-grid input[type="tel"], 
.booking-form-grid textarea,
.booking-form-grid select {
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-sizing: border-box;
	font-size: 1.5rem;
	background-color: #fff;
}

/* Stile speciale per il pulsante */
.booking-form-grid .submit-btn input[type="submit"] {
  width: 100%;
  background-color: #111; /* Cambia con il colore principale del tuo B&B */
  color: #fff;
  padding: 14px 20px;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.booking-form-grid .submit-btn input[type="submit"]:hover {
  background-color: #333;
}

/* Responsive: 1 colonna per smartphone */
@media (max-width: 600px) {
  .booking-form-grid {
    grid-template-columns: 1fr;
  }
  
  .booking-form-grid .full-width {
    grid-column: span 1;
  }
}

/* Stile per il numeretto accanto alla label */
.range-value {
  display: inline-block;
  background-color: #111; /* Stesso colore del tuo bottone */
  color: #fff;
  font-weight: bold;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 1.5rem;
  margin-left: 6px;
  min-width: 18px;
  text-align: center;
}

/* Rende lo slider fluido su tutta la larghezza del campo */
.booking-form-grid input[type="range"] {
  width: 100%;
  margin-top: 8px;
  cursor: pointer;
}

.joinchat .joinchat__button {
    bottom: 60px;
    right: 18px;
}