/* Shared accessibility overrides for LP families */

:root {
    --lp-a11y-overlay: rgba(0, 0, 0, 0.58);
}

.lp-phone-text,
.wcy-container,
.js-wcy-button,
a[href^="tel:"],
a[href*="wa.me"],
a[href*="whatsapp"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.hero-form-input,
.st-form-field input,
.st-form-field select,
.st-form-field textarea,
.form-control,
.iti__selected-flag {
    min-height: 48px;
}

.hero-form-message,
.st-form-field textarea {
    min-height: 96px;
}

.hero-form-input-wrapper.checkbox,
.field-checkbox .checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.hero-form-input-wrapper.checkbox label,
.field-checkbox .checkbox label,
.kvkk-text {
    line-height: 1.4 !important;
}

.hero-form-submit,
.st-btn,
.button,
#submit-button,
.contact-button,
.slick-arrow,
.slick-prev,
.slick-next,
.slick-dots button,
.swiper-pagination-bullet {
    min-height: 48px;
}

.slick-arrow,
.slick-prev,
.slick-next,
.slick-dots button,
.swiper-pagination-bullet {
    min-width: 48px;
}

.slick-arrow,
.slick-prev,
.slick-next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hero-slider__content--dark-bg,
.hero-slider__content--dark-bg-center,
.hero-bg-image,
.st-hero-wrap.st-gray-bg {
    background-blend-mode: overlay;
}

.hero-slider__content--dark-bg,
.hero-slider__content--dark-bg-center {
    background: var(--lp-a11y-overlay) !important;
}

.hero-slider__sub-title,
.hero-slider__title,
.hero-slider__big-title,
.hero-subtext,
.st-hero-title,
.st-hero-subtitle,
.st-hero-banner-title,
.st-hero-banner-sub-title {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

@media (max-width: 1023px) {
    .lp-phone-text,
    .wcy-container,
    .js-wcy-button,
    a[href^="tel:"],
    a[href*="wa.me"],
    a[href*="whatsapp"],
    .hero-form-submit,
    .st-btn,
    .button,
    #submit-button,
    .contact-button {
        min-height: 48px;
        min-width: 48px;
    }
}
