/* =========================================================
   Trittbrett Account UI – Vollständige CSS
   - Akzentfarbe: #4dffff (per --tb-accent)
   - Appbar, Karten, Tabellen, Badges, Buttons
   - Transparenter Karten-Look + weiße Typo + türkise Ränder
   - Entfernt äußere Rahmen auf Mein-Konto-Seiten
   ========================================================= */

/* ===== Design-Token ===== */
:root{
  --tb-accent: var(--wp--preset--color--primary, var(--e-global-color-primary, #4dffff));
  --tb-card-bg: #fff;
  --tb-card-border: #e6e9ef;
  --tb-shadow: 0 8px 24px rgba(0,0,0,.06);
  --tb-radius: 16px;
}

/* ===== Appbar ===== */
.woocommerce-account .tb-appbar{
  background:#000; color:#fff; padding:10px 14px;
  border-radius:12px; display:flex; align-items:center; justify-content:space-between;
  box-shadow:0 2px 0 rgba(0,0,0,.08); margin:0 0 14px;
}
.woocommerce-account .tb-appbar-left{ display:flex; align-items:center; gap:8px; font-weight:600; }
.woocommerce-account .tb-appbar-crumb{ opacity:.95; }
.woocommerce-account .tb-appbar-right{ display:flex; align-items:center; gap:10px; }
.woocommerce-account .tb-sort-label{ color:#cfd6dc; font-size:14px; }
.woocommerce-account .tb-appbar .tb-select{
  background:#000; color:#fff; border:1px solid #fff; border-radius:8px; padding:6px 10px;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}

/* Suche/Filter */
.woocommerce-account .tb-search{
  height:36px; border-radius:8px; border:1px solid #d8dee6; background:#fff; color:#111; padding:0 10px;
}

/* ===== Karten (Default – wird unten transparent überschrieben) ===== */
.woocommerce-account .tb-card{
  background:var(--tb-card-bg); border:1px solid var(--tb-card-border);
  border-radius:var(--tb-radius); box-shadow:var(--tb-shadow); padding:16px 18px;
}

/* ===== Tabellen ===== */
.woocommerce-account .tb-table{ width:100%; border-collapse:separate; border-spacing:0; }
.woocommerce-account .tb-table th,
.woocommerce-account .tb-table td{ padding:10px 12px; border-bottom:1px solid #edf1f5; }
.woocommerce-account .tb-table thead th{ text-align:left; font-weight:700; }
.woocommerce-account .tb-table tr:hover td{ background:#fafbfc; }

/* Links */
.woocommerce-account .tb-link-row{ color:var(--tb-accent); text-decoration:none; }
.woocommerce-account .tb-link-row:hover{ text-decoration:underline; }

/* Buttons (Outline) */
.woocommerce-account .tb-button,
.woocommerce-account .button.tb-outline,
.woocommerce-account a.button.tb-outline{
  background:#fff; border:1px solid #cfd7e3; color:#111; border-radius:8px; padding:8px 14px;
}
.woocommerce-account .tb-button:hover,
.woocommerce-account .button.tb-outline:hover,
.woocommerce-account a.button.tb-outline:hover{ border-color:var(--tb-accent); }

/* ===== Dashboard Layout ===== */
.woocommerce-account .tb-konto-grid{ display:grid; grid-template-columns:1fr 360px; gap:28px; align-items:start; }
@media (max-width:980px){ .woocommerce-account .tb-konto-grid{ grid-template-columns:1fr; } }

.woocommerce-account .tb-title { font-size:28px; margin:6px 0 14px; }
.woocommerce-account .tb-subtitle { font-size:18px; margin:0 0 8px; }
.woocommerce-account .tb-card-head { display:flex; justify-content:space-between; align-items:center; }
.woocommerce-account .tb-edit { font-size:13px; text-decoration:none; border-bottom:1px dashed var(--tb-accent); color:var(--tb-accent); }
.woocommerce-account .tb-muted-link { color:var(--tb-accent); text-decoration:none; }
.woocommerce-account .tb-detail { margin:0 0 6px; }
.woocommerce-account .tb-small { color:#78838c; font-size:12px; }

.woocommerce-account .tb-list { list-style:none; padding:0; margin:0; border-radius:12px; overflow:hidden; }
.woocommerce-account .tb-li { display:flex; justify-content:space-between; align-items:center; padding:13px 14px; border-top:1px solid #eff3f7; }
.woocommerce-account .tb-li:first-child { border-top:0; }
.woocommerce-account .tb-li:hover { background:#f8fafc; }
.woocommerce-account .tb-li-link { color:inherit; text-decoration:none; flex:1; }
.woocommerce-account .tb-badge {
  display:inline-block; min-width:44px; padding:4px 10px; border-radius:999px;
  background:#0b1020; color:#fff; font-weight:700; text-align:center; border:2px solid #dde3ee;
}

/* Woo-Tabellen neutralisieren */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table{ border:none; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td{
  border-top:none; border-bottom:1px solid #edf1f5; padding:10px 12px;
}

/* Nav aus -> volle Breite */
.woocommerce-account .woocommerce-MyAccount-navigation{ display:none; }
.woocommerce-account .woocommerce-MyAccount-content{ width:100% !important; }

/* =========================================================
   OVERRIDES: transparenter Look + weiße Typo + Türkis
   ========================================================= */
.woocommerce-account .tb-card{
  background:transparent !important;
  box-shadow:none !important;
  border:1px solid var(--tb-accent) !important;
}

.woocommerce-account .tb-title,
.woocommerce-account .tb-subtitle{ color:var(--tb-accent) !important; }
.woocommerce-account,
.woocommerce-account .tb-card p,
.woocommerce-account .tb-card li,
.woocommerce-account .tb-card td,
.woocommerce-account .tb-card th,
.woocommerce-account .tb-card .tb-detail,
.woocommerce-account .tb-card .tb-small{
  color:#fff !important;
}

.woocommerce-account .tb-muted-link,
.woocommerce-account .tb-link-row{ color:var(--tb-accent) !important; }

.woocommerce-account .tb-li{ border-top:1px solid var(--tb-accent) !important; }
.woocommerce-account .tb-table th,
.woocommerce-account .tb-table td{ border-bottom:1px solid var(--tb-accent) !important; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td{
  border-bottom:1px solid var(--tb-accent) !important; color:#fff !important;
}

.woocommerce-account .tb-badge{ border-color:var(--tb-accent) !important; color:#fff !important; }

.woocommerce-account .tb-appbar .tb-select{
  border-color:var(--tb-accent) !important; color:#fff !important;
}
.woocommerce-account .tb-search{
  background:transparent !important; color:#fff !important; border:1px solid var(--tb-accent) !important;
}
.woocommerce-account .tb-search::placeholder{ color:rgba(255,255,255,.7) !important; }

.woocommerce-account .tb-button,
.woocommerce-account .button.tb-outline,
.woocommerce-account a.button.tb-outline{
  background:transparent !important;
  border:1px solid var(--tb-accent) !important;
  color:#fff !important;
}
.woocommerce-account .tb-button:hover,
.woocommerce-account .button.tb-outline:hover,
.woocommerce-account a.button.tb-outline:hover{
  /* halbtransparentes Akzent-Highlight: #4dffff -> rgba(77,255,255,.12) */
  background:rgba(77,255,255,.12) !important;
}

.woocommerce-account .tb-li:hover{ background:transparent !important; }
.woocommerce-account .tb-table tr:hover td{ background:transparent !important; }

/* =========================================================
   Äußerste Rahmen auf der Konto-Seite entfernen
   (Theme-Container, Group-Blocks, etc.)
   ========================================================= */
.woocommerce-account .entry-content,
.woocommerce-account .entry-content > .woocommerce,
.woocommerce-account .woocommerce,
.woocommerce-account .wp-block-group.has-border,
.woocommerce-account .wp-block-group,
.woocommerce-account .content-area,
.woocommerce-account main,
.woocommerce-account .container,
.woocommerce-account .site-main{
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
}
.woocommerce-account .entry-content::before,
.woocommerce-account .entry-content::after,
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after{
  content:none !important;
}