/*
Theme Name:   Proty Child Theme
Description:  Write here a brief description about your child-theme
Author:       Themesflat
Author URL:   https://protywp.themesflat.co/
Template:     proty
Version:      1.0.0
Tested up to: 5.8.1
Requires PHP: 5.6
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  proty-child-theme
*/
.vetrina .item .foto .top {
    /*,
.vetrina .item .foto .bottom*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px !important;
    position: relative;
    z-index: 2;
}

.vetrina .item .foto .top .esclusiva {
     background-color: #D2B680;
     color: #fff;
     padding: 15px 25px;
     border-radius: 10px;
     font-family: "Raleway", sans-serif;
     font-size: 16px;
     line-height: 21px;
     font-weight: 400;
 }

.vetrina .item .foto .top .riferimento  {
    background-color: #ffffff;
    color: #D2B680;
    padding: 15px 25px;
    border-radius: 10px;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
}
.vetrina .item .foto {
    width: 100%;
    position: relative;
    max-width: 100%;
    min-height: 250px;
    aspect-ratio: 2 / 3;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px 10px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}
.vetrina .item .item-info {
    min-height: 160px;
    background-color: #fff;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px;
    transition: all 0.4s;
    padding-top: 1em;
    border-radius: 0px 0px 10px 10px;
}

.vetrina .item-info .bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding: .4em 1em 1em 1em;
    border-radius: 0px 0px 10px 10px;

}
.bottom {
    background-color: #ffffff;
    z-index: 2;
    position: relative;
    border-radius: 0px 0px 10px 10px;
}

.vetrina .item-info .typology {
    font-size: 35px;
    font-weight: 400;
    font-family: "Cormorant Garamond", serif;
    line-height: 43px;
    color: #333333;
}

.vetrina .item-info .location {
    color: #333333;
    font-family: "Raleway", sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin: 5px 0px 0px 0px;
}

.vetrina .item-info .characteristics {
    color: #333333;
    font-family: "Raleway", sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin: 15px 0px 15px 0px;
}

#elenco-immo .item-info .price {
    font-size: 40px;
    line-height: 43px;
    font-weight: 300;
    text-transform: capitalize;
    letter-spacing: 0.7px;
    color: #333333;
    font-family: "Cormorant Garamond", serif;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.dettaglio-vetrina {
    background-color: #ffffff;
    font-family: "Raleway", sans-serif !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    padding: 10px 36px;
    border-radius: 20px;
    color: #D2B680 !important;
    border: 1px solid #D2B680 !important;
}
.dettaglio-vetrina:hover {
    background-color: #D2B680;
    border-radius: 20px;
    color: #ffffff !important;
    border-color: #ffffff;
}
.dettaglio-vetrina a {
    background-color: #ffffff;
    font-family: "Raleway", sans-serif !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    padding: 10px 36px;
    border-radius: 20px;
    color: #D2B680 !important;
    border: 1px solid #D2B680 !important;
}
.bottom a:hover, .bottom .copyright a:hover, .bottom .copyright span a:hover {
    color: #ffffff !important;
}

.titolo-elenco-immobili{
    font-family: "Cormorant Garamond", serif;
    font-size: 45px;
    line-height: 53px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 20px;
}

.immobli-trovati{
    font-family: "Raleway", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 20px;
}

.ricerca-avanzata{
    color: #333333;
    font-family: "Cormorant Garamond", serif;
    font-size: 45px;
    line-height: 53px;
    font-weight: 400;
    padding: 15px 25px;
    border: none;
}
.property-search-form{
    background-color: #ffffff;
    border-radius: 50px;
    border: 1px solid #E3E3E3;
    padding: 30px 20px;
}


#ricerca-interna form .property-search-form #select_cities {
    width: 100%;
    border: 1px solid #E3E3E3;
    background-color: #ffffff !important;
    border-radius: 20px;
    padding: 0.5rem 1rem;
    margin-bottom: 10px;
}

.ric_row.locali,
.ric_row.bathrooms,
.ric_row.beds,
.ric_row.price,
.ric_row.area,
#ricerca-avanzata .beds input,
#ricerca-avanzata .bathrooms input,
#select_districts,
#select_cities,
#select_typologies,
#select_chart,
#select_subtypology,
#select_contract,
#select_price,
#select_contratto,
#select_area,
#ricerca-codice,
#camere-ricerca {
    margin: 0;
    width: 100% !important;
    background-color: #ffffff !important;
    box-sizing: border-box;
    color: #9B9B9B;
    border: 1px solid #E3E3E3;
    border-radius: 20px;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    padding: 0.5rem 1rem;
    display: flex;
}
.custom-span-selection span{
    background-color: #ffffff !important;
    font-family: "Raleway", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #9B9B9B;
}

.custom-span-selection {
    background-color: #ffffff !important;
    font-family: "Raleway", sans-serif;
    font-size: 20px;
    max-height: 25px !important;
    line-height: 28px;
    font-weight: 400;
    color: #9B9B9B;
    padding: 5px 2px 0px 0px;
}

.elenco-localita{
    font-family: "Raleway", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    background-color: #ffffff !important;
}

.titolo-servizi-aggiuntivi{
    font-family: "Cormorant Garamond", serif;
    font-size: 33px;
    line-height: 53px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 20px;
}
.ric_row.checkboxes label {
    font-family: "Raleway", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #333333;
    background-color: #ffffff !important;
    margin: 0;
}

.label-price {
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    color: #D2B680 !important;
    align-content: center;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 0;

}
.label-price input{
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    color: #D2B680 !important;
    align-content: center;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 0;
}

.ric_row.code {
    margin: 0 !important;
    width: 100% !important;
    background-color: #ffffff !important;
    box-sizing: border-box;
    color: #9B9B9B;
    border: 1px solid #E3E3E3 !important;
    border-radius: 20px 20px 20px 20px;
    justify-content: flex-start !important;
    align-items: center;
    /*flex-direction: row;*/
    padding: 0!important;
    display: flex !important;
}

.ric_row.submit button {
    padding: 11px;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    font-size: 16px !important;
    line-height: 21px;
    height: 48px;
    text-transform: none;
    background-color: #ffffff;
    border: 1px solid #D2B680 !important;
    border-radius: 20px !important;
    color: #D2B680;
    text-align: center;
}

.ric_row.submit button:hover {
    background-color: #D2B680;
    color: #ffffff;
}
.ric_row.submit{
    margin: 10px 0px 10px 0px !important;
}

.ric_row.price-range{
    margin-bottom: 20px !important;
}


select, textarea,
textarea.form-control,
input[type="text"],
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.tfre-resset-password .reset_password_user_login,
select.form-control,
.select2-container--default
.select2-selection--single,
.select2-container--default
.select2-selection--multiple,
.nice-select {
    border-radius: 20px !important;
    height: unset;
    border: 1px solid #ECECEC;
    background-color: rgb(255, 255, 255);
    color: #2C2E33;
    /*padding: 0px 16px !important;*/
    font-size: 20px !important;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    max-width: 100%;
    width: 100%;
    margin-bottom: 0px !important;
    padding: 0.5rem 1rem !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.codice-immo-elenco{
    font-family: "Raleway", sans-serif;
    font-size: 20px !important;
    line-height: 28px;
    font-weight: 400;
    color: #9B9B9B;
    background-color: #ffffff !important;
    border: 1px solid #E3E3E3;
    width: 100% !important;
}
.ric_row input::placeholder {
    font-family: "Raleway", sans-serif !important;
}

select,
textarea::placeholder,
textarea.form-control,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="time"]::placeholder,
input[type="week"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="color"]::placeholder,
.tfre-resset-password .reset_password_user_login,
select.form-control,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.nice-select {
    color: #9B9B9B !important;
    font-size: 20px !important;
    font-weight: 400;
    line-height: 28px !important;
    letter-spacing: 0em;
    padding: 0 16px !important;
    margin: 0 !important;

}

select, textarea::placeholder, textarea.form-control, input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="time"]::placeholder, input[type="week"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="color"]::placeholder, .tfre-resset-password .reset_password_user_login, select.form-control, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .nice-select {
    color: #A8ABAE;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
}

/****************************/
/* Nascondi il checkbox originale */
input[type="checkbox"] {
    display: none;
}

/* Stile per il contenitore del checkbox */
label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

/* Stile per il quadratino personalizzato */
label .inner {
    width: 20px;
    height: 20px;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Icona di spunta */
label .inner i {
    display: none;
    color: #333333;
}

/* Stato "checked" */
input[type="checkbox"]:checked + .inner {
    background-color: #D2B680;
    border-color: #E3E3E3;
}

input[type="checkbox"]:checked + .inner i {
    display: block;
}

#ricerca-avanzata .checkboxes label div.inner, #select_filters .multi_select li div.inner, #select_cities .multi_select li div.inner, #select_typologies .multi_select li div.inner, #select_subtypology .multi_select li div.inner {
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-right: 0.8em;
    z-index: 1;
    background: #ffffff !important;
    color: #E3E3E3 !important;
    line-height: 1;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-slider-handle.ui-corner-all.ui-state-default:focus-visible{
    border: 1px solid #ffffff !important;
    background-color: #D2B680 !important;
}


/*aaaaaaaaaaaaaaaaa*/
/* container track */
#slider-range {
    height: 8px !important;              /* altezza track */
    background: #f0e6d8 !important;      /* colore linea non-riempita */
    border-radius: 8px !important;
    position: relative;
    margin: 12px 0;
}

/* parte "riempita" (a sinistra del handle o intervallo) */
#slider-range .ui-slider-range {
    background: #D2B680 !important;      /* oro */
    border-radius: 8px !important;
    height: 100% !important;
}

/* thumb / handle (Chrome/FF/Edge for jQuery UI) */
#slider-range .ui-slider-handle {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;       /* <- qui diventa pallina */
    background: #D2B680 !important;      /* colore interno */
    border: 2px solid #ffffff !important;/* bordo bianco come mockup */
    box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
    position: absolute !important;
    top: 50% !important;                 /* assicura allineamento cross-browser */
    transform: translateY(-50%) !important;
    cursor: grab !important;
}

/* focus / active */
#slider-range .ui-slider-handle:active,
#slider-range .ui-slider-handle:focus {
    outline: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.28) !important;
    cursor: grabbing !important;
}

/* opzionale: nascondi i bordi e gli stili di default della UI che possono dare effetto "quadro" */
#slider-range.ui-widget-content { background: transparent !important; box-shadow: none !important; border: 0 !important; }
/*slider range prezzo finito*/


/*PAGINAZIONE ELENCO IMMOBILI*/

.paged ul li.current {
    background: transparent;
    color: #fff !important;
    font-family: "Raleway", sans-serif;
    outline: 0px;
    padding: 2px 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    border-radius: 20px;
    margin: 10px;
}
.paged ul li.current:hover a {
    color: #f5f5f5 !important;
    pointer-events: none;
}
.paged ul li:hover a {
    color: #D2B680;
    font-weight: 400;
}


.current.button.small.grey{
    background-color: #D2B680;
    border: 1px solid #D2B680;
    border-radius: 20px;
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    padding: 10px 20px;
    text-transform: none;
}
.button.small.grey{
    background-color: #ffffff;
    border: 1px solid #D2B680;
    border-radius: 20px;
    color: #D2B680;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    padding: 10px 20px;
    text-transform: none;
}
.paged ul li.current:hover a {
    background-color: #D2B680;
    border: 1px solid #D2B680;
    border-radius: 20px;
    color: #ffffff!important;
    pointer-events: none;
}


/* PAGE IMMOBILE */
.dettaglio-corpo {
    background: #ffffff;
}

#immobile-dettaglio {
    font-family: "Raleway", sans-serif;
    background-color: #ffffff;
    color: #333333;
    padding-bottom: 20px;
    margin-top: 50px;
    width: 1290px;
}

.property-gallery-grid {
    display: grid;
    grid-template-columns: 1fr 1fr !important; /*divido in 2 colonne*/
    gap: 20px;
    max-width: 1920px;
    width: 100%;
    margin: 0;
    background-color: #ffffff !important;
    height: 600px !important;
    object-fit: cover !important;
    overflow: hidden !important;
}

.property-gallery-grid .left {
    width: auto;
    height: 600px;
    object-fit: cover !important;
    overflow: hidden;

}
.property-gallery-grid .left img {
    display: grid;
    width: 100%;
    margin: 0;
    background-color: #ffffff !important;
    height: 600px !important;
    object-fit: cover !important; /* Forza l'immagine a riempire le dimensioni */
    overflow: hidden !important;
    border-radius: 50px !important;
}
.property-gallery-grid .img {
    aspect-ratio: 2 / 3;
}

.property-gallery-grid .right {
     display: grid;
     grid-template-rows: 1fr 1fr;
}
.property-gallery-grid .right img{
    height: 290px;
    width: 100%;
    object-fit: cover !important;
    overflow: visible;
    border-radius: 50px;
}

.property-gallery-grid .right .top {
    width: auto;
    height: 250px;
    object-fit: cover;
    gap:20px;
}

.property-gallery-grid .right .bottom-bb {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    background-color: #ffffff;
}
.property-gallery-grid .right .bottom-bb .sx,
.property-gallery-grid .right .bottom-bb .dx {
    width: auto;
    height: 240px;
    object-fit: cover;
    padding: 10px 0 0 0;
}


.dettagli{
    margin-top: 20px;
}


.count {
    position: absolute;
    z-index: 9;
    left: 10px;
    bottom: 10px;
    background: #D2B680;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    border-radius: 4px;
    padding: 3px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
}


.contenitore-pagina-dett-immo{
    width: 1290px;
    display: flex;
    justify-content: space-between;
    padding-left: 4%;
}
.contenitore-destro {
    width: 315px !important;
    margin-bottom: 40px;
}
.contenitore-sinistro {
    width: 855px !important;
    margin-bottom: 40px;
}



/* ---------- PAGINAZIONE / paged ---------- */
.paged {
    width: 100%;
    box-sizing: border-box;
    margin: 20px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 8px 0;
}

/* lista orizzontale centrata */
.paged ul {
    list-style: none;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0 auto;
    white-space: nowrap;
}

/* ogni elemento */
.paged li {
    display: inline-block;
    line-height: 1;
}

/* default link/button */
.paged a.button.small.grey {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 15px;
    background: #ffffff;        /* colore base */
    color: #D2B680;
    border: 1px solid #E3E3E3;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    box-shadow: none;
    cursor: pointer;
}

/* stato hover / focus per accessibilità */
.paged a.button.small.grey:hover,
.paged a.button.small.grey:focus {
    transform: translateY(-1px);
    background: #D2B680;
    color: #ffffff;
    opacity: 0.5;
    box-shadow: none;
    outline: none;
}

/* outline accessibile al focus via tastiera */
.paged a.button.small.grey:focus {
    box-shadow: none;
}

/* pagina corrente */
.paged li.current a.button.small.grey,
.paged li.current a.button.small.grey:hover {
    background: #D2B680;       /* scuro */
    color: #fff;
    border-color: #D2B680;
    transform: none;
    font-weight: 600;
    box-shadow: none;
}

/* frecce previous/next - dimensione più compatta */
.paged li a.button.small.grey i.fa {
    font-size: 16px;
    line-height: 1;
}

/* separatori (opzionale): se vuoi una linea tra gruppi */
.paged li.separator {
    padding: 0 6px;
    color: rgba(0,0,0,0.35);
    display: flex;
    align-items: center;
}

/* stato disabilitato (se vuoi applicarlo via server) */
.paged a.button.small.grey.disabled,
.paged li.disabled a.button.small.grey {
    opacity: 0.45;
    pointer-events: none;
    transform: none;
    box-shadow: none;
}

/* RESPONSIVE: su schermi piccoli rendiamo i bottoni più compatti */
@media (max-width: 480px) {
    .paged ul {
        gap: 6px;
        padding: 6px;
    }
    .paged a.button.small.grey {
        min-width: 32px;
        height: 32px;
        padding: 0 8px;
        font-size: 13px;
        border-radius: 7px;
    }
    .paged li.current a.button.small.grey {
        min-width: 32px;
        height: 32px;
    }
}

/* FINE PAGINAZIONE */

/* Stile generale del select */
.property-listing-header select {
    max-width: 150px; /* Mantieni la larghezza */
    font-family: "Raleway", Serif; /* Mantieni il font */
    font-size: 16px; /* Mantieni la dimensione del font */
    background-color: #f9f9f9; /* Colore di sfondo */
    border: 1px solid #ccc; /* Bordo */
    border-radius: 5px; /* Angoli arrotondati */
    padding: 5px; /* Spaziatura interna */
    color: #333; /* Colore del testo */
    cursor: pointer; /* Cambia il cursore */
}

/* Stile degli elementi della tendina */
.property-listing-header select option {
    background-color: #fff; /* Colore di sfondo degli elementi */
    color: #333; /* Colore del testo */
    padding: 5px; /* Spaziatura interna */
}

/* Stile quando il select è in focus */
.property-listing-header select:focus {
    outline: none; /* Rimuovi il bordo di focus predefinito */
    border-color: #E3E3E3; /* Cambia il colore del bordo */
}


/* menu fisarmonica */
/* Contenitore principale della fisarmonica */
.accordion {
    width: 100%;
    border: 1px solid #E3E3E3;
    border-radius: 10px;
    overflow: hidden;
    background-color: #ffffff;
}

/* Titolo della sezione della fisarmonica */
.accordion-header {
    background-color: #D2B680;
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 20px;
    cursor: pointer;
    border-bottom: 1px solid #E3E3E3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Icona per indicare l'espansione */
.accordion-header::after {
    content: '\25BC'; /* Freccia giù */
    font-size: 12px;
    transition: transform 0.3s ease;
}

/* Ruota l'icona quando la sezione è attiva */
.accordion-header.active::after {
    transform: rotate(180deg);
}

/* Contenuto della sezione */
.accordion-content {
    display: none;
    padding: 15px 20px;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    color: #333333;
    line-height: 1.5;
    border-top: 1px solid #E3E3E3;
}

/* Mostra il contenuto quando la sezione è attiva */
.accordion-content.active {
    display: block;
}

/*BREADCRUMBS */
.top-detail {
    margin: auto;
    max-width: 1290px;
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
    flex-wrap: wrap;
}

#breadcrumbs,
#breadcrumbs span,
#breadcrumbs a {
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #969696;
    margin-bottom: 20px;
}

.titolo-immobile{
    font-family: "Cormorant Garamond", serif;
    font-size: 25px;
    line-height: 35px;
    font-weight: 400;
    color: #333333;
    text-transform: uppercase;
}

.prezzo-immobile{
    font-family: "Cormorant Garamond", serif;
    font-size: 27px;
    line-height: 37px;
    font-weight: 400;
    color: #333333;
}

.titolo-prezzo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}


.wrapper.container-left.intestazione-immobile{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px;
    padding: 20px 40px;
    border-radius: 10px;
    background-color: #ffffff;
    margin-bottom: 40px;
    justify-content: space-between;
    width: 855px !important;
}

.indirizzo-icone{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.icone-caratteristiche{
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
}

.riga-caratteristiche-principali-immobile{
    display: flex !important;
}
.caratt-label-icon i{
    font-size: 30px;
    color: #333333;
    flex-shrink: 0; /* Impedisce all'icona di ridimensionarsi */
    border: 1px solid #E3E3E3;
    border-radius: 16px;
    padding: 10px;
}
.caratt-label-icon span{
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #969696;
    margin-left: 5px;
}
.caratt-label-icon{
    width: 193px;
}

.contenitore-sinistro.intestazione-immobile{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px;
    padding: 20px 40px;
    border-radius: 10px;
    background-color: #ffffff;
    margin-bottom: 40px;
    justify-content: space-between;
    width: 855px !important;
}
.contenitore-destro.banner{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px;
    padding: 20px 40px;
    border-radius: 10px;
    background-image: url('../uploads/2025/09/elenco_immo.png');
    background-size: cover;
    background-position: center;
}

.contenitore-destro.spalla {
    width: 315px !important;
    padding: 20px 40px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px;
    border-radius: 10px;
    background-color: #ffffff;
    margin-bottom: 40px;
    height: fit-content;
    position: sticky;
    top: 20px;
    align-self: flex-start;
    max-height: fit-content;
    max-width: 315px !important;
    min-width: 315px !important;
    box-sizing: border-box;
}

.contatta-agente {
    font-family: "Raleway", sans-serif;
    font-size: 25px;
    line-height: 35px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 20px;
}