/* ============================================
   Bemny Awards - Custom Decap CMS Admin Styling
   Theme: Gold & Dark - SAFE VERSION
   Only cosmetic changes, no layout breaking
   ============================================ */

/* ===== CSS Variables ===== */
:root {
  --bemny-gold: #c88f1a;
  --bemny-gold-light: #f6d176;
  --bemny-gold-dark: #9e6f14;
  --bemny-gold-50: #fefcf0;
  --bemny-dark: #1a1a2e;
  --bemny-dark-secondary: #16213e;
}

/* ===== Safe Global Styles ===== */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ===== Top Navigation Bar - More Specific Targeting ===== */
/* The main header bar */
[class*="AppMainContainer"] > header,
[data-testid="app-header"],
#nc-root > div > div > header {
  background: linear-gradient(135deg, var(--bemny-dark) 0%, var(--bemny-dark-secondary) 100%) !important;
  border-bottom: 3px solid var(--bemny-gold) !important;
}

/* Header text and links */
[class*="AppMainContainer"] > header a,
[class*="AppMainContainer"] > header span,
[class*="AppMainContainer"] > header button,
#nc-root > div > div > header a,
#nc-root > div > div > header span {
  color: #e5e7eb !important;
}

[class*="AppMainContainer"] > header a:hover,
[class*="AppMainContainer"] > header button:hover {
  color: var(--bemny-gold) !important;
}

/* ===== Sidebar Active Link ===== */
nav a[aria-current="page"],
[class*="Sidebar"] a[aria-current="page"],
a[class*="SidebarNavLink"][class*="isActive"] {
  background: linear-gradient(135deg, var(--bemny-gold) 0%, var(--bemny-gold-dark) 100%) !important;
  color: white !important;
  border-radius: 6px;
}

/* Sidebar link hover - subtle */
[class*="Sidebar"] a:hover:not([aria-current="page"]) {
  background-color: var(--bemny-gold-50) !important;
}

/* ===== Primary Buttons Only ===== */
/* Target specific button types to avoid breaking layout */
button[data-testid*="publish"],
button[data-testid*="save"],
[class*="PublishButton"],
a[href*="/new"] {
  background: linear-gradient(135deg, var(--bemny-gold) 0%, var(--bemny-gold-dark) 100%) !important;
  border-color: var(--bemny-gold) !important;
  color: white !important;
}

button[data-testid*="publish"]:hover,
button[data-testid*="save"]:hover {
  background: linear-gradient(135deg, var(--bemny-gold-dark) 0%, #875f11 100%) !important;
}

/* ===== Form Focus States ===== */
input:focus,
textarea:focus,
select:focus,
[contenteditable="true"]:focus {
  border-color: var(--bemny-gold) !important;
  box-shadow: 0 0 0 2px rgba(200, 143, 26, 0.2) !important;
  outline: none !important;
}

/* ===== Entry List Item Hover ===== */
[class*="EntryListing"] > div:hover,
[class*="ListItemTopBar"]:hover {
  border-left: 3px solid var(--bemny-gold);
}

/* ===== Status Badges ===== */
[class*="WorkflowStatus"] {
  border-radius: 12px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* ===== Editor Active Buttons ===== */
[class*="ToolbarButton"][class*="isActive"],
[class*="EditorControl"] button[class*="active"] {
  background-color: var(--bemny-gold) !important;
  color: white !important;
}

/* ===== Media Selected State ===== */
[class*="MediaCard"][class*="isSelected"],
[class*="Card"][class*="selected"] {
  border: 2px solid var(--bemny-gold) !important;
  box-shadow: 0 0 0 2px rgba(200, 143, 26, 0.3) !important;
}

/* ===== Custom Scrollbar ===== */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f3f4f6;
}

::-webkit-scrollbar-thumb {
  background: #9ca3af;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--bemny-gold);
}

/* ===== Checkbox Accent ===== */
input[type="checkbox"]:checked {
  accent-color: var(--bemny-gold);
}

/* ===== Selection Highlight ===== */
::selection {
  background-color: rgba(200, 143, 26, 0.3);
}

/* ===== Loading Spinner ===== */
[class*="Loader"],
[class*="Spinner"] {
  border-top-color: var(--bemny-gold) !important;
}

/* ===== Toast/Notification Accent ===== */
[class*="Toast"],
[class*="Notification"] {
  border-left: 4px solid var(--bemny-gold) !important;
}

/* ===== Tabs Active State ===== */
[role="tab"][aria-selected="true"],
[class*="Tab"][class*="active"] {
  border-bottom-color: var(--bemny-gold) !important;
  color: var(--bemny-gold) !important;
}

/* ===== Modal Header Accent ===== */
[class*="ModalHeader"] h1,
[class*="DialogTitle"] {
  color: var(--bemny-dark) !important;
}

/* ===== Delete Button - Keep Red ===== */
button[class*="delete"],
button[class*="Delete"] {
  background-color: #ef4444 !important;
  color: white !important;
}

button[class*="delete"]:hover,
button[class*="Delete"]:hover {
  background-color: #dc2626 !important;
}