/*
 * Strawhouse - Moje konto: spójny wygląd sekcji (ramki) i przycisków.
 * Plik: assets/css/my-account-style.css (ładuje go modules/my-account-style.php)
 * Obejmuje też okienko logowania / rejestracji, które pojawia się na każdej stronie.
 *
 * Zasady (jak sekcja Avatar Settings i sekcje z UX Buildera):
 *  - menu po lewej i blok z awatarem zostają bez ramek (domyślny wygląd Flatsome)
 *  - ramka główna: 1px, radius 10, kolor rgb(41, 25, 16)
 *  - karty wewnątrz ramki głównej: ta sama ramka, ale jaśniejsza
 *  - przyciski: outline, WIELKIE LITERY, radius 6, depth 2
 *      Secondary = potwierdzanie / przechodzenie dalej
 *      Success   = cofanie / anulowanie / usuwanie
 *
 * Zmienne --sh-* pochodzą z strawhouse-ui.css.
 */

:root {
    --sh-secondary: var(--fs-color-secondary, var(--secondary-color, #2e7d6b));
    --sh-success: var(--fs-color-success, var(--success-color, #7a9c59));
    --sh-page-bg: #faf4e8; /* tło okienka logowania (jak tło strony) */
}

/* =========================================================
   1. RAMKI SEKCJI
   ========================================================= */

/* Główna ramka zawartości każdej zakładki (Dashboard, Orders, Downloads, Addresses...) */
.woocommerce-account .woocommerce-MyAccount-content {
    border: 1px solid var(--sh-border-color);
    border-radius: var(--sh-radius-section);
    padding: 20px;
}
.woocommerce-account .woocommerce-MyAccount-content > :last-child { margin-bottom: 0; }
.woocommerce-account .woocommerce-MyAccount-content > :first-child { margin-top: 0; }
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 { margin-top: 0; }

/* Karty wewnątrz ramki głównej: ta sama ramka, jaśniejsza */
.woocommerce-account .woocommerce-MyAccount-content .sh-section,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-account .woocommerce-MyAccount-content fieldset,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details {
    border: 1px solid var(--sh-border-soft);
    border-radius: var(--sh-radius-section);
    padding: 20px;
    margin-bottom: 20px;
    background: transparent;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
    padding: 0 10px;
    font-weight: 700;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3 { margin: 0; }

/* Tabele (zamówienia, pobrania, metody płatności) */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table,
.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-MyAccount-paymentMethods,
.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table {
    width: 100%;
    border: 1px solid var(--sh-border-soft);
    border-radius: var(--sh-radius-section);
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    margin-bottom: 20px;
}
.woocommerce-account .woocommerce-MyAccount-content table th {
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 0.05em;
}
.woocommerce-account .woocommerce-MyAccount-content table th,
.woocommerce-account .woocommerce-MyAccount-content table td {
    padding: 10px 12px;
    border-bottom: 1px solid var(--sh-border-soft);
    vertical-align: middle;
}
.woocommerce-account .woocommerce-MyAccount-content table tr:last-child td { border-bottom: 0; }

/* Komunikaty WooCommerce */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
    border: 1px solid var(--sh-border-soft);
    border-radius: var(--sh-radius-section);
    padding: 12px 20px;
    margin-bottom: 20px;
    background: transparent;
}
.woocommerce-account .woocommerce-error { list-style: none; }

/* Logowanie i rejestracja (strona Moje konto dla niezalogowanych ORAZ okienko
   wyskakujące z nagłówka). Ramka obejmuje tytuł i formularz; jeśli motyw nie ma
   takich kontenerów, ramka trafia na sam formularz. */
.account-login-inner,
.account-register-inner,
.woocommerce-form-login,
.woocommerce-form-register,
form.lost_reset_password {
    border: 1px solid var(--sh-border-color);
    border-radius: var(--sh-radius-section);
    padding: 20px;
    margin: 0 0 20px;
}
.account-login-inner .woocommerce-form-login,
.account-register-inner .woocommerce-form-register {
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
}
.account-register-inner .sh-section,
.woocommerce-form-register .sh-section {
    border-color: var(--sh-border-soft);
}
/* Zbędna pionowa kreska między kolumnami (każda kolumna ma już ramkę) */
#customer_login > .col,
#customer_login .col + .col { border-left: 0 !important; }

/* Okienko logowania / rejestracji */
#login-form-popup {
    background: var(--sh-page-bg);
    border: 1px solid var(--sh-border-color);
    border-radius: var(--sh-radius-section);
}

/* =========================================================
   2. PRZYCISKI: outline, WIELKIE LITERY, radius 6, depth 2
   Domyślnie Secondary (potwierdzanie / dalej).
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a.edit,
.woocommerce-form-login .button,
.woocommerce-form-register .button,
form.lost_reset_password .button,
#login-form-popup .button,
.sh-account-dashboard .woocommerce-MyAccount-content a:not(p a):not(.sh-section a) {
    background: transparent !important;
    color: var(--sh-btn-color, var(--sh-secondary)) !important;
    border: 2px solid var(--sh-btn-color, var(--sh-secondary)) !important;
    border-radius: var(--sh-radius-button) !important;
    text-transform: uppercase !important;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
    transition: box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;
    text-shadow: none;
    text-decoration: none !important;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover,
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a.edit:hover,
.woocommerce-form-login .button:hover,
.woocommerce-form-register .button:hover,
form.lost_reset_password .button:hover,
#login-form-popup .button:hover,
.sh-account-dashboard .woocommerce-MyAccount-content a:not(p a):not(.sh-section a):hover {
    background: var(--sh-btn-color, var(--sh-secondary)) !important;
    color: #fff !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
}
.woocommerce-account .woocommerce-MyAccount-content .button[disabled],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button[disabled],
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"][disabled] {
    opacity: 0.5;
    cursor: not-allowed;
    box-shadow: none !important;
}

/* "Edit" przy adresie: mniejszy przycisk */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a.edit {
    display: inline-block;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 2em;
    padding: 0 1em;
    margin: 0;
    white-space: nowrap;
}

/* Success: cofanie / anulowanie / usuwanie */
.woocommerce-account .woocommerce-MyAccount-content .button.cancel,
.woocommerce-account .woocommerce-MyAccount-content .button.delete,
.woocommerce-account .woocommerce-MyAccount-content a.delete,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button.cancel,
.woocommerce-account .woocommerce-MyAccount-content .button.woocommerce-button--cancel {
    --sh-btn-color: var(--sh-success);
}