/* ============================================================
   RealDomainSearch — Extensions v2
   ============================================================ */
.extension-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  padding: 18px;
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 10px;
  transition: all var(--t-fast);
}
.extension-card:hover { border-color: var(--accent); box-shadow: var(--shadow-sm); transform: translateX(4px); }
.ext-name  { font-size: 1.1rem; font-weight: 800; color: var(--primary); }
.ext-price { font-size: 1rem; font-weight: 700; color: var(--accent); }
.ext-tag   { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; padding: 2px 8px; border-radius: var(--r-full); }
.ext-tag.popular   { background: rgba(0,194,168,.1);  color: var(--accent); }
.ext-tag.new       { background: rgba(255,107,53,.1); color: var(--accent2); }
.ext-tag.sale      { background: rgba(239,68,68,.1);  color: var(--danger); }
.ext-category-title { font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin-bottom: 1rem; padding-bottom: 8px; border-bottom: 1px solid var(--border); }

/* Extensions page layout fix — TLD, price, action in one clean row */
.extensions-categories { margin-top: 2rem; }
.category-title { margin: 22px 0 18px !important; padding-top: 0 !important; clear: both; }
.tld-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: 0 0 4rem !important;
  width: 100% !important;
}
.tld-card {
  display: grid !important;
  grid-template-columns: minmax(90px, 150px) 1fr auto !important;
  align-items: center !important;
  column-gap: 28px !important;
  width: 100% !important;
  min-height: 64px !important;
  padding: 14px 18px !important;
  background: var(--ids-panel, #111) !important;
  border: 1px solid var(--ids-border, rgba(255,255,255,.10)) !important;
  border-radius: 14px !important;
  color: var(--ids-text, #fff) !important;
  box-shadow: none !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.tld-card:hover { background: rgba(255,255,255,.035) !important; border-color: rgba(168,85,247,.50) !important; transform: translateY(-1px); }
.tld-card .tld-name { color: var(--ids-text, #fff) !important; font-size: 1.18rem !important; font-weight: 800 !important; line-height: 1 !important; }
.tld-card .tld-price { color: var(--ids-green, #00D000) !important; font-size: .98rem !important; font-weight: 700 !important; text-align: left !important; white-space: nowrap !important; }
.tld-card .tld-action { display: flex !important; justify-content: flex-end !important; align-items: center !important; margin: 0 !important; }
.tld-card .tld-action .btn { min-width: 142px !important; margin: 0 !important; padding: 10px 16px !important; border-radius: 10px !important; white-space: nowrap !important; text-align: center !important; }
.popular-extension-card { background: transparent !important; border: 1px solid var(--ids-border, rgba(255,255,255,.10)) !important; border-radius: 14px !important; padding: 18px !important; height: 100% !important; }
.popular-extension-card .extension-header { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 18px !important; margin-bottom: 12px !important; }
.popular-extension-card .extension-name { font-size: 1.15rem !important; font-weight: 800 !important; color: var(--ids-text, #fff) !important; }
.popular-extension-card .extension-price { color: var(--ids-green, #00D000) !important; white-space: nowrap !important; font-weight: 700 !important; }
.popular-extension-card .extension-action .btn { width: 100% !important; margin-top: 8px !important; }
@media (max-width: 575.98px) {
  .tld-card { grid-template-columns: 72px 1fr !important; row-gap: 10px !important; column-gap: 14px !important; }
  .tld-card .tld-action { grid-column: 1 / -1 !important; justify-content: stretch !important; }
  .tld-card .tld-action .btn { width: 100% !important; }
}

/* More dropdown fix on Extensions tabs */
.category-tabs .nav-tabs {
  align-items: center;
  gap: 6px;
  border-bottom-color: var(--ids-border, rgba(255,255,255,.10)) !important;
}
.category-tabs .nav-item.dropdown { position: relative; }
.category-tabs .dropdown-menu {
  background: #080808 !important;
  border: 1px solid rgba(168,85,247,.45) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.70) !important;
  padding: 8px !important;
  min-width: 180px !important;
  z-index: 3000 !important;
}
.category-tabs .dropdown-menu.show { display: block !important; }
.category-tabs .dropdown-item {
  color: rgba(255,255,255,.84) !important;
  border-radius: 8px !important;
  padding: 9px 12px !important;
  font-weight: 600 !important;
}
.category-tabs .dropdown-item:hover,
.category-tabs .dropdown-item.active {
  background: rgba(168,85,247,.16) !important;
  color: #fff !important;
}


/* Theme-aware TLD list polish — fixes light-mode cards and dark-mode TLD contrast */
.tld-card .tld-name,
.popular-extension-card .extension-name {
  color: #F7F7F8 !important;
}
.tld-card:hover .tld-name,
.popular-extension-card:hover .extension-name {
  color: #FFFFFF !important;
}
html[data-theme="light"] .tld-card {
  background: #FFFFFF !important;
  border-color: rgba(15,43,91,.12) !important;
  color: var(--text) !important;
  box-shadow: 0 6px 22px rgba(15,43,91,.06) !important;
}
html[data-theme="light"] .tld-card:hover {
  background: #F8FAFD !important;
  border-color: rgba(0,194,168,.40) !important;
}
html[data-theme="light"] .tld-card .tld-name,
html[data-theme="light"] .popular-extension-card .extension-name {
  color: var(--primary) !important;
}
html[data-theme="light"] .tld-card .tld-price,
html[data-theme="light"] .popular-extension-card .extension-price {
  color: var(--success) !important;
}
html[data-theme="light"] .popular-extension-card {
  background: #FFFFFF !important;
  border-color: rgba(15,43,91,.12) !important;
  color: var(--text) !important;
  box-shadow: 0 8px 28px rgba(15,43,91,.08) !important;
}
html[data-theme="light"] .popular-extension-card .extension-description p {
  color: var(--muted) !important;
}
html[data-theme="light"] .category-tabs .nav-tabs {
  border-bottom-color: rgba(15,43,91,.10) !important;
}
html[data-theme="light"] .category-tabs .dropdown-menu {
  background: #FFFFFF !important;
  border-color: rgba(15,43,91,.12) !important;
  box-shadow: 0 18px 44px rgba(15,43,91,.14) !important;
}
html[data-theme="light"] .category-tabs .dropdown-item {
  color: var(--text) !important;
}
html[data-theme="light"] .category-tabs .dropdown-item:hover,
html[data-theme="light"] .category-tabs .dropdown-item.active {
  background: rgba(0,194,168,.10) !important;
  color: var(--primary) !important;
}