/* =====================================================
   DealerCarLeads SFTP — Premium Black & Gold Theme
   by Pascual Technologies LLC
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700;800&display=swap');

/* Root overrides */
:root {
  --dcl-black:  #0a0a0a;
  --dcl-gold:   #F5C518;
  --dcl-gold2:  #e6b800;
  --dcl-dark:   #111111;
  --dcl-card:   #1a1a1a;
  --dcl-border: #2a2a2a;
  --dcl-text:   #f0f0f0;
  --dcl-muted:  #888888;
}

/* Full page background */
body.app-blank {
  background: var(--dcl-black) !important;
  font-family: 'Inter', sans-serif !important;
}

/* Login card */
.bg-body {
  background: var(--dcl-card) !important;
  border: 1px solid var(--dcl-border) !important;
  box-shadow: 0 25px 60px rgba(0,0,0,0.7) !important;
}

/* H1 brand name */
h1.text-gray-900 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.6rem !important;
  color: var(--dcl-gold) !important;
  letter-spacing: -0.5px;
}

/* Input fields */
.form-control-solid {
  background: #222222 !important;
  border: 1px solid var(--dcl-border) !important;
  color: var(--dcl-text) !important;
  font-family: 'Inter', sans-serif !important;
}
.form-control-solid:focus {
  border-color: var(--dcl-gold) !important;
  box-shadow: 0 0 0 2px rgba(245,197,24,0.15) !important;
  background: #222222 !important;
  color: var(--dcl-text) !important;
}
.form-control-solid::placeholder {
  color: var(--dcl-muted) !important;
}

/* Sign In button — gold */
#sign_in_submit, .btn-primary {
  background: var(--dcl-gold) !important;
  border-color: var(--dcl-gold) !important;
  color: #000000 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
  transition: all 0.2s ease;
}
#sign_in_submit:hover, .btn-primary:hover {
  background: var(--dcl-gold2) !important;
  border-color: var(--dcl-gold2) !important;
  color: #000000 !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(245,197,24,0.3) !important;
}

/* Text colors */
.text-gray-900, .text-gray-800, .text-gray-700 {
  color: var(--dcl-text) !important;
}
.text-primary { color: var(--dcl-gold) !important; }
.link-primary { color: var(--dcl-gold) !important; }
.link-primary:hover { color: var(--dcl-gold2) !important; }
a { color: var(--dcl-gold) !important; }
a:hover { color: var(--dcl-gold2) !important; }

/* HR divider */
hr { border-color: var(--dcl-border) !important; }

/* Language selector */
.form-select-solid {
  background: #222222 !important;
  border-color: var(--dcl-border) !important;
  color: var(--dcl-muted) !important;
}

/* Footer disclaimer */
.fw-semibold { color: var(--dcl-muted) !important; }

/* Error message */
.alert-danger { 
  background: rgba(220,53,69,0.15) !important; 
  border-color: rgba(220,53,69,0.3) !important;
  color: #ff6b6b !important;
}

/* Logo area — add a subtle gold line below */
.container.mb-10 {
  border-bottom: 2px solid var(--dcl-gold) !important;
  padding-bottom: 16px !important;
}

/* Admin panel sidebar (when logged in) */
#kt_app_sidebar, .app-sidebar {
  background: var(--dcl-dark) !important;
  border-right: 1px solid var(--dcl-border) !important;
}
.app-sidebar .menu-item .menu-link.active,
.app-sidebar .menu-item .menu-link:hover {
  background: rgba(245,197,24,0.1) !important;
  color: var(--dcl-gold) !important;
}
.app-sidebar .menu-title { color: var(--dcl-text) !important; }

/* Top header */
.app-header {
  background: var(--dcl-dark) !important;
  border-bottom: 1px solid var(--dcl-border) !important;
}

/* Page body */
.app-content { background: #0d0d0d !important; }

/* Cards */
.card {
  background: var(--dcl-card) !important;
  border: 1px solid var(--dcl-border) !important;
}
.card-header {
  background: var(--dcl-dark) !important;
  border-bottom: 1px solid var(--dcl-border) !important;
}

/* Tables */
.table { color: var(--dcl-text) !important; }
.table thead th {
  background: var(--dcl-dark) !important;
  color: var(--dcl-gold) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
}
.table tbody tr:hover td { background: rgba(245,197,24,0.05) !important; }

/* Badges */
.badge-light-success { background: rgba(80,200,120,0.15) !important; color: #50c878 !important; }
.badge-light-danger  { background: rgba(220,53,69,0.15)  !important; color: #ff6b6b !important; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--dcl-dark); }
::-webkit-scrollbar-thumb { background: var(--dcl-border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--dcl-gold); }
