/* =====================================
   TOUCH-TARGET FIXES - GOOGLE 48x48px
   ===================================== 
   Datum: 2025-11-01
   Standard: Google Material Design
   Minimum: 48x48 CSS pixels
   ===================================== */

/* =====================================
   PRODUKTKARTEN
   ===================================== */

/* Shop-Seite Add-to-Cart Button */
.westarp-add-to-cart,
.westarp-btn {
    padding: 0.75rem 1rem !important;
    min-height: 48px !important;
    font-size: 0.875rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

/* Wishlist-Buttons auf Produktkarten */
button[data-wishlist-toggle],
.wishlist-button,
#wishlist-button-single {
    padding: 0.75rem 1rem !important;
    min-height: 48px !important;
    font-size: 0.875rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* =====================================
   CHECKOUT & FORMS
   ===================================== */

/* Checkout-Formular Inputs */
.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea,
.woocommerce-form-row input,
.woocommerce-form-row select,
.woocommerce-form-row textarea {
    padding: 0.875rem 1rem !important;
    min-height: 48px !important;
    font-size: 16px; /* Verhindert iOS Auto-Zoom */
}

/* Checkout-Buttons */
.woocommerce-checkout button[type="submit"],
.woocommerce-checkout .button,
#place_order {
    padding: 0.875rem 1.5rem !important;
    min-height: 48px !important;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Payment-Method Radio-Buttons (größere Hit-Area) */
.woocommerce-checkout .wc_payment_method label {
    padding: 0.75rem;
    min-height: 48px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

/* =====================================
   FOOTER
   ===================================== */

/* Footer-Links */
.site-footer a,
.westarp-footer a,
footer a {
    padding: 0.75rem 0.5rem;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
}

/* =====================================
   SINGLE PRODUCT PAGE
   ===================================== */

/* Quantity Selector Buttons */
.quantity .qty,
.quantity button {
    min-height: 48px !important;
    min-width: 48px !important;
    font-size: 1rem;
}

/* Tab-Navigation */
.woocommerce-tabs .tabs li a,
.tabs.wc-tabs li a {
    padding: 0.75rem 1rem;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
}

/* =====================================
   MOBILE: NOCH GROẞZÜGIGER
   ===================================== */

@media (max-width: 767px) {
    /* Mobile: 52px statt 48px für bessere UX */
    .westarp-add-to-cart,
    .westarp-btn,
    button[data-wishlist-toggle],
    .woocommerce-checkout button,
    #place_order {
        padding: 1rem 1.25rem !important;
        min-height: 52px !important;
        font-size: 1rem;
    }
    
    /* Inputs größer auf Mobile */
    .woocommerce-checkout .form-row input,
    .woocommerce-checkout .form-row select {
        padding: 1rem !important;
        min-height: 52px !important;
        font-size: 16px !important; /* Kritisch für iOS! */
    }
    
    /* Footer-Links größer */
    .site-footer a,
    footer a {
        padding: 1rem 0.75rem;
        min-height: 52px;
    }
}

/* =====================================
   TABLET: MITTELWERTE
   ===================================== */

@media (min-width: 768px) and (max-width: 1023px) {
    .westarp-add-to-cart,
    .westarp-btn,
    button[data-wishlist-toggle] {
        padding: 0.875rem 1.125rem !important;
        min-height: 50px !important;
    }
}

/* =====================================
   ACCESSIBILITY: FOCUS STATES
   ===================================== */

/* Bessere Focus-Sichtbarkeit für Tastatur-Navigation */
.westarp-add-to-cart:focus,
.westarp-btn:focus,
button:focus,
input:focus,
select:focus,
a:focus {
    outline: 3px solid #3b82f6;
    outline-offset: 2px;
}

/* Active State für Touch-Feedback */
.westarp-add-to-cart:active,
.westarp-btn:active,
button:active {
    transform: scale(0.98);
    background-color: rgba(0, 0, 0, 0.05);
}

/* =====================================
   SPEZIELLE FIXES
   ===================================== */

/* Slider-Buttons (falls noch inline) */
.product-slide button,
.catalog-slider button {
    padding: 0.75rem 1rem !important;
    min-height: 48px !important;
    min-width: 48px !important;
}

/* Archive-Product Navigation */
.woocommerce-pagination a,
.woocommerce-pagination span {
    padding: 0.75rem;
    min-height: 48px;
    min-width: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Filter/Sorting Dropdowns */
.woocommerce-ordering select,
.woocommerce-result-count + .woocommerce-ordering select {
    padding: 0.75rem 2.5rem 0.75rem 1rem;
    min-height: 48px;
    font-size: 16px;
}

/* =====================================
   WICHTIG: !important NUR WO NÖTIG
   ===================================== 
   
   !important wird hier verwendet, weil:
   - Inline-Styles überschrieben werden müssen
   - Plugin-CSS (WooCommerce) Vorrang hat
   - Touch-Targets KRITISCH für UX sind
   
   ===================================== */