/* =================================================================
   BIDDER BRAND CSS FOR FIDER (v10)
   Paste into: Site Settings → Advanced → Custom CSS
   ================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;500;600;700;800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap');

/* ================================================================
   1. PRIMARY COLOR VARIABLES
   ================================================================ */
:root {
  --primary-color: #eb6a00;
  --primary-color-light: #fef3ea;
  --primary-color-dark: #c45800;
}

body[data-theme="light"] {
  --colors-gray-100: #f9f7f5;
  --colors-gray-50: #f9f7f5;
}

/* ================================================================
   2. FONTS
   ================================================================ */
body {
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.p-home__welcome-title,
.p-show-post__title,
.c-modal-window__header {
  font-family: 'Albert Sans', system-ui, -apple-system, sans-serif !important;
}

/* ================================================================
   3. HEADER — dark bg, light text
   ================================================================ */
#c-header {
  --colors-gray-900: #e8e8e8;
  background-color: #131212 !important;
}

#c-header > div,
#c-header a,
#c-header h1,
#c-header span,
#c-header p,
#c-header .text-header {
  color: #e8e8e8 !important;
}

/* Dropdown menus inside header — reset to dark text on light bg */
#c-header .c-dropdown__list {
  --colors-gray-900: #131212;
}

#c-header .c-dropdown__list a,
#c-header .c-dropdown__list div,
#c-header .c-dropdown__list span {
  color: #4e474b !important;
}

#c-header .c-dropdown__list .text-medium {
  color: #8a8389 !important;
}

#c-header .c-dropdown__listitem:hover {
  color: #eb6a00 !important;
  background-color: #fef3ea !important;
}

/* ================================================================
   4. SUGGESTION BUTTON — orange CTA
   ================================================================ */
#p-home .p-home__welcome-col button,
button.p-home__add-idea-btn,
.p-home__add-idea-btn {
  background-color: #eb6a00 !important;
  color: #ffffff !important;
  border-color: #eb6a00 !important;
}

#p-home .p-home__welcome-col button:hover,
button.p-home__add-idea-btn:hover,
.p-home__add-idea-btn:hover {
  background-color: #c45800 !important;
  border-color: #c45800 !important;
}

#p-home .p-home__welcome-col button svg,
#p-home .p-home__welcome-col button span,
.p-home__add-idea-icon {
  color: #ffffff !important;
}

/* ================================================================
   5. VOTE COUNTER — orange tint instead of blue
   ================================================================ */
.c-vote-counter__button {
  --colors-blue-50: #fef3ea;
  --colors-blue-100: #fde0c8;
  --colors-blue-300: #eb6a00;
  --colors-blue-900: #2a1800;
  --colors-blue-800: #5c3300;
}

/* ================================================================
   6. FORM FOCUS RINGS
   ================================================================ */
.c-input:focus,
.c-textarea:focus,
.c-select:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 3px rgba(235,106,0,0.15) !important;
}

/* ================================================================
   7. SHOW POST PAGE ACCENTS
   ================================================================ */
.p-show-post__discussion-count {
  --colors-blue-100: #fef3ea;
  --colors-blue-400: #eb6a00;
  --colors-blue-500: #eb6a00;
  --colors-blue-800: #ffffff;
}

.p-show-post__actions {
  --colors-blue-500: #eb6a00;
}

.c-response-details__card {
  --colors-blue-50: #fef3ea;
}

/* ================================================================
   8. LINKS
   ================================================================ */
a { color: #eb6a00; }
a:hover { color: #c45800; }

/* ================================================================
   9. SIGN IN PAGE — social buttons
   ================================================================ */
.c-signin-social-button {
  background-color: #eb6a00 !important;
  color: #ffffff !important;
  border-color: #eb6a00 !important;
}

.c-signin-social-button span {
  color: #ffffff !important;
}

.c-signin-social-button:hover {
  background-color: #c45800 !important;
  border-color: #c45800 !important;
}

/* ================================================================
   10. ADMIN SIDEBAR
   ================================================================ */
.c-side-menu__item--active {
  color: #eb6a00 !important;
  border-left-color: #eb6a00 !important;
}

/* ================================================================
   11. MARKDOWN
   ================================================================ */
.c-markdown a, .tiptap a { color: #eb6a00 !important; }
.c-markdown a:hover, .tiptap a:hover { color: #c45800 !important; }
.c-markdown blockquote, .tiptap blockquote {
  border-inline-start-color: #eb6a00 !important;
}

/* ================================================================
   12. SCROLLBAR
   ================================================================ */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background-color: rgba(112,112,112,0.3); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background-color: rgba(112,112,112,0.5); }