/*
 * Moje konto (strona 12, widget Elementor Pro "My Account").
 * Wczytywane tylko na stronach konta (Assets::register, is_account_page).
 *
 * Logowanie i rejestracja: wariant A z makiety makiety/konto-logowanie-warianty.html.
 * Panel klienta: wariant A z makiety makiety/konto-panel-warianty.html.
 * Teksty i dodatkowy markup: includes/class-account.php, templates/myaccount/dashboard.php.
 *
 * CSS generowany przez Elementora dla widgetu (post-12.css) ma bardzo długie selektory.
 * Żeby z nimi wygrać bez !important, selektory zaczynają się od identyfikatora:
 * - logowanie: #customer_login (jest w szablonie WooCommerce),
 * - panel: :is(#drukorz-konto, .e-my-account-tab) - pasuje po klasie widgetu,
 *   a liczy się jak identyfikator (waga :is() to waga najmocniejszego elementu listy).
 */

.drukorz-account-intro,
#customer_login,
.drukorz-account-guest {
    --drukorz-ink: #171717;
    --drukorz-text: #232323;
    --drukorz-muted: #737373;
    --drukorz-line: #E5E5E5;
    --drukorz-line2: #D4D4D4;
    --drukorz-bg: #FAFAFA;
    --drukorz-bg2: #F5F5F5;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    font-family: Inter, sans-serif;
}

/* =========================
 * NAGŁÓWEK STRONY
 * ========================= */

.drukorz-account-intro {
    margin-top: 16px;
    margin-bottom: 28px;
}

.drukorz-account-intro .drukorz-account-title {
    margin: 0 0 6px;
    font-family: Inter, sans-serif;
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    color: var(--drukorz-ink);
}

.drukorz-account-intro .drukorz-account-lead {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: var(--drukorz-muted);
}

/* =========================
 * DWIE KARTY
 * ========================= */

#customer_login {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: stretch;
    width: auto;
}

/* WooCommerce (.col2-set) czyści floaty pseudo-elementami - w siatce byłyby pustymi komórkami. */
#customer_login::before,
#customer_login::after {
    content: none;
    display: none;
}

#customer_login .u-column1,
#customer_login .u-column2 {
    float: none;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 28px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--drukorz-line);
    border-radius: 12px;
    background: #fff;
}

#customer_login .u-column2 {
    background: var(--drukorz-bg);
}

#customer_login h2 {
    margin: 0 0 4px;
    font-family: Inter, sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: var(--drukorz-ink);
}

/* Formularz nie jest osobną ramką - ramką jest cała karta.
   Elementor wyrównuje wysokość obu formularzy skryptem (styl inline), stąd !important. */
#customer_login form.woocommerce-form {
    flex: 1;
    height: auto !important;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

#customer_login .drukorz-account-sub {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 20px;
    color: var(--drukorz-muted);
}

/* =========================
 * POLA
 * ========================= */

#customer_login .form-row {
    margin: 0 0 16px;
    padding: 0;
}

#customer_login .woocommerce-form-row label {
    display: block;
    margin: 0 0 6px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--drukorz-ink);
}

/* Pola są wymagane, gwiazdka tylko zaśmieca etykietę. Tekst "Wymagane" dla czytników ekranu zostaje. */
#customer_login .woocommerce-form-row label .required {
    display: none;
}

#customer_login .form-row .input-text {
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding: 0 12px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--drukorz-text);
    background: #fff;
    border: 1px solid var(--drukorz-line2);
    border-radius: 8px;
    box-shadow: none;
    outline: none;
}

#customer_login .form-row .input-text:focus {
    border-color: var(--drukorz-ink);
    box-shadow: 0 0 0 1px var(--drukorz-ink);
}

#customer_login .password-input {
    display: block;
    position: relative;
}

#customer_login .password-input .input-text {
    padding-right: 44px;
}

#customer_login .show-password-input {
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--drukorz-muted);
}

/* =========================
 * LOGOWANIE: "Zapamiętaj mnie" i "Nie pamiętasz hasła?" w jednym rzędzie, pod nimi przycisk
 * ========================= */

#customer_login .woocommerce-form-login {
    display: grid;
    grid-template-columns: 1fr auto;
    align-content: start;
    column-gap: 16px;
}

#customer_login .woocommerce-form-login > * {
    grid-column: 1 / -1;
}

/* Akapit z checkboxem i przyciskiem znika z układu - jego dzieci stają się komórkami siatki. */
#customer_login .woocommerce-form-login > p.form-row:not(.woocommerce-form-row) {
    display: contents;
}

#customer_login .woocommerce-form-login__rememberme {
    grid-column: 1;
    order: 3;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0 20px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: var(--drukorz-text);
    cursor: pointer;
}

#customer_login .woocommerce-form-login__rememberme input {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--drukorz-ink);
}

#customer_login .woocommerce-LostPassword {
    grid-column: 2;
    order: 4;
    margin: 4px 0 20px;
    align-self: center;
}

#customer_login .woocommerce-LostPassword a {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: var(--drukorz-ink);
    text-decoration: underline;
    text-underline-offset: 2px;
}

#customer_login .woocommerce-form-login__submit {
    grid-column: 1 / -1;
    order: 5;
}

#customer_login .woocommerce-form-login .woocommerce-form-row {
    order: 2;
}

#customer_login .woocommerce-form-login .drukorz-account-sub {
    order: 1;
}

/* =========================
 * PRZYCISKI
 * ========================= */

#customer_login .woocommerce-form .button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0 20px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    background: var(--drukorz-ink);
    border: 1px solid var(--drukorz-ink);
    border-radius: 8px;
    box-shadow: none;
    cursor: pointer;
}

#customer_login .woocommerce-form .button:hover {
    background: #000;
}

/* Rejestracja jest drugorzędna: przycisk obrysowany. */
#customer_login .woocommerce-form-register .button {
    color: var(--drukorz-ink);
    background: #fff;
}

#customer_login .woocommerce-form-register .button:hover {
    background: var(--drukorz-bg2);
}

/* =========================
 * REJESTRACJA
 * ========================= */

#customer_login .drukorz-account-benefits {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    display: grid;
    gap: 10px;
}

#customer_login .drukorz-account-benefits li {
    position: relative;
    margin: 0;
    padding-left: 28px;
    font-size: 14px;
    line-height: 20px;
    color: var(--drukorz-text);
}

#customer_login .drukorz-account-benefits li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    background: var(--drukorz-ink);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* "Na ten adres wyślemy link do ustawienia hasła." - akapit bez klasy z szablonu WooCommerce. */
#customer_login .woocommerce-form-register > p:not([class]) {
    position: relative;
    margin: 0 0 16px;
    padding: 12px 14px 12px 42px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: var(--drukorz-text);
    background: var(--drukorz-bg2);
    border-radius: 8px;
}

#customer_login .woocommerce-form-register > p:not([class])::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 13px;
    width: 18px;
    height: 18px;
    background: var(--drukorz-ink);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Notka o danych osobowych idzie pod przycisk. */
#customer_login .woocommerce-form-register {
    display: flex;
    flex-direction: column;
}

#customer_login .woocommerce-form-register .woocommerce-privacy-policy-text {
    order: 10;
    margin: 14px 0 0;
}

#customer_login .woocommerce-privacy-policy-text p {
    margin: 0;
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: var(--drukorz-muted);
}

#customer_login .woocommerce-privacy-policy-text a {
    color: var(--drukorz-muted);
    text-decoration: underline;
}

#customer_login .woocommerce-form-register > .form-row:last-of-type {
    margin-bottom: 0;
}

/* =========================
 * POD KARTAMI
 * ========================= */

.drukorz-account-guest {
    margin-top: 20px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
    color: var(--drukorz-muted);
    text-align: center;
}

/* =========================
 * TELEFON
 * ========================= */

@media (max-width: 767px) {
    .drukorz-account-intro {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .drukorz-account-intro .drukorz-account-title {
        font-size: 24px;
        line-height: 32px;
    }

    #customer_login {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    #customer_login .u-column1,
    #customer_login .u-column2 {
        padding: 20px;
    }
}


/* =====================================================================
 * PANEL KLIENTA (zalogowany)
 * ===================================================================== */

.e-my-account-tab {
    --drukorz-ink: #171717;
    --drukorz-text: #232323;
    --drukorz-muted: #737373;
    --drukorz-line: #E5E5E5;
    --drukorz-line2: #D4D4D4;
    --drukorz-bg: #FAFAFA;
    --drukorz-bg2: #F5F5F5;
}

/* Menu z boku, treść po prawej. :has() - żeby nie objąć widoku logowania (tam nie ma menu). */
:is(#drukorz-konto, .e-my-account-tab) .woocommerce:has(> .woocommerce-MyAccount-navigation) {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 32px;
    align-items: start;
    max-width: 1200px;
    margin: 16px auto 0;
    font-family: Inter, sans-serif;
}

/* Pseudo-elementy czyszczące floaty byłyby w siatce pustymi komórkami (jak w #customer_login). */
:is(#drukorz-konto, .e-my-account-tab) .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,
:is(#drukorz-konto, .e-my-account-tab) .woocommerce:has(> .woocommerce-MyAccount-navigation)::after {
    content: none;
    display: none;
}

/* ---------- menu ---------- */

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation ul {
    display: grid;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation li {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation li a {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    margin: 0;
    padding: 0 14px;
    font-family: Inter, sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    color: var(--drukorz-text);
    text-decoration: none;
    background: none;
    border: 0;
    border-radius: 8px;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation li a:hover {
    background: var(--drukorz-bg);
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation li.is-active a {
    font-weight: 600;
    color: var(--drukorz-ink);
    background: var(--drukorz-bg2);
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation li a::before {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    background: var(--drukorz-muted);
    -webkit-mask: var(--drukorz-icon) center / contain no-repeat;
    mask: var(--drukorz-icon) center / contain no-repeat;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation li.is-active a::before {
    background: var(--drukorz-ink);
}

/* Wylogowanie odsunięte od reszty i wyciszone. */
:is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 12px;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: var(--drukorz-muted);
}

/* Ikony menu i kafelków pulpitu (te same rysunki). */
.woocommerce-MyAccount-navigation-link--dashboard {
    --drukorz-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M3 11 12 4l9 7'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--orders,
.drukorz-dash-tile--orders {
    --drukorz-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M3 7.5 12 3l9 4.5v9L12 21l-9-4.5z'/%3E%3Cpath d='M3 7.5 12 12l9-4.5M12 12v9'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--edit-address,
.drukorz-dash-tile--edit-address {
    --drukorz-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--edit-account,
.drukorz-dash-tile--edit-account {
    --drukorz-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--customer-logout {
    --drukorz-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M15 4h4v16h-4'/%3E%3Cpath d='M10 8l-4 4 4 4M6 12h10'/%3E%3C/svg%3E");
}

/* ---------- treść ---------- */

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-content {
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    font-family: Inter, sans-serif;
    color: var(--drukorz-text);
}

/* Elementor obrysowuje treść ramką - u nas ramki mają poszczególne bloki. */
:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-MyAccount-content-wrapper, .woocommerce-MyAccount-content-wrapper-no-data) {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-account-title {
    margin: 0 0 4px;
    font-family: Inter, sans-serif;
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    color: var(--drukorz-ink);
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-account-lead {
    margin: 0 0 28px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--drukorz-muted);
}

/* "‹ Moje konto" - tylko na telefonie (tam menu jest na pulpicie). "‹ Zamówienia" w szczegółach zawsze. */
:is(#drukorz-konto, .e-my-account-tab) .drukorz-account-back {
    display: none;
    align-items: center;
    gap: 6px;
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 20px;
    color: var(--drukorz-ink);
    text-decoration: none;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-account-back::before {
    content: "‹";
    font-size: 18px;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-account-back--always {
    display: inline-flex;
}

/* Komunikaty WooCommerce (np. "Potwierdź swój adres email") - szare, jak w koszyku. */
:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-info, .woocommerce-message) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px 16px;
    margin: 0 0 20px;
    padding: 14px 16px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: var(--drukorz-text);
    background: var(--drukorz-bg2);
    border: 0;
    border-radius: 8px;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-info, .woocommerce-message)::before {
    display: none;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-info, .woocommerce-message) .button {
    order: 2;
    float: none;
}

/* ---------- przyciski w panelu ---------- */

:is(#drukorz-konto, .e-my-account-tab) :is(.drukorz-dash-btn, .woocommerce-orders-table .button, .woocommerce-pagination .button, .woocommerce-info .button, .woocommerce-message .button) {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    margin: 0;
    padding: 0 16px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: var(--drukorz-ink);
    text-decoration: none;
    white-space: nowrap;
    background: #fff;
    border: 1px solid var(--drukorz-ink);
    border-radius: 8px;
    box-shadow: none;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.drukorz-dash-btn, .woocommerce-orders-table .button, .woocommerce-pagination .button, .woocommerce-info .button, .woocommerce-message .button):hover {
    background: var(--drukorz-bg2);
}

/* "Zapłać" przy nieopłaconym zamówieniu to główna akcja. */
:is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table .button.pay {
    color: #fff;
    background: var(--drukorz-ink);
}

/* ---------- plakietka statusu ---------- */

:is(#drukorz-konto, .e-my-account-tab) .drukorz-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 26px;
    padding: 0 10px;
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 999px;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-status::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-status--wait { color: #8A5300; background: #FFF4E5; }
:is(#drukorz-konto, .e-my-account-tab) .drukorz-status--work { color: var(--drukorz-ink); background: var(--drukorz-bg2); }
:is(#drukorz-konto, .e-my-account-tab) .drukorz-status--done { color: #2F6B3A; background: #EDF5EE; }
:is(#drukorz-konto, .e-my-account-tab) .drukorz-status--off  { color: var(--drukorz-muted); background: var(--drukorz-bg2); }

/* ---------- pulpit ---------- */

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-last {
    padding: 24px;
    background: #fff;
    border: 1px solid var(--drukorz-line);
    border-radius: 12px;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-last h3 {
    margin: 0 0 12px;
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: var(--drukorz-ink);
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-last p {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 20px;
    color: var(--drukorz-muted);
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-last__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-last__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-last__no {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: var(--drukorz-ink);
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-last__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    color: var(--drukorz-muted);
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-last__meta b {
    font-weight: 600;
    color: var(--drukorz-ink);
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-tiles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-tile {
    display: grid;
    align-content: start;
    gap: 6px;
    padding: 18px;
    text-decoration: none;
    background: #fff;
    border: 1px solid var(--drukorz-line);
    border-radius: 12px;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-tile:hover {
    border-color: var(--drukorz-ink);
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-tile__title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: var(--drukorz-ink);
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-tile__title::before {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    background: var(--drukorz-ink);
    -webkit-mask: var(--drukorz-icon) center / contain no-repeat;
    mask: var(--drukorz-icon) center / contain no-repeat;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-tile__text {
    font-size: 14px;
    line-height: 20px;
    color: var(--drukorz-muted);
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-help {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px 16px;
    margin-top: 16px;
    padding: 18px 20px;
    font-size: 14px;
    line-height: 20px;
    color: var(--drukorz-text);
    background: var(--drukorz-bg2);
    border-radius: 12px;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-help b {
    color: var(--drukorz-ink);
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-help__contact {
    display: flex;
    gap: 16px;
    white-space: nowrap;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-help a {
    color: var(--drukorz-ink);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ---------- lista zamówień ---------- */

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table {
    width: 100%;
    margin: 0;
    border: 1px solid var(--drukorz-line);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table thead th {
    padding: 10px 16px;
    text-align: left;
    background: var(--drukorz-bg);
    border: 0;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table thead .nobr {
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--drukorz-muted);
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table tbody :is(th, td) {
    padding: 14px 16px;
    text-align: left;
    vertical-align: middle;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--drukorz-text);
    background: none;
    border: 0;
    border-top: 1px solid var(--drukorz-line);
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table__cell-order-number a {
    font-weight: 700;
    color: var(--drukorz-ink);
    text-decoration: none;
    white-space: nowrap;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.drukorz-order-products, .drukorz-order-gross, .drukorz-order-net, .drukorz-order-note) {
    display: block;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-order-gross {
    font-weight: 600;
    color: var(--drukorz-ink);
    white-space: nowrap;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.drukorz-order-net, .drukorz-order-note) {
    font-size: 12px;
    line-height: 16px;
    color: var(--drukorz-muted);
    white-space: nowrap;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table__cell-order-actions {
    text-align: right;
    white-space: nowrap;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table__cell-order-actions .button + .button {
    margin-left: 6px;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-pagination {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
}

/* ---------- tablet ---------- */

@media (max-width: 1024px) {
    :is(#drukorz-konto, .e-my-account-tab) .woocommerce:has(> .woocommerce-MyAccount-navigation) {
        grid-template-columns: 200px minmax(0, 1fr);
        gap: 24px;
    }

    :is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-tiles {
        grid-template-columns: 1fr;
    }
}

/* ---------- telefon ---------- */

@media (max-width: 767px) {
    :is(#drukorz-konto, .e-my-account-tab) .woocommerce:has(> .woocommerce-MyAccount-navigation) {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        margin-top: 0;
    }

    :is(#drukorz-konto, .e-my-account-tab) .drukorz-account-title {
        font-size: 24px;
        line-height: 32px;
    }

    :is(#drukorz-konto, .e-my-account-tab) .drukorz-account-lead {
        margin-bottom: 20px;
    }

    :is(#drukorz-konto, .e-my-account-tab) .drukorz-account-back {
        display: inline-flex;
    }

    /* Menu tylko na pulpicie, jako lista pod treścią; na podstronach jest link "‹ Moje konto". */
    :is(#drukorz-konto, .e-my-account-tab):not(.e-my-account-tab__dashboard) .woocommerce-MyAccount-navigation {
        display: none;
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation {
        order: 2;
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation ul {
        gap: 0;
        border: 1px solid var(--drukorz-line);
        border-radius: 12px;
        overflow: hidden;
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation-link--dashboard {
        display: none;
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation li + li {
        border-top: 1px solid var(--drukorz-line);
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation-link--dashboard + li {
        border-top: 0;
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation-link--customer-logout {
        margin-top: 0;
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation li a {
        height: 52px;
        padding: 0 16px;
        border-radius: 0;
        color: var(--drukorz-ink);
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation li a::after {
        content: "›";
        margin-left: auto;
        font-size: 20px;
        color: var(--drukorz-muted);
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
        color: var(--drukorz-muted);
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::after {
        content: none;
    }

    :is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-last {
        padding: 16px;
    }

    :is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-last__body {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    :is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-last .drukorz-dash-btn {
        width: 100%;
    }

    /* Na telefonie kafelki zastępuje lista menu. */
    :is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-tiles {
        display: none;
    }

    :is(#drukorz-konto, .e-my-account-tab) .drukorz-dash-help {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
    }

    /* Zamówienia jako karty. WooCommerce (smallscreen.css) wymusza tu text-align:right !important. */
    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table {
        border: 0;
        border-radius: 0;
        overflow: visible;
        background: none;
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table thead {
        display: none;
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table tbody {
        display: grid;
        gap: 12px;
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table tbody tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 6px 12px;
        align-items: center;
        padding: 16px;
        background: #fff;
        border: 1px solid var(--drukorz-line);
        border-radius: 12px;
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table tbody :is(th, td) {
        display: block;
        padding: 0;
        text-align: left !important;
        background: none;
        border: 0;
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table tbody :is(th, td)::before {
        content: none;
        display: none;
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table__cell-order-number { grid-column: 1; grid-row: 1; }
    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table__cell-order-status { grid-column: 2; grid-row: 1; justify-self: end; }
    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table__cell-order-products { grid-column: 1 / -1; grid-row: 2; }
    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-date { grid-column: 1 / -1; grid-row: 3; font-size: 12px; line-height: 16px; color: var(--drukorz-muted); }
    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table__cell-order-total { grid-column: 1; grid-row: 4; margin-top: 6px; }
    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table__cell-order-actions { grid-column: 2; grid-row: 4; justify-self: end; margin-top: 6px; }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-orders-table__cell-order-number a {
        font-size: 16px;
    }
}


/* =====================================================================
 * ADRESY, DANE KONTA, HASŁO
 * ===================================================================== */

/* ---------- lista adresów ---------- */

/* Opis z WooCommerce ("Podpowiemy je w kasie...") wygląda jak lead pod nagłówkiem. */
:is(#drukorz-konto, .e-my-account-tab__edit-address) .woocommerce-MyAccount-content-wrapper > p {
    margin: 0 0 28px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--drukorz-muted);
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-Addresses {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    width: auto;
    margin: 0;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-Addresses::before,
:is(#drukorz-konto, .e-my-account-tab) .woocommerce-Addresses::after {
    content: none;
    display: none;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-Addresses .woocommerce-Address {
    display: flex;
    flex-direction: column;
    gap: 12px;
    float: none;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 24px;
    background: #fff;
    border: 1px solid var(--drukorz-line);
    border-radius: 12px;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-Address-title {
    position: static;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: auto;
    margin: 0;
    padding: 0;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-Address-title::before,
:is(#drukorz-konto, .e-my-account-tab) .woocommerce-Address-title::after {
    content: none;
    display: none;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-Address-title h2 {
    float: none;
    margin: 0;
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: var(--drukorz-ink);
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-Address-title .edit {
    position: static;
    float: none;
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 14px;
    font-family: Inter, sans-serif;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    color: var(--drukorz-ink);
    text-decoration: none;
    white-space: nowrap;
    background: #fff;
    border: 1px solid var(--drukorz-ink);
    border-radius: 8px;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-Address-title .edit:hover {
    background: var(--drukorz-bg2);
}

/* Elementor wyrównuje wysokość adresów skryptem (styl inline, liczony dla starego układu), stąd !important. */
:is(#drukorz-konto, .e-my-account-tab) .woocommerce-Address address {
    height: auto !important;
    margin: 0;
    padding: 0;
    font-family: Inter, sans-serif;
    font-size: 15px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
    color: var(--drukorz-text);
    background: none;
    border: 0;
    border-radius: 0;
}

/* ---------- formularze: adres i dane konta ---------- */

/* Formularz jednego adresu ma nagłówek z Account::render_page_heading - <h2> z szablonu znika. */
:is(#drukorz-konto, .e-my-account-tab) .woocommerce-MyAccount-content form:has(.woocommerce-address-fields) > h2 {
    display: none;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-MyAccount-content form:has(.woocommerce-address-fields)) {
    max-width: 720px;
    margin: 0;
    padding: 24px;
    background: #fff;
    border: 1px solid var(--drukorz-line);
    border-radius: 12px;
}

/* Elementor obrysowuje też samą grupę pól adresu - ramką jest już formularz. */
:is(#drukorz-konto, .e-my-account-tab) .woocommerce-address-fields {
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
}

/* Pola w dwóch kolumnach: WooCommerce oznacza je klasami form-row-first / form-row-last. */
:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields__field-wrapper) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields__field-wrapper)::before,
:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields__field-wrapper)::after {
    content: none;
    display: none;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields__field-wrapper) > * {
    grid-column: 1 / -1;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields__field-wrapper) > .form-row-first {
    grid-column: 1;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields__field-wrapper) > .form-row-last {
    grid-column: 2;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields) .clear {
    display: none;
}

/* ---------- pola (formularze konta i hasła) ---------- */

:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields, .woocommerce-ResetPassword) .form-row {
    float: none;
    width: auto;
    margin: 0 0 16px;
    padding: 0;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields, .woocommerce-ResetPassword) label {
    display: block;
    margin: 0 0 6px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--drukorz-ink);
}

:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields, .woocommerce-ResetPassword) label :is(.required, .optional) {
    font-weight: 400;
    color: var(--drukorz-muted);
    text-decoration: none;
    border: 0;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields, .woocommerce-ResetPassword) :is(.input-text, select, textarea) {
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding: 0 12px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--drukorz-text);
    background: #fff;
    border: 1px solid var(--drukorz-line2);
    border-radius: 8px;
    box-shadow: none;
    outline: none;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields, .woocommerce-ResetPassword) textarea {
    height: auto;
    min-height: 88px;
    padding: 10px 12px;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields, .woocommerce-ResetPassword) :is(.input-text, select, textarea):focus {
    border-color: var(--drukorz-ink);
    box-shadow: 0 0 0 1px var(--drukorz-ink);
}

/* Lista krajów (select2). */
:is(#drukorz-konto, .e-my-account-tab) .woocommerce-address-fields .select2-container--default .select2-selection--single {
    height: 44px;
    background: #fff;
    border: 1px solid var(--drukorz-line2);
    border-radius: 8px;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 32px 0 12px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 42px;
    color: var(--drukorz-text);
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
    right: 8px;
}

:is(#drukorz-konto, .e-my-account-tab) .password-input {
    display: block;
    position: relative;
}

:is(#drukorz-konto, .e-my-account-tab) .password-input .input-text {
    padding-right: 44px;
}

:is(#drukorz-konto, .e-my-account-tab) .password-input .show-password-input {
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--drukorz-muted);
}

/* Podpowiedź pod "Wyświetlana nazwa". */
:is(#drukorz-konto, .e-my-account-tab) #account_display_name_description {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 16px;
    color: var(--drukorz-muted);
}

:is(#drukorz-konto, .e-my-account-tab) #account_display_name_description em {
    font-style: normal;
}

/* "Zmiana hasła (opcjonalnie)" - odstęp zamiast linii. */
:is(#drukorz-konto, .e-my-account-tab) .woocommerce-EditAccountForm fieldset {
    margin: 12px 0 0;
    padding: 0;
    border: 0;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-EditAccountForm fieldset legend {
    margin: 0 0 12px;
    padding: 0;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: var(--drukorz-ink);
}

/* Przycisk zapisu: czarny, jak w logowaniu i kasie. */
:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields, .woocommerce-ResetPassword) .button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    margin: 4px 0 0;
    padding: 0 28px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    background: var(--drukorz-ink);
    border: 1px solid var(--drukorz-ink);
    border-radius: 8px;
    box-shadow: none;
    cursor: pointer;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields, .woocommerce-ResetPassword) .button:hover {
    background: #000;
}

:is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields) > p:last-of-type {
    margin-bottom: 0;
}

/* Błędy formularzy (np. zły e-mail) - jasnoczerwone tło, jak w koszyku. */
:is(#drukorz-konto, .e-my-account-tab) .woocommerce-error {
    margin: 0 0 20px;
    padding: 14px 16px;
    list-style: none;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: var(--drukorz-text);
    background: #FBEAE8;
    border: 0;
    border-radius: 8px;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-error::before {
    display: none;
}

:is(#drukorz-konto, .e-my-account-tab) .woocommerce-error li {
    margin: 0;
}

/* ---------- nie pamiętasz hasła / nowe hasło ---------- */

body.woocommerce-lost-password :is(#drukorz-konto, .e-my-account-tab) .woocommerce {
    max-width: 480px;
    margin: 16px auto 0;
    font-family: Inter, sans-serif;
    color: var(--drukorz-text);
}

body.woocommerce-lost-password :is(#drukorz-konto, .e-my-account-tab) .drukorz-account-title {
    margin-bottom: 20px;
}

/* WooCommerce ustawia temu formularzowi połowę szerokości. */
body.woocommerce-lost-password :is(#drukorz-konto, .e-my-account-tab) .woocommerce-ResetPassword {
    display: block;
    width: auto;
    margin: 0;
    padding: 28px;
    background: #fff;
    border: 1px solid var(--drukorz-line);
    border-radius: 12px;
}

body.woocommerce-lost-password :is(#drukorz-konto, .e-my-account-tab) .woocommerce-ResetPassword > p:first-child,
body.woocommerce-lost-password :is(#drukorz-konto, .e-my-account-tab) .woocommerce > p {
    margin: 0 0 20px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--drukorz-muted);
}

body.woocommerce-lost-password :is(#drukorz-konto, .e-my-account-tab) .woocommerce-ResetPassword .clear {
    display: none;
}

body.woocommerce-lost-password :is(#drukorz-konto, .e-my-account-tab) .woocommerce-ResetPassword .button {
    width: 100%;
    margin: 0;
}

body.woocommerce-lost-password :is(#drukorz-konto, .e-my-account-tab) .woocommerce-ResetPassword > p:last-of-type {
    margin-bottom: 0;
}

body.woocommerce-lost-password :is(#drukorz-konto, .e-my-account-tab) .drukorz-account-back {
    margin: 16px 0 0;
}

/* ---------- telefon ---------- */

@media (max-width: 767px) {
    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-Addresses {
        grid-template-columns: minmax(0, 1fr);
    }

    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-Addresses .woocommerce-Address,
    :is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-MyAccount-content form:has(.woocommerce-address-fields)) {
        padding: 16px;
    }

    :is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields__field-wrapper) {
        grid-template-columns: minmax(0, 1fr);
    }

    :is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields__field-wrapper) > :is(.form-row-first, .form-row-last) {
        grid-column: 1;
    }

    :is(#drukorz-konto, .e-my-account-tab) :is(.woocommerce-EditAccountForm, .woocommerce-address-fields) .button {
        width: 100%;
    }

    body.woocommerce-lost-password :is(#drukorz-konto, .e-my-account-tab) .woocommerce {
        margin-top: 0;
    }

    body.woocommerce-lost-password :is(#drukorz-konto, .e-my-account-tab) .woocommerce-ResetPassword {
        padding: 20px;
    }
}

/* =====================================================================
 * SZCZEGÓŁY ZAMÓWIENIA (templates/myaccount/view-order.php)
 * Makieta: makiety/konto-szczegoly-zamowienia.html - jedna kolumna, białe karty,
 * pasek płatności tylko przy nieopłaconym zamówieniu, na dole dane + "Masz pytanie?".
 * Tabela zamówienia i dane klienta mają wygląd ze strony "Dziękujemy"
 * (drukorz-cart.css, sekcja "Strona po zamówieniu"); tu układ i różnice.
 * ===================================================================== */

/* Karty białe jak w reszcie panelu, ramka parametrów szara (zmienne bloków strony "Dziękujemy"). */
:is(#drukorz-konto, .e-my-account-tab) .woocommerce-order.drukorz-view-order {
    --drukorz-ty-panel: #FFFFFF;
    --drukorz-ty-inner: #FAFAFA;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

/* Wszystko na całą szerokość, tylko dane klienta i "Masz pytanie?" obok siebie. */
:is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order > * {
    grid-column: 1 / -1;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order > section.woocommerce-customer-details {
    grid-column: 1;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order > .drukorz-ty-help {
    grid-column: 2;
}

/* Bez numerów przy nagłówkach - to nie są kroki. */
:is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order .drukorz-n,
:is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order h2.woocommerce-order-details__title::before {
    content: none;
    display: none;
}

/* Nagłówki: reguła Elementora dla h2 w widgecie konta (post-12.css) jest mocniejsza
   niż style strony "Dziękujemy", więc powtarzamy je tu z wagą identyfikatora. */
:is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order .drukorz-ty-hero {
    padding-bottom: 0;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order .drukorz-ty-hero h2 {
    margin: 0;
    font: 700 30px/38px Inter, sans-serif;
    color: #171717;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order .drukorz-ty-hero p {
    margin: 2px 0 0;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order :is(.drukorz-ty-heading, h2.woocommerce-order-details__title) {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    font: 600 18px/28px Inter, sans-serif;
    color: #171717;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order h2.woocommerce-column__title {
    margin: 0 0 4px;
    font: 400 12px/16px Inter, sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #737373;
}

/* Widget konta obrysowuje tabelę zamówienia jak sekcję (wewnętrzny margines) - ramką jest już karta. */
:is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order table.woocommerce-table--order-details {
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
}

/* ---------- pasek płatności ---------- */

:is(#drukorz-konto, .e-my-account-tab) .drukorz-pay-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px 16px;
    padding: 16px 20px;
    font-family: Inter, sans-serif;
    background: #FFF4E5;
    border-radius: 12px;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-pay-bar__text strong {
    display: block;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: var(--drukorz-ink);
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-pay-bar__text span {
    display: block;
    font-size: 13px;
    line-height: 18px;
    color: var(--drukorz-muted);
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-pay-bar__btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    padding: 0 20px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    background: var(--drukorz-ink);
    border-radius: 8px;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-pay-bar__btn:hover {
    color: #fff;
    background: #000;
}

/* Przelew: dane konta rozwijane po kliknięciu (<details>). */
:is(#drukorz-konto, .e-my-account-tab) .drukorz-pay-bar__bank {
    flex-basis: 100%;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-pay-bar__bank summary {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: var(--drukorz-ink);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    list-style: none;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-pay-bar__bank summary::-webkit-details-marker {
    display: none;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-pay-bar__bank .drukorz-bank {
    max-width: 560px;
    margin-top: 12px;
    background: #fff;
}

/* ---------- "Masz pytanie?" i wiadomości ---------- */

:is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order > .drukorz-ty-help {
    background: var(--drukorz-bg2);
    border: 0 !important; /* strona "Dziękujemy" daje kartom ramkę z !important */
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order__notes .notes {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order__notes .note {
    margin: 0;
    padding: 12px 14px;
    background: var(--drukorz-bg);
    border-radius: 8px;
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order__notes .woocommerce-OrderUpdate-meta {
    margin: 0 0 4px;
    font-size: 12px;
    line-height: 16px;
    color: var(--drukorz-muted);
}

:is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order__notes .woocommerce-OrderUpdate-description p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: var(--drukorz-text);
}

/* ---------- telefon ---------- */

@media (max-width: 767px) {
    :is(#drukorz-konto, .e-my-account-tab) .woocommerce-order.drukorz-view-order {
        grid-template-columns: minmax(0, 1fr);
    }

    :is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order > :is(section.woocommerce-customer-details, .drukorz-ty-help) {
        grid-column: 1;
    }

    :is(#drukorz-konto, .e-my-account-tab) .drukorz-view-order .drukorz-ty-hero h2 {
        font-size: 24px;
        line-height: 32px;
    }

    :is(#drukorz-konto, .e-my-account-tab) .drukorz-pay-bar {
        flex-direction: column;
        align-items: stretch;
    }
}