/* Coney Minds Brand Colors for Django Admin */
:root {
  --brand-orange: #f37837;
  --brand-blue: #191c51;
  --brand-red: #b9151c;
  --brand-orange-light: #f9a86a;
  --brand-orange-dark: #d16526;
  --brand-blue-light: #2d3166;
  --brand-red-light: #d63941;
}

/* Header and Branding */
#header {
  background: var(--brand-blue) !important;
  color: #fff !important;
  border-bottom: 3px solid var(--brand-orange) !important;
}

#branding h1,
#branding h1 a:link,
#branding h1 a:visited {
  color: #fff !important;
  font-weight: 700 !important;
}

#branding h1 a:hover {
  opacity: 0.9 !important;
}

#branding h1 a img {
  transition: opacity 0.2s ease !important;
}

#branding h1 a:hover img {
  opacity: 0.9 !important;
}

/* Admin Site Title */
#site-name {
  color: #fff !important;
}

#site-name a {
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
}

#site-name a:hover {
  color: var(--brand-orange) !important;
  opacity: 0.9 !important;
}

/* User Tools */
#user-tools a {
  color: #fff !important;
}

#user-tools a:hover {
  color: var(--brand-orange) !important;
}

#user-tools a:focus {
  color: var(--brand-orange) !important;
}

/* Buttons - Primary Actions */
.button,
input[type=submit],
input[type=button],
.submit-row input,
a.button {
  background-color: var(--brand-orange) !important;
  border-color: var(--brand-orange-dark) !important;
  color: #fff !important;
  transition: background-color 0.2s ease !important;
}

.button:active,
input[type=submit]:active,
input[type=button]:active,
.button:focus,
input[type=submit]:focus,
input[type=button]:focus {
  background-color: var(--brand-orange-dark) !important;
  border-color: var(--brand-orange-dark) !important;
}

.button:hover,
input[type=submit]:hover,
input[type=button]:hover,
a.button:hover {
  background-color: var(--brand-orange-dark) !important;
  border-color: var(--brand-orange-dark) !important;
}

/* Default Button (Secondary Actions) */
.default,
input[type=submit].default,
.submit-row input.default {
  background-color: var(--brand-blue) !important;
  border-color: var(--brand-blue-light) !important;
}

.default:active,
input[type=submit].default:active,
.default:hover,
input[type=submit].default:hover {
  background-color: var(--brand-blue-light) !important;
  border-color: var(--brand-blue-light) !important;
}

/* Delete Button */
.deletelink,
.deletelink-box a,
.delete-confirmation form input[type=submit] {
  background-color: var(--brand-red) !important;
  border-color: var(--brand-red-light) !important;
}

.deletelink:hover,
.deletelink-box a:hover,
.delete-confirmation form input[type=submit]:hover {
  background-color: var(--brand-red-light) !important;
  border-color: var(--brand-red-light) !important;
}

/* Links */
a:link,
a:visited {
  color: var(--brand-blue) !important;
}

a:hover {
  color: var(--brand-orange) !important;
}

a:focus {
  color: var(--brand-orange) !important;
}

/* Module Header */
.module h2,
.module caption,
.inline-group h2 {
  background-color: var(--brand-blue) !important;
  color: #fff !important;
  border-bottom: 2px solid var(--brand-orange) !important;
}

/* Selected Items */
.selected {
  background-color: var(--brand-orange-light) !important;
}

.selected a {
  color: var(--brand-blue) !important;
}

/* Action Bar */
.actions {
  background-color: #f8f9fa !important;
  border-left: 4px solid var(--brand-orange) !important;
}

/* Messages */
.success {
  background-color: #d4edda !important;
  border-left-color: #28a745 !important;
}

.error {
  background-color: #f8d7da !important;
  border-left-color: var(--brand-red) !important;
}

.warning {
  background-color: #fff3cd !important;
  border-left-color: var(--brand-orange) !important;
}

.info {
  background-color: #d1ecf1 !important;
  border-left-color: var(--brand-blue) !important;
}

/* Form Fields Focus */
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=number]:focus,
input[type=file]:focus,
textarea:focus,
select:focus {
  border-color: var(--brand-orange) !important;
  box-shadow: 0 0 0 2px rgba(243, 120, 55, 0.2) !important;
}

/* Select Fields */
select:focus {
  border-color: var(--brand-orange) !important;
}

/* Changelist Filters */
#changelist-filter li.selected a {
  color: var(--brand-orange) !important;
  font-weight: 600 !important;
}

#changelist-filter a:hover {
  color: var(--brand-orange) !important;
}

/* Object Tools */
.object-tools a {
  background-color: var(--brand-orange) !important;
  color: #fff !important;
}

.object-tools a:hover {
  background-color: var(--brand-orange-dark) !important;
}

.object-tools a.addlink {
  background-color: var(--brand-blue) !important;
}

.object-tools a.addlink:hover {
  background-color: var(--brand-blue-light) !important;
}

/* Sidebar */
.sidebar {
  border-left: 1px solid #e0e0e0 !important;
}

.sticky {
  border-top: 3px solid var(--brand-orange) !important;
}

/* Breadcrumbs */
.breadcrumbs {
  background-color: #f8f9fa !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

.breadcrumbs a {
  color: var(--brand-blue) !important;
}

.breadcrumbs a:hover {
  color: var(--brand-orange) !important;
}

/* Pagination */
.paginator a:link,
.paginator a:visited {
  background-color: var(--brand-orange) !important;
  color: #fff !important;
}

.paginator a:hover {
  background-color: var(--brand-orange-dark) !important;
}

.paginator a.showall {
  color: var(--brand-blue) !important;
}

.paginator a.showall:hover {
  color: var(--brand-orange) !important;
}

/* Active Page Number */
.paginator .this-page {
  background-color: var(--brand-blue) !important;
  color: #fff !important;
}

/* Results Table */
#result_list th a {
  color: var(--brand-blue) !important;
}

#result_list th a:hover {
  color: var(--brand-orange) !important;
}

/* Calendar Widget */
.calendar td.selected a {
  background-color: var(--brand-orange) !important;
  color: #fff !important;
}

.calendar td a:hover {
  background-color: var(--brand-orange-light) !important;
}

/* Related Widget Wrapper */
.related-widget-wrapper a {
  background-color: var(--brand-orange) !important;
  color: #fff !important;
}

.related-widget-wrapper a:hover {
  background-color: var(--brand-orange-dark) !important;
}

/* Time Picker */
.timezonewarning {
  background-color: #fff3cd !important;
  border-left: 4px solid var(--brand-orange) !important;
}