/* CSS estratto da frontend/views/layouts/main.php; nessuna selezione rimossa. */


    #map {

      height: 100%;

      width: 100%;

    }

    .page-link {

      color: var(--mq-primary) !important;

    }



    /* Colore di sfondo e testo per la pagina attiva */

    .page-item.active .page-link {

      background-color: var(--mq-primary) !important;

      color: white !important;

      border-color: var(--mq-primary) !important;

    }

    .property {

      align-items: center;

      background-color: #FFFFFF;

      border-radius: 50%;

      color: #263238;

      display: flex;

      font-size: 14px;

      gap: 15px;

      height: 30px;

      justify-content: center;

      padding: 4px;

      position: relative;

      position: relative;

      transition: all 0.3s ease-out;

      width: 30px;

    }



    .property::after {

      border-left: 9px solid transparent;

      border-right: 9px solid transparent;

      border-top: 9px solid #FFFFFF;

      content: "";

      height: 0;

      left: 50%;

      position: absolute;

      top: 95%;

      transform: translate(-50%, 0);

      transition: all 0.3s ease-out;

      width: 0;

      z-index: 1;

    }



    .property .icon {

      align-items: center;

      display: flex;

      justify-content: center;

      color: #FFFFFF;

    }



    .property .icon svg {

      height: 20px;

      width: auto;

    }



    .property .details {

      display: none;

      flex-direction: column;

      flex: 1;

    }



    .property .address {

      color: #9E9E9E;

      font-size: 10px;

      margin-bottom: 10px;

      margin-top: 5px;

    }



    .property .features {

      align-items: flex-end;

      display: flex;

      flex-direction: row;

      gap: 10px;

    }



    .property .features > div {

      align-items: center;

      background: #F5F5F5;

      border-radius: 5px;

      border: 1px solid #ccc;

      display: flex;

      font-size: 10px;

      gap: 5px;

      padding: 5px;

    }



    /*

     * Property styles in highlighted state.

     */

    .property.highlight {

      background-color: #FFFFFF;

      border-radius: 8px;

      box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);

      height: 80px;

      padding: 8px 15px;

      width: auto;

    }



    .property.highlight::after {

      border-top: 9px solid #FFFFFF;

    }



    .property.highlight .details {

      display: flex;

    }



    .property.highlight .icon svg {

      width: 50px;

      height: 50px;

    }



    .property .bed {

      color: #FFA000;

    }



    .property .bath {

      color: #03A9F4;

    }



    .property .size {

      color: #388E3C;

    }



    /*

     * House icon colors.

     */

    .property.highlight:has(.fa-house) .icon {

      color: var(--house-color);

    }



    .property:not(.highlight):has(.fa-house) {

      background-color: var(--house-color);

    }



    .property:not(.highlight):has(.fa-house)::after {

      border-top: 9px solid var(--house-color);

    }



    /*

     * Building icon colors.

     */

    .property.highlight:has(.fa-building) .icon {

      color: var(--building-color);

    }



    .property:not(.highlight):has(.fa-building) {

      background-color: var(--building-color);

    }



    .property:not(.highlight):has(.fa-building)::after {

      border-top: 9px solid var(--building-color);

    }



    /*

     * Warehouse icon colors.

     */

    .property.highlight:has(.fa-warehouse) .icon {

      color: var(--warehouse-color);

    }



    .property:not(.highlight):has(.fa-warehouse) {

      background-color: var(--warehouse-color);

    }



    .property:not(.highlight):has(.fa-warehouse)::after {

      border-top: 9px solid var(--warehouse-color);

    }



    /*

     * Shop icon colors.

     */

    .property.highlight:has(.fa-shop) .icon {

      color: var(--shop-color);

    }



    .property:not(.highlight):has(.fa-shop) {

      background-color: var(--shop-color);

    }



    .property:not(.highlight):has(.fa-shop)::after {

      border-top: 9px solid var(--shop-color);

    }

    .carousel-image {

      width: 100%;

      height: 400px;

      object-fit: cover;

    }



    @media (max-width: 768px) {

      .carousel-image {

        height: 250px;

      }

    }

    /* Mostra SOLO sotto 680px = smartphone */

    @media (max-width: 680px) {

        .solo-smartphone {

            display: block !important;

        }

    }



    /* Nasconde da 681px in su = tutti i tablet + desktop */

    @media (min-width: 681px) {

        .solo-smartphone {

            display: none !important;

        }

    }
	.mq-cookie-notice {
	    position: fixed;
	    left: 20px;
	    bottom: 20px;
	    width: calc(100% - 40px);
	    max-width: 620px;
	    z-index: 99999;
	}
	
	.mq-cookie-content {
	    background: var(--mq-background);
	    color: var(--mq-text);
	    border: 1px solid var(--mq-border);
	    border-radius: 12px;
	    padding: 22px;
	    box-shadow: 0 8px 30px rgba(0, 0, 0, .20);
	}
	
	.mq-cookie-content p {
	    font-size: 14px;
	    line-height: 1.5;
	    margin-bottom: 10px;
	}
	
	@media (max-width: 576px) {
	
	    .mq-cookie-notice {
	        left: 10px;
	        bottom: 10px;
	        width: calc(100% - 20px);
	    }
	
	    .mq-cookie-content {
	        padding: 18px;
	        max-height: 85vh;
	        overflow-y: auto;
	    }
	}