/* 配色方案CSS文件 */

/* 经典蓝色 (默认) */
:root {
  --primary-color: #007bff;
  --primary-hover-color: #0069d9;
  --primary-color-rgb: 0, 123, 255;
  --secondary-color: #6c757d;
  --success-color: #28a745;
  --danger-color: #dc3545;
  --warning-color: #ffc107;
  --info-color: #17a2b8;
  --light-color: #f8f9fa;
  --dark-color: #343a40;
  --navbar-bg: var(--primary-color);
}

/* 经典蓝色 (默认) - 导航栏特定样式 */
.navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 靛蓝色 */
[data-color-scheme="indigo"] {
  --primary-color: #6610f2;
  --primary-hover-color: #560bd0;
  --primary-color-rgb: 102, 16, 242;
  --navbar-bg: var(--primary-color);
}

/* 紫色 */
[data-color-scheme="purple"] {
  --primary-color: #6f42c1;
  --primary-hover-color: #5e37a6;
  --primary-color-rgb: 111, 66, 193;
  --navbar-bg: var(--primary-color);
}

/* 粉色 */
[data-color-scheme="pink"] {
  --primary-color: #e83e8c;
  --primary-hover-color: #e52779;
  --primary-color-rgb: 232, 62, 140;
  --navbar-bg: var(--primary-color);
}

/* 红色 */
[data-color-scheme="red"] {
  --primary-color: #dc3545;
  --primary-hover-color: #c82333;
  --primary-color-rgb: 220, 53, 69;
  --navbar-bg: var(--primary-color);
}

/* 橙色 */
[data-color-scheme="orange"] {
  --primary-color: #fd7e14;
  --primary-hover-color: #e96900;
  --primary-color-rgb: 253, 126, 20;
  --navbar-bg: var(--primary-color);
}

/* 黄色 */
[data-color-scheme="yellow"] {
  --primary-color: #ffc107;
  --primary-hover-color: #e0a800;
  --primary-color-rgb: 255, 193, 7;
  --navbar-bg: var(--primary-color);
}

/* 绿色 */
[data-color-scheme="green"] {
  --primary-color: #28a745;
  --primary-hover-color: #218838;
  --primary-color-rgb: 40, 167, 69;
  --navbar-bg: var(--primary-color);
}

/* 蓝绿色 */
[data-color-scheme="teal"] {
  --primary-color: #20c997;
  --primary-hover-color: #1ba87e;
  --primary-color-rgb: 32, 201, 151;
  --navbar-bg: var(--primary-color);
}

/* 青色 */
[data-color-scheme="cyan"] {
  --primary-color: #17a2b8;
  --primary-hover-color: #138496;
  --primary-color-rgb: 23, 162, 184;
  --navbar-bg: var(--primary-color);
}

/* 酸橙绿 */
[data-color-scheme="lime"] {
  --primary-color: #52c41a;
  --primary-hover-color: #43a016;
  --primary-color-rgb: 82, 196, 26;
  --navbar-bg: var(--primary-color);
}

/* 翠绿色 */
[data-color-scheme="emerald"] {
  --primary-color: #10b981;
  --primary-hover-color: #0da26d;
  --primary-color-rgb: 16, 185, 129;
  --navbar-bg: var(--primary-color);
}

/* 天蓝色 */
[data-color-scheme="sky"] {
  --primary-color: #38bdf8;
  --primary-hover-color: #2caaf5;
  --primary-color-rgb: 56, 189, 248;
  --navbar-bg: var(--primary-color);
}

/* 紫罗兰色 */
[data-color-scheme="violet"] {
  --primary-color: #8b5cf6;
  --primary-hover-color: #7c4de0;
  --primary-color-rgb: 139, 92, 246;
  --navbar-bg: var(--primary-color);
}

/* 紫红色 */
[data-color-scheme="fuchsia"] {
  --primary-color: #d946ef;
  --primary-hover-color: #c03de8;
  --primary-color-rgb: 217, 70, 239;
  --navbar-bg: var(--primary-color);
}

/* 玫瑰红 */
[data-color-scheme="rose"] {
  --primary-color: #f43f5e;
  --primary-hover-color: #e11d48;
  --primary-color-rgb: 244, 63, 94;
  --navbar-bg: var(--primary-color);
}

/* 琥珀色 */
[data-color-scheme="amber"] {
  --primary-color: #f59e0b;
  --primary-hover-color: #d97706;
  --primary-color-rgb: 245, 158, 11;
  --navbar-bg: var(--primary-color);
}

/* 石板灰 */
[data-color-scheme="slate"] {
  --primary-color: #64748b;
  --primary-hover-color: #475569;
  --primary-color-rgb: 100, 116, 139;
  --navbar-bg: var(--primary-color);
}

/* 应用配色到各个元素 */
[data-color-scheme] .btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

[data-color-scheme] .btn-primary:hover {
  background-color: var(--primary-hover-color);
  border-color: var(--primary-hover-color);
}

/* 导航栏链接颜色优化 */
[data-color-scheme] .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.95) !important;
  border-radius: 20px;
  margin: 0 0.25rem;
  padding: 0.5rem 1rem;
  transition: all 0.3s ease;
}

[data-color-scheme] .navbar-nav .nav-link:hover {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
}

[data-color-scheme] .navbar-nav .nav-link.active {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.25);
}

/* 下拉菜单优化 */
[data-color-scheme] .dropdown-menu {
  background: linear-gradient(135deg, #2c3e50, #1a2530);
}

[data-color-scheme] .dropdown-item {
  color: #ecf0f1 !important;
}

[data-color-scheme] .dropdown-item:hover {
  background-color: var(--primary-color);
  color: #ffffff !important;
}

/* 移除原来的导航栏hover样式，因为我们已经在header.php中定义了更优化的样式 */
/*
[data-color-scheme] .navbar-nav .nav-link:hover {
  color: var(--primary-color) !important;
}
*/

[data-color-scheme] .section-title h2 {
  color: var(--primary-color);
}

/* 产品卡片悬停效果已移至product-card-optimized.css文件中 */

[data-color-scheme] .pagination .page-item.active .page-link {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

[data-color-scheme] .form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

[data-color-scheme] .btn-outline-primary {
  color: var(--primary-color);
  border-color: var(--primary-color);
}

[data-color-scheme] .btn-outline-primary:hover {
  color: #fff !important;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

/* 为所有配色方案添加导航栏样式 */
[data-color-scheme="blue"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="indigo"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="purple"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="pink"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="red"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="orange"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="yellow"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="green"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="teal"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="cyan"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="lime"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="emerald"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="sky"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="violet"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="fuchsia"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="rose"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="amber"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

[data-color-scheme="slate"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 添加按钮焦点样式 */
[data-color-scheme] .btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-color-rgb), 0.25);
}