﻿/* --- Live search dropdown styling --- */
.live-search-results {
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}
.live-search-row {
  padding: 6px 8px;
}
.live-search-row.highlight {
  background: #f0f8ff;
}

/* --- Global admin toggle button (Show all / Paginate) --- */
#admin-toggle-paginate {
  margin-left: 6px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.2;
  cursor: pointer;
  border-radius: 4px;

  /* Match Django dark theme search button */
  background-color: #333;
  border: 1px solid #555;
  color: #eee;

  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

#admin-toggle-paginate:hover {
  background-color: #444;
  border-color: #666;
  color: #fff;
}

#admin-toggle-paginate:active {
  background-color: #222;
  border-color: #444;
  color: #ddd;
}

/* Hide the "Select … to change" H1 only on changelist pages */
body.change-list #content > h1 {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}


/* Plant suffix (after title) — subtle and crisp */
.plant-suffix {
  font-size: 16px;        /* slightly smaller than the main header */
  font-weight: 400;       /* medium weight for readability */
  letter-spacing: 0.3px;  /* crisper text rendering */
  margin-left: 6px;       /* small spacing from main title */
/*  opacity: 0.85;          /* softer contrast */
  color: #F2F2F2;         /* same hue family, just lighter for harmony */
}

/* Ensure high-DPI (sharp) rendering in browsers */
.plant-suffix,
#site-name span {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --- Admin "Go" primary action button --- */
#changelist-filter input[type="submit"][value="Go"],
#changelist-search input[type="submit"][value="Go"],
#changelist-form .actions input[type="submit"],
#changelist-form .actions button[type="submit"],
#changelist-form .actions .button {
  background-color: #1f7a1f !important;
  border: 1px solid #166416 !important;
  color: #ffffff !important;
  font-weight: 600;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
}

#changelist-filter input[type="submit"][value="Go"]:hover,
#changelist-search input[type="submit"][value="Go"]:hover,
#changelist-form .actions input[type="submit"]:hover,
#changelist-form .actions button[type="submit"]:hover,
#changelist-form .actions .button:hover {
  background-color: #1a681a !important;
  border-color: #125812 !important;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.18);
}

#changelist-filter input[type="submit"][value="Go"]:focus-visible,
#changelist-search input[type="submit"][value="Go"]:focus-visible,
#changelist-form .actions input[type="submit"]:focus-visible,
#changelist-form .actions button[type="submit"]:focus-visible,
#changelist-form .actions .button:focus-visible {
  outline: 2px solid #2aa84a;
  outline-offset: 2px;
}

#changelist-filter input[type="submit"][value="Go"][disabled],
#changelist-search input[type="submit"][value="Go"][disabled],
#changelist-form .actions input[type="submit"][disabled],
#changelist-form .actions button[type="submit"][disabled],
#changelist-form .actions .button[disabled] {
  background-color: #6f9f6f !important;
  border-color: #5f8f5f !important;
  color: #e9f3e9 !important;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.7;
}


/* MultiSelect filter highlight (theme aware) */
#changelist-filter li.selected{border-radius:4px;padding:2px 6px;}
#changelist-filter li.selected a{font-weight:700!important;}

html[data-theme="dark"] #changelist-filter li.selected{background:rgba(0,229,255,.18);border-left:4px solid #00e5ff;}
html[data-theme="dark"] #changelist-filter li.selected a{color:#00e5ff!important;}

html:not([data-theme="dark"]) #changelist-filter li.selected{background:rgba(0,102,204,.14);border-left:4px solid #0066cc;}
html:not([data-theme="dark"]) #changelist-filter li.selected a{color:#0066cc!important;}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #changelist-filter li.selected{background:rgba(0,229,255,.18);border-left:4px solid #00e5ff;}
  html:not([data-theme]) #changelist-filter li.selected a{color:#00e5ff!important;}
}
