/*
Theme Name: Astra Child
Theme URI: https://arian.zickler.net/
Description: Child Theme für Astra
Author: Arian Zickler
Template: astra
Version: 1.0.1
Text Domain: astra-child
*/

/* Gesamter Mein-Konto-Bereich */
.woocommerce-account .woocommerce {
    max-width: 1200px;
    margin: 40px auto;
}

/* Linke Navigation */
.woocommerce-account .woocommerce-MyAccount-navigation {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    overflow: hidden;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid #e5e5e5;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: block;
    padding: 15px 20px;
    color: #222222 !important;
    text-decoration: none;
    transition: all 0.25s ease;
}

/* Hover */
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    background-color: #6878D6 !important;
    color: #000000 !important;
}

/* Aktiver Menüpunkt */
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
    background-color: #6878D6 !important;
    color: #000000 !important;
    font-weight: 600;
}

/* Rechte Inhaltsbox */
.woocommerce-account .woocommerce-MyAccount-content {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 30px;
}

/* Buttons */
.woocommerce-account .woocommerce .button,
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce input.button,
.woocommerce-account .woocommerce input[type="submit"] {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    transition: all 0.25s ease;
}

/* Button Hover */
.woocommerce-account .woocommerce .button:hover,
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce input.button:hover,
.woocommerce-account .woocommerce input[type="submit"]:hover {
    background-color: #6878D6 !important;
    color: #ffffff !important;
}

/* Eingabefelder */
.woocommerce-account .woocommerce input.input-text,
.woocommerce-account .woocommerce input[type="email"],
.woocommerce-account .woocommerce input[type="password"],
.woocommerce-account .woocommerce input[type="text"],
.woocommerce-account .woocommerce select,
.woocommerce-account .woocommerce textarea {
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    padding: 12px;
    background: #ffffff;
}

/* Fokus */
.woocommerce-account .woocommerce input:focus,
.woocommerce-account .woocommerce textarea:focus,
.woocommerce-account .woocommerce select:focus {
    border-color: #6878D6;
    box-shadow: 0 0 0 3px rgba(104, 120, 214, 0.15);
    outline: none;
}

/* Tabellen */
.woocommerce-account .woocommerce table.shop_table {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    overflow: hidden;
}

/* Meldungen */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
    border-radius: 8px;
}

/* Mobil */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
        float: none;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        margin-top: 20px;
    }
}