/* 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;
}