/* ============================================================
   GOSZEMLYA — DESIGN THEMES FOR LOT PANEL
   Toggle via body class: theme-v1 | theme-v2 | theme-v8
   ============================================================ */

/* ============================================================
   THEME v1 — CURRENT (default, no overrides needed)
   ============================================================ */

/* ============================================================
   THEME v2 — STRICT / BUSINESS
   ============================================================ */
body.theme-v2 #lot-detail-panel {
  background: #fff !important;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.08) !important;
}

/* Header info bar */
body.theme-v2 #lot-detail-header-info > div:first-child {
  background: #fff !important;
  border-bottom: 2px solid #1a1a2e !important;
  padding: 20px !important;
  gap: 12px !important;
}

body.theme-v2 #lot-detail-header-info > div:nth-child(2) {
  background: #fff !important;
  padding: 12px 20px !important;
  border-bottom: 1px solid #e8e8e8 !important;
}

body.theme-v2 #lot-detail-panel .lot-premium-price {
  color: #1a1a2e !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
}

body.theme-v2 #lot-detail-panel .lot-premium-body {
  padding: 24px 20px !important;
}

body.theme-v2 #lot-detail-panel .lot-premium-section {
  margin-bottom: 20px !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 0 !important;
  padding: 16px !important;
}

body.theme-v2 #lot-detail-panel .lot-premium-section-title {
  color: #1a1a2e !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid #1a1a2e !important;
  padding-bottom: 6px !important;
  margin-bottom: 12px !important;
}

body.theme-v2 #lot-detail-panel .lot-premium-row {
  border-bottom: 1px solid #f0f0f0 !important;
  padding: 10px 0 !important;
}

body.theme-v2 #lot-detail-panel .lot-premium-label {
  color: #888 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

body.theme-v2 #lot-detail-panel .lot-premium-value {
  color: #1a1a2e !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

body.theme-v2 #lot-detail-panel .lot-badge {
  border-radius: 0 !important;
  padding: 4px 10px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  background: #f4f4f4 !important;
  color: #333 !important;
  border: 1px solid #333 !important;
}

body.theme-v2 #lot-detail-panel .lot-favorite-btn {
  border: 1px solid #1a1a2e !important;
  background: transparent !important;
  color: #1a1a2e !important;
  border-radius: 0 !important;
}

body.theme-v2 #lot-detail-panel .close-btn {
  border: 1px solid #1a1a2e !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1a1a2e !important;
  font-weight: 700 !important;
}

body.theme-v2 #lot-detail-panel .lot-premium-photo {
  border-radius: 0 !important;
  border: 1px solid #ddd !important;
}

body.theme-v2 #lot-detail-panel .vri-tag {
  border: 1px solid #ddd !important;
  border-radius: 0 !important;
  padding: 4px 8px !important;
  font-size: 12px !important;
  background: #fafafa !important;
  color: #333 !important;
}

/* ============================================================
   THEME v3 — MINIMALIST
   ============================================================ */
















/* ============================================================
   THEME v4 — INFOGRAPHIC
   ============================================================ */

















/* ============================================================
   THEME v5 — MATERIAL DESIGN
   ============================================================ */



















/* ============================================================
   THEME v6 — PREMIUM DARK
   ============================================================ */















/* ============================================================
   THEME TOGGLE UI
   ============================================================ */
#theme-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100000;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 12px;
  min-width: 140px;
  max-height: 80vh;
  overflow-y: auto;
  scrollbar-width: thin;
}

#theme-toggle-label {
  font-weight: 700;
  color: #1a1a2e;
  text-align: center;
  padding-bottom: 6px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 2px;
}

.theme-toggle-btn {
  padding: 6px 10px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
  text-align: left;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 6px;
}

.theme-toggle-btn:hover {
  transform: translateX(2px);
}

.theme-toggle-btn.active {
  box-shadow: 0 0 0 2px #667eea;
}

.theme-toggle-btn[data-theme="v1"] {
  background: #f8f9fa;
  color: #1a1a2e;
}
.theme-toggle-btn[data-theme="v2"] {
  background: #1a1a2e;
  color: #fff;
}
/* Mobile price background fixes + panel-header consistency */

/* v2 */
body.theme-v2 #lot-detail-panel .lot-premium-price {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
body.theme-v2 #lot-detail-panel .panel-header {
  background: #fff !important;
  color: #1a1a2e !important;
  border-bottom: 2px solid #1a1a2e !important;
}

/* v3 */

/* v4 */

/* v5 */

/* v6 */

/* ============================================================
   THEME v8 — GLASSMORPHISM
   ============================================================ */
body.theme-v8 #menu-bar {
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
}
body.theme-v8 .menu-item {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 16px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(10px) !important;
}
body.theme-v8 .menu-item:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}
body.theme-v8 .menu-item.active {
  background: rgba(102, 126, 234, 0.4) !important;
  border-color: rgba(102, 126, 234, 0.6) !important;
  box-shadow: 0 0 20px rgba(102, 126, 234, 0.3) !important;
}

body.theme-v8 #lot-detail-panel {
  background: rgba(15, 15, 35, 0.55) !important;
  backdrop-filter: blur(30px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: -10px 0 40px rgba(0, 0, 0, 0.3) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
body.theme-v8 #lot-detail-header-info > div:first-child,
body.theme-v8 #lot-detail-header-info > div:nth-child(2) {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 24px !important;
}
body.theme-v8 #lot-detail-panel .lot-premium-price {
  color: #fff !important;
  font-size: 32px !important;
  font-weight: 300 !important;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.3) !important;
  letter-spacing: -1px !important;
}
body.theme-v8 #lot-detail-panel .close-btn {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(10px) !important;
}
body.theme-v8 #lot-detail-panel .lot-badge {
  background: linear-gradient(
    135deg,
    rgba(102, 126, 234, 0.5),
    rgba(118, 75, 162, 0.5)
  ) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(10px) !important;
}
body.theme-v8 #lot-detail-panel .lot-premium-body {
  padding: 20px 24px !important;
}
body.theme-v8 #lot-detail-panel .lot-premium-section {
  margin-bottom: 16px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 20px !important;
  padding: 20px !important;
  backdrop-filter: blur(10px) !important;
}
body.theme-v8 #lot-detail-panel .lot-premium-section-title {
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
}
body.theme-v8 #lot-detail-panel .lot-premium-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body.theme-v8 #lot-detail-panel .lot-premium-label {
  color: rgba(255, 255, 255, 0.5) !important;
}
body.theme-v8 #lot-detail-panel .lot-premium-value {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 400 !important;
}
body.theme-v8 #lot-detail-panel .lot-premium-photo {
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}
body.theme-v8 #lot-detail-panel .vri-tag {
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.8) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 10px !important;
}

/* ============================================================
   THEME v10 — EDITORIAL / MAGAZINE
   ============================================================ */


/* ============================================================
   THEME v11 — PLAYFUL BUBBLES
   ============================================================ */


/* Toggle buttons for v7-v11 */
.theme-toggle-btn[data-theme="v7"] {
  background: #ffde00;
  color: #000;
  border: 2px solid #000;
}
.theme-toggle-btn[data-theme="v8"] {
  background: linear-gradient(
    135deg,
    rgba(102, 126, 234, 0.5),
    rgba(15, 15, 35, 0.8)
  );
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.theme-toggle-btn[data-theme="v9"] {
  background: #0d1117;
  color: #7ee787;
  border: 1px solid #30363d;
  font-family: monospace;
}



.theme-toggle-btn[data-theme="v20"] {
  background: #2d6a4f;
  color: #fff;
  border: 1px solid #c8e6c9;
}
.theme-toggle-btn[data-theme="v21"] {
  background: #141414;
  color: #e0e0e0;
  border: 1px solid #333;
  font-family: Georgia, serif;
}
.theme-toggle-btn[data-theme="v22"] {
  background: #e76f51;
  color: #fff;
  border: 1px solid #fae1dd;
}
.theme-toggle-btn[data-theme="v23"] {
  background: #0077b6;
  color: #fff;
  border: 1px solid #caf0f8;
}
.theme-toggle-btn[data-theme="v24"] {
  background: #240046;
  color: #ff006e;
  border: 1px solid #ff006e;
  font-family: monospace;
}

/* ============================================================
   THEME SYSTEM EXTENSIONS — Full UI Coverage
   Added: side panels, secondary menu, action buttons, contrast fixes
   ============================================================ */

/* ---------- v2 — STRICT BUSINESS (Full System) ---------- */
body.theme-v2 .menu-bar-secondary {
  background: #fff !important;
  border: 1px solid #e8e8e8 !important;
  box-shadow: 4px 4px 0 #000 !important;
}
body.theme-v2 .menu-item-secondary {
  background: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  color: #000 !important;
}
body.theme-v2 .menu-item-secondary.active {
  background: #000 !important;
  color: #fff !important;
}
body.theme-v2 .side-panel {
  background: #fff !important;
  border-left: 1px solid #e8e8e8 !important;
  box-shadow: -4px 0 20px rgba(0,0,0,0.08) !important;
}
body.theme-v2 .panel-header {
  background: #fff !important;
  color: #1a1a2e !important;
  border-bottom: 2px solid #1a1a2e !important;
}
body.theme-v2 .panel-content {
  background: #fff !important;
}
body.theme-v2 .close-btn {
  background: transparent !important;
  color: #1a1a2e !important;
  border: 1px solid #1a1a2e !important;
  border-radius: 0 !important;
}
body.theme-v2 .favorite-item {
  background: #fff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 0 !important;
}
body.theme-v2 .filter-accordion-toggle {
  background: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  color: #000 !important;
}
body.theme-v2 .ad-checkbox-option {
  border-bottom: 1px solid #f0f0f0 !important;
}
body.theme-v2 #filters-panel .lot-premium-section-title {
  color: #1a1a2e !important;
  border-bottom: 1px solid #1a1a2e !important;
}
body.theme-v2 .lot-action-btn {
  background: #f4f4f4 !important;
  color: #333 !important;
  border: 1px solid #333 !important;
  border-radius: 0 !important;
}
/* Fix v2 font size */
body.theme-v2 #lot-detail-panel .lot-premium-section-title {
  font-size: 11px !important;
}

/* ---------- v3 — MINIMALIST (Full System + Fixes) ---------- */
/* Fix v3 contrast + padding */

/* ---------- v4 — INFOGRAPHIC (Full System) ---------- */

/* ---------- v5 — MATERIAL DESIGN (Full System + Fixes) ---------- */
/* Fix v5 margin-bottom */

/* ---------- v6 — PREMIUM DARK (Full System + Fixes) ---------- */
/* Fix v6 label contrast */

/* ---------- v8 — GLASSMORPHISM (Full System) ---------- */
body.theme-v8 .menu-bar-secondary {
  background: rgba(15,15,35,0.55) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.3) !important;
  border-radius: 16px !important;
}
body.theme-v8 .menu-item-secondary {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 12px !important;
  color: rgba(255,255,255,0.9) !important;
}
body.theme-v8 .menu-item-secondary.active {
  background: rgba(102,126,234,0.4) !important;
  border-color: rgba(102,126,234,0.6) !important;
  color: #fff !important;
}
body.theme-v8 .side-panel {
  background: rgba(15,15,35,0.55) !important;
  backdrop-filter: blur(30px) saturate(180%) !important;
  border-left: 1px solid rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.9) !important;
}
body.theme-v8 .panel-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
  color: #fff !important;
}
body.theme-v8 .panel-content {
  background: transparent !important;
}
body.theme-v8 .close-btn {
  background: rgba(255,255,255,0.1) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 12px !important;
}
body.theme-v8 .favorite-item {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 16px !important;
}
body.theme-v8 .filter-accordion-toggle {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 12px !important;
  color: rgba(255,255,255,0.8) !important;
}
body.theme-v8 .ad-checkbox-option {
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
body.theme-v8 #filters-panel .lot-premium-section-title {
  color: rgba(255,255,255,0.7) !important;
}
body.theme-v8 .lot-action-btn {
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.9) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 12px !important;
}

/* ---------- v10 — MAGAZINE (Full System + Layout Fixes) ---------- */
/* Layout fixes for v10 */

/* ---------- v11 — BUBBLES (Full System + Contrast Fixes) ---------- */
/* Fix v11 contrast */


/* ---------- POPUP STYLES for themes.css themes ---------- */

/* v2 */
body.theme-v2 .lot-popup {
  background: #fff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 0 !important;
  box-shadow: 4px 4px 0 #000 !important;
}
body.theme-v2 .lot-popup-header {
  background: #fff !important;
  color: #1a1a2e !important;
  border-bottom: 1px solid #e8e8e8 !important;
}
body.theme-v2 .lot-popup-close {
  background: transparent !important;
  color: #1a1a2e !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
}

/* v3 */

/* v4 */

/* v5 */

/* v6 */

/* v8 */
body.theme-v8 .lot-popup {
  background: rgba(15,15,35,0.8) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 20px !important;
}
body.theme-v8 .lot-popup-header {
  background: transparent !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
body.theme-v8 .lot-popup-close {
  background: rgba(255,255,255,0.1) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 12px !important;
}

/* v10 */

/* v11 */