/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

a {
    background-color: transparent;
    text-decoration: none;
    color: #FFFFFF;
}

a:hover
{
	color: #FF000D;
}

.showcoupon
{
	color: #FF000D;
}

.bookacti-form-field-container, .woocommerce-cart-form, .cart_totals, .woocommerce-cart .cart-collaterals .cart_totals table small, .woocommerce-order
{
	color: #FFFFFF;
}

.woocommerce-billing-fields, #order_review_heading, #order_review
{
	color:white;
}

span.optional {
    display: none !important;
}

a.checkout-button
{
	background-color: #FF000D !important;
}

a.wc-backward
{
	background-color: #FF000D !important;
	color: #FFFFFF !important;
}

a.checkout-button:hover
{
	color: #FF000D !important;
}

a.elementor-button, a.checkout-button
{
	transform: skew(-21deg);
	border-radius: 0;
	-webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

a.elementor-button:after, a.checkout-button:after {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    content: "";
    background: white;
    position: absolute;
    z-index: -1;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-transform: skew(-45deg) scale(0, 1);
    transform: skew(-45deg) scale(0, 1);
	border: 2px solid #ab0e13;
}

a.elementor-button:hover:after, a.checkout-button:hover:after {
    -webkit-transform: skew(0) scale(1, 1);
    transform: skew(0) scale(1, 1);
}

a.elementor-button:hover, a.checkout-button:hover
{
	background-color: #ab0e13 ;
} 

span.elementor-button-text
{
	transform: skew(21deg);
}

.bookacti-form-fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Centra gli elementi orizzontalmente */
}

.bookacti-form-field-name-calendar,
.bookacti-form-field-name-participants {
  flex: 0 0 50%;
  box-sizing: border-box;
  padding: 10px; /* Spaziatura opzionale */
}

@media (max-width: 768px) {
  .bookacti-form-field-name-calendar,
  .bookacti-form-field-name-participants {
    flex: 0 0 100%;
  }
}

 .bookacti-form-field-name-participants
{
	padding: 0;
}

/* personalizzazione css calendario prodotto*/

.ui-datepicker
{
	width: 30em;
	max-width: 100%; /* Assicura che non ecceda la larghezza del contenitore */
	box-sizing: border-box;
}

.ui-datepicker table
{
	font-size:1.5em;
}

/* Adattamenti per dispositivi mobili */
@media (max-width: 600px) {
  .ui-datepicker {
    width: 20em;
  }
  .ui-datepicker table {
    font-size: 1em;
  }
}

.ui-state-active, .ui-widget-content .ui-state-active
{
	background: #2FB6B6;
	border: 1px solid #2FB6B6;
}

.ui-button.ui-state-active:hover, .ui-button:hover
{
	background: #308787;
}

.woocommerce div.product form.cart div.quantity
{
	float:right;
}

/* fine personalizzazione css calendario prodotto*/

.woocommerce div.product form.cart .button
{
	float:right;
	margin-right: 15px;
}

.quantity .qty
{
	color: #000000 !important;
}

.baaf-participant-fieldset
{
	font-family: 'Acumin Pro';
}

.bookacti-price-container
{
	background-color: #FF000D;
}

/*INIZIO PERSONALIZZAZIONI LISTA EVENTI*/

/* Contenitore principale di ogni evento */
.badp-waterfall-timepicker-option {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 12px;
  margin-bottom: 8px;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  color: #000000;
}

/* Effetto al passaggio del mouse */
.badp-waterfall-timepicker-option:hover {
  background-color: #f9f9f9;
  border-color: #ccc;
}

/* Stato selezionato */
.badp-waterfall-timepicker-option.selected {
  border-color: #3eb1c8;
  background-color: #3eb1c8;
}

/* Stile per il prezzo (posizionato in alto a destra) */
/* .badp-waterfall-timepicker-option .event-price { */
  /* font-weight: bold; */
  /* color: #27ae60; */
  /* position: absolute; */
  /* top: 10px; */
  /* right: 10px; */
/* } */

/* Contenitore della progress bar */
.badp-waterfall-timepicker-option .progress-bar {
  width: 100%;
  background-color: #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 10px;
  height: 10px;
}

/* Riempimento della progress bar */
.badp-waterfall-timepicker-option .progress-bar-fill {
  height: 100%;
  background-color: #3498db;
  width: 50%; /* Impostazione di default: aggiornare dinamicamente tramite JS se necessario */
  transition: width 0.3s ease;
}

/* Allineamento dei blocchi informativi (a sinistra e a destra) */
/* .badp-timepicker-align-left { */
  /* display: inline-block; */
  /* vertical-align: middle; */
/* } */

.badp-timepicker-align-right {
  display: inline-block;
  vertical-align: middle;
  float: right;
}

.badp-waterfall-timepicker-option .badp-timepicker-align-left, .badp-waterfall-timepicker-option .badp-timepicker-align-right, .badp-waterfall-timepicker-option .bookacti-availability-container:not(.bookacti-hide-availability)
{
	display:block !important;
}

.bookacti-availability-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

div.bookacti-availability-container > div.bookacti-price-container.bookacti-has-price
{
  position: absolute;
  top: 10px;
  right: 10px;
  margin-bottom: 10px; /* Spazio tra prezzo e progress bar */
 } 



.ui-helper-hidden-accessible {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  border: 0;
}

.ui-checkboxradio-icon {
    display: none;
}


.elementor-menu-cart__main
{
	width: auto!important;
}


/* Rimuovi lo stile di default dal radio e personalizzalo */
.event-list {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
}

/* Stato checked: cambia bordo e background */
.event-list:checked {
  border-color: #2FB6B6;
  background-color: #2FB6B6;
}

.ba_event_label {
  display: block;
  position: relative;
  padding: 10px 60px 10px 40px; /* Aumenta il padding destro per fare spazio al prezzo */
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 8px;
  background-color: #fff;
  color: #191919;
  overflow: visible; /* Assicurati che il contenuto non venga tagliato */
}

/* Posiziona il prezzo in alto a destra, fuori dal normale flusso */
.event-price {
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: bold;
  color: #333;
  white-space: nowrap; /* Evita che il testo vada a capo */
  font-size: 1.2em;
}


/* Posiziona il radio button custom in maniera assoluta, se vuoi spostarlo */
.ba_event_label > .event-list {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

/* Stile per la progress bar */
.progress-bar {
  display: block;
  width: 100%;
  height: 8px;
  background-color: #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 5px;
}

/* Riempimento della progress bar */
.progress-bar-fill {
  display: block;
  height: 100%;
  width: 0%; /* verrà impostato dinamicamente via JavaScript */
  transition: width 0.3s ease;
}

.variations
{
	color:white;
}

abbr
{
	color:#ab0e13;
}

.wapf-field-label
{
	color:white;
}

.elementor-nav-menu--dropdown .elementor-sub-item
{
	font-size:12px!important;
}
 
.woocommerce ul.products li.product .price
{
	display:none;
}

form > div.bookacti-price-container.bookacti-has-price
{
	display:none;
}

.woocommerce-additional-fields
{
	color:white;
}

.woocommerce-info > a
{
	color: #FF000D;
}

form.woocommerce-form.woocommerce-form-login.login
{
	color:white;
}

button.swal2-confirm.swal2-styled:hover, button.swal2-deny.swal2-styled:hover, button.swal2-confirm.swal2-styled, button.swal2-deny.swal2-styled
{
	color:white;
	border-radius: .25em;
}

#place_order
{
	background-color: #FF000D;
	color:white;
}

.bookacti-form-field-container select
{
    height: auto!important;
    width: 200px;
}

.woocommerce-cart table.cart td.actions .coupon .coupon-error-notice
{
	font-size:1em;
}

.baofc-wc-login-type-my_account > label, .baofc-wc-login-type-new_account > label, .baofc-wc-login-type-no_account > label, .form-row > label, .baofc-customer-select-user-title > label
{
	color:white;
}

/* EVENTI dal calendario moto */
.simcal-event.simcal-events-calendar-6882 {
  background-color: #FF000D !important;
  border: 1px solid #FF000D !important;
  color: #FFFFFF !important;
}

/* EVENTI dal calendario kart */
.simcal-event.simcal-events-calendar-6884 {
  background-color: #F8B42C !important;
  border: 1px solid #F8B42C !important;
  color: #FFFFFF !important;
}

/* EVENTI dal calendario auto */
.simcal-event.simcal-events-calendar-6883 {
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
  color: #FFFFFF !important;
}

.simcal-day-label
{
	background-color: darkgrey !important;
    color: #ffffff !important;
}

@media (min-width: 992px) {
  .qtip-content,
	.simcal-tooltip-content {
	  display: none !important;
	}

	.qtip,
	.simcal-event-bubble,
	.qtip-content,
	.simcal-tooltip-content {
	  display: none !important;
	}
}

.qtip-content > .simcal-events
{
	padding:0;
}

#caption-box {
  font-size: 1.25rem;   /* dimensione simile a <h5> */
  font-weight: 600;     /* grassetto come heading */
  line-height: 1.3;
  color: #fff !important; /* bianco */
  margin: .2rem 0;
}

div.elementor-menu-cart__product-name.product-name > a
{
	color:#333333;
}

/* Raddrizza testo e contenuto */
.elementor-form .elementor-button,
.elementor-form .elementor-button .elementor-button-content-wrapper,
.elementor-form .elementor-button .elementor-button-text,
.elementor-form .elementor-button .elementor-button-icon {
  transform: none !important;
  font-style: normal !important;
}

.elementor-form .elementor-button { transform: skewX(-24deg) !important; }
.elementor-form .elementor-button .elementor-button-content-wrapper { transform: skewX(24deg) !important; }