/* Black Friday theme, scoped to body.bf-mode to avoid interfering with existing dark-mode */

body.bf-mode {
  background-color: #0a0a0a;
  color: #f2f2f2;
}

body.bf-mode a { color: #ffed4a; }
body.bf-mode a:hover { color: #ffd400; }

/* Headings & emphasis */
body.bf-mode h1, body.bf-mode h2, body.bf-mode h3, body.bf-mode h4, body.bf-mode h5 {
  color: #ffed4a;
}
body.bf-mode .highlight, body.bf-mode mark {
  background: #1a1a1a;
  color: #ffed4a;
}

/* Containers & panels */
body.bf-mode .container, body.bf-mode .content, body.bf-mode .panel, body.bf-mode .card, body.bf-mode .box {
  background-color: #121212;
  color: #eaeaea;
  border: 1px solid #2a2a2a;
}

/* Tables */
body.bf-mode table { color: #eaeaea; }
body.bf-mode .table { background-color: #121212; }
body.bf-mode .table thead th { background-color: #1a1a1a; color: #ffd400; border-color: #333; }
body.bf-mode .table tbody td { border-color: #222; }
body.bf-mode .table-striped tbody tr:nth-of-type(odd) { background-color: #0f0f0f; }

/* Forms */
body.bf-mode .form-control, body.bf-mode input, body.bf-mode select, body.bf-mode textarea {
  background-color: #111;
  color: #eee;
  border-color: #333;
}
body.bf-mode ::placeholder { color: #bbb; }

/* Buttons */
body.bf-mode .btn,
body.bf-mode button {
  color: #fff;
  background-image: linear-gradient(180deg, #ff3b3b 0%, #b90000 100%);
  border: 1px solid #ff2d2d;
}
body.bf-mode .btn:hover,
body.bf-mode button:hover {
  background-image: linear-gradient(180deg, #ff5b5b 0%, #d40000 100%);
  border-color: #ff5b5b;
}
body.bf-mode .btn-primary { background-image: linear-gradient(180deg, #ff3b3b, #b90000); border-color: #ff2d2d; }
body.bf-mode .btn-warning { background-color: #ffed4a; color: #111; border-color: #ffed4a; }
body.bf-mode .btn-danger { background-image: linear-gradient(180deg, #ff3b3b, #9e0000); border-color: #ff2d2d; }

/* Badges & labels */
body.bf-mode .badge, body.bf-mode .label {
  background-color: #ffed4a;
  color: #111;
}

/* Alerts / callouts */
body.bf-mode .alert, body.bf-mode .callout {
  background-color: #141414;
  color: #f7f7f7;
  border: 1px dashed #ffed4a;
}

/* Navbars / headers */
body.bf-mode .navbar, body.bf-mode header {
  background-color: #000;
  border-bottom: 1px solid #333;
}

/* Prices / emphasis blocks (optional naming guess) */
body.bf-mode .price-tag, body.bf-mode .price, body.bf-mode .emphasis {
  background-color: #141414;
  color: #ffed4a;
  border: 1px dashed #ffed4a;
}

/* Cards, panels and white boxes */
body.bf-mode .card,
body.bf-mode .card-header,
body.bf-mode .card-body,
body.bf-mode .panel,
body.bf-mode .box {
  background-color: #121212 !important;
  color: #eaeaea !important;
  border-color: #2a2a2a !important;
}
body.bf-mode .list-group-item { background-color: #121212; color: #eaeaea; border-color: #2a2a2a; }
body.bf-mode .bg-white, body.bf-mode .bg-light { background-color: #121212 !important; }

/* Buttons variants */
body.bf-mode .btn-light { background-color: #222; color: #ffed4a; border-color: #444; }
body.bf-mode .btn-light.active, body.bf-mode .btn-light:active { background-color: #333; color: #fff; }
body.bf-mode .btn-outline-primary, body.bf-mode .btn-outline-secondary {
  color: #ffed4a;
  border-color: #ffed4a;
}
body.bf-mode .btn-outline-primary:hover, body.bf-mode .btn-outline-secondary:hover {
  background-color: #ffed4a;
  color: #111;
}

/* Modals */
body.bf-mode .modal-content { background-color: #121212; color: #eaeaea; border-color: #2a2a2a; }
body.bf-mode .modal-title { color: #ffed4a; }

/* Tables strengthen override */
body.bf-mode table, body.bf-mode .table { background-color: #121212; color: #eaeaea; }
body.bf-mode .table thead th { background-color: #1a1a1a; color: #ffd400; border-color: #333; }
body.bf-mode .table tbody td { border-color: #222; }

/* Navbar and header */
body.bf-mode .navbar, body.bf-mode header { background-color: #000; border-bottom-color: #333; }

/* Links within cards to keep contrast */
body.bf-mode .card a { color: #ffed4a; }

/* Avoid pure black text on black background */
body.bf-mode p, body.bf-mode li, body.bf-mode td, body.bf-mode th { color: #eaeaea; }