/*
 Theme Name:   MD-Tronix Child
 Template:     hello-elementor
 Version:      1.0
 Description:  Checkout-Optimierung für Reparaturservice
*/

/* --- Checkout Layout 1-Spaltig --- */
.woocommerce-checkout .col2-set {
    display: block !important;
    width: 100% !important;
}
.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2 {
    width: 100% !important;
    float: none !important;
}

/* --- Button Styling --- */
#place_order {
    background: #004aad !important;
    color: #fff !important;
    font-size: 18px !important;
    padding: 14px 24px !important;
    border-radius: 8px !important;
    width: 100% !important;
    font-weight: 600 !important;
    text-align: center !important;
    transition: background 0.2s ease;
}
#place_order:hover {
    background: #2563eb !important;
}

/* --- Zahlungsarten als Karten --- */
.woocommerce-checkout #payment ul.payment_methods {
  display: grid !important;
  gap: 15px;
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.woocommerce-checkout #payment ul.payment_methods li {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 15px;
  background: #fff;
  transition: all 0.2s ease;
}
.woocommerce-checkout #payment ul.payment_methods li:hover {
  border-color: #cbd5e1;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.woocommerce-checkout #payment ul.payment_methods li label {
  font-weight: 600;
  font-size: 16px;
}

/* --- Bestellübersicht moderner --- */
.woocommerce-checkout-review-order-table .cart_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 8px;
}
.woocommerce-checkout-review-order-table .product-name {
    font-weight: 600;
    color: #1f2937;
}
.woocommerce-checkout-review-order-table .product-total {
    font-weight: 500;
    text-align: right;
}

/* --- Gesamtsumme hervorheben --- */
.woocommerce-checkout-review-order-table .order-total {
    font-size: 18px;
    font-weight: 700;
    color: #1f4598;
}
/* --- AGB / Widerruf Checkbox Styling --- */
.woocommerce-checkout #terms {
    transform: scale(1.4); /* Checkbox größer */
    margin-right: 10px;
    accent-color: #004aad; /* modernes Blau (nur moderne Browser) */
}

.woocommerce-checkout label[for="terms"] {
    font-size: 15px;
    font-weight: 600;
    color: #1f2937;
    line-height: 1.6;
    display: inline-block;
}

.woocommerce-checkout .form-row.terms {
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f9fafb;
    margin-top: 20px;
}
/* --- Jetzt kaufen Button --- */
#place_order {
    background: #004aad !important;  /* MD-Tronix Blau */
    color: #fff !important;
    font-size: 18px !important;
    padding: 16px 24px !important;
    border-radius: 8px !important;
    width: 100% !important;
    font-weight: 700 !important;
    text-align: center !important;
    letter-spacing: 0.5px;
    transition: all 0.25s ease;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

#place_order:hover {
    background: #2563eb !important; /* helleres Blau bei Hover */
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transform: translateY(-1px);
}
/**************************************
 ZAHLUNGSARTEN ALS KARTEN
**************************************/
.woocommerce-checkout #payment ul.payment_methods {
  display: grid !important;
  gap: 15px;
  list-style: none !important;
  margin: 0;
  padding: 0;
}

.woocommerce-checkout #payment ul.payment_methods li {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 15px;
  background: #fff;
  transition: all 0.25s ease;
  position: relative;
}

.woocommerce-checkout #payment ul.payment_methods li:hover {
  border-color: #2563eb;
  box-shadow: 0 3px 6px rgba(0,0,0,0.08);
}

.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
  margin-right: 8px;
  transform: scale(1.2);
  accent-color: #004aad;
}

.woocommerce-checkout #payment ul.payment_methods li label {
  font-weight: 600;
  font-size: 16px;
  color: #1f2937;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Aktive Auswahl */
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked + label {
  color: #004aad;
  font-weight: 700;
}

/**************************************
 FEHLERBESCHREIBUNG LABEL HERVORHEBEN
**************************************/
#order_comments_field label {
  font-weight: 700 !important;  /* Fett */
  color: #1f2937 !important;
  font-size: 15px !important;
}
/**************************************
 ZAHLUNGSARTEN ALS KARTEN – Germanized Fix
**************************************/
.woocommerce-checkout #payment ul.wc_payment_methods,
.woocommerce-gzd-checkout #payment ul.payment_methods {
  display: grid !important;
  gap: 15px !important;
  list-style: none !important;
  margin: 0;
  padding: 0;
}

.woocommerce-checkout #payment ul.wc_payment_methods li,
.woocommerce-gzd-checkout #payment ul.payment_methods li {
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 15px !important;
  background: #fff !important;
  transition: all 0.25s ease;
}

.woocommerce-checkout #payment ul.wc_payment_methods li:hover,
.woocommerce-gzd-checkout #payment ul.payment_methods li:hover {
  border-color: #2563eb !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.08) !important;
}

.woocommerce-checkout #payment ul.wc_payment_methods li input[type="radio"],
.woocommerce-gzd-checkout #payment ul.payment_methods li input[type="radio"] {
  transform: scale(1.2) !important;
  accent-color: #004aad !important;
  margin-right: 8px !important;
}

.woocommerce-checkout #payment ul.wc_payment_methods li label,
.woocommerce-gzd-checkout #payment ul.payment_methods li label {
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #1f2937 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Aktive Auswahl */
.woocommerce-checkout #payment ul.wc_payment_methods li input[type="radio"]:checked + label,
.woocommerce-gzd-checkout #payment ul.payment_methods li input[type="radio"]:checked + label {
  color: #004aad !important;
  font-weight: 700 !important;
}

/**************************************
 FEHLERBESCHREIBUNG LABEL
**************************************/
#order_comments_field label {
  font-weight: 700 !important;
  color: #1f2937 !important;
  font-size: 15px !important;
}

/* PayPal Button in MD-Tronix Blau */
.paypal-button,
.paypal-button button {
    background-color: #003087 !important; /* MD-Tronix Blau */
    border-radius: 6px !important; /* leichte Rundung */
    height: 50px !important; /* Höhe anpassen */
    width: 100% !important; /* über gesamte Breite */
    position: relative;
}

/* Standard PayPal-Logo ausblenden */
.paypal-button button span {
    display: none !important;
}

/* Eigenen Text einfügen */
.paypal-button button::after {
    content: "Jetzt mit PayPal bezahlen";
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 100%;
    line-height: 50px; /* gleiche Höhe wie Button */
}

/* Hover-Effekt */
.paypal-button:hover,
.paypal-button button:hover {
    background-color: #009cde !important; /* helleres Blau beim Hover */
}