/* =============================================================
   Tytka Fit — strona "Moje konto". Scope: .tytka-account wrapper.
   Inspirowane stylistyką Kreatora — te same zmienne, ten sam ton.

   SECTIONS:
   ─ 0. RESET / VARS / FONTS
   ─ 1. TOPBAR
   ─ 2. ACCOUNT HERO (powitanie zalogowanego)
   ─ 3. SHELL (sidebar + main)
   ─ 4. NAV (rail)
   ─ 5. CARD (general)
   ─ 6. DASHBOARD (kafelki)
   ─ 7. ORDERS (lista + view)
   ─ 8. ADDRESSES
   ─ 9. FORMS (inputs, buttons, validation)
   ─ 10. AUTH (login/register/lost-password)
   ─ 11. STATUS PILLS, EMPTY STATES, NOTICES
   ─ 12. RESPONSIVE
   ============================================================= */

/* ─────────── 0. RESET / VARS / FONTS ─────────── */

@font-face {
  font-family: "ScriptoramaJF Tradeshow";
  src: url("../Scriptorama Tradeshow JF Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.tytka-account{
  width: 100%;
  --ink:           #221f1c;
  --ink-2:         #4a4541;
  --ink-3:         #8b847d;
  --ink-4:         #b8b1a6;
  --line:          #ebe5d8;
  --line-2:        #f1ebde;
  --bg:            #faf6ee;
  --bg-2:          #f5efe1;
  --bg-3:          #efe7d3;
  --paper:         #ffffff;
  --paper-2:       #fbf7ee;
  --carrot:        #d27f21;
  --carrot-deep:   #ad6315;
  --carrot-soft:   #fbe8cd;
  --carrot-tint:   #fff4e1;
  --leaf:          #afb321;
  --leaf-deep:     #7e831a;
  --leaf-soft:     #eceec0;
  --leaf-tint:     #f6f7da;
  --warn:          #b8412a;
  --warn-bg:       #fbe5dc;
  --ok:            #5e7a1a;
  --danger:        #b8412a;
  --danger-soft:   #fbe5dc;

  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 32px;

  --sh-1: 0 1px 0 rgba(34,31,28,.04), 0 2px 6px rgba(34,31,28,.04);
  --sh-2: 0 6px 18px rgba(34,31,28,.06), 0 2px 4px rgba(34,31,28,.04);
  --sh-3: 0 22px 50px -16px rgba(34,31,28,.22), 0 8px 18px -6px rgba(34,31,28,.08);
  --sh-glow: 0 0 0 4px rgba(215,127,33,.12);

  --f-sans: "Josefin Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --f-script: "ScriptoramaJF Tradeshow", "Scriptorama Tradeshow", "Pacifico", cursive;
  --ease: cubic-bezier(.32,.72,.28,1);

  font-family: var(--f-sans);
  font-size: 15px; line-height: 1.5; letter-spacing: .005em;
  color: var(--ink); background: var(--bg);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
  position: relative; isolation: isolate;
  overflow-x: clip;
  min-height: 100vh;
  padding-bottom: 80px;
}
@supports not (overflow-x: clip) { .tytka-account { overflow-x: hidden; } }

body.tytka-account-page { overflow-x: clip; background: #faf6ee !important; }
@supports not (overflow-x: clip) { body.tytka-account-page { overflow-x: hidden; } }

/* Reset .screen-reader-text — WP wymusza skip-link "Przejdź do treści" via wp_body_open().
   Normalnie classic-theme-styles to ukrywa, ale my je dequeue'ujemy. */
body.tytka-account-page .screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); -webkit-clip-path: inset(50%); clip-path: inset(50%);
  height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0;
  position: absolute !important; word-wrap: normal !important;
}
body.tytka-account-page .screen-reader-text:focus {
  clip: auto !important; -webkit-clip-path: none; clip-path: none;
  background-color: #fff; color: #221f1c;
  display: block; font-size: 14px; font-weight: 700;
  height: auto; left: 8px; line-height: normal;
  padding: 12px 16px; text-decoration: none; top: 8px; width: auto;
  z-index: 100000; border-radius: 8px;
  box-shadow: 0 4px 14px rgba(0,0,0,.12);
}

/* ====== THEME CHROME RESET (Hello Elementor / Elementor builder)
   Ukryj theme header/footer + reset content wrappers na stronie Moje Konto.
   Zostawiamy tylko nasz .tytka-account. (Reguły 1:1 jak na Kreatorze.) */
body.tytka-account-page header[role="banner"],
body.tytka-account-page footer[role="contentinfo"],
body.tytka-account-page .site-header,
body.tytka-account-page .site-footer,
body.tytka-account-page #site-header,
body.tytka-account-page #site-footer,
body.tytka-account-page .ehf-header,
body.tytka-account-page .ehf-footer,
body.tytka-account-page [data-elementor-type="header"],
body.tytka-account-page [data-elementor-type="footer"],
body.tytka-account-page .header-footer-elementor-header,
body.tytka-account-page .header-footer-elementor-footer,
body.tytka-account-page .hfe-header,
body.tytka-account-page .hfe-footer,
body.tytka-account-page .page-header,
body.tytka-account-page #page-header,
body.tytka-account-page .elementor-location-header,
body.tytka-account-page .elementor-location-footer{
  display: none !important;
}

/* Wyzeruj theme content wrapper — full-bleed dla naszego .tytka-account.
   :not(.tytka-account-public, .tytka-account-public *) — żeby nie podpinać się
   pod nasz wewnętrzny <main class="tytka-account-public"> i nie wymuszać max-width:none. */
body.tytka-account-page #page,
body.tytka-account-page #wrapper,
body.tytka-account-page .site,
body.tytka-account-page .site-main,
body.tytka-account-page .content-area,
body.tytka-account-page main:not(.tytka-account-public),
body.tytka-account-page main#content,
body.tytka-account-page #content,
body.tytka-account-page #primary,
body.tytka-account-page .page-content,
body.tytka-account-page article.page,
body.tytka-account-page article.post,
body.tytka-account-page .entry-content,
body.tytka-account-page .entry-header,
body.tytka-account-page .post-thumbnail,
body.tytka-account-page .container,
body.tytka-account-page .container-fluid{
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Ukryj page title — Tytka Account ma własny hero. */
body.tytka-account-page .entry-header,
body.tytka-account-page .entry-title,
body.tytka-account-page .page-title,
body.tytka-account-page h1.entry-title{
  display: none !important;
}

.tytka-account, .tytka-account *, .tytka-account *::before, .tytka-account *::after { box-sizing: border-box; }
.tytka-account button { font-family: inherit; cursor: pointer; border: 0; background: transparent; color: inherit; padding: 0; }
.tytka-account input, .tytka-account select, .tytka-account textarea { font-family: inherit; font-size: 15px; color: inherit; }
.tytka-account a { color: inherit; text-decoration: none; }
.tytka-account ::selection { background: var(--ink); color: #fff; }
.tytka-account h1, .tytka-account h2, .tytka-account h3, .tytka-account h4 { font-family: inherit; margin: 0; }
.tytka-account ul { margin: 0; padding: 0; list-style: none; }
.tytka-account svg { display: inline-block; vertical-align: middle; }

.tytka-account > * { position: relative; z-index: 1; }

/* ─────────── 1. TOPBAR ─────────── */

.tytka-account .topbar{
  position: sticky; top: 0; z-index: 40;
  backdrop-filter: saturate(1.4) blur(18px);
  -webkit-backdrop-filter: saturate(1.4) blur(18px);
  background: rgba(250,246,238,.78);
  border-bottom: 1px solid rgba(34,31,28,.06);
}
.tytka-account .topbar-inner{
  max-width: 1320px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 28px; gap: 16px;
}
.tytka-account .brand { display: flex; align-items: center; gap: 12px; }
.tytka-account .brand-mark { width: 40px; height: 40px; border-radius: 13px; flex-shrink: 0; object-fit: contain; display: block; }
.tytka-account .brand-word { display: flex; flex-direction: column; line-height: 1; }
.tytka-account .brand-word b { font-family: var(--f-script); font-weight: 400; font-size: 25px; line-height: .9; letter-spacing: 0; color: var(--carrot-deep); }
.tytka-account .brand-word small { font-size: 9.5px; color: var(--ink-3); letter-spacing: .22em; text-transform: uppercase; margin-top: 4px; font-weight: 500; }
.tytka-account .topnav { display: flex; align-items: center; gap: 10px; }
.tytka-account .t-pill {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 14px; border-radius: 999px;
  background: var(--paper); border: 1px solid var(--line);
  font-weight: 500; color: var(--ink-2);
  font-size: 12.5px; letter-spacing: .005em; white-space: nowrap;
  transition: border-color .18s var(--ease), color .18s var(--ease), background .18s var(--ease);
}
.tytka-account .t-pill-link:hover { border-color: var(--carrot-soft); color: var(--carrot-deep); }
.tytka-account .t-pill svg { width: 13px; height: 13px; }
.tytka-account .t-pill .dot{
  width: 7px; height: 7px; border-radius: 50%; background: var(--leaf);
  box-shadow: 0 0 0 4px rgba(182,186,28,.18);
}
.tytka-account .t-pill-user{ background: rgba(255,255,255,.6); }
@media (max-width: 760px){
  .tytka-account .topbar-inner { padding: 14px 18px; }
  .tytka-account .brand-word small { display: none; }
  .tytka-account .t-pill-link span { display: none; }
  .tytka-account .t-pill-link { padding: 9px 11px; }
}

/* ─────────── 2. ACCOUNT HERO ─────────── */

.tytka-account .acc-hero{
  position: relative;
  max-width: 1320px; margin: 0 auto;
  padding: 36px 28px 12px;
}
.tytka-account .acc-hero::before{
  content: ""; position: absolute;
  inset: 0 calc(50% - 50vw);
  background:
    radial-gradient(620px 320px at 8% 30%, rgba(182,186,28,.14), transparent 60%),
    radial-gradient(700px 360px at 90% 75%, rgba(215,127,33,.12), transparent 62%),
    linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
  pointer-events: none; z-index: 0;
}
.tytka-account .acc-hero > * { position: relative; z-index: 1; }
.tytka-account .acc-hero-inner{
  display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; flex-wrap: wrap;
}
.tytka-account .acc-hero .eyebrow{
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 11px; letter-spacing: .24em; text-transform: uppercase;
  font-weight: 600; color: var(--ink-3); margin-bottom: 12px;
}
.tytka-account .acc-hero .eyebrow::before{ content: ""; width: 24px; height: 1px; background: var(--ink-4); }
.tytka-account .acc-hero h1{
  font-size: clamp(34px, 5vw, 56px); line-height: 1; letter-spacing: -.025em;
  font-weight: 700; max-width: 22ch;
}
.tytka-account .acc-hero h1 em{ font-style: italic; font-weight: 300; color: var(--carrot); position: relative; display: inline-block; }
.tytka-account .acc-hero h1 em::after{
  content: ""; position: absolute; left: -.06em; right: -.06em; bottom: .04em;
  height: .18em; background: var(--leaf); z-index: -1; border-radius: 6px;
  transform: rotate(-1deg) skewX(-4deg); opacity: .55; mix-blend-mode: multiply;
}
.tytka-account .acc-hero-greet{
  display: block; margin-top: 14px;
  font-size: clamp(14px, 1.4vw, 17px); font-weight: 400; letter-spacing: 0;
  color: var(--ink-2); font-style: normal;
}
.tytka-account .acc-hero-greet b { font-weight: 600; color: var(--ink); }
.tytka-account .acc-hero-rhs{ display: flex; gap: 22px; }
.tytka-account .acc-stat-mini{ display: flex; flex-direction: column; padding-right: 22px; border-right: 1px solid var(--line); min-width: 90px; }
.tytka-account .acc-stat-mini:last-child{ border-right: 0; padding-right: 0; }
.tytka-account .acc-stat-mini b{ font-size: 22px; font-weight: 700; color: var(--ink); letter-spacing: -.01em; line-height: 1.1; }
.tytka-account .acc-stat-mini b .woocommerce-Price-amount{ font-weight: 700; }
.tytka-account .acc-stat-mini span{ font-size: 11.5px; color: var(--ink-3); letter-spacing: .04em; margin-top: 4px; }
.tytka-account .acc-hero-sep{
  margin: 28px calc(50% - 50vw) -16px;
  height: 32px;
  background: linear-gradient(180deg, transparent 0%, rgba(245,239,225,.6) 70%, var(--bg-2) 100%);
  pointer-events: none;
}

/* ─────────── 3. SHELL ─────────── */

.tytka-account .acc-shell{
  max-width: 1320px; margin: 0 auto;
  padding: 18px 28px 28px;
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 28px;
  align-items: start;
}
.tytka-account .acc-main { min-width: 0; }
@media (max-width: 1020px){
  .tytka-account .acc-shell { grid-template-columns: 1fr; gap: 16px; padding: 14px 18px 24px; }
}

/* ─────────── 4. NAV (rail) ─────────── */

.tytka-account .acc-nav{
  position: sticky; top: 88px;
  background: var(--paper); border: 1px solid var(--line);
  border-radius: var(--r-lg); box-shadow: var(--sh-1);
  padding: 14px 10px; overflow: hidden;
}
.tytka-account .acc-nav-toggle{ display: none; }
.tytka-account .acc-nav-list{ display: flex; flex-direction: column; gap: 2px; }
.tytka-account .acc-nav-item{ position: relative; }
.tytka-account .acc-nav-link{
  display: flex; align-items: center; gap: 12px;
  padding: 11px 14px;
  border-radius: var(--r-sm);
  font-size: 14px; font-weight: 500;
  color: var(--ink-2);
  transition: background .15s var(--ease), color .15s var(--ease), transform .15s var(--ease);
  position: relative;
}
.tytka-account .acc-nav-icon{
  width: 28px; height: 28px; flex-shrink: 0;
  display: grid; place-items: center;
  border-radius: 9px;
  background: var(--bg-2); color: var(--ink-3);
  transition: background .15s var(--ease), color .15s var(--ease);
}
.tytka-account .acc-nav-icon svg{ width: 16px; height: 16px; }
.tytka-account .acc-nav-label{ flex: 1; min-width: 0; }
.tytka-account .acc-nav-arrow{
  width: 12px; height: 12px; color: var(--ink-4);
  opacity: 0; transform: translateX(-4px);
  transition: opacity .15s var(--ease), transform .15s var(--ease);
}
.tytka-account .acc-nav-badge{
  display: inline-grid; place-items: center;
  min-width: 22px; height: 20px; padding: 0 6px;
  background: var(--carrot-soft); color: var(--carrot-deep);
  border-radius: 999px; font-size: 11px; font-weight: 700;
}
.tytka-account .acc-nav-link:hover{
  background: var(--bg-2); color: var(--ink);
}
.tytka-account .acc-nav-link:hover .acc-nav-arrow{ opacity: 1; transform: translateX(0); }
.tytka-account .acc-nav-link:hover .acc-nav-icon{ background: var(--carrot-soft); color: var(--carrot-deep); }
.tytka-account .acc-nav-item.is-active .acc-nav-link{
  background: var(--carrot-tint);
  color: var(--ink);
  box-shadow: inset 3px 0 0 var(--carrot);
}
.tytka-account .acc-nav-item.is-active .acc-nav-icon{ background: var(--carrot); color: #fff; box-shadow: 0 4px 10px -4px rgba(215,127,33,.5); }
.tytka-account .acc-nav-item.is-active .acc-nav-link .acc-nav-arrow{ opacity: 1; transform: translateX(0); color: var(--carrot-deep); }
.tytka-account .acc-nav-item.is-danger .acc-nav-link{ color: var(--ink-3); }
.tytka-account .acc-nav-item.is-danger .acc-nav-link:hover{ background: var(--warn-bg); color: var(--warn); }
.tytka-account .acc-nav-item.is-danger .acc-nav-link:hover .acc-nav-icon{ background: var(--warn-bg); color: var(--warn); }

.tytka-account .acc-nav-foot{
  margin-top: 14px; padding: 12px 8px 4px; border-top: 1px dashed var(--line);
}
.tytka-account .acc-nav-cta{
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px;
  background: var(--carrot);
  color: #fff;
  border: 1.5px solid var(--carrot);
  border-radius: var(--r-md); font-size: 13.5px; font-weight: 600;
  line-height: 1.15;
  box-shadow: 0 6px 16px -8px rgba(215,127,33,.5);
  transition: background .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);
}
.tytka-account .acc-nav-cta svg{ width: 22px; height: 22px; color: #fff; }
.tytka-account .acc-nav-cta:hover{ background: var(--carrot-deep); border-color: var(--carrot-deep); transform: translateY(-1px); box-shadow: 0 10px 22px -10px rgba(215,127,33,.55); }

/* mobile nav toggle */
@media (max-width: 1020px){
  .tytka-account .acc-nav{ padding: 0; }
  .tytka-account .acc-nav-toggle{
    display: flex; align-items: center; gap: 10px;
    width: 100%; padding: 14px 16px;
    font-size: 14px; font-weight: 600; color: var(--ink);
    background: var(--paper); border-radius: var(--r-lg);
    position: relative;
  }
  .tytka-account .acc-nav-toggle svg{ width: 18px; height: 18px; }
  .tytka-account .acc-nav-current{
    margin-left: auto; color: var(--carrot-deep); font-weight: 600; font-size: 13px;
  }
  .tytka-account .acc-nav-list{
    display: none;
    padding: 6px 8px 12px;
    border-top: 1px solid var(--line);
  }
  .tytka-account .acc-nav.is-open .acc-nav-list{ display: flex; }
  .tytka-account .acc-nav.is-open .acc-nav-toggle::after{ transform: rotate(180deg); }
  .tytka-account .acc-nav-foot{ padding: 0 12px 12px; border-top: 0; margin-top: 0; }
  .tytka-account .acc-nav.is-open .acc-nav-foot{ display: block; }
  .tytka-account .acc-nav:not(.is-open) .acc-nav-foot{ display: none; }
}

/* ─────────── 5. CARD ─────────── */

.tytka-account .acc-card{
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  box-shadow: var(--sh-1);
  padding: 22px;
  position: relative;
}
.tytka-account .acc-card-head{
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 14px; margin-bottom: 16px;
}
.tytka-account .acc-card-eyebrow{
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 600; color: var(--ink-3);
}
.tytka-account .acc-card-sub{
  font-size: 13.5px; color: var(--ink-2); margin-top: 4px; font-weight: 400;
}
.tytka-account .acc-card-edit{
  width: 32px; height: 32px; display: grid; place-items: center;
  border-radius: 50%; background: var(--bg-2); color: var(--ink-3);
  transition: background .15s var(--ease), color .15s var(--ease);
}
.tytka-account .acc-card-edit svg{ width: 14px; height: 14px; }
.tytka-account .acc-card-edit:hover{ background: var(--carrot-soft); color: var(--carrot-deep); }

/* ─────────── 6. DASHBOARD ─────────── */

.tytka-account .acc-dashboard { display: flex; flex-direction: column; gap: 22px; }
.tytka-account .acc-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.tytka-account .acc-card-span-2 { grid-column: span 2; }
@media (max-width: 760px){
  .tytka-account .acc-grid { grid-template-columns: 1fr; }
  .tytka-account .acc-card-span-2 { grid-column: span 1; }
}

/* — Card: ostatnie zamówienie — */
.tytka-account .acc-order-summary{
  display: grid; grid-template-columns: 1.4fr 1fr; gap: 22px; align-items: center;
}
@media (max-width: 540px){ .tytka-account .acc-order-summary{ grid-template-columns: 1fr; } }

.tytka-account .acc-order-thumbs{ display: flex; flex-wrap: wrap; gap: 8px; }
.tytka-account .acc-order-thumb{
  position: relative;
  width: 56px; height: 56px;
  border-radius: var(--r-sm);
  background: var(--bg-2);
  overflow: hidden;
  border: 1px solid var(--line);
  display: grid; place-items: center;
}
.tytka-account .acc-order-thumb img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.tytka-account .acc-thumb-empty{ color: var(--ink-4); font-size: 24px; line-height: 1; }
.tytka-account .acc-thumb-qty{
  position: absolute; right: 3px; bottom: 3px;
  font-size: 10.5px; font-weight: 700;
  background: var(--ink); color: #fff;
  border-radius: 6px; padding: 1px 5px;
  letter-spacing: 0;
}
.tytka-account .acc-thumb-more{
  display: grid; place-items: center;
  background: var(--carrot-soft);
  color: var(--carrot-deep); font-weight: 700;
  border: 1px solid var(--carrot-soft);
}
.tytka-account .acc-order-meta{ display: flex; flex-direction: column; gap: 6px; }
.tytka-account .acc-order-row{ display: flex; justify-content: space-between; align-items: baseline; gap: 14px; font-size: 13.5px; }
.tytka-account .acc-order-label{ color: var(--ink-3); font-size: 12.5px; letter-spacing: .02em; }
.tytka-account .acc-order-row b{ font-weight: 600; color: var(--ink); }

.tytka-account .acc-card-actions{ display: flex; gap: 10px; margin-top: 18px; flex-wrap: wrap; }

/* — Card: stats — */
.tytka-account .acc-stats-grid{
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;
}
.tytka-account .acc-stat{
  background: var(--bg-2); border-radius: var(--r-md);
  padding: 14px 16px; display: flex; flex-direction: column;
  border: 1px solid var(--line-2);
}
.tytka-account .acc-stat b{ font-size: 24px; font-weight: 700; color: var(--ink); letter-spacing: -.01em; line-height: 1.05; }
.tytka-account .acc-stat b .woocommerce-Price-amount{ font-size: 24px; font-weight: 700; }
.tytka-account .acc-stat span{ font-size: 12px; color: var(--ink-3); margin-top: 4px; letter-spacing: .02em; }
.tytka-account .acc-stat-wide{ grid-column: span 2; }
.tytka-account .acc-stat-fav b{ font-size: 15px; line-height: 1.2; color: var(--carrot-deep); }

/* — Card: quick actions — */
.tytka-account .acc-quick-actions{ display: flex; flex-direction: column; gap: 8px; }
.tytka-account .acc-quick-action{
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px;
  background: var(--bg-2); border: 1px solid var(--line-2);
  border-radius: var(--r-md);
  font-size: 14px; font-weight: 500; color: var(--ink-2);
  transition: background .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), transform .15s var(--ease);
}
.tytka-account .acc-quick-action:hover{ background: #fff; border-color: var(--carrot-soft); color: var(--ink); transform: translateY(-1px); }
.tytka-account .acc-quick-action .qa-ico{
  width: 32px; height: 32px; display: grid; place-items: center;
  border-radius: 9px; background: var(--paper); color: var(--ink-2);
  border: 1px solid var(--line); flex-shrink: 0;
}
.tytka-account .acc-quick-action .qa-ico svg{ width: 16px; height: 16px; }
.tytka-account .acc-qa-primary{
  background: var(--carrot-tint);
  border-color: var(--carrot-soft); color: var(--carrot-deep); font-weight: 600;
}
.tytka-account .acc-qa-primary .qa-ico{ background: var(--carrot); color: #fff; border-color: var(--carrot); }
.tytka-account .acc-qa-primary:hover{ background: var(--carrot-soft); }

/* — Card: mini account data — */
.tytka-account .acc-mini-list{ display: flex; flex-direction: column; gap: 10px; }
.tytka-account .acc-mini-row{ display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 6px 0; border-bottom: 1px dashed var(--line-2); }
.tytka-account .acc-mini-row:last-child { border-bottom: 0; }
.tytka-account .acc-mini-label { font-size: 12px; color: var(--ink-3); letter-spacing: .03em; text-transform: uppercase; }
.tytka-account .acc-mini-val { font-size: 13.5px; color: var(--ink); font-weight: 500; text-align: right; word-break: break-word; }

/* ─────────── 7. ORDERS ─────────── */

.tytka-account .acc-orders { display: flex; flex-direction: column; gap: 18px; }
.tytka-account .acc-orders-list { display: flex; flex-direction: column; gap: 14px; }
.tytka-account .acc-order-card{
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: 20px 22px;
  box-shadow: var(--sh-1);
  transition: border-color .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);
}
.tytka-account .acc-order-card:hover{ border-color: var(--carrot-soft); box-shadow: var(--sh-2); transform: translateY(-1px); }

.tytka-account .acc-order-card-head{
  display: flex; justify-content: space-between; align-items: center;
  gap: 14px; padding-bottom: 16px;
  border-bottom: 1px dashed var(--line);
  margin-bottom: 16px;
}
.tytka-account .acc-order-card-id { display: flex; flex-direction: column; gap: 2px; }
.tytka-account .acc-order-id-label { font-size: 11px; color: var(--ink-3); letter-spacing: .18em; text-transform: uppercase; font-weight: 600; }
.tytka-account .acc-order-card-id b { font-size: 18px; font-weight: 700; color: var(--ink); }
.tytka-account .acc-order-card-body{
  display: grid; grid-template-columns: 1fr 1fr auto; gap: 22px; align-items: center;
}
.tytka-account .acc-order-actions{ display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }

@media (max-width: 760px){
  .tytka-account .acc-order-card-body{ grid-template-columns: 1fr; gap: 14px; }
  .tytka-account .acc-order-actions{ justify-content: flex-start; }
}

.tytka-account .acc-pager{
  display: flex; justify-content: center; align-items: center;
  gap: 14px; margin-top: 10px;
}
.tytka-account .acc-pager-info{ color: var(--ink-3); font-size: 13px; }

/* — view-order — */
.tytka-account .acc-view-order { display: flex; flex-direction: column; gap: 18px; }
.tytka-account .acc-back-link{
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; color: var(--ink-3); font-weight: 500;
  margin-bottom: 4px;
}
.tytka-account .acc-back-link:hover{ color: var(--carrot-deep); }
.tytka-account .acc-back-link svg{ width: 14px; height: 14px; }

.tytka-account .acc-view-card .acc-view-head{
  display: flex; justify-content: space-between; align-items: center;
  gap: 14px; flex-wrap: wrap;
}
.tytka-account .acc-view-num { font-size: 15px; color: var(--ink-3); }
.tytka-account .acc-view-num b { color: var(--ink); font-size: 22px; font-weight: 700; letter-spacing: -.005em; margin-left: 6px; }
.tytka-account .acc-view-date { color: var(--ink-3); font-size: 13px; margin-top: 4px; }

.tytka-account .acc-view-notes{
  margin-top: 14px;
  display: flex; gap: 10px;
  padding: 12px 14px; background: var(--carrot-tint);
  border: 1px solid var(--carrot-soft);
  border-radius: var(--r-md);
  font-size: 13.5px; color: var(--carrot-deep);
}
.tytka-account .acc-view-notes svg{ width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; }

.tytka-account .acc-view-actions{ display: flex; gap: 10px; margin-top: 16px; flex-wrap: wrap; }

.tytka-account .acc-items-list{ display: flex; flex-direction: column; }
.tytka-account .acc-item{
  display: grid; grid-template-columns: 56px 1fr auto auto;
  gap: 14px; align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid var(--line-2);
}
.tytka-account .acc-item:last-child{ border-bottom: 0; }
.tytka-account .acc-item-thumb{
  width: 56px; height: 56px;
  border-radius: var(--r-sm);
  background: var(--bg-2); overflow: hidden;
  border: 1px solid var(--line);
  display: grid; place-items: center;
}
.tytka-account .acc-item-thumb img{ width: 100%; height: 100%; object-fit: cover; }
.tytka-account .acc-item-info b{ font-weight: 600; color: var(--ink); font-size: 14.5px; }
.tytka-account .acc-item-meta{ font-size: 12px; color: var(--ink-3); margin-top: 2px; }
.tytka-account .acc-item-meta p{ margin: 0; }
.tytka-account .acc-item-qty{ color: var(--ink-3); font-weight: 600; }
.tytka-account .acc-item-total{ font-weight: 600; color: var(--ink); white-space: nowrap; }

.tytka-account .acc-totals{
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px dashed var(--line);
  display: flex; flex-direction: column; gap: 6px;
}
.tytka-account .acc-total-row{
  display: flex; justify-content: space-between; align-items: baseline;
  font-size: 13.5px; color: var(--ink-2);
}
.tytka-account .acc-total-row b{ font-weight: 600; color: var(--ink); }
.tytka-account .acc-total-grand{
  margin-top: 6px; padding-top: 10px;
  border-top: 1px solid var(--line);
  font-size: 16px;
}
.tytka-account .acc-total-grand b{ font-weight: 700; font-size: 18px; color: var(--carrot-deep); }

.tytka-account .acc-addresses{
  display: grid; grid-template-columns: 1fr 1fr; gap: 18px;
}
@media (max-width: 760px){ .tytka-account .acc-addresses{ grid-template-columns: 1fr; } }
.tytka-account .acc-address{
  font-style: normal; font-size: 14px; color: var(--ink-2); line-height: 1.6;
}
.tytka-account .acc-address p{ margin: 0; }
.tytka-account .acc-addr-aux{
  display: flex; gap: 8px; align-items: center;
  margin-top: 10px; padding-top: 10px;
  border-top: 1px dashed var(--line-2);
  font-size: 13px; color: var(--ink-3);
}
.tytka-account .acc-addr-aux svg{ width: 14px; height: 14px; color: var(--ink-4); }

.tytka-account .acc-notes-list{ display: flex; flex-direction: column; gap: 14px; }
.tytka-account .acc-note{ padding: 12px 14px; background: var(--bg-2); border-radius: var(--r-md); }
.tytka-account .acc-note-date{ font-size: 11.5px; color: var(--ink-3); letter-spacing: .03em; text-transform: uppercase; font-weight: 600; }
.tytka-account .acc-note-body{ font-size: 14px; color: var(--ink-2); margin-top: 6px; }
.tytka-account .acc-note-body p{ margin: 0; }

.tytka-account .acc-mute{ color: var(--ink-3); font-style: italic; }

/* ─────────── 8. ADDRESSES (lista) ─────────── */

.tytka-account .acc-addresses-grid{
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px;
}
.tytka-account .acc-addresses-intro{
  grid-column: span 2;
  font-size: 14px; color: var(--ink-2);
}
.tytka-account .acc-address-card .acc-address{ margin-bottom: 14px; min-height: 90px; }
@media (max-width: 760px){
  .tytka-account .acc-addresses-grid{ grid-template-columns: 1fr; }
  .tytka-account .acc-addresses-intro{ grid-column: span 1; }
}

/* ─────────── 9. FORMS ─────────── */

.tytka-account .acc-form-page{ display: flex; flex-direction: column; gap: 18px; }
.tytka-account .acc-form-grid{
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 18px;
}
.tytka-account .acc-form-grid-2{ grid-template-columns: repeat(2, 1fr); }
@media (max-width: 600px){ .tytka-account .acc-form-grid{ grid-template-columns: 1fr; } }

.tytka-account .acc-field{
  display: flex; flex-direction: column; gap: 6px;
  min-width: 0;
}
.tytka-account .acc-field-wide{ grid-column: span 2; }
.tytka-account .acc-field label{
  font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase;
  font-weight: 600; color: var(--ink-3);
}
.tytka-account .acc-field .acc-req{ color: var(--carrot); font-weight: 700; margin-left: 4px; }
.tytka-account .acc-input,
.tytka-account .acc-form-page input[type="text"],
.tytka-account .acc-form-page input[type="email"],
.tytka-account .acc-form-page input[type="tel"],
.tytka-account .acc-form-page input[type="password"],
.tytka-account .acc-form-page input[type="number"],
.tytka-account .acc-form-page select,
.tytka-account .acc-form-page textarea {
  width: 100%;
  padding: 13px 14px;
  background: var(--paper);
  border: 1.5px solid var(--line);
  border-radius: var(--r-md);
  font-size: 15px; font-weight: 500;
  color: var(--ink);
  transition: border-color .15s var(--ease), background .15s var(--ease), box-shadow .15s var(--ease);
  -webkit-appearance: none; appearance: none;
}
.tytka-account .acc-input::placeholder,
.tytka-account .acc-form-page input::placeholder,
.tytka-account .acc-form-page textarea::placeholder { color: var(--ink-4); font-weight: 400; }
.tytka-account .acc-input:focus,
.tytka-account .acc-form-page input:focus,
.tytka-account .acc-form-page select:focus,
.tytka-account .acc-form-page textarea:focus{
  outline: none;
  border-color: var(--carrot);
  background: #fff;
  box-shadow: var(--sh-glow);
}
.tytka-account .acc-input-wrap{ position: relative; display: flex; }
.tytka-account .acc-input-wrap .acc-input{ padding-right: 44px; }
.tytka-account .acc-pass-toggle{
  position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
  width: 34px; height: 34px;
  display: grid; place-items: center; border-radius: 8px;
  color: var(--ink-3);
  transition: background .15s var(--ease), color .15s var(--ease);
}
.tytka-account .acc-pass-toggle:hover{ background: var(--bg-2); color: var(--ink); }
.tytka-account .acc-pass-toggle svg{ width: 16px; height: 16px; }
.tytka-account .acc-pass-toggle.is-shown svg{ color: var(--carrot-deep); }

.tytka-account .acc-hint{ font-size: 12px; color: var(--ink-3); margin-top: 2px; }

/* WC native woocommerce_form_field overrides */
.tytka-account .acc-form-page .form-row{ margin: 0; padding: 0; }
.tytka-account .acc-form-page .form-row > label{
  display: block; font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase;
  font-weight: 600; color: var(--ink-3); margin-bottom: 6px;
}
.tytka-account .acc-form-page .form-row .required{ color: var(--carrot); }
.tytka-account .acc-form-page .form-row .optional{ color: var(--ink-4); font-style: normal; font-size: 11px; }
.tytka-account .acc-form-page .woocommerce-input-wrapper{ display: block; width: 100%; }
.tytka-account .acc-form-page .input-text{ width: 100%; }
.tytka-account .acc-form-page .select2-container{ width: 100% !important; }
.tytka-account .acc-form-page .select2-container--default .select2-selection--single{
  height: 50px; padding: 12px 14px; border: 1.5px solid var(--line) !important; border-radius: var(--r-md) !important; background: var(--paper);
}
.tytka-account .acc-form-page .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 1.4; padding: 0; color: var(--ink); font-size: 15px; font-weight: 500;
}
.tytka-account .acc-form-page .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 48px; right: 8px; }
.tytka-account .acc-form-page .select2-container--default.select2-container--focus .select2-selection--single,
.tytka-account .acc-form-page .select2-container--default.select2-container--open .select2-selection--single{
  border-color: var(--carrot) !important; box-shadow: var(--sh-glow);
}

/* Checkboxes (Tytka-styled) */
.tytka-account .acc-check{
  display: inline-flex; align-items: center; gap: 10px; cursor: pointer;
  font-size: 13.5px; color: var(--ink-2); user-select: none;
}
.tytka-account .acc-check input{
  position: absolute; opacity: 0; pointer-events: none;
}
.tytka-account .acc-check-mark{
  width: 20px; height: 20px;
  border: 1.5px solid var(--line);
  border-radius: 6px; background: var(--paper);
  display: grid; place-items: center;
  transition: background .15s var(--ease), border-color .15s var(--ease);
  position: relative; flex-shrink: 0;
}
.tytka-account .acc-check input:checked + .acc-check-mark{
  background: var(--carrot); border-color: var(--carrot);
}
.tytka-account .acc-check input:checked + .acc-check-mark::after{
  content: ""; width: 10px; height: 5px;
  border-left: 2px solid #fff; border-bottom: 2px solid #fff;
  transform: rotate(-45deg) translate(1px, -1px);
}
.tytka-account .acc-check input:focus-visible + .acc-check-mark{ box-shadow: var(--sh-glow); }

/* Submit bar */
.tytka-account .acc-form-submit-bar{
  display: flex; justify-content: flex-end; gap: 10px;
  padding-top: 8px;
  flex-wrap: wrap;
}

/* Buttons */
.tytka-account .acc-btn{
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 12px 18px;
  border-radius: var(--r-md);
  font-size: 14px; font-weight: 600;
  letter-spacing: .005em;
  transition: background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);
  cursor: pointer; border: 1.5px solid transparent;
  white-space: nowrap;
}
.tytka-account .acc-btn svg{ width: 16px; height: 16px; }
.tytka-account .acc-btn-primary{
  background: var(--carrot);
  color: #fff;
  border-color: var(--carrot);
  box-shadow: 0 6px 16px -10px rgba(215,127,33,.55);
}
.tytka-account .acc-btn-primary:hover{ background: var(--carrot-deep); border-color: var(--carrot-deep); transform: translateY(-1px); box-shadow: 0 10px 22px -10px rgba(215,127,33,.55); }
.tytka-account .acc-btn-primary:active{ transform: translateY(0); }
.tytka-account .acc-btn-ghost{
  background: var(--paper); color: var(--ink-2);
  border-color: var(--line-2);
}
.tytka-account .acc-btn-ghost:hover{ border-color: var(--carrot-soft); color: var(--carrot-deep); background: var(--carrot-tint); }
.tytka-account .acc-btn-block{ width: 100%; }
.tytka-account .acc-btn-sm{ padding: 8px 12px; font-size: 12.5px; }
.tytka-account .acc-btn-sm svg{ width: 14px; height: 14px; }

/* ─────────── 10. AUTH (login / register / lost-password) ─────────── */

.tytka-account-public{
  display: block;
  max-width: 1320px; width: 100%;
  margin: 0 auto;
  padding: 50px 28px 80px;
  box-sizing: border-box;
}

.tytka-account .acc-auth{
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 56px;
  align-items: center;
  min-height: 70vh;
}
@media (max-width: 980px){
  .tytka-account .acc-auth{ grid-template-columns: 1fr; gap: 36px; min-height: 0; }
}

/* — LHS: brand story — */
.tytka-account .acc-auth-lhs{ position: relative; }
.tytka-account .acc-auth-lhs .eyebrow{
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 11px; letter-spacing: .24em; text-transform: uppercase;
  font-weight: 600; color: var(--ink-3); margin-bottom: 16px;
}
.tytka-account .acc-auth-lhs .eyebrow::before{ content: ""; width: 24px; height: 1px; background: var(--ink-4); }
.tytka-account .acc-auth-lhs h1{
  font-size: clamp(40px, 5.5vw, 64px);
  line-height: .98; letter-spacing: -.025em; margin: 0 0 16px;
  font-weight: 700;
}
.tytka-account .acc-auth-lhs h1 em{
  font-style: italic; font-weight: 300; color: var(--carrot);
  display: inline-block; position: relative;
}
.tytka-account .acc-auth-lhs h1 em::after{
  content: ""; position: absolute; left: -.06em; right: -.06em; bottom: .04em;
  height: .18em; background: var(--leaf); z-index: -1; border-radius: 6px;
  transform: rotate(-1deg) skewX(-4deg); opacity: .55; mix-blend-mode: multiply;
}
.tytka-account .acc-auth-lead{
  font-size: clamp(15px, 1.4vw, 17px); line-height: 1.55;
  color: var(--ink-2); max-width: 50ch; margin: 0 0 26px;
}
.tytka-account .acc-auth-perks{
  display: flex; flex-direction: column; gap: 12px;
  font-size: 14.5px; color: var(--ink-2);
}
.tytka-account .acc-auth-perks li{
  display: flex; gap: 14px; align-items: flex-start;
  padding: 12px 14px;
  background: rgba(255,255,255,.55);
  border: 1px solid var(--line-2);
  border-radius: var(--r-md);
  backdrop-filter: blur(4px);
}
.tytka-account .acc-auth-perks li b{ color: var(--ink); font-weight: 700; }
.tytka-account .acc-perk-ico{
  width: 32px; height: 32px;
  display: grid; place-items: center; flex-shrink: 0;
  background: var(--leaf-tint); color: var(--leaf-deep);
  border-radius: 9px;
}
.tytka-account .acc-perk-ico svg{ width: 17px; height: 17px; }

/* — RHS: karta auth z tabami — */
.tytka-account .acc-auth-rhs{ display: flex; flex-direction: column; gap: 14px; }
.tytka-account .acc-auth-card{
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--r-xl);
  padding: 28px 28px 24px;
  box-shadow: var(--sh-3);
  position: relative;
  overflow: hidden;
}
.tytka-account .acc-auth-card::before{
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px;
  background: linear-gradient(90deg, var(--carrot), var(--leaf));
  border-radius: var(--r-xl) var(--r-xl) 0 0;
}
.tytka-account .acc-auth-tabs{
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 4px; padding: 4px;
  background: var(--bg-2);
  border-radius: var(--r-md);
  margin-bottom: 22px;
  position: relative;
}
.tytka-account .acc-tab{
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 11px 14px;
  border-radius: 10px;
  font-size: 13.5px; font-weight: 600;
  color: var(--ink-3);
  transition: background .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease);
  cursor: pointer;
}
.tytka-account .acc-tab svg{ width: 14px; height: 14px; }
.tytka-account .acc-tab.is-active{
  background: var(--paper); color: var(--ink);
  box-shadow: 0 2px 6px rgba(34,31,28,.06);
}
.tytka-account .acc-tab[hidden]{ display: none; }

.tytka-account .acc-form{
  display: none; flex-direction: column; gap: 14px;
  animation: accFadeIn .35s var(--ease);
}
.tytka-account .acc-form.is-active{ display: flex; }
@keyframes accFadeIn{ from{ opacity: 0; transform: translateY(6px); } to{ opacity: 1; transform: translateY(0); } }

.tytka-account .acc-form-row{
  display: flex; justify-content: space-between; align-items: center;
  gap: 14px; flex-wrap: wrap;
  margin-top: 4px;
}
.tytka-account .acc-link-sub{ color: var(--ink-3); font-size: 13px; font-weight: 500; text-decoration: underline; text-underline-offset: 2px; }
.tytka-account .acc-link-sub:hover{ color: var(--carrot-deep); }
.tytka-account .acc-link-strong{
  background: transparent; color: var(--carrot-deep);
  font-weight: 700; font-size: 13.5px;
  border: 0; padding: 0; cursor: pointer;
  text-decoration: underline; text-underline-offset: 3px;
}
.tytka-account .acc-link-strong:hover{ color: var(--ink); }

.tytka-account .acc-form-foot{
  margin-top: 6px;
  text-align: center;
  font-size: 13.5px; color: var(--ink-3);
}
.tytka-account .acc-form-tos{
  font-size: 12px; color: var(--ink-3);
  line-height: 1.5; margin: 4px 0 0;
}
.tytka-account .acc-form-tos a{ color: var(--carrot-deep); text-decoration: underline; text-underline-offset: 2px; }

.tytka-account .acc-hint-line{
  display: flex; gap: 8px; align-items: center;
  padding: 10px 12px;
  background: var(--leaf-tint);
  border: 1px solid var(--leaf-soft);
  border-radius: var(--r-sm);
  color: var(--leaf-deep);
  font-size: 13px; margin: 0;
}
.tytka-account .acc-hint-line svg{ width: 14px; height: 14px; flex-shrink: 0; }

.tytka-account .acc-pass-strength{
  display: flex; align-items: center; gap: 10px;
  font-size: 11.5px; color: var(--ink-3);
  margin-top: 2px;
}
.tytka-account .acc-pass-bars{ display: inline-flex; gap: 3px; }
.tytka-account .acc-pass-bars i{
  display: block; width: 28px; height: 4px;
  background: var(--line); border-radius: 2px;
  transition: background .2s var(--ease);
}
.tytka-account .acc-pass-strength[data-level="1"] i:nth-child(-n+1){ background: var(--warn); }
.tytka-account .acc-pass-strength[data-level="2"] i:nth-child(-n+2){ background: #d9a01b; }
.tytka-account .acc-pass-strength[data-level="3"] i:nth-child(-n+3){ background: var(--leaf-deep); }
.tytka-account .acc-pass-strength[data-level="4"] i{ background: var(--ok); }

.tytka-account .acc-auth-aside{
  display: inline-flex; align-items: center; gap: 8px;
  align-self: center;
  font-size: 12px; color: var(--ink-3);
}
.tytka-account .acc-auth-aside svg{ width: 14px; height: 14px; color: var(--leaf-deep); }

/* — Lost password / Reset password card (narrow centered) — */
.tytka-account .acc-auth-narrow{
  max-width: 480px; margin: 0 auto;
  padding-top: 16px;
}
.tytka-account .acc-card-auth-narrow{ padding: 28px; }

/* ─────────── 11. STATUS PILLS, EMPTY STATES, NOTICES ─────────── */

.tytka-account .acc-status{
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 11px; border-radius: 999px;
  font-size: 11.5px; font-weight: 600; letter-spacing: .03em;
  background: var(--bg-2); color: var(--ink-3);
  white-space: nowrap;
}
.tytka-account .acc-status::before{
  content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor;
}
.tytka-account .acc-status-ok{ background: var(--carrot-tint); color: var(--carrot-deep); }
.tytka-account .acc-status-leaf{ background: var(--leaf-tint); color: var(--leaf-deep); }
.tytka-account .acc-status-warn{ background: var(--warn-bg); color: var(--warn); }
.tytka-account .acc-status-mute{ background: var(--bg-2); color: var(--ink-3); }
.tytka-account .acc-status-lg{ padding: 8px 16px; font-size: 13px; }

.tytka-account .acc-card-empty,
.tytka-account .acc-card-empty-block{
  display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: 26px 18px; gap: 6px;
}
.tytka-account .acc-card-empty-block{
  background: var(--paper); border: 1px dashed var(--line);
  border-radius: var(--r-lg); padding: 56px 28px;
}
.tytka-account .acc-empty-icon{
  width: 64px; height: 64px; display: grid; place-items: center;
  background: var(--bg-2); border-radius: 50%;
  color: var(--ink-4);
  margin-bottom: 4px;
}
.tytka-account .acc-empty-icon svg{ width: 32px; height: 32px; }
.tytka-account .acc-empty-title{ font-size: 18px; font-weight: 700; color: var(--ink); }
.tytka-account .acc-empty-text{ font-size: 14px; color: var(--ink-3); max-width: 36ch; margin-bottom: 12px; }

/* WC notices (woocommerce-message, woocommerce-info, woocommerce-error) */
.tytka-account .woocommerce-notices-wrapper,
.tytka-account-public .woocommerce-notices-wrapper{
  max-width: 1320px; margin: 0 auto 14px;
  padding: 0 28px;
}
.tytka-account .woocommerce-message,
.tytka-account .woocommerce-info,
.tytka-account .woocommerce-error,
.tytka-account-public .woocommerce-message,
.tytka-account-public .woocommerce-info,
.tytka-account-public .woocommerce-error{
  background: var(--paper); border: 1px solid var(--line);
  border-radius: var(--r-md); padding: 14px 18px;
  font-size: 14px; list-style: none;
  display: flex; align-items: center; gap: 12px;
  margin: 8px 0;
  position: relative;
}
.tytka-account .woocommerce-message::before,
.tytka-account-public .woocommerce-message::before{ content: "✓"; color: var(--leaf-deep); font-weight: 700; font-size: 18px; }
.tytka-account .woocommerce-info::before,
.tytka-account-public .woocommerce-info::before{ content: "i"; font-weight: 700; color: var(--carrot-deep); font-size: 16px; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--carrot-tint); font-family: serif; }
.tytka-account .woocommerce-error,
.tytka-account-public .woocommerce-error{ background: var(--warn-bg); border-color: rgba(184,65,42,.25); color: var(--warn); }
.tytka-account .woocommerce-error li,
.tytka-account-public .woocommerce-error li{ list-style: none; }
.tytka-account .woocommerce-error::before,
.tytka-account-public .woocommerce-error::before{ content: "!"; color: var(--warn); font-weight: 800; font-size: 18px; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: rgba(184,65,42,.12); font-family: serif; }
.tytka-account .woocommerce-message .button,
.tytka-account .woocommerce-info .button,
.tytka-account-public .woocommerce-message .button,
.tytka-account-public .woocommerce-info .button{
  margin-left: auto; padding: 8px 14px;
  background: var(--ink); color: #fff;
  border-radius: var(--r-sm); font-size: 13px; font-weight: 600;
  border: 0; cursor: pointer; text-decoration: none;
}

/* ─────────── 12. RESPONSIVE ─────────── */

@media (max-width: 760px){
  .tytka-account .acc-hero{ padding: 24px 18px 8px; }
  .tytka-account .acc-hero-rhs{ width: 100%; gap: 14px; margin-top: 14px; }
  .tytka-account .acc-stat-mini{ min-width: 0; flex: 1; padding-right: 14px; }
  .tytka-account .acc-shell{ padding: 12px 18px 24px; }
  .tytka-account-public{ padding: 24px 18px 60px; }
  .tytka-account .acc-card{ padding: 18px; }
  .tytka-account .acc-auth-card{ padding: 22px 20px; }
  .tytka-account .acc-form-grid{ grid-template-columns: 1fr; }
  .tytka-account .acc-field-wide{ grid-column: span 1; }
  .tytka-account .acc-auth-lhs h1{ font-size: clamp(32px, 8vw, 44px); }
  .tytka-account .acc-stats-grid{ grid-template-columns: 1fr; }
  .tytka-account .acc-stat-wide{ grid-column: span 1; }
  .tytka-account .acc-order-card{ padding: 16px; }
  .tytka-account .acc-item{ grid-template-columns: 44px 1fr auto; row-gap: 4px; }
  .tytka-account .acc-item-thumb{ width: 44px; height: 44px; }
  .tytka-account .acc-item-total{ grid-column: 2 / -1; text-align: right; font-size: 13px; }
}

/* ============================================================
   A11Y / PERF — focus ring, touch hit-area, kontrast, reduced-motion.
   ============================================================ */

.tytka-account button:focus-visible,
.tytka-account a:focus-visible,
.tytka-account input:focus-visible,
.tytka-account select:focus-visible,
.tytka-account textarea:focus-visible,
.tytka-account [tabindex]:focus-visible{
  outline: 2px solid var(--carrot);
  outline-offset: 2px;
  border-radius: 4px;
}
.tytka-account button:focus-visible{ box-shadow: 0 0 0 4px rgba(215,127,33,.18); }

/* Touch hit-area expansion — pass-toggle (34px), card-edit (32px) */
.tytka-account .acc-pass-toggle,
.tytka-account .acc-card-edit{ position: relative; }
.tytka-account .acc-pass-toggle::before,
.tytka-account .acc-card-edit::before{
  content: ""; position: absolute; inset: -8px; z-index: 0;
}
.tytka-account .acc-pass-toggle > *,
.tytka-account .acc-card-edit > *{ position: relative; z-index: 1; }

/* Kontrast labeli/meta — z 3.7:1 do 4.8:1 (WCAG AA) */
.tytka-account{ --ink-3: #6e6862; }

/* aria-expanded support — chevron rotacja na nav toggle (gdy JS ustawia atrybut) */
.tytka-account .acc-nav-toggle[aria-expanded="true"]{ background: var(--bg-2); }