/* Touch Target Improvements for Better Accessibility */
/* Ensure minimum 48x48px touch targets for mobile devices */

/* Flag links - increase touch area */
.flags a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    min-width: 48px;
    min-height: 48px;
}

.flags img {
    display: block;
}

/* Carousel indicators - larger touch targets */
.carousel-indicators button {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50%;
}

/* Modal price items - adequate spacing and size */
.price-item {
    min-height: 48px;
    padding: 12px;
    margin: 8px 0;
    cursor: pointer;
}

/* Ensure all clickable elements have adequate spacing */
.nav-link,
.navbar-nav .nav-item {
    min-height: 48px;
    display: flex;
    align-items: center;
}

/* Social media links in footer */
#redes-sociais ul li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    min-height: 48px;
    padding: 4px;
}

/* Carousel controls */
.carousel-control-prev,
.carousel-control-next {
    min-width: 48px;
    min-height: 48px;
}

/* Mobile menu toggle button */
.navbar-toggler {
    min-width: 48px;
    min-height: 48px;
    padding: 12px;
}

/* Form buttons */
button[type="button"],
button[type="submit"],
.btn {
    min-height: 48px;
    padding: 12px 24px;
}

/* Product list items that are clickable */
.produtos-lista[role="button"] {
    min-height: 48px;
    padding: 12px 0;
    cursor: pointer;
}