/* Custom High-End Styling for Django Admin - LA VIE E BELLE */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
  --primary: #e2b857;
  --primary-hover: #c99e3d;
  --bg-main: #0c0c0e;
  --bg-card: #141418;
  --header-bg: #111115;
  --text-main: #f4f4f5;
  --text-muted: #a1a1aa;
  --accent-gold: #e2b857;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background-color: var(--bg-main) !important;
  color: var(--text-main) !important;
}

/* ======================================================== */
/* HEADER & NAVIGATION */
/* ======================================================== */
#header {
  background: var(--header-bg) !important;
  border-bottom: 1px solid rgba(226, 184, 87, 0.25) !important;
  padding: 16px 24px !important;
  color: var(--text-main) !important;
}

#header #site-name a, #site-name a:link, #site-name a:visited {
  color: var(--accent-gold) !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  font-size: 1.25rem !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

#user-tools a {
  color: var(--accent-gold) !important;
  border-bottom: 1px dotted var(--accent-gold) !important;
}

div.breadcrumbs {
  background: #141418 !important;
  border-bottom: 1px solid #27272a !important;
  color: #a1a1aa !important;
}

div.breadcrumbs a {
  color: var(--accent-gold) !important;
}

/* ======================================================== */
/* APP MODULES & TABLES (ADMIN DASHBOARD /ADMIN/) */
/* ======================================================== */
.module {
  background: var(--bg-card) !important;
  border: 1px solid #27272a !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.4) !important;
  margin-bottom: 24px !important;
}

.module h2, 
.module caption, 
div.module h2, 
.module table caption, 
#content-related h2,
caption {
  background: linear-gradient(135deg, #1f1f26 0%, #17171c 100%) !important;
  color: var(--accent-gold) !important;
  font-weight: 600 !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid rgba(226, 184, 87, 0.25) !important;
  font-size: 0.95rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.module table caption a, 
caption a, 
.module h2 a, 
h2 a {
  color: var(--accent-gold) !important;
  text-decoration: none !important;
}

/* Eliminate Django Default Blue Header Bars */
.app-auth table caption, 
.app-core table caption, 
#content-related .module h2,
#content-related h2,
#content-related h3 {
  background: linear-gradient(135deg, #1f1f26 0%, #17171c 100%) !important;
  color: var(--accent-gold) !important;
}

/* ======================================================== */
/* LINKS & ICONS */
/* ======================================================== */
a:link, a:visited {
  color: var(--accent-gold) !important;
}

a:hover, a:focus {
  color: #f3d58c !important;
}

.addlink, .changelink, .deletelink, .icon {
  color: var(--accent-gold) !important;
}

#changelist table {
  background: var(--bg-card) !important;
}

#changelist table thead th {
  background: #1a1a22 !important;
  color: #d4d4d8 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 0.5px !important;
}

/* ======================================================== */
/* RECENT ACTIONS BOX (#content-related) */
/* ======================================================== */
#content-related {
  background: var(--bg-card) !important;
  border: 1px solid #27272a !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.4) !important;
}

#content-related h3 {
  color: var(--accent-gold) !important;
}

#content-related .actionlist li a {
  color: var(--accent-gold) !important;
}

#content-related .module h2 {
  background: linear-gradient(135deg, #1f1f26 0%, #17171c 100%) !important;
  color: var(--accent-gold) !important;
  border-bottom: 1px solid rgba(226, 184, 87, 0.25) !important;
}

/* ======================================================== */
/* BUTTONS & INPUTS */
/* ======================================================== */
.button, input[type=submit], input[type=button], .submit-row input {
  background: linear-gradient(135deg, #e2b857 0%, #b88d30 100%) !important;
  color: #09090b !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  border: none !important;
  padding: 10px 20px !important;
  transition: all 0.2s ease !important;
}

.button:hover, input[type=submit]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 15px rgba(226, 184, 87, 0.4) !important;
}

input[type=text], input[type=password], input[type=email], textarea, select {
  background-color: #1a1a20 !important;
  border: 1px solid #3f3f46 !important;
  color: #f4f4f5 !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
}

input[type=text]:focus, textarea:focus, select:focus {
  border-color: var(--accent-gold) !important;
  outline: none !important;
}

/* ======================================================== */
/* DJANGO ADMIN LIGHT THEME OVERRIDES (CRISTAL CLEAR CONTRAST) */
/* ======================================================== */
html[data-theme="light"],
body.theme-light {
  background-color: #f8fafc !important;
  color: #0f172a !important;
}

html[data-theme="light"] #header {
  background: #0f172a !important;
  border-bottom: 2px solid #e2b857 !important;
  color: #ffffff !important;
}

html[data-theme="light"] div.breadcrumbs {
  background: #f1f5f9 !important;
  border-bottom: 1px solid #cbd5e1 !important;
  color: #475569 !important;
}

html[data-theme="light"] div.breadcrumbs a {
  color: #b45309 !important;
}

/* App Modules & Tables */
html[data-theme="light"] .module,
html[data-theme="light"] #changelist {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}

html[data-theme="light"] .module h2, 
html[data-theme="light"] .module caption, 
html[data-theme="light"] div.module h2, 
html[data-theme="light"] .module table caption, 
html[data-theme="light"] #content-related h2,
html[data-theme="light"] caption {
  background: #f1f5f9 !important;
  color: #92400e !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] #changelist table {
  background: #ffffff !important;
}

html[data-theme="light"] #changelist table thead th {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-bottom: 2px solid #cbd5e1 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #changelist table thead th a {
  color: #0f172a !important;
}

html[data-theme="light"] #changelist table tbody tr {
  background: #ffffff !important;
}

html[data-theme="light"] #changelist table tbody tr:nth-child(even) {
  background: #f8fafc !important;
}

html[data-theme="light"] #changelist table tbody tr td,
html[data-theme="light"] #changelist table tbody tr th {
  color: #0f172a !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] #changelist table tbody tr td a,
html[data-theme="light"] #changelist table tbody tr th a {
  color: #b45309 !important;
  font-weight: 600 !important;
}

html[data-theme="light"] #changelist table tbody tr td a:hover {
  color: #d97706 !important;
}

/* Right Filter Sidebar (#changelist-filter) */
html[data-theme="light"] #changelist-filter {
  background: #f8fafc !important;
  border-left: 1px solid #cbd5e1 !important;
}

html[data-theme="light"] #changelist-filter h2,
html[data-theme="light"] #changelist-filter h3 {
  color: #0f172a !important;
  font-weight: 700 !important;
  background: #f1f5f9 !important;
}

html[data-theme="light"] #changelist-filter ul {
  border-left: 2px solid #e2e8f0 !important;
}

html[data-theme="light"] #changelist-filter li {
  color: #475569 !important;
}

html[data-theme="light"] #changelist-filter a {
  color: #b45309 !important;
  font-weight: 600 !important;
}

html[data-theme="light"] #changelist-filter li.selected a {
  color: #d97706 !important;
  font-weight: 700 !important;
}

/* Actions bar & inputs */
html[data-theme="light"] .actions,
html[data-theme="light"] #toolbar {
  background: #f1f5f9 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}

html[data-theme="light"] input[type=text], 
html[data-theme="light"] input[type=password], 
html[data-theme="light"] input[type=email], 
html[data-theme="light"] textarea, 
html[data-theme="light"] select {
  background-color: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="light"] select option {
  background-color: #ffffff !important;
  color: #0f172a !important;
}

html[data-theme="light"] #content-related {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] #content-related h3 {
  color: #b45309 !important;
}

html[data-theme="light"] #content-related .actionlist li a {
  color: #b45309 !important;
}

html[data-theme="light"] #content-related .actionlist li {
  color: #475569 !important;
}