/* Modern Business Dashboard Button */
.modern-business-btn {
    background: linear-gradient(90deg, #005885 0%, #0071a1 100%);
    color: #fff !important;
    border: none;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.15rem;
    padding: 18px 36px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.10);
    transition: background 0.2s, box-shadow 0.2s;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.18); /* Für bessere Lesbarkeit */
}
.modern-business-btn:hover, .modern-business-btn:focus {
    background: linear-gradient(90deg, #0071a1 0%, #005885 100%);
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    color: #fff !important;
}
.modern-business-btn .dashicons {
    font-size: 1.5em;
    vertical-align: middle;
}

/* Erhöhe die Spezifität */
.woocommerce .modern-business-btn,
.woocommerce-page .modern-business-btn,
body .modern-business-btn {
    background: linear-gradient(90deg, #005885 0%, #0071a1 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 1.15rem !important;
    padding: 18px 36px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.10) !important;
    transition: background 0.2s, box-shadow 0.2s !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.18) !important;
}

.woocommerce .modern-business-btn:hover,
.woocommerce-page .modern-business-btn:hover,
body .modern-business-btn:hover,
.woocommerce .modern-business-btn:focus,
.woocommerce-page .modern-business-btn:focus,
body .modern-business-btn:focus {
    background: linear-gradient(90deg, #0071a1 0%, #005885 100%) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
    color: #fff !important;
}

.woocommerce .modern-business-btn .dashicons,
.woocommerce-page .modern-business-btn .dashicons,
body .modern-business-btn .dashicons {
    font-size: 1.5em !important;
    vertical-align: middle !important;
}

/* Wrapper um den gesamten My Account Bereich */
/* .woocommerce-account .woocommerce { display: flex; align-items: flex-start; gap: 40px; max-width: 1100px; margin: 40px auto; padding: 0 24px; } */

/* Spezifischer Wrapper nur für My Account mit beiden Elementen */
.woocommerce-account .woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content {
    /* Styling für den Content wenn Navigation vorhanden ist */
}

/* Parent Container Styling nur wenn beide Kinder vorhanden sind */
.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content) {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    max-width: 1100px;
    margin: 40px auto;
    padding: 0 24px;
}

/* Fallback für Browser ohne :has() Support */
@supports not (selector(:has(*))) {
    .woocommerce-account .woocommerce {
        display: flex;
        align-items: flex-start;
        gap: 40px;
        max-width: 1100px;
        margin: 40px auto;
        padding: 0 24px;
    }
    
    /* Reset für andere Seiten */
    .woocommerce-checkout .woocommerce,
    .woocommerce-cart .woocommerce,
    .single-product .woocommerce {
        display: block !important;
        margin: initial !important;
        padding: initial !important;
        max-width: initial !important;
        gap: initial !important;
    }
}

/* Navigation schmaler machen */
.woocommerce-MyAccount-navigation {
    background: #f4f8fb;
    padding: 24px 16px;
    border-radius: 10px;
    min-width: 240px;
    max-width: 280px;
    flex: 0 0 260px;
    font-size: 1.15rem;
    margin: 0;
}

/* Navigation-Links einfärben */
.woocommerce-MyAccount-navigation a {
    color: #005885;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 6px;
    display: block;
    transition: background 0.15s, color 0.15s;
    text-decoration: none;
}

.woocommerce-MyAccount-navigation a[aria-current="page"],
.woocommerce-MyAccount-navigation a:hover {
    background: #e6f2fa;
    color: #0071a1;
}

/* Navigation Liste styling */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation li {
    margin: 0 0 4px 0;
}

/* Content nimmt den restlichen Platz */
.woocommerce-MyAccount-content {
    flex: 1 1 0%;
    min-width: 0;
    max-width: 700px;
    font-size: 1.05rem;
}

/* Mein Konto Überschrift und Header ausblenden */
.woocommerce-account .entry-header,
.woocommerce-account .entry-title {
    display: none !important;
}

/* Responsive: Untereinander auf kleinen Bildschirmen */
@media (max-width: 900px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
        gap: 24px;
    }
    
    .woocommerce-MyAccount-navigation {
        max-width: 100%;
        width: 100%;
    }
}