/* General Styles */

        EstarG-body {

            margin: 0;

            font-family: Arial, sans-serif;

        }



        .EstarG-container {

            display: flex;

            flex-wrap: wrap;

            gap: 20px;

            margin: 0 auto;

            padding: 20px;

            max-width: 1200px;

          	font-family: Arial, sans-serif;

        }



        .EstarG-content {

            flex: 2;

            min-width: 300px;

        }



        .EstarG-booking {

            flex: 1;

            background: #f9f9f9;

            padding: 20px;

            border-left: 1px solid #ddd;

        }



        .EstarG-booking h2, .EstarG-content h2 {

            margin-bottom: 10px;

        }



        /* Image Carousel */

        .EstarG-carousel-container {

            display: flex;

            align-items: center;

            justify-content: center;

            position: relative;

            margin-top:20px;

        }



        .EstarG-carousel-images img {

            width: 100%;

            height: auto;

            border-radius: 8px;

            margin-top:20px;

        }



        .EstarG-carousel-btn {

            background-color: rgba(0, 0, 0, 0.5);

            color: white;

            border: none;

            cursor: pointer;

            position: absolute;

            top: 50%;

            transform: translateY(-50%);

            padding: 10px;

            border-radius: 50%;

        }



        .EstarG-carousel-prev {

            left: 10px;

        }



        .EstarG-carousel-next {

            right: 10px;

        }



	



        /* Booking Form */

       

       .EstarG-booking select {

            width: 100%!important;

            padding: 5px!important;

            margin-bottom: 10px;

            border: 1px solid #ccc;

            border-radius: 4px;

        }



       

        .EstarG-booking input:not([type="checkbox"]) {

		    width: 100% !important;

		    padding: 10px !important;

		    margin-bottom: 10px;

		    border: 1px solid #ccc;

		    border-radius: 4px;

		}



        #EstarG-labels-btn-booking {

            background-color: #007bff;

            color: white;

            font-weight: bold;

            cursor: pointer;

            border: none;

            width: 100%;

            padding: 10px;

            margin-bottom: 10px;

            border: 1px solid #ccc;

            border-radius: 4px;

        }



        #EstarG-labels-btn-booking:hover {

            background-color: #0056b3;

        }

        

        

        #EstarG-labels-btn-booking-close {

            background-color: #007bff;

            color: white;

            font-weight: bold;

            cursor: pointer;

            border: none;

            width: 100%;

            padding: 10px;

            margin-bottom: 10px;

            border: 1px solid #ccc;

            border-radius: 4px;

        }



        #EstarG-labels-btn-booking-close:hover {

            background-color: #0056b3;

        }



        /* Amenities and Features */

        .EstarG-amenities-container {

        	

            display: flex;

            flex-wrap: wrap;

            gap: 20px;

        }



        .EstarG-amenity-column {

            flex: 1;

            min-width: 200px;

        }

        

        

        /* Container Search Bar */

		/* search-bar.css - Estarg Specific Styles */





/* Flatpickr Styles */

.flatpickr-calendar {

    font-family: Arial, sans-serif !important; /* Forza il font del calendario */

    font-size: 14px;

    border-radius: 8px;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

}



.flatpickr-calendar .flatpickr-day {

    border-radius: 4px;

    transition: background 0.3s;

}



.flatpickr-calendar .flatpickr-day:hover {

    background: #007bff;

    color: white;

}



.flatpickr-calendar .flatpickr-day.today {

    font-weight: bold;

    color: #007bff;

}



/* Guests Selector */

EstarG-guests-selector {

    flex: 1.5;

    position: relative;

    min-width: 120px;

    display: flex;

    align-items: center;

    gap: 8px;

    border: 1px solid #ccc;

    border-radius: 4px;

    padding: 8px;

}



EstarG-guests-selector input {

    width: 100%;

    border: none;

    font-size: 14px;

    text-align: left;

    outline: none;

    cursor: pointer;

    background: transparent;

    padding: 8px 0;

    font-family: Arial, sans-serif;

}



#EstarG-textarea-info  {

 width: 100% !important;

  padding: 10px !important;

  margin-bottom: 10px;

  border: 1px solid #ccc;

  border-radius: 4px;

}



EstarG-guests-selector i {

    color: #007bff;

    font-size: 18px;

}



EstarG-guests-dropdown {

    position: absolute;

    top: 50px;

    left: 0;

    width: 100%;

    background: white;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    display: none;

    z-index: 10;

    padding: 10px;

    font-family: Arial, sans-serif;

}



EstarG-guests-dropdown.active {

    display: block;

}



EstarG-guests-row {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 5px 0;

    border-bottom: 1px solid #eee;

}



EstarG-guests-row:last-child {

    border-bottom: none;

}



EstarG-guests-dropdown input {

    width: 50px;

    text-align: center;

    border: 1px solid #ccc;

    border-radius: 4px;

}



/* Submit Button */



#EstarG-request-information-btn{

	flex: 1;

    min-width: 100px;

    background: #007bff;

    color: white;

    padding: 10px;

    font-size: 16px;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    transition: background 0.3s;

    text-align: center;

    width: 100%;

}



#EstarG-request-information-btn:hover {

    background: #0056b3;

}





EstarG-submit-btn {

    flex: 1;

    min-width: 100px;

    background: #007bff;

    color: white;

    padding: 10px;

    font-size: 16px;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    transition: background 0.3s;

    text-align: center;

}



EstarG-submit-btn:hover {

    background: #0056b3;

}





#EstarG-property-guests-numbers{width: 101%;}

#EstarG-per-vacation{padding: 20px; text-align:center}

.EstarG-property-license-info{padding-bottom: 20px;}



.EstarG-room-features {

    display: flex; /* Usa Flexbox */

    justify-content: space-between; /* Equidistanza tra gli elementi */

    align-items: center; /* Allineamento verticale centrato */

    gap: 10px; /* Spazio uniforme tra gli elementi */

    flex-wrap: wrap; /* Permette di andare a capo se lo spazio è insufficiente */

}





/* Stile personalizzato per checkbox e label con allineamento corretto */

.EstarG-inline-checkbox {

    display: flex; /* Allinea il contenuto orizzontalmente */

    align-items: center; /* Allinea verticalmente checkbox e testo */

    gap: 5px; /* Spaziatura tra checkbox e testo */

    margin-bottom: 10px; /* Spaziatura tra le righe */

    font-size: 14px; /* Dimensione del testo */

    color: #333; /* Colore del testo */

}



.EstarG-inline-checkbox input[type="checkbox"] {

    margin: 0; /* Rimuove eventuali margini predefiniti */

    width: 16px; /* Larghezza del checkbox */

    height: 16px; /* Altezza del checkbox */

    cursor: pointer; /* Indica che il checkbox è cliccabile */

    vertical-align: middle; /* Ulteriore sicurezza per l'allineamento */

}



.EstarG-inline-checkbox a {

    color: #007BFF; /* Colore del link */

    text-decoration: none;

}



.EstarG-inline-checkbox a:hover {

    text-decoration: underline; /* Sottolinea il link al passaggio del mouse */

}





/* Container principale per i campi totals */

.EstarG-booking-totals-fields {

    display: flex;

    flex-direction: column;

    gap: 10px; /* Spaziatura tra i campi */

    margin-top: 10px;

}



/* Singola riga con label e input */

.EstarG-booking-totals-input {

    display: flex;

    justify-content: space-between; /* Allinea label e input */

    align-items: center; /* Allinea verticalmente al centro */

    background: #f9f9f9;

    border: 1px solid #ddd;

    border-radius: 4px;

    padding: 10px;

    font-family: Arial, sans-serif;

    font-size: 14px;

    color: #333;

}



/* Label (testo a sinistra) */

.EstarG-booking-totals-input label {

    flex: 1; /* Occupa lo spazio necessario */

    text-align: left;

    font-weight: bold;

    margin-right: 10px;

    white-space: nowrap; /* Evita la rottura della label */

}



/* Input readonly (testo a destra) */

.EstarG-booking-totals-input input {

    flex: 0 0 100px; /* Larghezza fissa per l'input */

    text-align: right;

    border: none;

    background: transparent;

    color: #333;

    font-size: 14px;

    outline: none; /* Rimuove il contorno al focus */

    pointer-events: none; /* Evita l'interazione */

}





.EstarG-privacy-tooking-terms{padding-top: 20px; padding-bottom: 20px;}



.EstarG-amenities-container ul {

    list-style: none; /* Rimuove i puntini */

    padding: 0;

    margin: 0;

}



.EstarG-amenities-container li {

    display: flex; /* Usa flexbox per allineare icona e testo */

    align-items: center; /* Allinea verticalmente l'icona con il testo */

    gap: 8px; /* Aggiunge uno spazio tra l'icona e il testo */

    margin: 5px 0; /* Spaziatura verticale tra gli elementi */

}



.EstarG-amenities-container li i {

    flex-shrink: 0; /* Evita che l'icona si ridimensioni */

}

 

 

.EstarG-booking-totals-input {

    display: flex;

    align-items: center;

    gap: 10px;

    font-family: Arial, sans-serif;

}



.EstarG-booking-totals-input label {

    font-weight: bold;

    margin-right: 10px;

}



#EstarG-booking-gross-price {

    font-size: 0.9em;

    text-decoration: line-through;

    color: grey;

}



#EstarG-booking-net-price {

    font-size: 1em;

    color: black;

    font-weight: bold;

}



#EstarG-booking-after-saving p{

	color:red;

}

 

/****************/

 .EstarG-date-picker {

            margin: 20px 0;

        }



        .EstarG-date-picker input {

            width: 100%;

            padding: 10px;

            border: 1px solid #ccc;

            border-radius: 4px;

        }

   



        .EstarG-carousel-images {

            position: relative;

            width: 100%;

            max-width: 800px;

            margin: auto;

            overflow: hidden;

        }

        

        .EstarG-carousel-images img {

            width: 100%;

            display: none; /* Nasconde tutte le immagini per default */

        }

        

        .EstarG-carousel-images img:first-child {

            display: block; /* Mostra la prima immagine per default */

        }

        

        .EstarG-carousel-prev,

        .EstarG-carousel-next {

            position: absolute;

            top: 50%;

            transform: translateY(-50%);

            background-color: rgba(0, 0, 0, 0.5);

            color: white;

            border: none;

            padding: 10px 20px;

            cursor: pointer;

            z-index: 10;

        }

        

        .EstarG-carousel-prev {

            left: 10px;

        }

        

        .EstarG-carousel-next {

            right: 10px;

        }

        

        .EstarG-carousel-prev:hover,

        .EstarG-carousel-next:hover {

            background-color: rgba(0, 0, 0, 0.7);

        }



/****************/ 

 

 .text-capitalize {

    text-transform: capitalize;

}



.EstarG-booking input::placeholder{

    text-transform: capitalize; /* Capitalize the first letter of each word */

  }

  



  

  .EstarG-Preload {

    border: 8px solid #f3f3f3; /* Colore di sfondo */

    border-top: 8px solid #3498db; /* Colore principale */

    border-radius: 50%;

    width: 50px;

    height: 50px;

    animation: spin 1s linear infinite;

  }



 .EstarG-BookigPreload {

    border: 8px solid #f3f3f3; /* Colore di sfondo */

    border-top: 8px solid #3498db; /* Colore principale */

    border-radius: 50%;

    width: 50px;

    height: 50px;

    animation: spin 1s linear infinite;

  }



  @keyframes spin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

  }



.EstarG-description{

	margin-top:20px;

	display:none;

}

.EstarG-amenities{

	margin-top:20px;

	display:none;

}

.EstarG-rules{

	margin-top:20px;

	display:none;

}



#EstarG-property-area {

    display: inline-flex; /* Usa Flexbox per gestire l'allineamento in linea */

    align-items: center; /* Centra verticalmente l'icona e il testo */

    gap: 5px; /* Spaziatura tra l'icona e il testo */

}



.material-symbols-outlined {

    font-size: 24px; /* Dimensione uniforme per le icone */

    vertical-align: middle; /* Assicura che l'icona sia allineata al testo */

    line-height: 1; /* Imposta l'altezza della linea per evitare disallineamenti */

}



.EstarG-cancellation{

	margin-bottom: 20px;

}



.EstarG-cancellation-table li{

	list-style-type: decimal;

}



.EstarG-checkin{

	margin-bottom: 20px;

}



#EstarG-label-checkin {

    margin-top: 5px; /* Riduce il margine superiore */

    margin-bottom: 5px; /* Riduce il margine inferiore */

    line-height: 1.2; /* Riduce lo spazio verticale tra le righe di testo */

}



.EstarG-checkout{

	margin-bottom: 20px;

}





#EstarG-label-checkout {

    margin-top: 5px; /* Riduce il margine superiore */

    margin-bottom: 5px; /* Riduce il margine inferiore */

    line-height: 1.2; /* Riduce lo spazio verticale tra le righe di testo */



}



#EstarG-label-cancellation{

	margin-top: 5px; /* Riduce il margine superiore */

    margin-bottom: 5px; /* Riduce il margine inferiore */

    line-height: 1.2; /* Riduce lo spazio verticale tra le righe di testo */

}





.EstarG-popup {

    display: none;

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 80%;

    max-width: 400px;

    padding: 20px;

    background: white;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

    border-radius: 8px;

    z-index: 1000;

    overflow-y: auto;

    max-height: 80%;

}



.EstarG-popup h3 {

    margin-top: 0;

}



.EstarG-popup .overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 999; 

    display: none;

}



/* Stile generale dei pulsanti */

.EstarG-popup button {

    margin-top: 10px;

    padding: 10px; 

    border: none;

    border-radius: 5px;

    cursor: pointer;

    flex: 1; /* Per disporli uniformemente */

   text-transform: capitalize;

}



/* Pulsante "Accetta" (blu) */

.EstarG-popup button#EstarG-acceptButton {

    background: #007BFF;

    color: white;

}



/* Pulsante "Accetta" disabilitato */

.EstarG-popup button#EstarG-acceptButton:disabled {

    background: #cccccc;

    cursor: not-allowed;

}



/* Pulsante "Non Accetto" (rosso) */

.EstarG-popup button#EstarG-noAcceptButton {

    background: #FF4D4D; /* Colore rosso */

    color: white;

    margin-left: 10px; /* Spaziatura tra i pulsanti */

}



/* Pulsante "Non Accetto" disabilitato */

.EstarG-popup button#EstarG-noAcceptButton:disabled {

    background: #FF9999; /* Rosso chiaro */

    cursor: not-allowed;

}



/* Contenitore dei pulsanti in orizzontale */

.EstarG-popup .EstarG-button-container {

    display: flex; /* Dispone i pulsanti orizzontalmente */

    justify-content: space-between; /* Distribuisce lo spazio */

    gap: 10px; /* Spaziatura uniforme */

    margin-top: 10px;

}



 #EstarG-room-services-container {

    display: block;

    padding: 10px;

    border: 1px solid #ccc; /* Per renderlo visibile durante i test */

	font-family: Arial, sans-serif;

}





           .Estar-G-service-item {

    display: flex;

    flex-direction: column;

    margin-bottom: 20px;

    padding: 15px;

    border: 1px solid #ddd;

    border-radius: 5px;

    background-color: #f9f9f9;

    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);

    font-family: 'Arial', sans-serif;

}



.Estar-G-service-name {

    font-size: 16px;

    margin-bottom: 10px;

    color: #333;

    text-transform: capitalize;

}



.Estar-G-cost-container {

    display: flex;

    justify-content: space-between;

    align-items: center; /* Allinea verticalmente al centro */

    margin-bottom: 10px;

}



.Estar-G-cost-item {

    font-size: 14px;

    color: #666;

    text-align: left;

}



.Estar-G-cost-item .value {

    font-size: 14px;

    color: #000;

    margin-left: 5px; /* Spazio tra etichetta e valore */

}



.Estar-G-service-select {

    padding: 8px;

    font-size: 14px;

    border: 1px solid #ccc;

    border-radius: 5px;

    width: 100%;

    max-width: 200px;

    margin-top: 10px;

    font-family: 'Arial', sans-serif;

}



.Estar-G-service-item:hover { 

    background-color: #f1f1f1;

    border-color: #bbb;

    transition: all 0.3s ease-in-out;

}

/* Variabili CSS */

:root {

    --gap-small: 10px;

    --gap-medium: 15px;

    --font-small: 14px;

    --font-medium: 24px;

    --padding-small: 8px;

    --padding-medium: 20px;

}



/* Responsive Design */

@media (max-width: 768px) {

    .EstarG-form {

        flex-direction: column;

        gap: var(--gap-medium);

    }



    .EstarG-search-bar {

        padding: var(--padding-medium);

    }



    .EstarG-submit-btn {

        width: 100%;

    }



    .EstarG-room-features {

        display: grid;

        grid-template-columns: repeat(3, 1fr); /* 3 colonne uguali */

        gap: var(--gap-small); /* Spaziatura tra gli elementi */

    }



    .EstarG-room-features span {

        display: flex;

        flex-direction: column;

        align-items: center; /* Centra il contenuto orizzontalmente */

        text-align: center; /* Allinea il testo */

    }



    .EstarG-container,

    .EstarG-booking {

        padding: 0;

    }

}



@media (max-width: 992px) {

    .EstarG-container {

        padding: 0;

    }



    .EstarG-booking {

        border-left: none;

        border-top: 1px solid #ddd;

    }

}



@media (max-width: 768px) {

    .EstarG-carousel-btn {

        font-size: var(--font-small);

    }



    h1 {

        font-size: var(--font-medium);

    }

    

    

    .EstarG-booking {

       padding: 10px;

    }

}





@media (max-width: 576px) {

    body {

        font-size: var(--font-small);

    }



    .EstarG-booking input,

    .EstarG-booking button,

    .EstarG-booking select {

        padding: var(--padding-small);

    }

}