/* Bamya Space Tenant CSS Overrides */
/* Adopting bamya.co design: Black/White/Gold theme */
/* TEXT: Black on White backgrounds */

/* =====================================================
   OVERRIDE ROOT CSS VARIABLES
   ===================================================== */

:root {
  /* Override brand colors from purple to black/gold */
  --brand-1: #141414 !important;
  --brand-2: #333333 !important;
  --brand-rgb: 20, 20, 20 !important;
  --brand-2-rgb: 51, 51, 51 !important;

  /* Gold accent color */
  --bamya-gold: #fdb614;
  --bamya-gold-dark: #c48c0f;

  /* Override gradient to solid black */
  --grad-brand: #141414 !important;

  /* Ensure proper text/background colors */
  --color-text: #141414 !important;
  --color-background: #ffffff !important;
}

/* =====================================================
   BODY & GENERAL BACKGROUNDS - WHITE
   ===================================================== */

body {
  background-color: #ffffff !important;
  color: #141414 !important;
}

main,
.main-content,
.container,
.content-wrapper {
  background-color: #ffffff !important;
  color: #141414 !important;
}

/* =====================================================
   GRADIENT OVERRIDES - Solid black (ONLY for headers/heroes)
   ===================================================== */

/* Only apply black background to actual gradient sections, not content */
.hero,
.page-header,
.jumbotron,
.header-gradient {
  background: #141414 !important;
  background-image: none !important;
  color: #ffffff !important;
}

.hero h1, .hero h2, .hero h3, .hero p,
.page-header h1, .page-header p,
.jumbotron h1, .jumbotron p {
  color: #ffffff !important;
}

/* =====================================================
   NAVIGATION - White background
   ===================================================== */

.navbar,
.nav-header,
header.navbar,
nav {
  background: #ffffff !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #e0e0e0 !important;
}

.navbar-brand,
.nav-logo,
.navbar .nav-link {
  color: #141414 !important;
}

.navbar .nav-link:hover {
  color: #666666 !important;
}

/* =====================================================
   BUTTONS
   ===================================================== */

/* Primary buttons - black */
.btn-primary {
  background: #141414 !important;
  background-image: none !important;
  border-color: #141414 !important;
  color: #ffffff !important;
}

.btn-primary:hover {
  background: #333333 !important;
  border-color: #333333 !important;
  color: #ffffff !important;
}

/* Outline buttons */
.btn-outline-primary {
  color: #141414 !important;
  border-color: #141414 !important;
  background: transparent !important;
}

.btn-outline-primary:hover {
  background: #141414 !important;
  color: #ffffff !important;
}

/* Gold/Warning buttons */
.btn-warning {
  background: #fdb614 !important;
  border-color: #fdb614 !important;
  color: #141414 !important;
}

/* =====================================================
   CARDS - White background, black text
   ===================================================== */

.card,
.session-card,
.tool-card,
.combo-card {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  color: #141414 !important;
}

.card-body,
.card-content {
  background: #ffffff !important;
  color: #141414 !important;
}

.card-title,
.card h3,
.card h4,
.card h5 {
  color: #141414 !important;
}

.card-text,
.card p {
  color: #333333 !important;
}

/* Card headers - black background */
.card-header {
  background: #141414 !important;
  color: #ffffff !important;
  border-bottom: none !important;
}

.card-header h3,
.card-header h4,
.card-header h5 {
  color: #ffffff !important;
}

/* =====================================================
   TYPOGRAPHY - Black text on white
   ===================================================== */

h1, h2, h3, h4, h5, h6 {
  color: #141414 !important;
}

p, span, div, li, td, th {
  color: #141414;
}

.text-muted {
  color: #666666 !important;
}

.text-primary {
  color: #141414 !important;
}

.text-secondary {
  color: #666666 !important;
}

/* White text ONLY on dark backgrounds */
.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark p,
.bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary p,
.hero h1, .hero h2, .hero h3, .hero p,
.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header p {
  color: #ffffff !important;
}

/* =====================================================
   SECTIONS & CONTAINERS - White backgrounds
   ===================================================== */

section,
.section,
.container-fluid {
  background-color: #ffffff;
  color: #141414;
}

/* Light gray sections */
.bg-light,
.section-light {
  background-color: #f7f7f7 !important;
  color: #141414 !important;
}

/* Dark sections - these get white text */
.bg-dark,
.section-dark,
.bg-primary {
  background-color: #141414 !important;
  color: #ffffff !important;
}

/* =====================================================
   BADGES
   ===================================================== */

.badge-primary,
.badge.bg-primary {
  background: #141414 !important;
  color: #ffffff !important;
}

.badge-warning,
.badge.bg-warning {
  background: #fdb614 !important;
  color: #141414 !important;
}

.badge-light,
.badge.bg-light {
  background: #f7f7f7 !important;
  color: #141414 !important;
}

/* =====================================================
   PROGRESS BARS
   ===================================================== */

.progress {
  background-color: #e0e0e0 !important;
}

.progress-bar {
  background: #fdb614 !important;
}

/* =====================================================
   ALERTS
   ===================================================== */

.alert-primary {
  background-color: #f7f7f7 !important;
  border-color: #141414 !important;
  color: #141414 !important;
}

.alert-warning {
  background-color: rgba(253, 182, 20, 0.15) !important;
  border-color: #fdb614 !important;
  color: #141414 !important;
}

.alert-info {
  background-color: #f7f7f7 !important;
  color: #141414 !important;
}

/* =====================================================
   FOOTER - Dark background, white text
   ===================================================== */

footer,
.footer {
  background: #141414 !important;
  color: #e0e0e0 !important;
}

footer h4, footer h5, footer h3,
.footer h4, .footer h5, .footer h3 {
  color: #ffffff !important;
}

footer a, .footer a {
  color: #e0e0e0 !important;
}

footer a:hover, .footer a:hover {
  color: #ffffff !important;
}

/* =====================================================
   CHAT INTERFACE
   ===================================================== */

.chat-container,
.chat-messages {
  background: #ffffff !important;
}

.chat-header,
#chat-header {
  background: #141414 !important;
  color: #ffffff !important;
}

.chat-header h1, .chat-header h2, .chat-header h3 {
  color: #ffffff !important;
}

.message-user,
.user-message {
  background: #141414 !important;
  color: #ffffff !important;
}

.message-assistant,
.bot-message,
.assistant-message {
  background: #f7f7f7 !important;
  color: #141414 !important;
}

/* =====================================================
   ROADMAP & SESSIONS
   ===================================================== */

.roadmap-container,
.sessions-container {
  background: #ffffff !important;
  color: #141414 !important;
}

.roadmap-header,
.sessions-header {
  background: #141414 !important;
  color: #ffffff !important;
}

.session-level-badge,
.level-badge {
  background: #fdb614 !important;
  color: #141414 !important;
}

.session-card.active,
.combo-card.active {
  border-color: #fdb614 !important;
}

/* =====================================================
   COACH DIRECTORY
   ===================================================== */

.coach-card {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  color: #141414 !important;
}

.coach-card:hover {
  border-color: #fdb614 !important;
}

.coach-name {
  color: #141414 !important;
}

.coach-avatar-placeholder {
  background: #141414 !important;
  color: #ffffff !important;
}

/* =====================================================
   BUDDY WIDGET
   ===================================================== */

.buddy-widget,
.buddy-button,
#buddy-widget-toggle {
  background: #141414 !important;
  color: #ffffff !important;
}

/* =====================================================
   FORMS - White backgrounds
   ===================================================== */

input,
textarea,
select,
.form-control {
  background-color: #ffffff !important;
  color: #141414 !important;
  border-color: #e0e0e0 !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
  border-color: #141414 !important;
  box-shadow: 0 0 0 0.2rem rgba(20, 20, 20, 0.15) !important;
}

.form-check-input:checked {
  background-color: #141414 !important;
  border-color: #141414 !important;
}

label,
.form-label {
  color: #141414 !important;
}

/* =====================================================
   TABLES
   ===================================================== */

table,
.table {
  color: #141414 !important;
  background: #ffffff !important;
}

.table th {
  background: #f7f7f7 !important;
  color: #141414 !important;
}

.table td {
  color: #141414 !important;
}

/* =====================================================
   LINKS
   ===================================================== */

a {
  color: #141414;
}

a:hover {
  color: #666666;
}

/* =====================================================
   MODALS
   ===================================================== */

.modal-content {
  background: #ffffff !important;
  color: #141414 !important;
}

.modal-header {
  background: #141414 !important;
  color: #ffffff !important;
  border-bottom: none !important;
}

.modal-header .modal-title {
  color: #ffffff !important;
}

.modal-header .btn-close {
  filter: invert(1);
}

.modal-body {
  background: #ffffff !important;
  color: #141414 !important;
}

.modal-footer {
  background: #ffffff !important;
  border-top: 1px solid #e0e0e0 !important;
}

/* =====================================================
   DROPDOWNS
   ===================================================== */

.dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
}

.dropdown-item {
  color: #141414 !important;
}

.dropdown-item:hover {
  background: #f7f7f7 !important;
  color: #141414 !important;
}

/* =====================================================
   MISC
   ===================================================== */

.spinner-border.text-primary {
  color: #141414 !important;
}

.border-primary {
  border-color: #141414 !important;
}

/* Selection highlight */
::selection {
  background: rgba(253, 182, 20, 0.3);
  color: #141414;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
  background: #141414;
}

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

/* List groups */
.list-group-item {
  background: #ffffff !important;
  color: #141414 !important;
  border-color: #e0e0e0 !important;
}

.list-group-item.active {
  background: #141414 !important;
  color: #ffffff !important;
  border-color: #141414 !important;
}

/* Breadcrumbs */
.breadcrumb {
  background: #f7f7f7 !important;
}

.breadcrumb-item,
.breadcrumb-item a {
  color: #141414 !important;
}

/* Pagination */
.page-link {
  color: #141414 !important;
  background: #ffffff !important;
  border-color: #e0e0e0 !important;
}

.page-item.active .page-link {
  background: #141414 !important;
  border-color: #141414 !important;
  color: #ffffff !important;
}