/* css/meine_bestellungen.css */
.payment-qr {
    display: block;
    margin: 1em auto;
    max-width: 180px; /* Angepasst an QR Server API Beispiel */
    border: 1px solid #e0e0e0;
    padding: 0.5em;
    background: #fff;
}

.bank-details-info small {
    display: block;
    text-align: center;
    font-size: 0.85em;
    color: #6c757d;
}

.paypal-payment-info {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    padding: 1em 1.2em;
    margin-top: 1em;
    margin-bottom: 1em;
    border-radius: 6px;
    font-size: 0.95em;
    text-align: center;
}

.paypal-payment-info p {
    margin-bottom: 1em;
}

/* NEU oder ANPASSUNG: Stile für QR-Code und Versandadresse */
.order-qr-code, /* Diese Klasse wird aktuell nicht verwendet, könnte aber für andere QR-Codes nützlich sein */
.order-shipping-address {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #f0f0f0;
    font-size: 0.95em;
}
/* ... (Restliche CSS-Stile von Ihrem Original hier einfügen) ... */

.my-orders-section h2 { margin-top: 0; margin-bottom: 1.5em; font-size: 1.6em; color: var(--main-color, #2c3e50); border-bottom: 2px solid var(--accent-color, #3498db); padding-bottom: 0.5em; }
.my-orders-section h2 i { margin-right: 0.5em; }
.feedback-message { padding: 0.8em 1em; margin-bottom: 1.5em; border-radius: 6px; font-weight: 500; text-align: center; border: 1px solid transparent; }
.feedback-message.success { background-color: #d4edda; color: #155724; border-color: #c3e6cb; }
.feedback-message.error { background-color: #f8d7da; color: #721c24; border-color: #f5c6cb; }
.feedback-message.info { background-color: #d1ecf1; color: #0c5460; border-color: #bee5eb; }
.orders-list { display: grid; gap: 1.5em; }
.order-item { background-color: var(--header-bg, #fff); border: 1px solid #e0e0e0; border-radius: var(--border-radius, 8px); padding: 1.5em; box-shadow: var(--box-shadow, 0 2px 5px rgba(0,0,0,0.05)); transition: box-shadow var(--transition, 0.2s ease); }
.order-item:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.order-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 1em; padding-bottom: 0.8em; border-bottom: 1px solid #f0f0f0; }
.order-header h3 { margin: 0; font-size: 1.3em; color: var(--main-color, #2c3e50); }
.order-date { font-size: 0.9em; color: #6c757d; }
.order-details p { margin: 0.5em 0; line-height: 1.6; }
.order-details p strong { min-width: 180px; display: inline-block; color: var(--text-color, #333); }
.order-status-text { font-weight: bold; padding: 0.2em 0.6em; border-radius: 4px; color: #fff; font-size: 0.9em; display: inline-block; }

/* Status-spezifische Farben (Beispiele, anpassen nach Bedarf) */
.status-offen .order-status-text,
.status-zahlung-fehlgeschlagen .order-status-text { background-color: #ffc107; color: #333; }
.status-wartet-auf-uberweisung .order-status-text { background-color: #17a2b8; }
.status-wartet-auf-paypal-zahlung .order-status-text { background-color: #007bff; } /* Beispiel für PayPal */
.status-bezahlt .order-status-text,
.status-abgeschlossen .order-status-text { background-color: #28a745; }
.status-bearbeitet .order-status-text { background-color: #fd7e14; }
.status-verschickt .order-status-text { background-color: #007bff; } /* Gegebenenfalls andere Farbe als PayPal Warten */
.status-storniert .order-status-text { background-color: #dc3545; }

.bank-details-info { background-color: #f8f9fa; border: 1px solid #e9ecef; padding: 1em 1.2em; margin-top: 1em; margin-bottom: 1em; border-radius: 6px; font-size: 0.95em; }
.bank-details-info h4 { margin-top: 0; margin-bottom: 0.8em; color: var(--main-color, #2c3e50); font-size: 1.1em; }
.bank-details-info p { margin: 0.4em 0; }
.order-actions { margin-top: 1.5em; padding-top: 1em; border-top: 1px solid #f0f0f0; display: flex; gap: 1em; flex-wrap: wrap; align-items: center; }
.change-payment-form { display: inline-block; margin:0; } /* margin:0 hinzugefügt */
.cta-button-sm { padding: 0.6em 1.2em; font-size: 0.9em; background-color: var(--accent-color, #007bff); color: white; border: none; border-radius: 5px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 0.5em; transition: background-color 0.2s ease; }
.cta-button-sm:hover { background-color: #0056b3; }
.cta-button-sm i { margin-right: 0.3em; } /* Etwas Abstand für Icons in Buttons */

.cta-button { /* Generische Klasse für größere Buttons wie "Jetzt mit PayPal bezahlen" */
    padding: 0.8em 1.5em;
    font-size: 1em;
    background-color: var(--accent-color, #007bff);
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    transition: background-color 0.2s ease;
}
.cta-button:hover {
    background-color: #0056b3;
}
.cta-button i {
    margin-right: 0.4em;
}

/* Dark Mode Anpassungen (Beispiele, vervollständigen nach Bedarf) */
.dark-mode .my-orders-section h2 { color: #f0f0f0; border-bottom-color: var(--accent-color, #3498db); }
.dark-mode .order-item { background-color: #2d2d2d; border-color: #444; }
.dark-mode .order-header { border-bottom-color: #444; }
.dark-mode .order-header h3 { color: #f0f0f0; }
.dark-mode .order-date { color: #a0a0a0; }
.dark-mode .order-details p strong { color: #e0e0e0; }
.dark-mode .bank-details-info { background-color: #3a3a3a; border-color: #555; }
.dark-mode .bank-details-info h4 { color: #f0f0f0; }
.dark-mode .paypal-payment-info { background-color: #3a3a3a; border-color: #555; }
.dark-mode .order-actions { border-top-color: #444; }
/* Weitere Dark Mode Stile hier ergänzen ... */