/*
 * My Account (/fiokom/) — prémium fekete/arany brand stílus.
 *
 * Ez a WooCommerce natív my-account oldala (nincs egyedi page template),
 * ezért a stílusozás kizárólag CSS-sel történik, a meglévő class-okat
 * célozva. Csak is_account_page()-en töltődik be (lásd inc/myaccount-styles.php).
 *
 * ÉLŐBEN MEGERŐSÍTETT STRUKTÚRA (kijelentkezett állapot, 2026-07-22):
 * a belépés/regisztráció felületet jelenleg a NATÍV WooCommerce sablon adja
 * (.woocommerce-form-login / .woocommerce-form-register / .woocommerce-Input),
 * a fül-váltást pedig az OceanWP saját .owp-account-links JS-widgetje végzi
 * (nem a Xoo El plugin — az korábban aktív volt, de jelenleg nincs a DOM-ban).
 * A .xoo-el-*/.xoo-aff-* szabályokat ennek ellenére megtartjuk defenzív
 * lefedésként, mert korábban bebizonyosodott, hogy ez a rendszer válthat
 * a kettő között (plugin be/kikapcsolás).
 *
 * A bejelentkezett dashboard (Vezérlőpult/Rendelések/Letöltések/Címek/
 * Fiókadatok) élő ellenőrzésére nincs módunk (bejelentkezés szükséges,
 * amihez nincs teszt-hozzáférésünk) — az ott érintett szabályok a
 * WooCommerce hivatalos, évek óta stabil myaccount sablon-struktúrája
 * alapján készültek (woocommerce-MyAccount-navigation, shop_table,
 * woocommerce-Address, stb.). Kérjük, ellenőrizd élőben feltöltés után.
 */

/* ── 1. Sötét háttér, teljes szélesség (OceanWP sidebar elrejtve) ───
   !important mindenhol: az OceanWP saját woo/woocommerce.min.css-e
   a mienk UTÁN is betölthet (lásd inc/myaccount-styles.php megjegyzés),
   ezért nem hagyatkozunk kizárólag a nyomtatási sorrendre.

   ÉLŐBEN MEGERŐSÍTETT DOM-LÁNC (2026-07-22): ez az OceanWP-verzió NEM
   használ #wrapper ID-t — a valódi lánc #outer-wrap > #wrap >
   #content-wrap > #primary(.content-area) > #content(.site-content).
   A korábbi #wrapper szelektor emiatt soha nem talált célpontot (ez
   okozta a hiányzó padding-top-ot a nav alatt). Emellett élőben azt is
   megerősítettük, hogy egy korábbi, 4 szelektoros összevont háttér-
   szabály valamiért nem került be a böngésző alkalmazott CSSOM-jába,
   miközben a nyers fájl-tartalom helyes volt (feltehetően egy szerver-
   oldali CSS-optimalizáló hiba, LiteSpeed Cache). Emiatt minden
   szelektor SAJÁT, önálló szabályt kap — egyetlen szelektor hibája
   sem viheti magával a többit. */
body.woocommerce-account {
    background: #0A0A0A !important;
}
body.woocommerce-account #outer-wrap {
    background: #0A0A0A !important;
}
body.woocommerce-account #wrap {
    background: #0A0A0A !important;
    padding-top: 76px !important;
}
body.woocommerce-account #content-wrap {
    background: #0A0A0A !important;
}
body.woocommerce-account #primary {
    background: #0A0A0A !important;
}
body.woocommerce-account #content {
    background: #0A0A0A !important;
}
body.woocommerce-account .content-area {
    background: #0A0A0A !important;
}
body.woocommerce-account .site-content {
    background: #0A0A0A !important;
}
body.woocommerce-account #outer-wrap,
body.woocommerce-account #wrap,
body.woocommerce-account #content-wrap,
body.woocommerce-account #primary,
body.woocommerce-account #content {
    color: #F5F0E6;
    font-family: 'Inter', sans-serif;
}
body.woocommerce-account .sidebar,
body.woocommerce-account #sidebar,
body.woocommerce-account .widget-area {
    display: none !important;
}
body.woocommerce-account .content-area {
    width: 100% !important;
    float: none !important;
}

/* ── A) OceanWP natív "Fiókom" page-header + breadcrumb sáv teljes
   elrejtése — a többi B2B/B2C oldalon sincs natív fejléc, azok saját
   hero-szekciót építenek; itt a közös .site-nav alatt egyenesen a
   tartalom kezdődik. ─────────────────────────────────────────────── */
body.woocommerce-account .page-header {
    display: none !important;
}

/* ── OceanWP natív lábléc elrejtése — a tartalom alatt megjelenő fehér
   sáv ("Copyright - WordPress Theme by OceanWP") ugyanúgy nem illik a
   fekete-arany arculathoz, mint a page-header. ─────────────────────── */
body.woocommerce-account #footer,
body.woocommerce-account #footer-widgets,
body.woocommerce-account #footer-bottom {
    display: none !important;
}

body.woocommerce-account .woocommerce {
    background: transparent !important;
    max-width: 720px;
    margin: 0 auto;
    /* A #wrapper padding-top: 76px (fent) már kitisztítja a fixed navot;
       ez itt csak a tartalom saját belső légterét adja a page-header
       elrejtése után. */
    padding: 64px 24px 96px;
}

/* ── 5. Címsorok — Cormorant Garamond, dőlt ────────────────────────── */
body.woocommerce-account .entry-title,
body.woocommerce-account h1.entry-title,
body.woocommerce-account .page-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-weight: 500;
    color: #F5F0E6 !important;
}

/* ── 2. Fül-navigáció (kijelentkezett állapot) ──────────────────────
   a) OceanWP saját Login/Register váltó — ez fut jelenleg élesben.   */
body.woocommerce-account ul.owp-account-links {
    display: flex !important;
    list-style: none !important;
    margin: 0 0 32px !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(201, 162, 39, 0.2);
    gap: 0;
}
body.woocommerce-account ul.owp-account-links li {
    margin: 0;
}
body.woocommerce-account ul.owp-account-links li.or {
    display: flex;
    align-items: center;
    padding: 0 14px;
    color: #8B7355 !important;
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
    text-transform: lowercase;
    /* Az OceanWP saját CSS-e kör alakú jelvényként stílusozza az "or"
       elválasztót (border + border-radius) — ezt itt explicit nullázzuk,
       hogy csak a sima szöveg maradjon. */
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
}
body.woocommerce-account a.owp-account-link {
    display: inline-block;
    padding: 14px 4px;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #C9C2B2 !important;
    text-decoration: none !important;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color 0.25s ease, border-color 0.25s ease;
}
body.woocommerce-account a.owp-account-link:hover {
    color: #E8C988 !important;
}
body.woocommerce-account a.owp-account-link.current {
    color: #E8C988 !important;
    border-bottom-color: #C9A227;
}

/*   b) Natív WooCommerce My Account dashboard nav (bejelentkezve)     */
body.woocommerce-account .woocommerce-MyAccount-navigation {
    background: #161513 !important;
    border: 1px solid rgba(201, 162, 39, 0.2);
    border-radius: 4px;
    padding: 8px 0;
    margin-bottom: 32px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link a {
    display: block;
    padding: 12px 24px;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.82rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #C9C2B2 !important;
    text-decoration: none;
    border-left: 2px solid transparent;
    transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover {
    color: #E8C988 !important;
    background: rgba(201, 162, 39, 0.06);
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
    color: #E8C988 !important;
    border-left-color: #C9A227;
    background: rgba(201, 162, 39, 0.1);
}

/*   c) Xoo El (Easy Login for WooCommerce) belépés/regisztráció fülek —
       defenzív lefedés, ha a plugin újra aktiválódna.                 */
.xoo-el-header {
    margin-bottom: 28px;
}
.xoo-el-tabs {
    display: flex !important;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(201, 162, 39, 0.2);
}
.xoo-el-tabs li {
    flex: 1;
    text-align: center;
    padding: 14px 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #C9C2B2 !important;
    background: transparent !important;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color 0.25s ease, border-color 0.25s ease;
}
.xoo-el-tabs li:hover {
    color: #E8C988 !important;
}
.xoo-el-tabs li.xoo-el-active {
    color: #E8C988 !important;
    border-bottom-color: #C9A227;
}

/* ── Belépés / Regisztráció oszlopok (natív WC #customer_login) ────
   Az OceanWP JS-e a két oszlop közül mindig csak az egyiket mutatja
   (display:block / display:none váltással a fül-kattintásra), ezért
   nem rács-elrendezést, hanem egykolumnás, teljes szélességű nézetet
   stílusozunk. */
body.woocommerce-account #customer_login {
    margin: 0;
}
body.woocommerce-account #customer_login .u-column1,
body.woocommerce-account #customer_login .u-column2 {
    width: 100% !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}
body.woocommerce-account #customer_login h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-weight: 500 !important;
    font-size: 1.9rem !important;
    color: #F4E6C4 !important;
    margin: 0 0 24px !important;
}

/* ── 3. Input mezők ─────────────────────────────────────────────────
   a) Natív WooCommerce form mezők (login/register + fiókadatok, stb.) */
body.woocommerce-account .woocommerce-form-row input.input-text,
body.woocommerce-account .woocommerce-form-row textarea,
body.woocommerce-account .woocommerce-form-row select,
body.woocommerce-account .woocommerce-EditAccountForm input,
body.woocommerce-account .woocommerce-EditAccountForm select,
body.woocommerce-account .woocommerce-address-fields input,
body.woocommerce-account .woocommerce-address-fields select {
    background: #161513 !important;
    border: 1px solid rgba(201, 162, 39, 0.4) !important;
    border-radius: 2px;
    color: #F5F0E6 !important;
    padding: 13px 16px;
    font-family: 'Inter', sans-serif;
    font-size: 0.95rem;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
body.woocommerce-account .woocommerce-form-row input.input-text:focus,
body.woocommerce-account .woocommerce-form-row select:focus,
body.woocommerce-account .woocommerce-EditAccountForm input:focus,
body.woocommerce-account .woocommerce-address-fields input:focus {
    outline: none;
    border-color: #C9A227;
    box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.15);
}
body.woocommerce-account .woocommerce-form-row label {
    display: block;
    color: #C9C2B2;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 6px;
}
body.woocommerce-account .woocommerce-form-row label .required {
    color: #C9A227;
}
/* Jelszó-mező "szem" ikon gomb (show-password-input) */
body.woocommerce-account .password-input {
    position: relative;
    display: block;
}
body.woocommerce-account .show-password-input {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    color: #8B6914;
}
/* Checkbox sorok (pl. "Emlékezz rám") */
body.woocommerce-account .woocommerce-form__label-for-checkbox {
    display: flex !important;
    align-items: center;
    gap: 8px;
    color: #C9C2B2;
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 400;
}
body.woocommerce-account input[type="checkbox"] {
    accent-color: #C9A227;
    width: 16px;
    height: 16px;
}
/* Élőben megerősítve: a login form-ban a "Emlékezz rám" checkbox és a
   "Belépés" gomb UGYANANNAK a <p class="form-row"> elemnek a testvér
   gyermekei — a fenti display:flex a checkbox-labelen megszüntette a WC
   alap-CSS által adott térközt köztük. Ez a szabály a közös szülő sort
   rendezi (checkbox balra, gomb jobbra, tördeléskor térközzel). */
body.woocommerce-account .woocommerce-form-login p.form-row:has(.woocommerce-form-login__rememberme) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px 24px;
}
/* Fallback azoknak a böngészőknek, ahol a :has() nem támogatott — így
   akkor is marad térköz a checkbox-sor és a gomb között. */
body.woocommerce-account .woocommerce-form-login__submit,
body.woocommerce-account .woocommerce-form-register__submit {
    margin-top: 18px;
}

/*   b) Xoo El (.xoo-aff-*) form mezők — defenzív lefedés               */
.xoo-aff-field {
    background: #161513 !important;
    border: 1px solid rgba(201, 162, 39, 0.4) !important;
    border-radius: 2px !important;
    color: #F5F0E6 !important;
    font-family: 'Inter', sans-serif !important;
}
.xoo-aff-field:focus {
    outline: none !important;
    border-color: #C9A227 !important;
    box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.15) !important;
}
.xoo-aff-input-icon {
    color: #8B6914 !important;
}
.xoo-aff-input-group input::placeholder {
    color: #C9C2B2;
    opacity: 0.6;
}
.xoo-el-form-label span {
    color: #C9C2B2;
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
}
.xoo-aff-field[type="checkbox"] {
    accent-color: #C9A227;
}

/* ── 4. Gombok — arany háttér, fekete szöveg, Montserrat SemiBold ──
   (ugyanaz a rendszer, mint a .b2bl-btn--solid a B2B oldalakon)      */
body.woocommerce-account button.button,
body.woocommerce-account input.button,
body.woocommerce-account a.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 38px;
    border-radius: 2px;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #C9A227;
    background: linear-gradient(135deg, #E8C988, #C9A227) !important;
    color: #0A0A0A !important;
    cursor: pointer;
    transition: all 0.3s ease;
}
body.woocommerce-account button.button:hover,
body.woocommerce-account input.button:hover,
body.woocommerce-account a.button:hover {
    box-shadow: 0 0 28px rgba(201, 162, 39, 0.45);
    transform: translateY(-2px);
}

.xoo-el-action-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px 38px !important;
    border-radius: 2px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    border: 1px solid #C9A227 !important;
    background: linear-gradient(135deg, #E8C988, #C9A227) !important;
    color: #0A0A0A !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
    margin-top: 16px;
}
.xoo-el-action-btn:hover {
    box-shadow: 0 0 28px rgba(201, 162, 39, 0.45);
    transform: translateY(-2px);
}

/* ── 6. Linkek (elfelejtett jelszó, adatvédelmi tájékoztató, stb.) ── */
.xoo-el-lostpw-tgr,
body.woocommerce-account .woocommerce-LostPassword a,
body.woocommerce-account .lost_password a,
body.woocommerce-account .woocommerce-privacy-policy-link,
body.woocommerce-account .woocommerce-MyAccount-content a {
    color: #E8C988 !important;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
}
.xoo-el-lostpw-tgr:hover,
body.woocommerce-account .woocommerce-LostPassword a:hover,
body.woocommerce-account .woocommerce-privacy-policy-link:hover,
body.woocommerce-account .woocommerce-MyAccount-content a:hover {
    color: #C9A227 !important;
    text-decoration: underline;
}
body.woocommerce-account .woocommerce-privacy-policy-text,
body.woocommerce-account #customer_login p {
    color: #C9C2B2;
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    line-height: 1.6;
}
body.woocommerce-account .b2b-reg-fields-heading {
    color: #F4E6C4 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-top: 1px solid rgba(201, 162, 39, 0.15);
    padding-top: 20px !important;
}

/* ── Üzenetek / hibaüzenetek ────────────────────────────────────── */
.xoo-el-notice:not(:empty),
body.woocommerce-account .woocommerce-error {
    background: rgba(220, 38, 38, 0.1) !important;
    border: 1px solid rgba(220, 38, 38, 0.4) !important;
    color: #ff9b9b !important;
    border-radius: 4px;
    padding: 14px 16px;
    font-size: 0.9rem;
    list-style: none;
}
body.woocommerce-account .woocommerce-message {
    background: rgba(201, 162, 39, 0.1);
    border: 1px solid rgba(201, 162, 39, 0.4);
    color: #F4E6C4;
    border-radius: 4px;
    padding: 14px 16px;
    font-size: 0.9rem;
}

/* ── Bejelentkezett dashboard ───────────────────────────────────────
   FONTOS: ezt a részt nem tudtuk élőben ellenőrizni (bejelentkezés
   szükséges), a WooCommerce hivatalos, hosszú ideje stabil myaccount
   sablon-struktúrája alapján készült. Kérjük, ellenőrizd élesben. */
body.woocommerce-account .woocommerce-MyAccount-content {
    color: #C9C2B2;
    line-height: 1.7;
}
/* Üdvözlő szöveg ("Üdvözlünk vissza, {név}! ...") — a dashboard.php
   sablon ezt egy sima <p>-ként adja ki a .woocommerce-MyAccount-content
   elején. */
body.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 1.15rem;
    color: #F5F0E6;
}
body.woocommerce-account .woocommerce-MyAccount-content strong {
    color: #E8C988;
}

/* Rendelések / Letöltések táblázatok */
body.woocommerce-account table.shop_table,
body.woocommerce-account table.my_account_orders,
body.woocommerce-account table.woocommerce-orders-table,
body.woocommerce-account table.woocommerce-table--order-downloads {
    background: #161513 !important;
    border: 1px solid rgba(201, 162, 39, 0.2);
    border-collapse: collapse;
    color: #F5F0E6 !important;
    width: 100%;
}
body.woocommerce-account table.shop_table th {
    background: rgba(201, 162, 39, 0.08) !important;
    color: #F4E6C4 !important;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    padding: 12px 16px;
    text-align: left;
}
body.woocommerce-account table.shop_table td {
    border-top: 1px solid rgba(201, 162, 39, 0.15);
    padding: 12px 16px;
    color: #C9C2B2;
}
body.woocommerce-account .woocommerce-orders-table__cell-order-status {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
body.woocommerce-account .button.woocommerce-button.view {
    padding: 8px 18px;
    font-size: 0.7rem;
}

/* Címek (Számlázási / Szállítási cím)
   Élőben megküldött valós HTML alapján: a .woocommerce-Addresses natív
   WC class-lista (.u-columns.col2-set.addresses) egy régi, float/width
   alapú 2-oszlopos rendszer maradványa — ezt semlegesítjük lentebb.
   A címsor <h2>-t használ (NEM <h3>-at, ahogy korábban feltételeztük),
   ezért a régi .woocommerce-Address-title h3 szelektor sosem talált
   célpontot, és a float:right-tal pozicionált "SZERKESZTÉSE" link
   stílus nélküli, alapméretű h2-vel csúszott össze. */
body.woocommerce-account .woocommerce-Addresses {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
/* A natív .u-column1/.u-column2 (WC "2 oszlop" osztályok) width/float
   szabályait nullázzuk, hogy ne ütközzenek a fenti grid-elrendezéssel. */
body.woocommerce-account .woocommerce-Addresses .u-column1,
body.woocommerce-account .woocommerce-Addresses .u-column2 {
    width: auto !important;
    float: none !important;
}
body.woocommerce-account .woocommerce-Address {
    background: #161513;
    border: 1px solid rgba(201, 162, 39, 0.2);
    border-radius: 4px;
    padding: 24px;
}
body.woocommerce-account .woocommerce-Address-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
body.woocommerce-account .woocommerce-Address-title h2 {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 1.3rem;
    color: #F4E6C4;
    margin: 0;
}
body.woocommerce-account .woocommerce-Address-title .edit {
    color: #E8C988;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    white-space: nowrap;
}
body.woocommerce-account address {
    font-style: normal;
    color: #C9C2B2;
    line-height: 1.7;
}

/* Fiókadatok szerkesztő űrlap */
body.woocommerce-account .woocommerce-EditAccountForm fieldset {
    border: 1px solid rgba(201, 162, 39, 0.2);
    border-radius: 4px;
    padding: 20px;
    margin-top: 24px;
}
body.woocommerce-account .woocommerce-EditAccountForm legend {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    color: #C9A227;
    padding: 0 8px;
}

/* Bejelentkezett dashboard nézetben (üdvözlő szöveg + MyAccount menü,
   ill. a Rendelések/Letöltések/Címek al-nézetek) is legyen légtér a
   tartalom és a lábléc között. */
body.woocommerce-account .woocommerce-MyAccount-content {
    margin-bottom: 64px;
}
/* A fenti margin-bottom önmagában NEM elég: élőben megkapott valós DOM
   szerint a .woocommerce-MyAccount-content az #primary(.content-area)-n
   belül van, ami az #content-wrap-en belül egy SOR-t alkot az
   aside#right-sidebar.widget-area-val (ugyanaz a natív OceanWP sidebar,
   amit a .widget-area { display:none !important; } fentebb elrejt).
   Ha ez a hide-szabály bármi okból (pl. a korábban már kétszer
   megfigyelt CSSOM-szabály-eltűnés) mégsem érvényesülne, a sor
   magasságát a sidebar (nem a content margin-ja) határozná meg, és a
   margin-bottom nem hozna létre látható térközt. Ezért a térközt
   közvetlenül az #content-wrap-re tesszük — ez MINDIG az egész content+
   sidebar SOR után zár, függetlenül attól, melyik oszlop a magasabb,
   és attól is, hogy a sidebar ténylegesen el van-e rejtve.

   /fiokom/orders/-on élőben megerősítve (raw-bytes-vs-CSSOM
   összehasonlítással): ez a szabály ténylegesen érvényesül, tehát a
   Rendelések fülön jelentkező hiányzó térköz NEM a korábban kétszer
   tapasztalt CSSOM-szabály-eltűnés jelensége. Mivel nincs
   bejelentkezési hozzáférésünk, nem tudtuk ellenőrizni, hogy a
   Rendelések-táblázat valódi DOM-struktúrája esetleg kitör-e ebből a
   konténerből — az érték 64px-re emelése (a korábbi 48px helyett)
   nagyobb biztonsági tartalékot ad, amíg ez élőben megerősíthető. */
body.woocommerce-account #content-wrap {
    padding-bottom: 64px !important;
}
/* Párhuzamos, több rétegű védelem: ha a #content-wrap padding-ját egy
   másik, később betöltött OceanWP-szabály (pl. a .clr clearfix-hez
   társuló, vagy egy magasabb specificitású saját szabály) mégis
   felülírná, ugyanezt a térközt a #main és #primary elemekre is
   feltesszük — ezek a #content-wrap-en BELÜL vannak, tehát a térköz
   akkor is létrejön, ha csak EGY a három szabály közül érvényesül. */
body.woocommerce-account #main,
body.woocommerce-account #primary {
    padding-bottom: 64px !important;
}

/* Duplikált háttérszín-szabály, EGY MÁSIK pozícióban a fájlban (nem
   közvetlenül egy nagy komment-blokk után) — élőben megerősítettük,
   hogy a fájl tetején lévő "body.woocommerce-account { background:
   #0A0A0A !important; }" szabály (ami egy nagy komment-blokk UTÁN
   következik) rejtélyes módon hiányzik a böngésző által ténylegesen
   alkalmazott CSSOM-ból, holott a nyers, kiszolgált fájl-tartalomban
   jelen van (feltehetően szerver-oldali CSS-optimalizáló hiba). Mivel
   ugyanez a jelenség korábban egy MÁSIK, teljesen független szabálynál
   is előfordult, ez nem oldható meg pusztán a CSS újraírásával — ez a
   duplikátum egy védőháló, hogy ha az eredeti szabály kiesik, ez a
   másik pozícióban lévő példány akkor is érvényesüljön. */
html body.woocommerce-account {
    background-color: #0A0A0A !important;
}

/* ── Reszponzív ─────────────────────────────────────────────────── */
@media (max-width: 600px) {
    body.woocommerce-account .woocommerce {
        padding: 48px 16px 64px;
    }
    .xoo-el-tabs li {
        padding: 12px 10px;
        font-size: 0.75rem;
    }
    body.woocommerce-account .woocommerce-Addresses {
        grid-template-columns: 1fr;
    }
}