/**
 * Accessibility Target Sizes
 * 
 * Ensures all interactive elements meet WCAG 2.2 Target Size (Minimum) criteria (2.5.8).
 * Targets must be at least 24x24 CSS pixels.
 */

/* Swiper Navigation Buttons */
.swiper-button-next,
.swiper-button-prev,
.slider-arrow-next,
.slider-arrow-prev {
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Swiper Pagination Bullets */
.swiper-pagination-bullet {
    min-width: 24px;
    /* Visual size might be smaller, but touch area needs to be 24px */
    min-height: 24px;
    position: relative;
}

.swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    /* Hit area */
    height: 24px;
    /* Hit area */
}

/* Form inputs & buttons */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="password"],
textarea,
select,
button,
.button,
.btn {
    min-height: 44px;
    /* WCAG AAA preferred, AA requires 24px but 44px is standard for touch */
}

/* Links in navigation */
.menu-item a,
.nav-link {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
}

/* Social icons */
.social-icon,
.social-link {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Close buttons */
.close-button,
.modal-close,
.popup-close {
    min-width: 44px;
    min-height: 44px;
}

/* Accordion triggers */
.accordion-header,
.accordion-trigger {
    min-height: 44px;
}