/* ═══════════════════════════════════════════════════════
   Tai AfroPress Admin Theme — color-only override
   ═══════════════════════════════════════════════════════ */

:root {
  --ink:         #1A1A1A;
  --panel-dark:  rgb(75, 75, 75);
  --panel-hover: rgb(90, 90, 90);
  --gold:        #F2A71B;
  --gold-deep:   #E8A33D;
  --gold-text:   #B9791A;
  --sand-bg:     #F5EFE4;
  --sand-panel:  #EFE6D4;
  --sand-border: #E8DDC7;
  --body-text:   #3A2F1E;
}

/* ── Page background ── */
body {
  background: var(--sand-bg) !important;
  color: var(--body-text) !important;
}

/* ── Top header bar ── */
#header {
  background: var(--ink) !important;
}
#branding h1 a:link,
#branding h1 a:visited {
  color: var(--gold) !important;
  font-weight: bold;
}
#user-tools {
  color: #aaaaaa !important;
}
#user-tools a:link,
#user-tools a:visited {
  color: #cccccc !important;
  border-bottom-color: transparent !important;
}
#user-tools a:hover {
  color: var(--gold) !important;
}

/* ── Breadcrumbs ── */
.breadcrumbs {
  background: var(--panel-hover) !important;
  color: #cccccc !important;
}
.breadcrumbs a:link,
.breadcrumbs a:visited {
  color: var(--gold) !important;
}
.breadcrumbs a:hover {
  color: #ffffff !important;
}

/* ── Navigation sidebar ── */
#nav-sidebar {
  background: var(--sand-panel) !important;
  border-right: 1px solid var(--sand-border) !important;
}
#nav-sidebar .module {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#nav-sidebar .module > h2 {
  background: var(--panel-dark) !important;
  color: var(--gold) !important;
  border: none !important;
}
/* Regular nav item links */
#nav-sidebar a:link,
#nav-sidebar a:visited {
  color: var(--body-text) !important;
}
#nav-sidebar a:hover,
#nav-sidebar .selected a {
  color: var(--gold-text) !important;
}
/* Caption links = section headers — more specific, overrides rule above */
#nav-sidebar .module caption a:link,
#nav-sidebar .module caption a:visited {
  color: var(--gold) !important;
}
#nav-sidebar .module caption a:hover {
  color: #ffffff !important;
}
/* Add buttons inside sidebar — need class specificity to beat #nav-sidebar a:link */
#nav-sidebar a.addlink:link,
#nav-sidebar a.addlink:visited {
  background: var(--panel-dark) !important;
  color: var(--gold) !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}
#nav-sidebar a.addlink:hover {
  background: var(--panel-hover) !important;
  color: var(--gold) !important;
}
#nav-sidebar a.addlink::before {
  content: '+ ';
}
#nav-sidebar .current-app .module__title {
  color: var(--gold-text) !important;
}
.nav-filter-input {
  background: var(--sand-bg) !important;
  border-color: var(--sand-border) !important;
  color: var(--body-text) !important;
}

/* ── Main content background ── */
#content,
#main,
#content-main {
  background: transparent !important;
}

/* ── Modules / cards ── */
.module {
  background: #ffffff !important;
  border: 1px solid var(--sand-border) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.module h2,
.module > h3,
.module caption {
  background: var(--panel-dark) !important;
  color: var(--gold) !important;
}
.module h3 {
  color: var(--gold-text) !important;
}
.module table td,
.module table th {
  border-bottom-color: var(--sand-border) !important;
}

/* ── Right-side related panel ── */
#content-related {
  background: var(--sand-panel) !important;
  border-left: 1px solid var(--sand-border) !important;
}
#content-related .module {
  background: #ffffff !important;
  border-color: var(--sand-border) !important;
}
#content-related .module h2 {
  background: var(--panel-dark) !important;
  color: var(--gold) !important;
}
#content-related .module h2:hover {
  color: #ffffff !important;
}
#content-related h3 {
  background: var(--panel-dark) !important;
  color: var(--gold) !important;
}
#content-related h3:hover {
  color: #ffffff !important;
}

/* ── Change-list filter panel ── */
#changelist-filter {
  background: var(--sand-panel) !important;
  border-left: 1px solid var(--sand-border) !important;
}
#changelist-filter h2 {
  background: var(--panel-dark) !important;
  color: var(--gold) !important;
}
#changelist-filter h3 {
  color: var(--gold-text) !important;
  border-bottom-color: var(--sand-border) !important;
}
#changelist-filter li a:link,
#changelist-filter li a:visited {
  color: var(--body-text) !important;
}
#changelist-filter li a:hover,
#changelist-filter li.selected a {
  color: var(--gold-text) !important;
}

/* ── Result list table ── */
#result_list thead th {
  background: var(--panel-dark) !important;
}
#result_list thead th,
#result_list thead th a:link,
#result_list thead th a:visited {
  color: var(--gold) !important;
}
#result_list thead th a:hover {
  color: #ffffff !important;
}
#result_list tbody tr:nth-child(odd) td,
#result_list tbody tr:nth-child(odd) th {
  background: #ffffff !important;
}
#result_list tbody tr:nth-child(even) td,
#result_list tbody tr:nth-child(even) th {
  background: #FDFAF5 !important;
}
#result_list tbody tr:hover td,
#result_list tbody tr:hover th {
  background: var(--sand-bg) !important;
}
#result_list tbody td,
#result_list tbody th {
  border-bottom-color: var(--sand-border) !important;
}
#result_list tr.selected td {
  background: #FFF8EE !important;
}

/* ── Pagination ── */
.paginator {
  background: #ffffff !important;
  color: var(--body-text) !important;
  border-top: 1px solid var(--sand-border) !important;
}
.paginator a:link,
.paginator a:visited {
  color: var(--gold-text) !important;
}
.paginator a:hover {
  color: var(--gold) !important;
}
.paginator .this-page {
  color: var(--gold-text) !important;
  font-weight: bold;
}

/* ── Toolbar (search bar row in changelist) ── */
#toolbar,
#changelist-search {
  background: var(--sand-panel) !important;
  border-bottom: 1px solid var(--sand-border) !important;
}
#toolbar form input {
  border-color: var(--sand-border) !important;
}

/* ── Buttons ── */
.button,
input[type="submit"],
input[type="button"],
.submit-row input[type="submit"] {
  background: var(--panel-dark) !important;
  color: var(--gold) !important;
  border: 1px solid transparent !important;
}
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background: var(--panel-hover) !important;
  color: var(--gold) !important;
}
.button:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled {
  background: #cccccc !important;
  color: #888888 !important;
  cursor: not-allowed !important;
}

/* Delete link — keep red as a danger signal */
a.deletelink,
.deletelink {
  background: #c0392b !important;
  color: #ffffff !important;
}
a.deletelink:hover,
.deletelink:hover {
  background: #a93226 !important;
  color: #ffffff !important;
}

/* ── Object-tools bar ── */
ul.object-tools a:link,
ul.object-tools a:visited {
  background: var(--panel-dark) !important;
  color: var(--gold) !important;
}
ul.object-tools a:hover {
  background: var(--panel-hover) !important;
  color: var(--gold) !important;
}
.addlink {
  background: var(--panel-dark) !important;
  color: var(--gold) !important;
}
.addlink:hover {
  background: var(--panel-hover) !important;
  color: var(--gold) !important;
}
/* Center text inside every <a class="addlink"> button on all pages */
a.addlink {
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* Title links inside dark-bg (addlink) items only — bright gold, white on hover */
.actionlist li.addlink a:link,
.actionlist li.addlink a:visited {
  color: var(--gold) !important;
}
.actionlist li.addlink a:hover {
  color: #ffffff !important;
}
/* Description text (model name) under recently-added items — white on ink bg */
.actionlist li.addlink .quiet,
.actionlist li.addlink span.mini,
.actionlist li.addlink span.mini.quiet {
  color: rgba(255, 255, 255, 0.8) !important;
}
/* Description text under recently-changed items — muted on sand bg */
.actionlist li.changelink .quiet,
.actionlist li.changelink span.mini,
.actionlist li.changelink span.mini.quiet {
  color: #7A6A55 !important;
}

/* ── Submit row ── */
.submit-row {
  background: var(--sand-panel) !important;
  border-top: 1px solid var(--sand-border) !important;
}

/* ── Form inputs, selects, textareas ── */
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
select,
textarea {
  background: #ffffff !important;
  border: 1px solid var(--sand-border) !important;
  color: var(--body-text) !important;
}
input:focus,
select:focus,
textarea:focus {
  border-color: var(--gold) !important;
  outline: 2px solid rgba(242, 167, 27, 0.2) !important;
  box-shadow: 0 0 0 3px rgba(242, 167, 27, 0.1) !important;
}

/* ── Fieldsets ── */
fieldset {
  background: #ffffff !important;
  border: 1px solid var(--sand-border) !important;
  border-radius: 4px !important;
}
fieldset h2 {
  background: var(--panel-dark) !important;
  color: var(--gold) !important;
}
fieldset.collapsed h2 {
  background: var(--panel-dark) !important;
  color: var(--gold) !important;
}
.form-row {
  border-bottom-color: var(--sand-border) !important;
}
.help {
  color: #7A6A55 !important;
}

/* ── Inline groups ── */
.inline-group {
  border-color: var(--sand-border) !important;
}
.inline-group h2 {
  background: var(--panel-dark) !important;
  color: var(--gold) !important;
}
.inline-related h3 {
  background: var(--sand-panel) !important;
  border-bottom: 1px solid var(--sand-border) !important;
  color: var(--body-text) !important;
}
.inline-related h3 b {
  color: var(--gold-text) !important;
}
.add-row a:link,
.add-row a:visited {
  color: var(--gold-text) !important;
}
.add-row a:hover {
  color: var(--gold) !important;
}

/* ── Messages ── */
ul.messagelist li {
  background: #ffffff !important;
  border-left: 4px solid var(--sand-border) !important;
  color: var(--body-text) !important;
}
ul.messagelist li.success {
  background: #f0f9f2 !important;
  border-left-color: #4caf50 !important;
}
ul.messagelist li.warning {
  background: #fffbf0 !important;
  border-left-color: var(--gold) !important;
}
ul.messagelist li.error {
  background: #fff5f5 !important;
  border-left-color: #c0392b !important;
  color: #c0392b !important;
}

/* ── Date hierarchy ── */
.date-hierarchy {
  background: var(--sand-panel) !important;
  border-bottom: 1px solid var(--sand-border) !important;
}
.date-hierarchy a:link,
.date-hierarchy a:visited {
  color: var(--gold-text) !important;
}
.date-hierarchy a:hover {
  color: var(--gold) !important;
}

/* ── Calendar / date-time picker ── */
.calendarbox,
.clockbox {
  background: #ffffff !important;
  border: 1px solid var(--sand-border) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.10) !important;
}
.calendar caption {
  background: var(--panel-dark) !important;
  color: var(--gold) !important;
}
.calendar th {
  background: var(--sand-panel) !important;
  color: var(--body-text) !important;
}
.calendar td a:hover {
  background: var(--gold) !important;
  color: var(--ink) !important;
}
.calendar td.selected a {
  background: var(--gold-text) !important;
  color: #ffffff !important;
}
.calendarbox .calendarnav-previous,
.calendarbox .calendarnav-next {
  color: var(--gold) !important;
}

/* ── Login page ── */
.login #content {
  background: #ffffff !important;
  border: 1px solid var(--sand-border) !important;
  border-radius: 6px !important;
}
#login-form input[type="text"],
#login-form input[type="password"] {
  background: #ffffff !important;
  border-color: var(--sand-border) !important;
}
#login-form .submit-row input[type="submit"] {
  background: var(--panel-dark) !important;
  color: var(--gold) !important;
}

/* ── Index page app section header links (inside <caption>) ── */
#content-main .module caption a:link,
#content-main .module caption a:visited,
.module caption a.section:link,
.module caption a.section:visited {
  color: var(--gold) !important;
}
#content-main .module caption a:hover,
.module caption a.section:hover {
  color: #ffffff !important;
}

/* ── Global links ── */
a:link,
a:visited {
  color: var(--gold-text) !important;
}
a:hover {
  color: var(--gold) !important;
}