#aeb-filters{display: flex; justify-content: center; border:1px solid var(--e-global-color-secondary); background: #fff; border-radius: 5px; align-items: center;max-width: 500px; margin: 0 auto; }
#aeb-filters select{height: 50px; border-radius:0px; border: none; background:#fff; padding: 10px; outline-style:none!important}
#aeb-filters .localita{border-left:1px solid var(--e-global-color-secondary); border-right:1px solid var(--e-global-color-secondary) }

#aeb-loop{display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 10px; margin-top: 20px}
#aeb-loop .aeb-card{width: 40vw; height: 40vw; max-height: 300px; max-width: 300px; border-radius: 50px 0px; display: flex; align-items: center; cursor: pointer}
#aeb-loop .aeb-card h3 {color: #fff; background:#FF6F40B3; font-size:clamp(14px, 4vw, 28px); margin: 0; padding: 10px; width: 100%; text-align: center; font-weight: 600}

.aeb-single h1{text-align: center; text-transform: uppercase; color: var(--e-global-color-primary); font-size: 30px; font-weight: 600}
.aeb-single h3{text-align: center; text-transform: uppercase; color: var(--e-global-color-primary); font-size: 20px; font-weight: 600}
.aeb-single .meta{margin-top: 15px}
.aeb-single p{text-align: justify; font-family: var(--e-global-typography-text-font-family), Sans-serif}

/*-- CUSTOM GALLERY*/
.swiper-button-next, .swiper-button-prev{color: #fff!important;background: rgba(0,0,0,0.5);}
.swiper-button-next::after, .swiper-button-prev::after{font-size: 30px!important; padding:10px}
.swiper-pagination-bullet-active {opacity: var(--swiper-pagination-bullet-opacity, 1); background: #fff!important;}
.swiper-pagination-bullet {background: #fff!important;opacity: .5!important;}

/*-- PULSANTI NOTIFICHE*/
.aeb-pwa-controls {display: flex;flex-direction: column;gap: 20px;max-width: 400px;margin: 30px auto;padding: 0 15px;}
.aeb-btn {width: 100%;padding: 20px;font-size: 18px;font-weight: 600;border: none;border-radius: 10px;cursor: pointer;transition: all 0.2s ease;box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
/* Stato OFF (rosso) */
.aeb-btn.off {background: #e74c3c;color: #fff;}
/* Stato ON (verde) */
.aeb-btn.on {background: #4CAF50;color: #fff;}
/* Hover */
.aeb-btn:hover {transform: translateY(-2px);box-shadow: 0 6px 14px rgba(0,0,0,0.15);}

@media screen and (min-width:1024px){
	#aeb-loop{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; padding: 10px; margin-top: 20px}
}