/* Marketing Team Light Theme Override - High Specificity */
/* This theme provides light styling for marketing team pages only */
body.marketing-theme,
html.dark body.marketing-theme {
  /* Light background override */
  background-color: #ffffff !important;
  color: #333333 !important;
}

body.marketing-theme .card,
html.dark body.marketing-theme .card {
  background-color: #ffffff !important;
  border: 1px solid #e1e5e9 !important;
  color: #333333 !important;
}

body.marketing-theme .card-header,
html.dark body.marketing-theme .card-header {
  background-color: #f8f9fa !important;
  border-bottom: 1px solid #e1e5e9 !important;
  color: #495057 !important;
}

body.marketing-theme .card-body,
html.dark body.marketing-theme .card-body {
  background-color: #ffffff !important;
  color: #333333 !important;
}

body.marketing-theme .form-control,
body.marketing-theme .form-select,
html.dark body.marketing-theme .form-control,
html.dark body.marketing-theme .form-select {
  background-color: #ffffff !important;
  border: 1px solid #ced4da !important;
  color: #495057 !important;
}

body.marketing-theme .form-control:focus,
body.marketing-theme .form-select:focus,
html.dark body.marketing-theme .form-control:focus,
html.dark body.marketing-theme .form-select:focus {
  background-color: #ffffff !important;
  border-color: #80bdff !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
  color: #495057 !important;
}

body.marketing-theme .form-label,
html.dark body.marketing-theme .form-label {
  color: #495057 !important;
  font-weight: 600;
}

body.marketing-theme .text-muted,
html.dark body.marketing-theme .text-muted {
  color: #6c757d !important;
}

body.marketing-theme .btn-outline-secondary,
html.dark body.marketing-theme .btn-outline-secondary {
  color: #6c757d !important;
  border-color: #6c757d !important;
}

body.marketing-theme .btn-outline-secondary:hover,
html.dark body.marketing-theme .btn-outline-secondary:hover {
  background-color: #6c757d !important;
  color: #ffffff !important;
}

body.marketing-theme .btn-primary,
html.dark body.marketing-theme .btn-primary {
  background-color: #007bff !important;
  border-color: #007bff !important;
  color: #ffffff !important;
}

body.marketing-theme .btn-success,
html.dark body.marketing-theme .btn-success {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
  color: #ffffff !important;
}

body.marketing-theme .bg-light,
html.dark body.marketing-theme .bg-light {
  background-color: #f8f9fa !important;
}

/* Container and main content area */
body.marketing-theme .container-fluid,
body.marketing-theme .container,
html.dark body.marketing-theme .container-fluid,
html.dark body.marketing-theme .container {
  background-color: #ffffff !important;
  min-height: 100vh;
}

/* Force all text to be dark */
body.marketing-theme h1, 
body.marketing-theme h2, 
body.marketing-theme h3, 
body.marketing-theme h4, 
body.marketing-theme h5, 
body.marketing-theme h6,
html.dark body.marketing-theme h1, 
html.dark body.marketing-theme h2, 
html.dark body.marketing-theme h3, 
html.dark body.marketing-theme h4, 
html.dark body.marketing-theme h5, 
html.dark body.marketing-theme h6 {
  color: #212529 !important;
}

body.marketing-theme p,
html.dark body.marketing-theme p {
  color: #495057 !important;
}

body.marketing-theme small,
html.dark body.marketing-theme small {
  color: #6c757d !important;
}

.marketing-theme .alert-danger {
  background-color: #f8d7da !important;
  border-color: #f5c6cb !important;
  color: #721c24 !important;
}

.marketing-theme .alert-success {
  background-color: #d4edda !important;
  border-color: #c3e6cb !important;
  color: #155724 !important;
}

.marketing-theme .alert-info {
  background-color: #d1ecf1 !important;
  border-color: #bee5eb !important;
  color: #0c5460 !important;
}

/* Rhino Editor specific styling for light theme */
.marketing-theme .rhino-editor {
  background-color: #ffffff !important;
  border: 1px solid #ced4da !important;
  color: #495057 !important;
}

.marketing-theme .rhino-editor .toolbar {
  background-color: #f8f9fa !important;
  border-bottom: 1px solid #e1e5e9 !important;
}

.marketing-theme .rhino-editor .toolbar button {
  background-color: transparent !important;
  border: 1px solid transparent !important;
  color: #495057 !important;
}

.marketing-theme .rhino-editor .toolbar button:hover {
  background-color: #e9ecef !important;
  color: #212529 !important;
}

.marketing-theme .rhino-editor .toolbar button.active {
  background-color: #007bff !important;
  color: #ffffff !important;
}

.marketing-theme .rhino-editor .content {
  background-color: #ffffff !important;
  color: #495057 !important;
  min-height: 200px;
  padding: 1rem;
}

/* Table styling for articles index */
.marketing-theme .table {
  background-color: #ffffff !important;
  color: #495057 !important;
}

.marketing-theme .table th {
  background-color: #f8f9fa !important;
  border-color: #dee2e6 !important;
  color: #495057 !important;
}

.marketing-theme .table td {
  border-color: #dee2e6 !important;
  color: #495057 !important;
}

.marketing-theme .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.025) !important;
}

/* Navigation and header styling */
.marketing-theme .nav-tabs {
  border-color: #dee2e6 !important;
}

.marketing-theme .nav-tabs .nav-link {
  color: #495057 !important;
}

.marketing-theme .nav-tabs .nav-link.active {
  background-color: #ffffff !important;
  border-color: #dee2e6 #dee2e6 #ffffff !important;
  color: #495057 !important;
}

/* Statistics cards */
.marketing-theme .bg-primary {
  background-color: #007bff !important;
}

.marketing-theme .bg-success {
  background-color: #28a745 !important;
}

.marketing-theme .bg-warning {
  background-color: #ffc107 !important;
  color: #212529 !important;
}

.marketing-theme .bg-info {
  background-color: #17a2b8 !important;
}

/* Container and main content area */
.marketing-theme .container-fluid,
.marketing-theme .container {
  background-color: #ffffff !important;
  min-height: 100vh;
}

/* Make sure text is readable */
.marketing-theme h1, 
.marketing-theme h2, 
.marketing-theme h3, 
.marketing-theme h4, 
.marketing-theme h5, 
.marketing-theme h6 {
  color: #212529 !important;
}

.marketing-theme p {
  color: #495057 !important;
}

.marketing-theme small {
  color: #6c757d !important;
}