/* =====================================================================
 * EK Custom — nasze nadpisania CSS (poza main.css, zgodnie z zasadą 0.5)
 * Ładowany PO main.css, więc wygrywa bez !important tam, gdzie specyficzność
 * jest równa lub wyższa.
 * Utworzono: 2026-08-26
 * ================================================================== */

/* ---------------------------------------------------------------------
 * 1) Szeroki, spójny układ stron-formularzy konta.
 *    main.css ograniczał "Szczegóły konta" do wąskich 600px. Zdejmujemy
 *    to ograniczenie, żeby formularze wypełniały kontener .brk-row (1140px)
 *    dokładnie tak, jak pozostałe strony konta (Ogłoszenia, Zamówienia).
 * ------------------------------------------------------------------ */
.woocommerce-edit-account .brk-page-content,
.woocommerce-edit-address .brk-page-content {
    max-width: none;
    margin: 0;
}

/* ---------------------------------------------------------------------
 * 2) Nagłówki w treści konta o rozsądnym rozmiarze.
 *    Po aktualizacji WooCommerce tytuł adresu bywa renderowany jako <h2>,
 *    którego motyw nie stylował w kontekście konta → łapał globalne
 *    h2 { font-size: 2.75rem } (~44px). Wyrównujemy h2/h3 do 24px,
 *    tak jak już zdefiniowano dla h3.
 * ------------------------------------------------------------------ */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content .woocommerce-Address-title,
.woocommerce-MyAccount-content .woocommerce-Address-title h2,
.woocommerce-MyAccount-content .woocommerce-Address-title h3 {
    font-size: 24px;
    line-height: 1.3;
}

@media (max-width: 767.98px) {
    .woocommerce-MyAccount-content h2,
    .woocommerce-MyAccount-content h3,
    .woocommerce-MyAccount-content .woocommerce-Address-title h2,
    .woocommerce-MyAccount-content .woocommerce-Address-title h3 {
        font-size: 18px;
    }
}

/* ---------------------------------------------------------------------
 * 3) Ramka adresu rozliczeniowego (thank-you / szczegóły zamówienia).
 *    main.css nadaje jej szare #ddd + czarną ramkę (odstaje wizualnie).
 *    Ujednolicamy do wyglądu białej karty jak reszta.
 * ------------------------------------------------------------------ */
.down-table-brkk {
    background: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 8px;
}
.down-table-brkk td {
    border-color: rgba(0, 0, 0, 0.05);
}

/* Przycisk "Drukuj potwierdzenie" spójny z motywem */
#wc-print-button.rz-button {
    display: inline-block;
}

/* ---------------------------------------------------------------------
 * 4) STRONA PODZIĘKOWANIA (order-received) — układ kartowy.
 *    WSZYSTKO scope'owane do .woocommerce-order-received, bo te same klasy
 *    (.woocommerce-order-details, .woocommerce-customer-details, .down-table-brkk,
 *    .ek-reg-order-consents) występują też na podglądzie zamówienia w koncie.
 * ------------------------------------------------------------------ */
.woocommerce-order-received .woocommerce {
    background: #fff;
    padding: 0;
}
.woocommerce-order-received .woocommerce-order {
    max-width: 100%;
    margin: 0 auto;
}
/* karty */
.woocommerce-order-received .brk-ty-head,
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .ek-reg-order-consents,
.woocommerce-order-received .woocommerce-customer-details {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(20, 30, 80, 0.06);
    padding: 2rem 2.25rem;
    margin: 0 0 1.75rem;
    position: relative;
}
/* nagłówek */
.woocommerce-order-received .brk-thank-you {
    display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0;
    max-width: 100%;
}
.woocommerce-order-received .brk-thank-you .fas.fa-check-circle {
    color: #e07b1a;
    font-size: 62px;
    filter: drop-shadow(0 6px 14px rgba(224, 123, 26, 0.35));
}
.woocommerce-order-received .wc-thank-title {
    color: #2b356b;
    font-size: 32px;
    margin: 1rem 0 0.35rem;
}
.woocommerce-order-received .woocommerce-thankyou-order-received {
    color: #6b7280; font-size: 15px; margin: 0;
}
/* pasek meta (Numer / Data / E-mail / Razem / Metoda) */
.woocommerce-order-received .woocommerce-order-overview {
    border: 0; border-top: 1px solid #eef0f5;
    margin: 1.75rem 0 0; padding: 1.25rem 0 0; width: 100%;
}
.woocommerce-order-received .woocommerce-order-overview tbody,
.woocommerce-order-received .woocommerce-order-overview tr { display: flex; width: 100%; }
.woocommerce-order-received .woocommerce-order-overview td {
    flex: 1; display: flex; flex-direction: column; text-align: center;
    border: 0; border-left: 1px solid #eef0f5; padding: 0.35rem 0.75rem;
    text-transform: uppercase; font-size: 11px; letter-spacing: .04em; color: #9aa0b0;
}
.woocommerce-order-received .woocommerce-order-overview td:first-child { border-left: 0; }
.woocommerce-order-received .woocommerce-order-overview td strong {
    text-transform: none; letter-spacing: 0; color: #1f2430; font-size: 15px; font-weight: 700; margin-top: 6px;
}
.woocommerce-order-received .woocommerce-order-overview td.total strong { color: #e07b1a; }
/* tytuły sekcji — granatowe, jednej wielkości */
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title,
.woocommerce-order-received .ek-reg-order-consents h2 {
    color: #2b356b; font-size: 20px; font-weight: 700; margin: 0 0 1.25rem;
}
/* tabela produktu — granatowy nagłówek */
.woocommerce-order-received .woocommerce-order-details table.order_details { border: 0; margin: 0; }
.woocommerce-order-received .woocommerce-order-details table.order_details th,
.woocommerce-order-received .woocommerce-order-details table.order_details td {
    padding: 1rem 1.25rem;
}
.woocommerce-order-received .woocommerce-order-details table.order_details thead th {
    background: #2b356b; color: #fff; border: 0; font-weight: 700;
}
.woocommerce-order-received .woocommerce-order-details table.order_details td,
.woocommerce-order-received .woocommerce-order-details table.order_details tfoot th {
    border-color: #eef0f5;
}
.woocommerce-order-received .woocommerce-order-details table.order_details tfoot tr:last-child th,
.woocommerce-order-received .woocommerce-order-details table.order_details tfoot tr:last-child td {
    color: #e07b1a; font-weight: 700;
}
/* przycisk druku — w rogu karty szczegółów */
.woocommerce-order-received #wc-print-button {
    position: absolute; top: 2rem; right: 2.25rem;
    background: #e07b1a; color: #fff; padding: 0.7rem 1.25rem;
    border-radius: 8px; font-weight: 600; text-decoration: none;
}
/* lista zgód — zielone ptaszki */
.woocommerce-order-received .ek-reg-order-consents li { padding: 8px 0 8px 26px; border-bottom: 1px solid #f0f0f0; }
.woocommerce-order-received .ek-reg-order-consents li:last-child { border-bottom: 0; }
.woocommerce-order-received .ek-reg-order-consents li > span { color: #2e9b57; font-weight: 700; }
/* karta adresu — bez szarości/cienia wewnętrznego */
.woocommerce-order-received .down-table-brkk { background: #fff !important; border: 0 !important; box-shadow: none !important; }
.woocommerce-order-received .down-table-brkk td { border: 0; padding: 4px 0; }
/* przycisk powrotu */
.woocommerce-order-received .brk-ty-back { text-align: center; margin: 0.5rem 0 1rem; }
.woocommerce-order-received .brk-ty-back .rz-button {
    display: inline-block; background: #fff; color: #2b356b; border: 2px solid #2b356b;
    padding: 0.85rem 1.9rem; border-radius: 10px; font-weight: 700; text-decoration: none;
}

/* ---------------------------------------------------------------------
 * 5) Ogłoszenie promowane — komunikacja ramką wokół zdjęcia
 *    zamiast pomarańczowej plakietki „Promowany".
 * ------------------------------------------------------------------ */
.rz--promoted .rz-listing-image {
    border-radius: 12px;
    border: 3px solid transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, var(--main, #fd7c02), var(--main-shade, #d15e00));
    background-origin: border-box;
    background-clip: padding-box, border-box;
}
.rz--promoted .rz-listing-priority {
    display: none;
}

/* Strona podziękowania — mobile: pasek meta i karty */
@media (max-width: 600px) {
    .woocommerce-order-received .woocommerce-order-overview tr { flex-wrap: wrap; }
    .woocommerce-order-received .woocommerce-order-overview td {
        flex: 1 0 50%; border-left: 0; border-top: 1px solid #eef0f5; padding: .75rem;
    }
    .woocommerce-order-received .brk-ty-head,
    .woocommerce-order-received .woocommerce-order-details,
    .woocommerce-order-received .ek-reg-order-consents,
    .woocommerce-order-received .woocommerce-customer-details { padding: 1.5rem 1.25rem; }
    .woocommerce-order-received #wc-print-button { position: static; display: inline-block; margin-top: .5rem; }
    .woocommerce-order-received .wc-thank-title { font-size: 26px; }
}

/* ---------------------------------------------------------------------
 * 6) Konto → Ogłoszenia: ramka promowanego + kafel „dodaj ogłoszenie".
 * ------------------------------------------------------------------ */
/* promowany kafel — pomarańczowa ramka (wykrycie po wyłączonym przycisku „Promowany") */
.rz-box:has(.rz-button.rz-disabled .fa-fire-alt) {
    box-shadow: 0 0 0 3px #e07b1a;
    border-radius: 14px;
}
/* kafel dodawania nowego ogłoszenia */
.rz-box--add {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    min-height: 220px; height: 100%; text-align: center; text-decoration: none;
    border: 2px dashed #cfd3e0; border-radius: 14px; color: #2b356b;
    transition: border-color .2s, background .2s;
}
.rz-box--add:hover { border-color: #e07b1a; background: #fff7f0; }
.rz-box--add .rz-box--add-icon {
    width: 56px; height: 56px; border-radius: 50%; background: #e07b1a; color: #fff;
    display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: .75rem;
}
.rz-box--add .rz-box--add-text { font-weight: 700; font-size: 16px; }

/* ---------------------------------------------------------------------
 * 7) Placeholder ogłoszenia bez zdjęcia — duża, wyraźna ikona osoby.
 * ------------------------------------------------------------------ */
.rz-listing-image .rz-dummy-image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    background: #f1f3f8;
}
.rz-listing-image .rz-dummy-image i {
    font-size: 84px;
    color: #b9c0d4;
}

/* ---------------------------------------------------------------------
 * 8) Font Montserrat wszędzie (katalog Routiz = Elementor).
 *    Motyw ustawia --font-* z opcji (Sen/Open Sans); nadpisujemy na Montserrat.
 * ------------------------------------------------------------------ */
:root {
    --font-heading: "Montserrat", Sans-serif !important;
    --font-body: "Montserrat", Sans-serif !important;
}

/* ---------------------------------------------------------------------
 * 9) Moje konto → Szczegóły zamówienia (view-order) + lista Zamówień.
 *    Ujednolicenie z kartą thank-you: białe karty, granatowe tytuły
 *    i nagłówek tabeli, spójne paddingi, czysta karta adresu.
 *    Scope: .woocommerce-MyAccount-content (nie dotyka thank-you ani innych stron).
 * ------------------------------------------------------------------ */

/* karty sekcji */
.woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce-MyAccount-content .ek-reg-order-consents,
.woocommerce-MyAccount-content .woocommerce-customer-details {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(20, 30, 80, 0.06);
    padding: 2rem 2.25rem;
    margin: 0 0 1.75rem;
}

/* tytuły sekcji — granatowe, jednej wielkości */
.woocommerce-MyAccount-content .woocommerce-order-details__title,
.woocommerce-MyAccount-content .woocommerce-column__title,
.woocommerce-MyAccount-content .ek-reg-order-consents h2 {
    color: #2b356b;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 1.25rem;
}

/* tabela zamówienia — granatowy nagłówek, spójne paddingi */
.woocommerce-MyAccount-content .woocommerce-order-details table.order_details {
    border: 0;
    margin: 0;
}
.woocommerce-MyAccount-content .woocommerce-order-details table.order_details th,
.woocommerce-MyAccount-content .woocommerce-order-details table.order_details td {
    padding: 1rem 1.25rem;
}
.woocommerce-MyAccount-content .woocommerce-order-details table.order_details thead th {
    background: #2b356b;
    color: #fff;
    border: 0;
    font-weight: 700;
}
.woocommerce-MyAccount-content .woocommerce-order-details table.order_details td,
.woocommerce-MyAccount-content .woocommerce-order-details table.order_details tfoot th {
    border-color: #eef0f5;
}
.woocommerce-MyAccount-content .woocommerce-order-details table.order_details tfoot tr:last-child th,
.woocommerce-MyAccount-content .woocommerce-order-details table.order_details tfoot tr:last-child td {
    color: #e07b1a;
    font-weight: 700;
}

/* przycisk „Zamów jeszcze raz" */
.woocommerce-MyAccount-content .order-again .button,
.woocommerce-MyAccount-content .woocommerce-order-details .button {
    display: inline-block;
    background: #e07b1a;
    color: #fff;
    padding: 0.85rem 1.6rem;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    margin: 0.25rem 0 1.5rem;
}

/* lista zgód — zielone ptaszki */
.woocommerce-MyAccount-content .ek-reg-order-consents li {
    padding: 8px 0 8px 26px;
    border-bottom: 1px solid #f0f0f0;
}
.woocommerce-MyAccount-content .ek-reg-order-consents li:last-child { border-bottom: 0; }
.woocommerce-MyAccount-content .ek-reg-order-consents li > span { color: #2e9b57; font-weight: 700; }

/* karta adresu — bez szarości/cienia wewnętrznego */
.woocommerce-MyAccount-content .down-table-brkk {
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
}
.woocommerce-MyAccount-content .down-table-brkk td { border: 0; padding: 4px 0; }

/* --- Lista Zamówień (orders) — biała karta z czytelnym nagłówkiem --- */
.woocommerce-MyAccount-content .woocommerce-orders-table {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(20, 30, 80, 0.06);
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    width: 100%;
}
.woocommerce-MyAccount-content .woocommerce-orders-table thead th {
    background: #2b356b;
    color: #fff;
    font-weight: 700;
    padding: 1rem 1.25rem;
    border: 0;
    text-align: left;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td {
    padding: 1rem 1.25rem;
    border-top: 1px solid #eef0f5;
    vertical-align: middle;
}
.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button {
    display: inline-block;
    background: #e07b1a;
    color: #fff;
    padding: 0.55rem 1.3rem;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
}

/* ---------------------------------------------------------------------
 * 10) Moje konto → Adres: select kraju (select2/selectWoo) jak pozostałe
 *     pola formularza. main.css daje mu szare tło, 41px, brak ramki, a
 *     strzałkę rysuje fontem Font Awesome (\F107, waga 600), który na tej
 *     stronie nie renderuje się → "kwadracik". Ujednolicamy z
 *     .woocommerce form .form-row input.input-text (46px, biały, radius 10)
 *     i rysujemy strzałkę inline SVG — bez zależności od fontu ikon.
 * ------------------------------------------------------------------ */
.woocommerce-MyAccount-content form .form-row .select2-container {
    width: 100% !important;
}
.woocommerce-MyAccount-content form .form-row .select2-container .select2-selection--single {
    height: 46px;
    background-color: #fff;
    border: 1px solid #ddd !important;
    border-radius: 10px;
    box-shadow: none;
}
.woocommerce-MyAccount-content form .form-row .select2-container.select2-container--focus .select2-selection--single,
.woocommerce-MyAccount-content form .form-row .select2-container.select2-container--open .select2-selection--single {
    border-color: #2b356b !important;
}
.woocommerce-MyAccount-content form .form-row .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    padding-left: 15px;
    padding-right: 42px;
    color: #000;
}
.woocommerce-MyAccount-content form .form-row .select2-container .select2-selection--single .select2-selection__rendered:after {
    content: "";
    font-family: inherit;
    font-size: 0;
    line-height: 0;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    right: 15px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") center / 14px 14px no-repeat;
    transition: transform 0.2s;
}
.woocommerce-MyAccount-content form .form-row .select2-container.select2-container--open .select2-selection__rendered:after {
    transform: rotate(180deg);
}
/* Rozwijana lista: dopasowana do pola. */
.select2-container--default .select2-dropdown {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #2b356b;
}