/* Lenovo Theme CSS */ 

/* Lenovo Corporate Color Palette */
:root {
  /* Primary Colors */
  --lenovo-red: #E42022;
  --lenovo-white: #FFFFFF;
  
  /* RGB versions for transparency */
  --lenovo-red-rgb: 228, 32, 34;
  --lenovo-white-rgb: 255, 255, 255;
  
  /* Common Lenovo-branded variations */
  --lenovo-red-dark: #B81A1C;
  --lenovo-red-light: #FF4B4E;
  --lenovo-red-hover: #CC1D1F;
  
  /* Complementary colors for UI */
  --lenovo-gray-dark: #333333;
  --lenovo-gray-medium: #666666;
  --lenovo-gray-light: #F5F5F5;
  --lenovo-black: #000000;
  --lenovo-green-active: #28a745; /* Define a green for active states */
}

/* Primary Button Styles */
.btn-lenovo-primary {
  background-color: var(--lenovo-red);
  color: var(--lenovo-white);
  border: 2px solid var(--lenovo-red);
  padding: 12px 24px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

.btn-lenovo-primary:hover {
  background-color: var(--lenovo-red-hover);
  border-color: var(--lenovo-red-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(var(--lenovo-red-rgb), 0.3);
}

/* Secondary Button Styles */
.btn-lenovo-secondary {
  background-color: transparent;
  color: var(--lenovo-red);
  border: 2px solid var(--lenovo-red);
  padding: 12px 24px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

.btn-lenovo-secondary:hover {
  background-color: var(--lenovo-red);
  color: var(--lenovo-white);
}

/* Header/Navigation */
.navbar-lenovo {
  background-color: var(--lenovo-white);
  border-bottom: 3px solid var(--lenovo-red);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar-lenovo .nav-link {
  color: var(--lenovo-gray-dark);
  font-weight: 500;
  transition: color 0.3s ease;
}

.navbar-lenovo .nav-link:hover,
.navbar-lenovo .nav-link.active {
  color: var(--lenovo-red);
}

/* Hero Section */
/*
.hero-lenovo {
  background: linear-gradient(135deg, var(--lenovo-red) 0%, var(--lenovo-red-dark) 100%);
  color: var(--lenovo-white);
  padding: 80px 0;
  position: relative;
}

.hero-lenovo::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(var(--lenovo-red-rgb), 0.9);
  z-index: 1;
}

.hero-lenovo .content {
  position: relative;
  z-index: 2;
}
*/

/* Cards and Components */
.card-lenovo {
  /* border: 1px solid #E5E5E5; Bootstrap default is fine */
  /* border-radius: 8px; Bootstrap default is fine or use Bootstrap's .rounded-lg */
  /* overflow: hidden; Bootstrap default is fine */
  /* transition: all 0.3s ease; Bootstrap default is fine */
  /* background-color: var(--lenovo-white); Bootstrap default is fine */
}

.card-lenovo:hover {
  border-color: var(--lenovo-red); /* Keep Lenovo red border on hover */
  /* box-shadow: 0 8px 25px rgba(var(--lenovo-red-rgb), 0.15); Use Bootstrap shadows or a more subtle one */
  /* transform: translateY(-4px); Bootstrap's hover effects or more subtle */
}

/* Apply this to .card-header within a .card-lenovo or directly to .card-header if all cards are Lenovo themed */
.card-lenovo .card-header, 
.card-header.bg-lenovo { /* Added .bg-lenovo for flexibility */
  background-color: var(--lenovo-gray-light) !important; /* Changed to light gray */
  color: var(--lenovo-gray-dark) !important; /* Dark text on light gray header */
  border-bottom: 1px solid var(--lenovo-red); /* Optional: Keep a subtle red accent line */
  /* padding: 16px 20px; Use Bootstrap's default padding or adjust slightly */
  /* font-weight: 600; Bootstrap default is fine */
}

/* Accent Elements */
.accent-lenovo {
  background-color: var(--lenovo-red);
  color: var(--lenovo-white);
}

.text-lenovo-red {
  color: var(--lenovo-red) !important;
}

.bg-lenovo-red {
  background-color: var(--lenovo-red) !important;
}

.border-lenovo-red {
  border-color: var(--lenovo-red) !important;
}

/* Loading/Progress Elements */
/* Use standard Bootstrap .progress and .progress-bar classes */
.progress-bar.bg-lenovo-red {
    background-color: var(--lenovo-red) !important;
}
/*
.progress-lenovo {
  background-color: var(--lenovo-gray-light);
  border-radius: 10px;
  overflow: hidden;
}

.progress-lenovo .progress-bar {
  background-color: var(--lenovo-red);
  height: 8px;
  border-radius: 10px;
  transition: width 0.3s ease;
}
*/

/* Form Elements */
/* Apply to Bootstrap .form-control elements if needed, or style .form-control directly */
.form-control:focus {
  border-color: var(--lenovo-red);
  box-shadow: 0 0 0 0.25rem rgba(var(--lenovo-red-rgb), 0.25); /* Bootstrap 5 focus shadow style with Lenovo color */
}
/*
.form-control-lenovo {
  border: 2px solid #E5E5E5;
  border-radius: 4px;
  padding: 12px 16px;
  transition: border-color 0.3s ease;
}

.form-control-lenovo:focus {
  border-color: var(--lenovo-red);
  box-shadow: 0 0 0 3px rgba(var(--lenovo-red-rgb), 0.1);
  outline: none;
}
*/

/* Footer */
/*
.footer-lenovo {
  background-color: var(--lenovo-gray-dark);
  color: var(--lenovo-white);
  padding: 40px 0 20px;
}

.footer-lenovo .footer-link {
  color: #CCCCCC;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-lenovo .footer-link:hover {
  color: var(--lenovo-white);
}
*/

/* Utility Classes */
/*
.shadow-lenovo {
  box-shadow: 0 4px 20px rgba(var(--lenovo-red-rgb), 0.15);
}

.shadow-lenovo-lg {
  box-shadow: 0 8px 30px rgba(var(--lenovo-red-rgb), 0.2);
}
*/

/* Typography Enhancement */
.text-lenovo-gradient {
  background: linear-gradient(135deg, var(--lenovo-red) 0%, var(--lenovo-red-dark) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: bold;
}

/* Badge Overrides */
.badge {
  padding: 0.5em 0.75em !important; /* Slightly larger padding */
  font-weight: 500 !important;
  border-radius: 4px !important; /* Consistent with button radius */
}

.badge.bg-success {
  background-color: var(--lenovo-green-active) !important;
  color: var(--lenovo-white) !important;
}

.badge.bg-warning {
  background-color: var(--lenovo-gray-medium) !important;
  color: var(--lenovo-white) !important;
}

/* Ensure Bootstrap's default badge colors are still usable if needed,
   or define specific Lenovo versions for them.
   For instance, if you still want a generic .bg-secondary:
*/
.badge.bg-secondary {
    background-color: var(--lenovo-gray-medium) !important; /* Example: map to a Lenovo gray */
    color: var(--lenovo-white) !important;
}

/* Consider adding a specific class for table header backgrounds if needed */
.table .thead-lenovo th {
    background-color: var(--lenovo-gray-light); /* A light gray for table headers */
    color: var(--lenovo-gray-dark);
    border-bottom-width: 2px; /* Emphasize header */
    border-color: var(--lenovo-gray-medium);
}

/* Styling for .table-light (often used for table headers in Bootstrap) */
.table-light {
    --bs-table-bg: var(--lenovo-gray-light); /* Override Bootstrap's variable */
    --bs-table-color: var(--lenovo-gray-dark);
    border-color: var(--lenovo-gray-medium); /* Changed to gray-medium for less emphasis */
}

/* Nav Tabs Styling */
.nav-tabs .nav-link {
    color: var(--lenovo-gray-medium);
    border-color: transparent transparent #dee2e6; /* Match Bootstrap's bottom border for non-active */
    margin-bottom: -1px; /* Match Bootstrap for border overlap */
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: transparent transparent var(--lenovo-gray-medium); /* Lighter red for hover on bottom */
    color: var(--lenovo-red-dark);
    isolation: isolate; /* Ensure hover styles apply correctly */
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--lenovo-red) !important; /* Ensure text color is Lenovo Red */
    background-color: var(--lenovo-white) !important; /* Ensure background is white */
    border-color: var(--lenovo-red) var(--lenovo-red) var(--lenovo-white) !important; /* Ensure borders are Lenovo Red and white */
    font-weight: 600;
}

/* Modal Header Styling */
.modal-header.bg-lenovo-red {
    background-color: var(--lenovo-red);
    color: var(--lenovo-white);
}

.modal-header.bg-lenovo-red .btn-close {
    filter: brightness(0) invert(1); /* Makes the default Bootstrap close button white */
}

/* Specific styling for delete button if btn-lenovo-secondary is not distinct enough */
/* For example, if we want delete to be more explicitly 'danger': */
/*
.btn-lenovo-danger {
  background-color: var(--lenovo-red-dark);
  color: var(--lenovo-white);
  border-color: var(--lenovo-red-dark);
}

.btn-lenovo-danger:hover {
  background-color: #a01618; 
  border-color: #a01618;
}
*/