/* ===== Gebotstabelle (Zebra + Mobile Cards) ===== */

/* Force readable text color (Elementor/theme may override) */
.viau-bidtable{ color:#d4af37 !important; }
.viau-bidtable tbody td{ color:#ccc !important; }
.viau-bidtable tbody td .val{ color:#fff !important; }
.viau-bidtable thead th{ color:#d4af37 !important; }

.viau-bidtable{
  width:100%;
  border-collapse:collapse;
  font-family: inherit;
  background: #0a0a0a;
  border: 1px solid #333;
  border-radius: 4px;
}

.viau-bidtable th,
.viau-bidtable td{
  border:1px solid #222;
  padding:14px 16px;
  font-size:16px;
  line-height:1.4;
}

.viau-bidtable thead th{
  background:#111;
  font-weight:700;
  text-align:center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  border-bottom: 1px solid #d4af37;
}

.viau-bidtable tbody td{
  text-align:center;
}

.viau-bidtable tbody tr:nth-child(odd){ background:#0a0a0a; }
.viau-bidtable tbody tr:nth-child(even){ background:#111; }

.viau-bidtable tbody tr:hover{ background:#1a1a1a; }

@media (max-width: 767px){
  .viau-bidtable,
  .viau-bidtable thead,
  .viau-bidtable tbody,
  .viau-bidtable th,
  .viau-bidtable td,
  .viau-bidtable tr{
    display:block;
    width:100%;
  }

  .viau-bidtable thead{ display:none; }

  .viau-bidtable tbody tr{
    border:1px solid #333;
    margin:0 0 12px 0;
    border-radius:4px;
    overflow:hidden;
    background:#0a0a0a;
  }

  .viau-bidtable tbody td{
    text-align:left;
    border:none;
    border-bottom:1px solid #222;
    padding:12px 14px;
    display:flex;
    justify-content:space-between;
    gap:14px;
    font-size:15px;
  }

  .viau-bidtable tbody td:last-child{ border-bottom:none; }

  .viau-bidtable tbody td::before{
    content: attr(data-label);
    font-weight:700;
    opacity:.7;
    flex:0 0 auto;
    color: #888;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
  }

  .viau-bidtable tbody td .val{
    font-weight:600;
    text-align:right;
    flex:1 1 auto;
    word-break:break-word;
    color: #fff;
  }
}

/* ===== Goodies ===== */
.viau-goodies{ margin: 0 0 14px; }
.viau-goodies__title{ font-weight:800; margin-bottom:10px; font-size:20px; letter-spacing:.2px; color: #888; text-transform: uppercase; }
.viau-goodies__grid{ display:grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap:12px; }
.viau-goodies__grid.is-single{ grid-template-columns:minmax(240px,320px); justify-content:center; }
.viau-goodie{ border:1px solid #333; border-radius:4px; padding:24px 20px; background:#0a0a0a; text-align:center; }
.viau-goodie.is-hit{ border-color:#d4af37; background:#111; }
.viau-goodie__icon{ font-size:26px; margin-bottom:8px; }
.viau-goodie__label{ font-weight:800; margin-top:2px; color: #888; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }
.viau-goodie__amount{ font-weight:800; margin-top:8px; font-size: 32px; color: #d4af37; font-family: 'SF Mono', Monaco, monospace; }
.viau-goodie__text{ margin-top:4px; font-size:14px; color: #666; min-height:36px; }
.viau-goodie__state{ margin-top:12px; font-size:13px; font-weight:700; color: #d4af37; }

/* ===== Brand / Status ===== */
.viau-brand-banner{ background:#000; color:#fff; padding:14px 16px; border-radius:10px; margin:0 0 10px; font-family: Georgia, 'Times New Roman', serif; font-weight:700; letter-spacing:.5px; font-size: clamp(28px, 6vw, 72px); line-height:1; display:flex; flex-wrap:wrap; gap:10px; align-items:baseline; justify-content:center; text-align:center; }
.viau-brand-banner__gold{ color:#d4af37; }
.viau-brand-banner__white{ color:#fff; }

.viau-auction-status{ border-radius:8px; padding:10px 12px; font-weight:700; margin:0 0 12px; border:1px solid #ccc; text-align:center; display:flex; justify-content:center; align-items:center; gap:8px; flex-wrap:wrap; }
.viau-auction-status--upcoming{ background:#fff8e1; border-color:#e0c45b; color:#6a5500; }
.viau-auction-status--running{ background:#eaf4ff; border-color:#7aa8d8; color:#0d2f52; }
.viau-auction-status--ended{ background:#ffebee; border-color:#e57373; color:#b71c1c; }
.viau-live-badge{ display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; border:1px solid #7f1d1d; background:#2a0b0b; color:#ffd3d3; font-weight:700; font-size:12px; }
.viau-live-badge__dot{ width:8px; height:8px; border-radius:50%; background:#ff4d4f; box-shadow:0 0 0 rgba(255,77,79,.7); animation:viauPulse 1.4s infinite; }

/* ===== Reverse Panel ===== */
.viau-reverse-panel{ border:2px solid #000; border-radius:14px; padding:16px; margin:0 0 14px; background:#0f0f0f; color:#fff; text-align:center; }
.viau-reverse-live{ display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; border:1px solid #7f1d1d; background:#2a0b0b; color:#ffd3d3; font-weight:700; font-size:12px; margin-bottom:8px; }
.viau-reverse-live__dot{ width:8px; height:8px; border-radius:50%; background:#ff4d4f; box-shadow:0 0 0 rgba(255,77,79,.7); animation:viauPulse 1.4s infinite; }
@keyframes viauPulse { 0% { box-shadow:0 0 0 0 rgba(255,77,79,.7);} 70% { box-shadow:0 0 0 10px rgba(255,77,79,0);} 100% { box-shadow:0 0 0 0 rgba(255,77,79,0);} }
.viau-reverse-panel__start{ font-size:15px; letter-spacing:.5px; text-transform:uppercase; color:#d4af37; opacity:.95; }
.viau-reverse-panel__start-price{ font-size:38px; font-weight:900; color:#d4af37; line-height:1.1; margin:4px 0 10px; }
.viau-reverse-panel__current{ font-size:15px; letter-spacing:.5px; text-transform:uppercase; color:#ffffff; opacity:.92; }
.viau-reverse-panel__price{ font-size:52px; font-weight:900; margin:6px 0; color:#fff; line-height:1.05; text-shadow:0 0 18px rgba(212,175,55,.2); }
.viau-reverse-panel__countdown{ margin-top:10px; font-size:15px; }

/* ===== Timer ===== */
.viau-timer{
  text-align:center;
  padding: 32px;
  margin: 24px 0;
}

.viau-timer__title{
  font-size: 0.95em;
  color: #888;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.viau-timer__grid{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:16px;
}

.viau-tile{
  background: #0a0a0a;
  border: 1px solid #333;
  border-radius: 4px;
  padding: 24px 20px;
  min-width: 100px;
  text-align:center;
}

.viau-num{
  font-size: 48px;
  line-height:1;
  font-weight: 300;
  white-space:nowrap;
  color: #d4af37;
  font-family: 'SF Mono', Monaco, monospace;
}

.viau-lbl{
  margin-top: 12px;
  font-size: 14px;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.viau-timer__dates{
  margin-top: 24px;
  font-size: 14px;
  color: #666;
}

/* iPhone Mini / small phones */
@media (max-width: 390px){
  .viau-goodies__grid{ grid-template-columns:1fr; }
  .viau-goodies__grid.is-single{ grid-template-columns:1fr; justify-content:stretch; }
  .viau-goodie{ max-width:100%; padding:10px; }

  .viau-brand-banner{ font-size: clamp(20px, 8.5vw, 34px); padding:12px; gap:8px; }
  .viau-reverse-panel__start-price{ font-size:30px; }
  .viau-reverse-panel__price{ font-size:42px; }

  .viau-tile{ flex:1 1 calc(50% - 10px); min-width:120px; }
  .viau-num{ font-size: clamp(30px, 9.5vw, 46px); }
  .viau-lbl{ font-size: clamp(13px, 3.8vw, 16px); }
}

/* iPhone Pro/Max + regular phones */
@media (min-width: 391px) and (max-width: 767px){
  .viau-goodies__grid{ grid-template-columns:1fr; }
  .viau-goodies__grid.is-single{ grid-template-columns:1fr; justify-content:stretch; }
  .viau-goodie{ max-width:100%; }

  .viau-brand-banner{ font-size: clamp(22px, 9vw, 42px); }
  .viau-reverse-panel__start-price{ font-size:34px; }
  .viau-reverse-panel__price{ font-size:48px; }

  .viau-tile{ flex:1 1 calc(50% - 12px); min-width:140px; }
  .viau-num{ font-size: clamp(34px, 10vw, 56px); }
  .viau-lbl{ font-size: clamp(14px, 4vw, 18px); }
}

/* iPad / small tablets */
@media (min-width: 768px) and (max-width: 1024px){
  .viau-goodies__grid{ grid-template-columns: repeat(2, minmax(220px,1fr)); }
  .viau-goodies__grid.is-single{ grid-template-columns:minmax(320px,420px); justify-content:center; }
  .viau-brand-banner{ font-size: clamp(34px, 6vw, 56px); }
  .viau-reverse-panel__start-price{ font-size:36px; }
  .viau-reverse-panel__price{ font-size:50px; }
}
