/* BIDLUNA Live Shows (front) */

/* -------------------------------------------------------------------------
   Theme A — Premium clair (recommandé pour BIDLUNA)
   Objectif: marketplace collector, confiance + lisibilité + conversion.
   ------------------------------------------------------------------------- */

:root{
  --bidluna-live-bg:#ffffff;
  --bidluna-live-surface:#ffffff;
  --bidluna-live-surface-2:#f9fafb;
  --bidluna-live-border:rgba(0,0,0,.08);
  --bidluna-live-text:#0f172a;
  --bidluna-live-muted:#475569;
  --bidluna-live-shadow:0 10px 24px rgba(15,23,42,.08);
}

.bidluna-live-shows,
.bidluna-live-slots,
.bidluna-live-room,
.bidluna-live-studio{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:12px 12px 24px;
}

.bidluna-card{
  background:var(--bidluna-live-surface);
  border:1px solid var(--bidluna-live-border);
  border-radius:16px;
  padding:16px;
  margin:0 0 14px;
}

.bidluna-alert{
  background:#fff7ed;
  border:1px solid rgba(245,158,11,.25);
  color:#92400e;
  padding:12px 14px;
  border-radius:14px;
  margin:0 0 14px;
}

.bidluna-alert-success{
  background:#ecfdf5;
  border-color:rgba(40,167,69,.25);
  color:#059669;
}

.bidluna-muted{ opacity:.85; }
.mini{ font-size:12px; opacity:.85; }

/* Hero (Live Shows) */
.bidluna-live-hero{
  display:grid;
  grid-template-columns: 1.4fr 0.9fr;
  gap:16px;
  align-items:start;
}
@media (max-width: 980px){
  .bidluna-live-hero{ grid-template-columns:1fr; }
}
.bidluna-live-hero .hero-steps{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.bidluna-live-hero .hero-steps .step{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  font-weight:800;
  font-size:13px;
}
.bidluna-live-hero .hero-steps .step .n{
  width:22px;
  height:22px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:900;
  color:#0e4bb3;
  background: rgba(14,75,179,.10);
  border:1px solid rgba(14,75,179,.16);
}

.bidluna-live-hero .hero-seller{
  border-radius:16px;
  padding:14px;
  border:1px solid rgba(0,0,0,.08);
  background: linear-gradient(135deg, rgba(14,75,179,.06), rgba(255,176,32,.10));
}
.bidluna-live-hero .hero-seller .kicker{
  font-weight:900;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.06em;
  opacity:.8;
}
.bidluna-live-hero .hero-seller .title{
  margin-top:6px;
  font-weight:900;
  font-size:18px;
}
.bidluna-live-hero .hero-seller .actions{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

/* Search (Live Shows) */
.bidluna-live-search{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.bidluna-live-search input[type="text"]{
  flex:1;
  min-width:240px;
  max-width:520px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid #e5e7eb;
}

/* Subscription-like cards (used on /live-creneaux when "Style abonnement" is enabled) */
.bidluna-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;}
@media (max-width: 980px){ .bidluna-pricing-grid{grid-template-columns:1fr;} }
.bidluna-plan-card{border-radius:18px;padding:18px;border:1px solid rgba(0,0,0,.08);background:#fff;height:100%;min-height:520px;display:flex;flex-direction:column;}
.bidluna-plan-card.featured{border:2px solid #ffb020;box-shadow:0 10px 24px rgba(255,176,32,.18);background:#fff7ea;}
.bidluna-top-badge-slot{min-height:34px;display:flex;justify-content:center;align-items:center;margin-bottom:10px;}
.bidluna-plan-badge{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:999px;background:#ffb020;color:#111;font-weight:800;font-size:12px;}
.bidluna-plan-badge.bidluna-badge-muted{background:#e5e7eb;color:#111;}
.bidluna-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-height:42px;}
.bidluna-card-title{font-weight:900;font-size:16px;line-height:1.2;}
.bidluna-price-wrap{margin-top:14px;min-height:90px;}
.bidluna-price-big{font-size:34px;font-weight:900;line-height:1.1;}
.bidluna-price-sub{margin-top:6px;font-size:14px;}
.bidluna-list{margin:14px 0 0;padding-left:18px;line-height:1.65;flex:1;}
.bidluna-cta{margin-top:16px;}
.bidluna-cta .btn{width:100%;height:44px;display:flex;align-items:center;justify-content:center;font-weight:800;}
.bidluna-card-foot{margin-top:10px;font-size:12px;min-height:18px;}

.bidluna-live-slot-grid{margin-top:12px;}

/* Listing grid */
.bidluna-live-show-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

@media (max-width: 980px){
  .bidluna-live-show-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px){
  .bidluna-live-show-grid{ grid-template-columns:1fr; }
}

.bidluna-live-show-tile{
  display:block;
  text-decoration:none !important;
  background:var(--bidluna-live-surface);
  color:var(--bidluna-live-text);
  border-radius:18px;
  padding:14px;
  border:1px solid var(--bidluna-live-border);
  position:relative;
  overflow:hidden;
  box-shadow: 0 8px 18px rgba(15,23,42,.06);
  transition: transform .10s ease, box-shadow .18s ease, border-color .18s ease;
}

.bidluna-live-show-tile:hover{
  transform: translateY(-1px);
  box-shadow: var(--bidluna-live-shadow);
  border-color: rgba(14,75,179,.20);
}

/* Cover (listing tiles) */
.bidluna-live-show-cover{
  position:relative;
  aspect-ratio: 16 / 9;
  border-radius:14px;
  overflow:hidden;
  background:#0b1220;
  margin-bottom:12px;
  border:1px solid rgba(0,0,0,.08);
}
.bidluna-live-show-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.bidluna-live-show-cover .cover-top{
  position:absolute;
  top:10px;
  left:10px;
  right:10px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  pointer-events:none;
}
.bidluna-live-show-cover .top-left,
.bidluna-live-show-cover .top-right{
  display:flex;
  align-items:center;
  gap:8px;
}
.bidluna-live-show-cover:after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,.38), rgba(0,0,0,0) 40%);
  pointer-events:none;
}
.bidluna-live-show-cover.placeholder{
  background: linear-gradient(135deg, rgba(14,75,179,.14), rgba(255,176,32,.14));
}
.bidluna-live-show-cover.placeholder:after{
  background: linear-gradient(to bottom, rgba(255,255,255,.65), rgba(255,255,255,0) 45%);
}
.bidluna-cover-ph{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:12px;
  color:#0f172a;
}
.bidluna-cover-ph .ph-brand{
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
  opacity:.88;
}
.bidluna-cover-ph .ph-initial{
  font-size:48px;
  font-weight:900;
  line-height:1;
  opacity:.92;
}

.bidluna-live-show-tile .top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
  gap:10px;
}
.bidluna-live-show-tile .top-left,
.bidluna-live-show-tile .top-right{
  display:flex;
  align-items:center;
  gap:8px;
}
.badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:11px;
  border-radius:999px;
  padding:6px 10px;
  border:1px solid rgba(15,23,42,.12);
  background: rgba(15,23,42,.04);
  color: var(--bidluna-live-text);
}
.badge-live{ background:rgba(239,68,68,.12); border-color:rgba(239,68,68,.25); color:#991b1b; }
.badge-scheduled{ background:rgba(59,130,246,.10); border-color:rgba(59,130,246,.22); color:#1d4ed8; }
.badge-ended{ background:rgba(148,163,184,.16); border-color:rgba(148,163,184,.30); color:#334155; }
.badge-verified{ background:rgba(14,75,179,.10); border-color:rgba(14,75,179,.22); color:#0e4bb3; text-transform:none; letter-spacing:0; }

/* Live room viewers counter */
.badge-viewers{ background:rgba(16,185,129,.12); border-color:rgba(16,185,129,.25); color:#065f46; }

/* Listing viewers badge */
.badge-viewers-tile{ text-transform:none; letter-spacing:0; font-weight:900; }
.badge-viewers-tile span{ font-variant-numeric: tabular-nums; }

.bidluna-live-show-tile .title{
  font-size:18px;
  font-weight:900;
  line-height:1.15;
}
.bidluna-live-show-tile .meta{
  margin-top:8px;
  font-size:13px;
  color: var(--bidluna-live-muted);
  opacity:1;
}
.bidluna-live-show-tile .cta{
  margin-top:12px;
  font-weight:800;
  color: #0e4bb3;
  opacity:1;
}

/* Improve tile CTA affordance */
.bidluna-live-show-tile .cta:after{
  content:" →";
  font-weight:900;
}

/* Slots */
.bidluna-live-slots-table .row{
  display:grid;
  grid-template-columns: 1fr 160px 220px;
  gap:10px;
  padding:12px 10px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  margin-bottom:10px;
  align-items:center;
}
@media (max-width: 820px){
  .bidluna-live-slots-table .row{ grid-template-columns:1fr; }
  .bidluna-live-slots-table .cell.action{ justify-self:stretch; }
}

.bidluna-live-slots-table .cell.price{ text-align:right; }
@media (max-width: 820px){
  .bidluna-live-slots-table .cell.price{ text-align:left; }
}

.bid-input{ display:flex; gap:8px; align-items:center; justify-content:flex-end; }
@media (max-width: 820px){ .bid-input{ justify-content:flex-start; } }
.bid-input input{
  width:130px;
  max-width:100%;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid #e5e7eb;
}

/* Live room layout */
.bidluna-live-room-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:12px;
}
.bidluna-live-room-head .right{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.bidluna-live-room-head .back{
  text-decoration:none !important;
  opacity:.9;
  white-space:nowrap;
}
.bidluna-live-room-head .info{ flex:1; }
.bidluna-live-room-head h2{ margin:0; font-size:24px; }
.bidluna-live-room-head .meta{ opacity:.85; font-size:13px; margin-top:4px; }

/* Live room: cover thumbnail */
.bidluna-live-room-thumb{
  width:96px;
  aspect-ratio: 16 / 9;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.10);
  background:#f1f5f9;
  flex:0 0 auto;
}
.bidluna-live-room-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.bidluna-room-thumb-ph{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:12px;
  color:#0e4bb3;
  background: linear-gradient(135deg, rgba(14,75,179,.12), rgba(255,176,32,.12));
}
@media (max-width: 640px){
  .bidluna-live-room-thumb{ width:84px; }
}

.bidluna-live-room-grid{
  display:grid;
  grid-template-columns: 1.2fr 1fr 0.8fr;
  gap:12px;
}
@media (max-width: 1100px){
  .bidluna-live-room-grid{ grid-template-columns:1fr; }
}

.bidluna-live-room .card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  overflow:hidden;
}
.bidluna-live-room .card-head{
  padding:12px 14px;
  border-bottom:1px solid #e5e7eb;
}
.bidluna-live-room .placeholder{
  padding:14px;
  opacity:.9;
}

/* Embed responsive */
.bidluna-live-room .embed{
  position:relative;
  width:100%;
  aspect-ratio: 16 / 9;
  background:#000;
}
.bidluna-live-room .embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

/* Demo / simulation helpers */
.bidluna-demo-banner{
  margin:12px 12px 0;
  padding:8px 10px;
  border-radius:14px;
  border:1px solid rgba(255,176,32,.38);
  background: rgba(255,176,32,.12);
  font-weight:900;
  font-size:13px;
}
.bidluna-video-ph{
  margin:12px;
  padding:18px;
  border-radius:16px;
  border:1px dashed rgba(0,0,0,.18);
  background: linear-gradient(135deg, rgba(14,75,179,.07), rgba(255,176,32,.10));
}
.bidluna-video-ph .vp-inner{
  display:flex;
  align-items:center;
  gap:14px;
}
.bidluna-video-ph .vp-play{
  width:52px;
  height:52px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:900;
  color:#0e4bb3;
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
}
.bidluna-video-ph .vp-title{
  font-weight:900;
  font-size:16px;
}
.bidluna-video-ph .vp-sub{
  margin-top:4px;
  opacity:.9;
  line-height:1.5;
}
.bidluna-video-ph .vp-admin{
  margin-top:10px;
  font-size:12px;
  opacity:.85;
}

/* Auction embed compact */
.bidluna-live-lot{
  padding:10px 10px 14px;
}
.bidluna-live-room .bidluna-product{
  margin:0 !important;
}
.bidluna-live-room .bidluna-product .bidluna-side{ gap:12px; }
.bidluna-live-room .bidluna-product .bidluna-side,
.bidluna-live-room .bidluna-product .bidluna-gallery{
  width:100% !important;
  max-width:100% !important;
}

/* Studio */
.bidluna-studio-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:14px;
  align-items:start;
}
@media (max-width: 980px){
  .bidluna-studio-grid{ grid-template-columns:1fr; }
}

.bidluna-studio-steps{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.bidluna-studio-steps .step{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  font-weight:800;
  font-size:13px;
}
.bidluna-studio-steps .step .n{
  width:22px;
  height:22px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:900;
  color:#0e4bb3;
  background: rgba(14,75,179,.10);
  border:1px solid rgba(14,75,179,.16);
}

.bidluna-live-show-card{
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:14px;
  margin:0 0 14px;
}
.bidluna-live-show-card .head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.bidluna-live-show-card .actions{ margin-top:10px; display:flex; gap:8px; flex-wrap:wrap; align-items:center;}
.bidluna-live-show-card .lots{ margin-top:10px; }
.bidluna-live-show-card .lot-row{
  display:flex;
  gap:10px;
  align-items:center;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:10px 12px;
  margin:8px 0 0;
}


/* Pills (slots horizon filter) */
.bidluna-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  text-decoration:none !important;
  font-weight:800;
  font-size:12px;
  color:#111;
}
.bidluna-pill.active{
  border-color:rgba(255,176,32,.55);
  background:#fff7ea;
  box-shadow:0 8px 18px rgba(255,176,32,.18);
}

/* Live room queue */
.bidluna-live-queue{ padding:10px 12px 14px; display:flex; flex-direction:column; gap:10px; }
.queue-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 10px;
  border-radius:14px;
  border:1px solid #e5e7eb;
  background:#fff;
}
.queue-item.current{
  border:2px solid #ffb020;
  background:#fff7ea;
}
.queue-item .qi-title{ font-weight:900; line-height:1.25; }
.queue-item .qi-sub{ margin-top:2px; }
.bidluna-host-link{ font-weight:900; text-decoration:none !important; }

/* Overlay (OBS browser source) */
body.bidluna-live-overlay-page{ background:transparent !important; overflow:hidden; margin:0 !important; padding:0 !important; }
body.bidluna-live-overlay-page *{ visibility:hidden !important; }
body.bidluna-live-overlay-page .bidluna-live-overlay,
body.bidluna-live-overlay-page .bidluna-live-overlay *{ visibility:visible !important; }

.bidluna-live-overlay{
  position:fixed;
  inset:0;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:18px;
  pointer-events:none;
}
.bidluna-live-overlay .overlay-box{
  width:420px;
  max-width:92vw;
  border-radius:18px;
  padding:14px 14px 12px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.55);
  color:#fff;
  backdrop-filter: blur(10px);
}
.bidluna-live-overlay .row.top{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
.bidluna-live-overlay .brand{ font-weight:900; letter-spacing:.12em; text-transform:uppercase; font-size:12px; opacity:.95; }
.bidluna-live-overlay .show-title{ margin-top:8px; font-size:16px; font-weight:900; line-height:1.25; }
.bidluna-live-overlay .lot-title{ margin-top:6px; font-size:13px; opacity:.92; }
.bidluna-live-overlay .row.big{ margin-top:10px; display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.bidluna-live-overlay .price{ font-size:30px; font-weight:900; line-height:1.1; font-variant-numeric: tabular-nums; }
.bidluna-live-overlay .timer{ font-size:18px; font-weight:900; opacity:.95; font-variant-numeric: tabular-nums; }
.bidluna-live-overlay .row.foot{ margin-top:8px; font-size:11px; opacity:.85; }



/* -------------------------------------------------------------------------
   Live Slots – Premium calendar + forfaits toggle
   ------------------------------------------------------------------------- */

.bidluna-slots-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.bidluna-slots-topbar-left{ min-width: 180px; }
.bidluna-slots-topbar-right{ display:flex; align-items:center; }

.bidluna-view-toggle{
  display:flex;
  gap:10px;
  padding:6px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:999px;
  background:#f5f7fb;
}
.bidluna-view-btn{
  appearance:none;
  border:0;
  padding:10px 18px;
  border-radius:999px;
  cursor:pointer;
  font-weight:800;
  letter-spacing:.2px;
  background:transparent;
  color:#374151;
  transition: transform .08s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}
.bidluna-view-btn:hover{ transform: translateY(-1px); }
.bidluna-view-btn.active{
  background:#0f766e;
  color:#fff;
  box-shadow: 0 8px 18px rgba(15,118,110,.22);
}

.bidluna-calendar-wrap{
  margin-top:14px;
  display:grid;
  grid-template-columns: 1fr 360px;
  gap:16px;
  align-items:start;
}

.bidluna-calendar-card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  background:#f9fafb;
  padding:14px;
}

.bidluna-calendar-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.bidluna-calendar-title{ font-size:16px; }
.bidluna-calendar-nav{ display:flex; align-items:center; gap:8px; }
.bidluna-cal-nav-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  color:#111827;
  text-decoration:none;
  font-weight:800;
  line-height:1;
  transition: transform .08s ease, box-shadow .18s ease;
}
.bidluna-cal-nav-btn:hover{ transform: translateY(-1px); box-shadow:0 10px 18px rgba(0,0,0,.08); }
.bidluna-cal-nav-btn:active{ transform: translateY(0); }

.bidluna-cal-grid{
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}
.bidluna-cal-grid-head{
  display:grid;
  grid-template-columns: 64px repeat(7, 1fr);
  border-bottom:1px solid rgba(0,0,0,.06);
  background:#fbfcff;
}
.bidluna-cal-day-head{
  padding:10px 8px;
  font-weight:900;
  text-align:left;
  color:#374151;
  border-left:1px solid rgba(0,0,0,.06);
}
.bidluna-cal-time-col-head{ padding:10px 8px; }

.bidluna-cal-grid-body{
  display:grid;
  grid-template-columns: 64px repeat(7, 1fr);
  height: var(--cal-height);
}
.bidluna-cal-time-col{
  border-right:1px solid rgba(0,0,0,.06);
  background:#fbfcff;
  display:flex;
  flex-direction:column;
}
.bidluna-cal-time-row{
  height: var(--hour-h);
  padding:10px 8px;
  font-size:12px;
  font-weight:800;
  color:#6b7280;
  border-top:1px solid rgba(0,0,0,.06);
}
.bidluna-cal-time-row:first-child{ border-top:0; }

.bidluna-cal-day-col{
  position:relative;
  border-left:1px solid rgba(0,0,0,.06);
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(0,0,0,.06) 0px,
    rgba(0,0,0,.06) 1px,
    transparent 1px,
    transparent var(--hour-h)
  );
}
.bidluna-cal-day-inner{ position:relative; height:100%; }

.bidluna-cal-slot{
  position:absolute;
  left:6px;
  right:6px;
  top: calc(var(--top) * 1px);
  height: calc(var(--height) * 1px);
  border-radius:14px;
  padding:10px 10px;
  border:1px solid rgba(16,185,129,.35);
  background: rgba(16,185,129,.10);
  cursor:pointer;
  text-align:left;
  display:flex;
  flex-direction:column;
  gap:6px;
  overflow:hidden;
  transition: transform .08s ease, box-shadow .18s ease, border-color .18s ease;
}
.bidluna-cal-slot:hover{ transform: translateY(-1px); box-shadow: 0 12px 20px rgba(0,0,0,.10); }
.bidluna-cal-slot.selected{ outline: 3px solid rgba(37, 99, 235, .25); border-color: rgba(37,99,235,.55); }

.bidluna-cal-slot .t{ font-weight:900; color:#0f172a; }
.bidluna-cal-slot .p{ font-weight:900; color:#111827; opacity:.92; font-variant-numeric: tabular-nums; }
.bidluna-cal-slot .tag{
  margin-top:auto;
  display:inline-flex;
  align-self:flex-start;
  padding:4px 8px;
  border-radius:999px;
  background: rgba(17,24,39,.08);
  color:#111827;
  font-weight:900;
  font-size:11px;
}
.bidluna-cal-slot.prime{
  border-color: rgba(249, 115, 22, .45);
  background: rgba(249, 115, 22, .12);
}
.bidluna-cal-slot.auction{
  border-color: rgba(99,102,241,.35);
  background: rgba(99,102,241,.10);
}
.bidluna-cal-slot .tag.alt{ background: rgba(0,0,0,.06); }

.bidluna-slot-details{
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  background:#fff;
  padding:16px;
}
.bidluna-slot-details h3{ margin-top:0; }
.detail-when{
  font-size:14px;
  font-weight:900;
  margin-top:8px;
}
.detail-meta{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:8px;
  color:#374151;
}
.bidluna-detail-list{
  margin:12px 0 14px;
  padding-left:18px;
  color:#374151;
  line-height:1.6;
}
.detail-cta{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.bid-input{
  display:flex;
  align-items:center;
  gap:10px;
}
.bid-input input{
  flex:1;
  min-width: 120px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.14);
  background:#fff;
}

.bidluna-cal-mobile{ display:none; }
.bidluna-cal-desktop{ display:block; }

/* Mobile premium view */
@media (max-width: 980px){
  .bidluna-calendar-wrap{ grid-template-columns: 1fr; }
  .bidluna-slot-details{ display:none; }
  .bidluna-cal-desktop{ display:none; }
  .bidluna-cal-mobile{ display:block; margin-top:6px; }

  .bidluna-day-tabs{
    display:flex;
    gap:10px;
    overflow:auto;
    padding:8px 0 6px;
    -webkit-overflow-scrolling: touch;
  }
  .bidluna-day-pill{
    appearance:none;
    border:1px solid rgba(0,0,0,.10);
    background:#eef2f7;
    color:#374151;
    padding:10px 14px;
    border-radius:999px;
    font-weight:900;
    cursor:pointer;
    white-space:nowrap;
  }
  .bidluna-day-pill.active{
    background:#2563eb;
    border-color:#2563eb;
    color:#fff;
  }
  .bidluna-day-panel-title{
    margin-top:6px;
    font-weight:900;
    color:#111827;
  }
  .bidluna-mobile-slot{
    margin-top:12px;
    border:1px solid rgba(0,0,0,.10);
    border-radius:16px;
    padding:14px;
    background:#fff;
  }
  .bidluna-mobile-slot .top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
  }
  .bidluna-mobile-slot .when{
    font-weight:900;
    font-size:16px;
  }
  .bidluna-mobile-slot .price{
    font-weight:900;
    font-size:22px;
    margin-top:6px;
    font-variant-numeric: tabular-nums;
  }
  .badge-mini{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 10px;
    border-radius:999px;
    background: rgba(17,24,39,.10);
    color:#111827;
    font-weight:900;
    font-size:12px;
    white-space:nowrap;
  }
  .badge-mini.prime{
    background: rgba(249,115,22,.18);
    color:#7c2d12;
  }
  .bidluna-mobile-slot .cta{ margin-top:12px; }
  .bidluna-mobile-slot .cta .btn{ width:100%; }
}

/* Ensure hidden panels do not take space */
.bidluna-slots-view[hidden]{ display:none !important; }


/* -------------------------------------------------------------------------
   Studio console (seller) — "producer" view
   ------------------------------------------------------------------------- */

.bidluna-live-console-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  flex-wrap:wrap;
}
.bidluna-live-console-head .right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.bidluna-live-console-grid{
  display:grid;
  grid-template-columns: 1fr 420px;
  gap:16px;
  align-items:start;
}
@media (max-width: 980px){
  .bidluna-live-console-grid{ grid-template-columns:1fr; }
  .bidluna-live-console-head .right{ justify-content:flex-start; }
}

.bidluna-checklist{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}
.bidluna-checklist li{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.06);
  background:#f9fafb;
}
.bidluna-checklist li.ok{
  border-color: rgba(16,185,129,.25);
  background:#ecfdf5;
}
.bidluna-checklist li.bad{
  border-color: rgba(239,68,68,.25);
  background:#fef2f2;
}
.bidluna-checklist .dot{
  width:10px;height:10px;border-radius:50%;
  background:#9ca3af;
}
.bidluna-checklist li.ok .dot{ background:#10b981; }
.bidluna-checklist li.bad .dot{ background:#ef4444; }

.bidluna-console-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.bidluna-console-now{
  margin-top:14px;
  display:grid;
  gap:10px;
}
.bidluna-console-now .row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 12px;
  border-radius:14px;
  background:#f9fafb;
  border:1px solid rgba(0,0,0,.06);
}
.bidluna-console-now .val{ font-weight:900; }

.bidluna-form-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
@media (max-width: 980px){
  .bidluna-form-grid{ grid-template-columns:1fr; }
}
.bidluna-form-grid label span{
  display:block;
  font-weight:800;
  margin:0 0 6px;
}
.bidluna-form-grid input,
.bidluna-form-grid select,
.bidluna-form-grid textarea{
  width:100%;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
}

/* Studio console: cover picker */
.bidluna-cover-picker{
  display:grid;
  grid-template-columns: 260px 1fr;
  gap:12px;
  align-items:start;
}
@media (max-width: 980px){
  .bidluna-cover-picker{ grid-template-columns:1fr; }
}
.bidluna-cover-preview{
  aspect-ratio: 16 / 9;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.10);
  background:#f8fafc;
  display:flex;
  align-items:center;
  justify-content:center;
}
.bidluna-cover-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.bidluna-cover-ph-simple{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  color:#0e4bb3;
  background: linear-gradient(135deg, rgba(14,75,179,.10), rgba(255,176,32,.10));
}
.bidluna-cover-actions .btn{
  margin-right:8px;
  margin-bottom:8px;
}

.bidluna-lot-list{ margin-top:10px; display:grid; gap:10px; }
.bidluna-lot-item{
  display:grid;
  grid-template-columns: 24px 1fr 92px auto;
  gap:10px;
  align-items:center;
  padding:12px 12px;
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  background:#fff;
}
.bidluna-lot-item.current{
  border-color: rgba(255,176,32,.45);
  background:#fff7ea;
}
.bidluna-lot-item.dragging{ opacity:.6; }
.bidluna-lot-item .drag{
  cursor:grab;
  font-size:18px;
  opacity:.8;
  user-select:none;
}
.bidluna-lot-item .title{ font-weight:900; line-height:1.2; }
.bidluna-lot-item .dur input{
  width:72px;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
}
.bidluna-lot-item .btns{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
@media (max-width: 980px){
  .bidluna-lot-item{ grid-template-columns: 24px 1fr; }
  .bidluna-lot-item .dur,
  .bidluna-lot-item .btns{ grid-column: 1 / -1; justify-content:flex-start; }
}



/* ------------------------------------------------------------
 * Live Room: video consent gate (premium)
 * ------------------------------------------------------------ */
.bidluna-embed-gate{position:relative;overflow:hidden;border-radius:14px;min-height:240px;background:linear-gradient(180deg,#0b1220 0%,#0f172a 100%);} 
.bidluna-embed-gate .bidluna-embed-slot{min-height:240px;}
.bidluna-embed-gate .embed iframe{width:100%;height:100%;aspect-ratio:16/9;display:block;border:0;}
.bidluna-embed-gate .bidluna-embed-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:18px 18px 16px;gap:10px;background:rgba(15,23,42,.86);backdrop-filter: blur(6px);} 
.bidluna-embed-gate .eo-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#e5e7eb;font-weight:700;font-size:12px;letter-spacing:.02em;}
.bidluna-embed-gate .eo-title{color:#fff;font-size:18px;font-weight:900;margin-top:2px;}
.bidluna-embed-gate .eo-text{color:#e5e7eb;line-height:1.55;max-width:520px;}
.bidluna-embed-gate .eo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}
.bidluna-embed-gate.enabled{background:transparent;}

@media (max-width: 768px){
  .bidluna-embed-gate,.bidluna-embed-gate .bidluna-embed-slot{min-height:200px;}
  .bidluna-embed-gate .eo-text{max-width:100%;}
}



/* -------------------------------------------------------------------------
   Live room v2 — spacious / premium (desktop & mobile)
   Matches the "world-class" layout: big video + right panel bidding.
   ------------------------------------------------------------------------- */

.bidluna-live-room.bidluna-live-room-v2,
.bidluna-live-room.bidluna-live-room-v3{
  max-width: 1320px;
  padding: 18px 18px 38px;
}
@media (max-width: 640px){
  .bidluna-live-room.bidluna-live-room-v2,
  .bidluna-live-room.bidluna-live-room-v3{ padding: 12px 12px 26px; }
}

/* Revolutionary room: bigger spacing + more "premium" feel */
.bidluna-live-room.bidluna-live-room-v3{
  max-width: 1440px;
  padding: 22px 22px 46px;
}
@media (max-width: 640px){
  .bidluna-live-room.bidluna-live-room-v3{ padding: 12px 12px 30px; }
}

/* Head */
.bidluna-live-room-head-v2{
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin: 4px 0 14px;
}
.bidluna-live-room-head-v2 .left{ flex:0 0 auto; }
.bidluna-live-room-head-v2 .back{
  text-decoration:none !important;
  font-weight:900;
  opacity:.92;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
}
.bidluna-live-room-head-v2 .center{ flex:1; min-width: 0; }
.bidluna-live-room-head-v2 .kicker{
  font-weight:900;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:.82;
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.bidluna-live-room-head-v2 .title{
  margin:6px 0 0;
  font-size:26px;
  line-height:1.15;
  font-weight:1000;
  letter-spacing:-.01em;
}
.bidluna-live-room-v3 .bidluna-live-room-head-v2 .title{ font-size:30px; }
.bidluna-live-room-head-v2 .sub{
  margin-top:6px;
  font-size:13px;
  color: var(--bidluna-live-muted);
}
.bidluna-live-room-v3 .bidluna-live-room-head-v2 .sub{ font-size:14px; }
.bidluna-live-room-head-v2 .right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  flex:0 0 auto;
}
@media (max-width: 980px){
  .bidluna-live-room-head-v2{ flex-direction:column; }
  .bidluna-live-room-head-v2 .right{ justify-content:flex-start; }
  .bidluna-live-room-head-v2 .title{ font-size:22px; }
}

/* Layout */
.bidluna-live-room-layout{
  display:grid;
  grid-template-columns: 1.55fr 0.95fr;
  gap:22px;
  align-items:start;
}
.bidluna-live-room-v3 .bidluna-live-room-layout{ grid-template-columns: 1.68fr 1fr; gap:28px; }
@media (max-width: 1100px){
  .bidluna-live-room-layout{ grid-template-columns:1fr; }
}

.bidluna-live-room-main{ min-width:0; }
.bidluna-live-room-side{ min-width:0; }
@media (min-width: 1101px){
  .bidluna-live-room-side{ position:sticky; top: 92px; }
}

/* Video stage */
.bidluna-live-video-card{ padding:14px; }
.bidluna-live-room-v3 .bidluna-live-video-card{ padding:18px; }
.bidluna-live-video-stage{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  background:#0b1220;
  border:1px solid rgba(0,0,0,.10);
}
.bidluna-live-video-stage .embed,
.bidluna-live-video-stage .bidluna-embed-gate{
  border-radius:0 !important;
  margin:0 !important;
}
.bidluna-live-video-stage .bidluna-embed-gate{ min-height: unset; }
.bidluna-live-video-stage .bidluna-embed-slot{ min-height: unset; }
.bidluna-live-video-stage .embed{ aspect-ratio: 16 / 9; }
.bidluna-live-video-stage .bidluna-embed-gate{ aspect-ratio: 16 / 9; }
.bidluna-live-video-stage .bidluna-embed-overlay{ padding:22px 22px 18px; }
@media (max-width: 640px){
  .bidluna-live-video-card{ padding:12px; }
  .bidluna-live-video-stage{ border-radius:16px; }
}

/* Overlay badges inside the video */
.bidluna-live-video-overlay{
  position:absolute;
  top:14px;
  left:14px;
  display:flex;
  gap:10px;
  align-items:center;
  z-index: 20;
  pointer-events:none;
}
.bidluna-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  font-weight:1000;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(6px);
}
.bidluna-chip-viewers{
  text-transform:none;
  letter-spacing:0;
  font-weight:900;
}
.bidluna-chip-live{
  background: rgba(239,68,68,.85);
  border-color: rgba(239,68,68,.30);
}
.bidluna-chip-upcoming{
  background: rgba(59,130,246,.70);
  border-color: rgba(59,130,246,.30);
}

/* Blinking LIVE (badge + chip) */
@keyframes bidlunaLivePulse {
  0%{ transform: translateZ(0) scale(1); opacity:1; }
  50%{ transform: translateZ(0) scale(1.02); opacity:.78; }
  100%{ transform: translateZ(0) scale(1); opacity:1; }
}
.badge-live,
.bidluna-chip-live{
  animation: bidlunaLivePulse 1.15s ease-in-out infinite;
}
.badge-live::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#ef4444;
  box-shadow: 0 0 0 0 rgba(239,68,68,.55);
  animation: bidlunaDot 1.15s ease-in-out infinite;
}
@keyframes bidlunaDot {
  0%{ box-shadow: 0 0 0 0 rgba(239,68,68,.55); opacity:1; }
  50%{ box-shadow: 0 0 0 6px rgba(239,68,68,0); opacity:.9; }
  100%{ box-shadow: 0 0 0 0 rgba(239,68,68,0); opacity:1; }
}

/* Nowline under the video (mobile-style, also nice on desktop) */
.bidluna-live-nowline{
  margin-top:12px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.08);
  background: var(--bidluna-live-surface-2);
}
.bidluna-live-nowline .lbl{
  font-weight:1000;
  line-height:1.35;
}
.bidluna-live-nowline .meta{
  font-weight:800;
  opacity:.9;
  font-variant-numeric: tabular-nums;
}

/* Tabs (desktop) */
.bidluna-live-tabs{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.bidluna-live-tabs .tab{
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  border-radius:999px;
  padding:10px 14px;
  font-weight:1000;
  cursor:pointer;
}
.bidluna-live-tabs .tab.active{
  border-color: rgba(14,75,179,.22);
  background: rgba(14,75,179,.07);
}
.bidluna-live-tab-panels{ margin-top:12px; }
.bidluna-live-tab-panels .panel{ display:block; }
.bidluna-live-tab-panels .panel[hidden]{ display:none; }
.bidluna-live-panel-card{
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  border-radius:16px;
  padding:14px;
}
.bidluna-live-panel-card .row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.bidluna-live-panel-card .actions{ display:flex; gap:10px; flex-wrap:wrap; }

/* Hide tabs + panels on small screens to keep the "mobile premium" look */
@media (max-width: 820px){
  .bidluna-live-tabs,
  .bidluna-live-tab-panels{ display:none; }
}

/* Side cards */
.bidluna-live-auction-card,
.bidluna-live-queue-card{
  padding:14px;
}
.bidluna-live-auction-card .head,
.bidluna-live-queue-card .head{
  padding:2px 2px 12px;
  margin-bottom:12px;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.bidluna-live-auction-card #bidlunaLiveLotWrap,
.bidluna-live-queue-card .bidluna-live-queue{ padding:0; }

/* Queue items: premium */
.bidluna-live-room-v2 .queue-item,
.bidluna-live-room-v3 .queue-item{
  padding:12px 12px;
}
.bidluna-live-room-v2 .queue-item .qi-left,
.bidluna-live-room-v3 .queue-item .qi-left{
  display:flex;
  gap:12px;
  align-items:center;
  min-width:0;
  flex:1;
}
.bidluna-live-room-v2 .queue-item .qi-thumb,
.bidluna-live-room-v3 .queue-item .qi-thumb{
  width:42px;
  height:42px;
  border-radius:12px;
  background: linear-gradient(135deg, rgba(14,75,179,.10), rgba(255,176,32,.12));
  border:1px solid rgba(0,0,0,.06);
  flex:0 0 auto;
}
.bidluna-live-room-v2 .queue-item .qi-main,
.bidluna-live-room-v3 .queue-item .qi-main{ min-width:0; }
.bidluna-live-room-v2 .queue-item .qi-title,
.bidluna-live-room-v3 .queue-item .qi-title{
  font-weight:1000;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Queue: traceability (winner + final + full history) */
.bidluna-live-room-v2 .queue-item .qi-trace,
.bidluna-live-room-v3 .queue-item .qi-trace{
  margin-top:6px;
  color: rgba(0,0,0,.62);
  line-height:1.35;
}
.bidluna-live-room-v2 .queue-item .qi-actions,
.bidluna-live-room-v3 .queue-item .qi-actions{
  margin-top:8px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.bidluna-live-room-v2 .queue-item .qi-hist,
.bidluna-live-room-v3 .queue-item .qi-hist{
  appearance:none;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  padding:7px 12px;
  border-radius:999px;
  cursor:pointer;
  font-weight:900;
  font-size:12px;
  letter-spacing:.2px;
  transition: transform .08s ease, box-shadow .18s ease;
}
.bidluna-live-room-v2 .queue-item .qi-hist:hover,
.bidluna-live-room-v3 .queue-item .qi-hist:hover{ transform: translateY(-1px); box-shadow: 0 8px 18px rgba(0,0,0,.10); }
@media (max-width: 640px){
  .bidluna-live-room-v2 .queue-item .qi-title,
  .bidluna-live-room-v3 .queue-item .qi-title{ white-space:normal; }
}

/* -------------------------------------------------------------------------
   Revolutionary bidding panel (BidPro)
   ------------------------------------------------------------------------- */
.bidluna-live-auction-card-rev{ padding:18px; }
.bidluna-live-auction-card-rev .head{ margin-bottom:14px; }

.bidluna-live-bidpro{
  display:grid;
  gap:12px;
}
.bidluna-live-metrics{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
.bidluna-live-metrics .m{
  border:1px solid rgba(0,0,0,.08);
  background: rgba(14,75,179,.04);
  border-radius:16px;
  padding:14px;
}
.bidluna-live-metrics .m .lbl{
  font-size:13px;
  color: rgba(0,0,0,.58);
  font-weight:900;
}
.bidluna-live-metrics .m .val{
  font-size:30px;
  font-weight:1000;
  letter-spacing:.2px;
  margin-top:4px;
}
.bidluna-live-metrics .m-time .val{ color:#d62828; }

.bidluna-live-lastbid{
  font-size:13px;
  color: rgba(0,0,0,.62);
}

.bidluna-live-quickgrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}
.bidluna-live-quickgrid .qbtn{
  border:1px solid rgba(0,0,0,.10);
  background:#f8fafc;
  border-radius:16px;
  padding:14px 12px;
  font-weight:1000;
  cursor:pointer;
  min-height:56px;
}
.bidluna-live-quickgrid .qbtn.active{
  border-color: rgba(14,75,179,.35);
  background: rgba(14,75,179,.08);
}

.bidluna-live-bidnow{
  width:100%;
  border-radius:18px;
  padding:16px 18px;
  font-size:16px;
  font-weight:1000;
}

.bidluna-live-custom{
  border:1px dashed rgba(0,0,0,.18);
  border-radius:16px;
  padding:12px;
  background: rgba(0,0,0,.02);
}
.bidluna-live-custom .row{ display:flex; gap:10px; }
.bidluna-live-custom input{
  flex:1;
  border:1px solid rgba(0,0,0,.12);
  border-radius:14px;
  padding:12px 12px;
  font-weight:900;
}
.bidluna-live-note{ line-height:1.5; }
.bidluna-live-bidmsg{
  min-height:18px;
  font-size:13px;
  font-weight:900;
}
.bidluna-live-bidmsg.ok{ color:#0a7a3d; }
.bidluna-live-bidmsg.err{ color:#b81f1f; }

.bidluna-live-bidlinks{ display:flex; gap:10px; flex-wrap:wrap; }

@media (max-width: 640px){
  .bidluna-live-auction-card-rev{ padding:14px; }
  .bidluna-live-metrics .m .val{ font-size:28px; }
}

/* -------------------------------------------------------------------------
   Studio console: self camera preview
   ------------------------------------------------------------------------- */
.bidluna-self-preview{ display:grid; gap:10px; }
.bidluna-self-preview .sp-actions{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.bidluna-self-preview .sp-mirror{ display:flex; align-items:center; gap:8px; font-weight:900; font-size:13px; }
.bidluna-self-preview .sp-stage{
  position:relative;
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  background:#0b1220;
  aspect-ratio: 16 / 9;
  overflow:hidden;
}
.bidluna-self-preview .sp-stage video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.bidluna-self-preview .sp-stage.mirror video{ transform: scaleX(-1); }
.bidluna-self-preview .sp-ph{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.80);
  font-weight:1000;
  letter-spacing:.2px;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
}

/* -------------------------------------------------------------------------
   Live room: premium queue thumbnails + lot panel + history + chat
   ------------------------------------------------------------------------- */

.bidluna-live-queue .qi-thumb{ overflow:hidden; }
.bidluna-live-queue .qi-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

.bidluna-live-lotpreview{
  display:grid;
  grid-template-columns: 96px 1fr;
  gap:12px;
  margin-top:12px;
  padding:12px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  background: rgba(255,255,255,.60);
}
.bidluna-live-lotpreview .lp-thumb{
  width:96px;
  height:96px;
  border-radius:14px;
  overflow:hidden;
  background: linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.02));
}
.bidluna-live-lotpreview .lp-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.bidluna-live-lotph{ width:100%; height:100%; border-radius:14px; background: linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.02)); }
.bidluna-live-lotpreview .lp-title{ font-weight:1000; font-size:15px; letter-spacing:.2px; }
.bidluna-live-lotpreview .lp-desc{ margin-top:4px; line-height:1.55; }
.bidluna-live-lotpreview .lp-meta{ margin-top:6px; }

.bidluna-live-history-block{ margin-top:12px; }
.bidluna-live-history-block .h-head{ display:flex; gap:10px; align-items:baseline; justify-content:space-between; }
.bidluna-live-history{ margin-top:8px; }
.bidluna-live-history-list{ display:grid; gap:8px; }
.bidluna-live-history-list .hrow{
  display:grid;
  grid-template-columns: 1fr auto auto;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  background: rgba(255,255,255,.70);
}
.bidluna-live-history-list .amt{ font-weight:1000; }
.bidluna-live-history-list .who{ font-weight:900; color: rgba(0,0,0,.70); }
.bidluna-live-history-list .time{ font-size:12px; color: rgba(0,0,0,.55); }

/* Modal: full history */
body.bidluna-modal-open{ overflow:hidden !important; }

.bidluna-live-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.bidluna-live-modal[hidden]{ display:none !important; }
.bidluna-live-modal .m-overlay{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(6px);
}
.bidluna-live-modal .m-panel{
  position:relative;
  width: 760px;
  max-width: 96vw;
  max-height: 86vh;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  box-shadow: 0 22px 70px rgba(0,0,0,.28);
  display:flex;
  flex-direction:column;
}
.bidluna-live-modal .m-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.bidluna-live-modal .m-title{ font-weight:1000; letter-spacing:.2px; }
.bidluna-live-modal .m-close{
  appearance:none;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  width:36px;
  height:36px;
  border-radius:12px;
  cursor:pointer;
  font-weight:900;
  line-height:1;
  transition: transform .08s ease, box-shadow .18s ease;
}
.bidluna-live-modal .m-close:hover{ transform: translateY(-1px); box-shadow: 0 10px 22px rgba(0,0,0,.12); }
.bidluna-live-modal .m-body{
  padding:14px 16px 16px;
  overflow:auto;
}
.bidluna-live-modal .bidluna-history-full{ margin-top:10px; }
.bidluna-live-modal .m-foot{
  padding:12px 16px 0;
  display:flex;
  justify-content:center;
}

.bidluna-live-consent,
.bidluna-live-paybox{
  margin-top:10px;
  padding:12px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  background: rgba(255,255,255,.70);
}
.bidluna-live-consent .c-actions{
  margin-top:10px;
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.bidluna-live-consent .c-check{ display:flex; align-items:center; gap:8px; font-weight:900; }
.bidluna-live-paybox .p-row{
  margin-top:10px;
  display:grid;
  grid-template-columns: 1fr 160px;
  gap:10px;
}
.bidluna-live-paybox select,
.bidluna-live-paybox input{
  width:100%;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  font-weight:900;
}

.bidluna-live-chat{ margin-top:12px; }
.bidluna-live-chat-list{
  height: 360px;
  overflow:auto;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:12px;
  background: rgba(255,255,255,.60);
  display:grid;
  gap:10px;
}
.bidluna-live-chat-compose{
  margin-top:10px;
  display:flex;
  gap:10px;
  align-items:center;
}
.bidluna-live-chat-compose input{
  flex:1;
  width:100%;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  font-weight:900;
}

.bidluna-live-chat-list .m{ display:grid; grid-template-columns: 40px 1fr; gap:10px; align-items:flex-start; }
.bidluna-live-chat-list .m .av{
  width:40px; height:40px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-weight:1000; letter-spacing:.3px;
  background: rgba(0,0,0,.08);
}
.bidluna-live-chat-list .m.host .av{ background: rgba(46, 102, 255, .14); }
.bidluna-live-chat-list .m .b{ min-width:0; }
.bidluna-live-chat-list .m .t{ display:flex; gap:8px; align-items:baseline; }
.bidluna-live-chat-list .m .n{ font-weight:1000; }
.bidluna-live-chat-list .m .tm{ margin-left:auto; font-size:12px; color: rgba(0,0,0,.55); }
.bidluna-live-chat-list .m .tag{
  font-size:11px;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid rgba(46, 102, 255, .18);
  background: rgba(46, 102, 255, .10);
  font-weight:1000;
}
.bidluna-live-chat-list .m .msg{ margin-top:2px; line-height:1.5; }

@media (max-width: 900px){
  .bidluna-live-chat-list{ height: 300px; }
  .bidluna-live-paybox .p-row{ grid-template-columns: 1fr; }
}


/* BidPro: winner / outbid feedback (worldclass)
   Requirement: highlight must wrap the WHOLE "Enchère en direct" block.
   We therefore apply the state to the outer card, not just the inner bid panel.
*/
.bidluna-live-auction-card-rev.is-leader{
  border-color: rgba(32, 180, 90, .55);
  box-shadow:
    0 0 0 3px rgba(32, 180, 90, .55),
    0 0 0 8px rgba(32, 180, 90, .12),
    0 18px 50px rgba(0,0,0,.08);
}
.bidluna-live-auction-card-rev.is-outbid{
  border-color: rgba(220, 55, 55, .50);
  box-shadow:
    0 0 0 3px rgba(220, 55, 55, .45),
    0 0 0 8px rgba(220, 55, 55, .10),
    0 18px 50px rgba(0,0,0,.08);
}

/* Avoid "double highlight" if the inner panel still carries classes */
.bidluna-live-auction-card-rev.is-leader .bidluna-live-bidpro,
.bidluna-live-auction-card-rev.is-outbid .bidluna-live-bidpro{
  outline: none !important;
  box-shadow: none !important;
}

.bidluna-live-auction-card-rev.is-leader .bidluna-live-timer{ filter: saturate(1.25) contrast(1.05); }
.bidluna-live-auction-card-rev.is-outbid .bidluna-live-timer{ filter: saturate(1.1) contrast(1.05); }

/* Backward-compat (older markup): if only inner panel has state, still show it */
.bidluna-live-bidpro.is-leader:not(.x){
  outline: 3px solid rgba(32, 180, 90, .55);
  box-shadow: 0 0 0 6px rgba(32, 180, 90, .12);
}
.bidluna-live-bidpro.is-outbid:not(.x){
  outline: 3px solid rgba(220, 55, 55, .45);
  box-shadow: 0 0 0 6px rgba(220, 55, 55, .10);
}


/* -------------------------------------------------------------------------
   Live Room — Commerce info chips (shipping / pickup)
   ------------------------------------------------------------------------- */

.bidluna-live-commerceinfo{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.bidluna-live-commerceinfo .chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid var(--bidluna-live-border);
  background:var(--bidluna-live-surface-2);
  font-size:12px;
  line-height:1.1;
}

.bidluna-live-commerceinfo .chip strong{ font-weight:700; }

.bidluna-live-commerceinfo .chip-free{
  border-color:rgba(16,185,129,.25);
  background:rgba(16,185,129,.08);
}

.bidluna-live-commerceinfo .chip-pickup{
  border-color:rgba(59,130,246,.25);
  background:rgba(59,130,246,.08);
}

.bidluna-live-commerceinfo .chip-countries{
  border-color:rgba(100,116,139,.25);
  background:rgba(100,116,139,.08);
}

/* Country toggle (Live Shows listing) */
.bidluna-live-countrytoggle .btn.active{
  box-shadow:0 0 0 2px rgba(15,23,42,.06) inset;
}