/*_________________MAP AND SEARCH PAGE STYLE____________________*/

    h1 {
        font-size: 2.5rem;
    }

    h3 {
        font-weight: 600;
        margin-bottom: 20px;
    }

    .form-check-label {
        font-size: 1.1rem;
        margin-bottom: 10px;
    }

    .form-check {
        margin-bottom: 10px;
    }

    #filterForm {
        background-color: #f9f9f9;
    }

    input, select {
        margin-bottom: 10px;
    }

    button {
        font-size: 1.2rem;
        padding: 10px 0;
    }

    ul {
        padding-left: 20px;
    }


    .realEstateIcon{
        width: 50px;
    }



    #filterForm{
            background-color: rgba(0, 0, 0, 0); /* Colore nero semitrasparente */
            text-align: left;
    }

    #search-box-container {
        width: 90% !important;
        left: 5% !important;
    }

    #navbar-secondary-map {
    z-index: 1 !important;
    background:  #fff; /* Gradiente di base */
    color: #000;
    }

    

    /*_________________ INPUT SEARCH STYLE ____________________*/

    .custom-search {
        height: 50px;
        border-radius: 8px;
    }
    
    .custom-search .form-control {
        height: 100%; /* Per mantenere il campo di input allineato */
        width: 100%;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
        font-size: 1rem; /* Aumenta la dimensione del testo */
        border-radius: 20px;
       
    }
    
    .custom-search .input-group-text {
        height: 100%; /* Per allineare l'icona */
    }
    
    .custom-control-draw{
        display : flex; 
        flex-direction : column;
        align-items:center;
        position:absolute;
        cursor: pointer;
        margin-top:100px;
        right: 9px !important;
    }

    .custom-pen-button{
        background-image: url("/img/map/pen.png") ;
        background-size: cover;
        width: 42px;
        height: 42px;
        border: none;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
        overlay: 'Disegna Poligono';
    }

    .custom-pen-button:hover{
        background-image: url("/img/map/penHover.png") ;
        background-size: cover;
        width: 42px;
        height: 42px;
        border: none;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
        overlay: 'Disegna Poligono';
    }

    .custom-bin-button{
        background-image: url("/img/map/bin.png") ;
        background-size: cover;
        width: 42px;
        height: 42px;
        border: none;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
        overlay: 'Rimuovi tutte le forme';
    }

    .custom-bin-button:hover{
        background-image: url("/img/map/binHover.png") ;
        background-size: cover;
        width: 42px;
        height: 42px;
        border: none;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
        overlay: 'Disegna Poligono';
    }

    
    /*_________________ END INPUT SEARCH STYLE ____________________*/

        @media (min-width: 768px) {
            .mobile-only {
                display: none;
            }
        }

        @media (max-width: 768px) {
            .pc-only {
                display: none;
            }
        }

    /*_________________REAL ESTATE BANNER STYLE____________________*/

        
         #map {
            height: calc(100vh - 76px); /* Full viewport height for the map */
            position: relative; /* To position the search container absolutely */
            z-index:0;
        }

        .form-control {
            border-radius: .25rem;
            box-shadow: none;
        }
        .form-control:focus {
            border-color: #80bdff;
            box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .25);
        }
        .btn-primary {
            background-color: #007bff;
            border-color: #007bff;
        }
        .btn-primary:hover {
            background-color: #0056b3;
            border-color: #004085;
        }

        .navbar-toggler-icon {
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"%3E%3Cpath stroke="rgba(0, 0, 0, 0.5)" stroke-width="2" d="M5 7h20M5 15h20M5 23h20"/%3E%3C/svg%3E');
        }

        .navbar{
            z-index:0;
        }
        .filter-btn {
            margin-left: auto;
            margin-right: 1rem;
        }
        .filter-label {
            font-weight: bold;
            display: block;
        }
        .filter-value {
            color: #007bff;
        }

        .view {
            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
            opacity: 1;
            transform: scale(1);
        }

        .hidden {
            opacity: 0;
            transform: scale(0.95);
            pointer-events: none;
        }

        .card-immobiliare{
            border-radius: 15px;
        }

        /* Questo CSS garantisce che i div siano visibili su schermi grandi */