/**
 * WooCommerce Checkout Accessibility Styles
 *
 * Verbessert die visuelle Darstellung der WooCommerce-Checkout-Formulare
 * für bessere Barrierefreiheit.
 *
 * @package    WordPress
 * @subpackage muenchen-child
 */

/* Verbesserte Fokus-Stile für Formularfelder */
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout button:focus {
    outline: 2px solid #007cba;
    box-shadow: 0 0 5px rgba(0, 124, 186, 0.5);
    border-color: #007cba !important;
}

/* Spezielle Hervorhebung für Tastatur-Fokus */
.woocommerce-checkout .keyboard-focus {
    outline: 3px solid #007cba;
    box-shadow: 0 0 8px rgba(0, 124, 186, 0.8);
}

/* Verbesserte Stile für erforderliche Felder */
.woocommerce-checkout .validate-required label::after {
    content: " *";
    color: #e2401c;
    font-weight: bold;
}

/* Verbesserte Fehlermeldungen für Formularfelder */
.woocommerce-checkout .woocommerce-invalid input,
.woocommerce-checkout .woocommerce-invalid select,
.woocommerce-checkout .woocommerce-invalid textarea {
    border-color: #e2401c !important;
    background-color: rgba(226, 64, 28, 0.05) !important;
}

.woocommerce-checkout .woocommerce-invalid label {
    color: #e2401c !important;
}

/* Verbesserte Lesbarkeit für Formularfelder */
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    font-size: 16px !important; /* Verhindert Zoom auf mobilen Geräten */
    line-height: 1.5 !important;
    padding: 10px !important;
    border-radius: 4px !important;
}

/* Verbesserte Abschnitte im Checkout */
.woocommerce-checkout .woocommerce h3 { 
    font-size: 1.5em !important;
    margin-top: 1.5em !important;
    margin-bottom: 1em !important;
    color: #333333 !important;
}

/* Verbesserte Zahlungsmethoden */
.woocommerce-checkout .wc_payment_method {
    padding: 1em !important;
    border-radius: 4px !important;
    margin-bottom: 0.5em !important;
    background-color: #f8f8f8 !important;
}

.woocommerce-checkout .wc_payment_method.active {
    background-color: #f0f0f0 !important;
    border-left: 3px solid #007cba !important;
}

/* Verbesserte Zahlungsmethoden-Beschreibungen */
.woocommerce-checkout .payment_box {
    background-color: #ffffff !important;
    border-radius: 4px !important;
    padding: 1em !important;
    margin-top: 0.5em !important;
    border: 1px solid #e0e0e0 !important;
}

/* Verbesserte Bestellübersicht */
.woocommerce-checkout #order_review {
    background-color: #f8f8f8 !important;
    padding: 1.5em !important;
    border-radius: 4px !important;
    margin-top: 1.5em !important;
}

/* Verbesserte Bestellbutton */
.woocommerce-checkout #place_order {
    width: 100% !important;
    padding: 1em !important;
    font-size: 1.2em !important;
    font-weight: bold !important;
    margin-top: 1em !important;
    background-color: #007cba !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    transition: background-color 0.2s ease-in-out !important;
}

.woocommerce-checkout #place_order:hover {
    background-color: #005f8f !important;
}

.woocommerce-checkout #place_order:focus {
    outline: 3px solid #007cba !important;
    outline-offset: 2px !important;
    background-color: #005f8f !important;
}

/* Versteckte Elemente für Screenreader */
.woocommerce-checkout .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}