/**
 * SUNPRO Theme CSS
 * Based on colors from the SUNPRO logo
 */

:root {
  --sunpro-blue: #003399;      /* Dark blue from the SUNPRO text */
  --sunpro-orange: #F37021;    /* Orange from the roof/triangle */
  --sunpro-gray: #888888;      /* Gray from the border/outline */
  --sunpro-light-gray: #e2e2e2;
  --sunpro-bg: #E6F3F7;        /* Light blue background */
  --sunpro-blue-hover: #002277; /* Darker blue for hover states */
  --sunpro-orange-hover: #E05E10; /* Darker orange for hover states */
}

/* Global overrides */
body {
  background-color: var(--sunpro-bg);
  color: #333333;
}

/* Navigation bar */
.navbar {
  background-color: var(--sunpro-blue) !important;
  border-bottom: 3px solid var(--sunpro-orange);
}

.navbar-dark .navbar-nav .nav-link {
  color: var(--sunpro-orange) !important;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: var(--sunpro-orange-hover) !important;
}

.navbar-dark .navbar-brand {
  color: var(--sunpro-orange) !important;
}

.navbar-dark .navbar-brand:hover {
  color: var(--sunpro-orange-hover) !important;
}

/* Buttons */
.btn-primary {
  background-color: var(--sunpro-blue) !important;
  border-color: var(--sunpro-blue) !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: var(--sunpro-blue-hover) !important;
  border-color: var(--sunpro-blue-hover) !important;
}

.btn-secondary {
  background-color: var(--sunpro-gray) !important;
  border-color: var(--sunpro-gray) !important;
}

.btn-success {
  background-color: var(--sunpro-orange) !important;
  border-color: var(--sunpro-orange) !important;
}

.btn-success:hover, .btn-success:focus, .btn-success:active {
  background-color: var(--sunpro-orange-hover) !important;
  border-color: var(--sunpro-orange-hover) !important;
}

/* Headers and titles */
h1, h2, h3, h4, h5, h6, .title {
  color: var(--sunpro-blue);
}

/* Tables */
.table thead th {
  background-color: var(--sunpro-blue);
  color: white;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--sunpro-light-gray);
}

.table .btn-primary {
  background-color: var(--sunpro-blue);
  border-color: var(--sunpro-blue);
}

.dropdown-item {
  color: var(--sunpro-orange);
}

/* Cards */
.card-header {
  background-color: var(--sunpro-orange) !important;
  color: black !important;
}

.card {
  border-color: var(--sunpro-gray);
}

/* Secondary navigation areas */
#nav-1, #nav-2, #nav-3 {
  background-color: var(--sunpro-light-gray) !important;
  border-bottom: 2px solid var(--sunpro-orange);
}

/* Tabs */
.nav-tabs .nav-link {
  color: white;
}

.nav-tabs .dropdown-menu {
  background-color: var(--sunpro-blue);
}

.nav-tabs .nav-link.active {
  color: black;
  background-color: var(--sunpro-blue);
  border-color: var(--sunpro-blue);
}

.nav-tabs .nav-link:hover {
  border-color: var(--sunpro-orange);
}

/* Forms */
.form-control:focus {
  border-color: var(--sunpro-blue);
  box-shadow: 0 0 0 0.25rem rgba(0, 51, 153, 0.25);
}

/* Badges and alerts */
.badge-primary, .alert-primary {
  background-color: var(--sunpro-blue);
  color: white;
}

.badge-success, .alert-success {
  background-color: var(--sunpro-orange);
  color: white;
}

/* Pagination */
.pagination .page-item.active .page-link {
  background-color: var(--sunpro-blue);
  border-color: var(--sunpro-blue);
}

.pagination .page-link {
  color: var(--sunpro-blue);
}

/* Custom elements */
.open_project_btn {
  background-color: var(--sunpro-orange) !important;
  color: white !important;
}

/* Text colors */
.text-primary {
  color: var(--sunpro-blue) !important;
}

.text-success {
  color: var(--sunpro-orange) !important;
}

/* Links */
a {
  color: var(--sunpro-blue);
}

a:hover {
  color: var(--sunpro-blue-hover);
}

/* Lists */
.draggable-list {
  border-color: var(--sunpro-gray);
}

.draggable-list li:not(:last-of-type) {
  border-color: var(--sunpro-gray);
}

.draggable.over {
  border-top-color: var(--sunpro-orange);
}

/* Custom classes for the Proposal section */
.proposal-header-2, .option-header-2 {
  border-color: var(--sunpro-gray);
}

/* Admin sections */
#product_list_admin_container {
  background-color: var(--sunpro-bg);
  color: #333333;
}

/* Product Cost Admin specific styles */
#product_cost_admin_container .card-header {
  background-color: var(--sunpro-blue) !important;
  color: white !important;
}

#product_cost_admin_container .table thead th {
  background-color: var(--sunpro-blue);
  color: white;
}

#product_cost_admin_container .pagination .page-item.active .page-link {
  background-color: var(--sunpro-blue);
  border-color: var(--sunpro-blue);
  color: white;
}

#product_cost_admin_container .badge {
  background-color: var(--sunpro-orange);
}

#product_cost_admin_container .search-section {
  border: 1px solid var(--sunpro-gray);
  border-radius: 4px;
}

#product_cost_admin_container .text-primary {
  color: var(--sunpro-blue) !important;
}

/* Make the tables in the admin page more compact */
#product_cost_admin_container .table td, 
#product_cost_admin_container .table th {
  padding: 0.5rem;
}

/* Style task type section headers */
#product_cost_admin_container .task-type-section h4 {
  color: white;
}