/*
* DCP - Arkusz ciemnego motywu
* Nowoczesne, ciemne styles z gradientami dla aplikacji DCP
*/

/* Ciemny motyw - zmienne */
[data-theme="dark"] {
  /* Kolorystyka bardziej spójna z jasnym motywem */
  --primary-color: #4361ee;
  --secondary-color: #3a0ca3;
  --accent-color: #7209b7;
  --success-color: #2ec4b6;
  --warning-color: #ff9f1c;
  --danger-color: #e71d36;
  --light-color: #e9ecef;
  --dark-color: #121212;
  --gray-100: #1a1a1a;
  --gray-200: #2d2d2d;
  --gray-300: #3d3d3d;
  --gray-400: #6c757d;
  --gray-500: #adb5bd;
  --gray-600: #ced4da;
  --gray-700: #dee2e6;
  --gray-800: #e9ecef;
  --gray-900: #f8f9fa;
  
  /* Tła i tekst */
  --body-bg: #121212;
  --body-color: #e9ecef;
  --card-bg: #1e1e1e;
  --border-color: #2d2d2d;
  --input-bg: #2d2d2d;
  --input-color: #e9ecef;
  --input-border: #3d3d3d;

  /* Gradienty i cienie */
  --header-bg: linear-gradient(135deg, #1e1e1e, #191919);
  --footer-bg: linear-gradient(135deg, #191919, #121212);
  --card-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
  --nav-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
  --footer-toolbar-shadow: 0 -0.125rem 0.25rem rgba(0, 0, 0, 0.3); /* Nowy cień dla paska narzędzi stopki */
  --btn-primary-gradient: linear-gradient(135deg, #4361ee, #3a0ca3);
  --btn-secondary-gradient: linear-gradient(135deg, #6c757d, #495057);
  --btn-success-gradient: linear-gradient(135deg, #2ec4b6, #20a090);
  --btn-danger-gradient: linear-gradient(135deg, #e71d36, #c41027);
}

/* Ciemny motyw - dostosowania */
[data-theme="dark"] body {
  background-color: var(--body-bg);
  color: var(--body-color);
}

/* Nawigacja - ciemny motyw */
[data-theme="dark"] .navbar {
  background-color: rgba(18, 18, 18, 0.75) !important;
  backdrop-filter: blur(10px);
}

/* Logo efekty - ciemny motyw */
[data-theme="dark"] .logo-dcp::before {
  /* Usuwam gradient tła */
  content: none;
}

[data-theme="dark"] .logo-icon {
  color: var(--primary-color);
}

[data-theme="dark"] .logo-dcp:hover .logo-icon {
  /* Usuwam efekt hover */
  color: var(--primary-color);
  text-shadow: none;
}

/* Kolory logo dla ciemnego motywu */
[data-theme="dark"] .logo-text,
[data-theme="dark"] .logo-beta {
  color: white;
}

/* Wzmocnione efekty pulsowania w ciemnym motywie */
[data-theme="dark"] .logo-dcp:hover .logo-icon {
  /* Usuwam animację */
  animation: none;
}

@keyframes dark-pulse {
  /* Pozostawiam definicję keyframes, ale nie będzie używana */
  0% {
    text-shadow: 0 0 5px rgba(67, 97, 238, 0.7);
  }
  100% {
    text-shadow: 0 0 15px rgba(114, 9, 183, 1);
  }
}

/* STARY SYSTEM NAWIGACJI - WYŁĄCZONY */
[data-theme="dark"] .side-navbar {
  display: none !important;
}

[data-theme="dark"] .navbar .nav-link {
  color: var(--gray-600) !important;
}

[data-theme="dark"] .navbar .nav-link:hover {
  background-color: rgba(67, 97, 238, 0.1);
  color: var(--primary-color) !important;
}

[data-theme="dark"] .navbar .nav-link.active {
  background-color: rgba(67, 97, 238, 0.15);
  color: var(--primary-color) !important;
}

[data-theme="dark"] .navbar-light .navbar-toggler {
  border-color: var(--gray-700);
}

[data-theme="dark"] .navbar-light .navbar-toggler-icon {
  filter: invert(1);
}

[data-theme="dark"] .dropdown-toggle.text-dark strong {
  color: white;
}

/* Dropdown - ciemny motyw */
[data-theme="dark"] .dropdown-menu {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] .dropdown-item {
  color: var(--body-color);
}

[data-theme="dark"] .dropdown-item:hover {
  background-color: var(--gray-200);
  color: var(--primary-color);
}

[data-theme="dark"] .dropdown-divider {
  border-top-color: var(--border-color);
}

/* Karty - ciemny motyw */
[data-theme="dark"] .card {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] .card-header {
  color: var(--gray-800) !important;
  font-weight: 500;
  background: var(--header-bg);
  border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0 !important;
  overflow: hidden;
}

[data-theme="dark"] .card-header.bg-primary {
  border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0 !important;
  overflow: hidden;
  background-color: var(--primary-color) !important;
  color: white !important;
  border-bottom: none;
}

[data-theme="dark"] .card-header.bg-primary h5 {
  color: white !important;
}

[data-theme="dark"] .card .card-header:first-child {
  border-top-left-radius: calc(0.5rem - 1px) !important;
  border-top-right-radius: calc(0.5rem - 1px) !important;
  overflow: hidden;
}

[data-theme="dark"] .card-footer {
  background: var(--footer-bg);
  border-top-color: var(--border-color);
}

/* Opcje w kartach - ciemny motyw */
[data-theme="dark"] .option-card {
  background-color: var(--gray-100);
  border: 1px solid var(--gray-300);
}

[data-theme="dark"] .option-card:hover {
  background-color: var(--gray-200);
  border-color: var(--success-color);
}

[data-theme="dark"] .option-card.selected {
  background-color: rgba(46, 196, 182, 0.15);
  border-color: var(--success-color);
}

[data-theme="dark"] .option-description {
  color: var(--gray-500);
}

/* Karty języków - ciemny motyw */
[data-theme="dark"] .language-card {
  background-color: var(--gray-100);
  border: 1px solid var(--gray-300);
}

[data-theme="dark"] .language-card:hover {
  background-color: var(--gray-200);
  border-color: var(--success-color);
}

[data-theme="dark"] .language-card.selected {
  background-color: rgba(46, 196, 182, 0.15);
  border-color: var(--success-color);
}

[data-theme="dark"] .language-status {
  color: var(--gray-500);
}

[data-theme="dark"] .language-name {
  color: var(--gray-700);
}

[data-theme="dark"] .fw-bold {
  color: var(--gray-700);
}

/* Tabele - ciemny motyw */
[data-theme="dark"] .table {
  color: var(--body-color);
  border-collapse: separate;
  border-spacing: 0;
}

[data-theme="dark"] .table thead th {
  background: #191919;
  border-bottom-color: var(--border-color);
  color: var(--gray-600);
}

[data-theme="dark"] .table tbody td {
  background-color: var(--card-bg);
  color: var(--body-color);
  border-color: var(--border-color);
  transition: background-color var(--transition-speed) ease;
}

/* Efekt najechania na komórkę - ciemny motyw */
[data-theme="dark"] .table tbody td:hover {
  background-color: rgba(67, 97, 238, 0.08);
}

/* Efekty dla komórek wewnątrz wiersza - ciemny motyw */
[data-theme="dark"] .table tbody tr:hover td {
  background-color: rgba(67, 97, 238, 0.04);
}

[data-theme="dark"] .table-hover tbody tr:hover {
  background-color: rgba(67, 97, 238, 0.05);
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.03);
}
[data-theme="dark"] .table>:not(caption)>*>* {
  background-color: var(--card-bg);
  color: var(--body-color);
  border-color: var(--border-color);
}

[data-theme="dark"] .text-success {
  color: var(--success-color) !important;
}

/* Nagłówki do sortowania - ciemny motyw */
[data-theme="dark"] .sortable:hover {
  background: linear-gradient(180deg, rgba(67, 97, 238, 0.12), rgba(67, 97, 238, 0.08));
  color: var(--primary-color);
}

[data-theme="dark"] .sortable::after {
  opacity: 0.4;
}

[data-theme="dark"] .sortable:hover::after {
  opacity: 0.9;
  color: var(--primary-color);
}

/* Style przycisków zaznaczania/odznaczania w ciemnym motywie */
[data-theme="dark"] #select-all-btn {
  color: var(--primary-color);
  border-color: var(--primary-color);
  background-color: transparent;
}

[data-theme="dark"] #unselect-all-btn {
  color: var(--gray-500);
  border-color: var(--gray-400);
  background-color: transparent;
}

[data-theme="dark"] #select-all-btn:hover {
  color: white;
  background-color: rgba(67, 97, 238, 0.2);
  border-color: var(--primary-color);
}

[data-theme="dark"] #unselect-all-btn:hover {
  color: var(--gray-400);
  background-color: rgba(173, 181, 189, 0.1);
  border-color: var(--gray-500);
}


/* Przełącznik motywu - ciemny motyw */
[data-theme="dark"] .theme-icon-btn {
  color: var(--gray-500);
}

[data-theme="dark"] .theme-icon-btn:hover {
  background-color: var(--gray-200);
  color: var(--gray-700);
}

/* Footer toolbar - ciemny motyw */
[data-theme="dark"] .footer-toolbar {
  background-color: rgba(18, 18, 18, 0.75) !important;
  backdrop-filter: blur(10px);
  border-top-color: var(--border-color);
  box-shadow: var(--footer-toolbar-shadow); /* Zastosowanie nowego cienia */
}

[data-theme="dark"] .separator {
  background-color: var(--footer-bg);
  color: var(--gray-400);
}

[data-theme="dark"] .arrow-icon {
  color: var(--gray-400);
}

[data-theme="dark"] .tool-input-container {
  color: var(--body-color);
}

/* Formularze - ciemny motyw */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
  background-color: var(--input-bg);
  border-color: var(--input-border);
  color: var(--input-color);
}

[data-theme="dark"] .form-select {
  background-color: var(--input-bg);
  border-color: var(--input-border);
  color: var(--input-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

[data-theme="dark"] .form-select:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.25rem rgba(67, 97, 238, 0.25);
}

[data-theme="dark"] .form-select option {
  background-color: var(--card-bg);
  color: var(--input-color);
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.25rem rgba(67, 97, 238, 0.25);
}

[data-theme="dark"] .form-control::placeholder,
[data-theme="dark"] .form-select::placeholder {
  color: var(--gray-500);
}

/* Zapobieganie przycinaniu menu kategorii */
[data-theme="dark"] #categoryDropdown {
  background-color: var(--card-bg);
  border-color: var(--border-color);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] #categoryFilter {
  background-color: var(--input-bg);
  border-color: var(--input-border);
}

[data-theme="dark"] #categoryDropdown .dropdown-item {
  color: var(--body-color);
}

[data-theme="dark"] #categoryDropdown .dropdown-item:hover {
  background-color: var(--gray-200);
  color: var(--primary-color);
}

[data-theme="dark"] #categoryDropdown .dropdown-item.text-muted {
  color: var(--gray-500) !important;
}

[data-theme="dark"] #categoryDropdown .badge {
  background-color: var(--gray-300);
  color: var(--gray-100);
}

/* Specjalne stany - ciemny motyw */
[data-theme="dark"] .alert-success {
  background-color: rgba(46, 196, 182, 0.15);
  color: #89e4dc;
}

[data-theme="dark"] .alert-danger {
  background-color: rgba(231, 29, 54, 0.15);
  color: #f490a9;
}

[data-theme="dark"] .alert-warning {
  background-color: rgba(255, 159, 28, 0.15);
  color: #ffd28c;
}

[data-theme="dark"] .alert-info {
  background-color: rgba(67, 97, 238, 0.15);
  color: #a1aae3;
}

[data-theme="dark"] .alert-link {
  color: #a1aae3;;
}

/* Pagination - ciemny motyw */
[data-theme="dark"] .pagination .page-link {
  background-color: var(--card-bg);
  border-color: var(--border-color);
  color: var(--primary-color);
}

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

[data-theme="dark"] .pagination .page-item.disabled .page-link {
  background-color: var(--body-bg);
  border-color: var(--border-color);
  color: var(--gray-500);
}

/* Dodatkowe efekty - ciemny motyw */
[data-theme="dark"] .btn-primary {
  box-shadow: 0 0.25rem 0.5rem rgba(67, 97, 238, 0.2);
}

[data-theme="dark"] .btn-secondary {
  box-shadow: 0 0.25rem 0.5rem rgba(108, 117, 125, 0.25);
}

[data-theme="dark"] .btn-success {
  box-shadow: 0 0.25rem 0.5rem rgba(46, 196, 182, 0.2);
}

[data-theme="dark"] .btn-danger {
  box-shadow: 0 0.25rem 0.5rem rgba(231, 29, 54, 0.2);
}

/* Modyfikacja tekstów i linków - ciemny motyw */
[data-theme="dark"] a {
  color: white !important;
}

[data-theme="dark"] .text-muted {
  color: var(--gray-500) !important;
}

/* Dodatkowe style do logo - ciemny motyw */
[data-theme="dark"] .logo-text {
  background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
  -webkit-background-clip: text;
  background-clip: text;
}

/* Przycisk koszyka - ciemny motyw */
[data-theme="dark"] .cart-btn {
  background: var(--btn-primary-gradient);
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .cart-btn:hover {
  box-shadow: 0 0.35rem 1.25rem rgba(67, 97, 238, 0.3);
} 

[data-theme="dark"] .form-label {
  color: var(--body-color);
}

/* Checkboxy - ciemny motyw */
[data-theme="dark"] .form-check-input:checked::before {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .form-check-input:hover {
  border-color: var(--primary-color);
  box-shadow: 0 0 0.15rem rgba(67, 97, 238, 0.35);
  cursor: pointer;
}

[data-theme="dark"] .form-check-input:not(:checked) {
  background-color: var(--input-bg);
}

[data-theme="dark"] .border-bottom {
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .modal-blur-bg {
  background-color: rgba(0, 0, 0, 0.9);
}

[data-theme="dark"] #imageModal .thumbs-container {
  background: rgba(0, 0, 0, 0.6);
}
[data-theme="dark"] .form-check-label {
  color: var(--body-color);
}

/* Progress bar - ciemny motyw */
[data-theme="dark"] .progress {
  background-color: var(--gray-200);
}

[data-theme="dark"] .progress-bar {
  background: linear-gradient(90deg, var(--primary-color), var(--accent-color)) !important;
  box-shadow: 0 0 0.5rem rgba(67, 97, 238, 0.4);
  position: relative;
  overflow: hidden;
}

[data-theme="dark"] .progress-bar-animated::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-size: 1rem 1rem;
  animation: progress-bar-stripes 1s linear infinite;
  z-index: 1;
}

[data-theme="dark"] .step-number {
  background-color: var(--gray-300);
  color: var(--gray-600);
}

[data-theme="dark"] .progress-step.active .step-number {
  background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
  color: white;
  box-shadow: 0 0 0.75rem rgba(67, 97, 238, 0.6);
}

[data-theme="dark"] .progress-step.completed .step-number {
  background: var(--btn-success-gradient);
  color: white;
  box-shadow: 0 0 0.5rem rgba(46, 196, 182, 0.5);
}

[data-theme="dark"] .progress-step {
  color: var(--body-color);
}

/* Pole zmodyfikowane - ciemny motyw */
[data-theme="dark"] .modified {
  background-color: rgba(46, 196, 182, 0.1) !important;
  border-color: var(--success-color) !important;
  box-shadow: 0 0 0 0.15rem rgba(46, 196, 182, 0.2) !important;
  color: var(--gray-700) !important;
  font-weight: 500 !important;
}

/* Grupy produktów - ciemny motyw */
[data-theme="dark"] .group-card {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] .group-card:hover {
  box-shadow: 0 0.5rem 1rem rgba(67, 97, 238, 0.3);
  border-color: var(--primary-color);
  background-color: #252525;
}

[data-theme="dark"] .group-card.active {
  transform: translateY(-5px);
  box-shadow: 0 0.5rem 1rem rgba(67, 97, 238, 0.4);
  border-color: var(--primary-color);
  background-color: rgba(67, 97, 238, 0.15);
}

[data-theme="dark"] .group-card.active .card-title {
  color: var(--primary-color);
  font-weight: 600;
}

[data-theme="dark"] .group-card .card-title {
  color: var(--gray-600);
}

[data-theme="dark"] .group-card h6 {
  color: var(--gray-500);
}

[data-theme="dark"] .group-card .badge.bg-light {
  background-color: rgba(45, 45, 45, 0.6) !important;
  color: var(--gray-700) !important;
  border-color: var(--border-color);
}

[data-theme="dark"] .badge.bg-secondary {
  background-color: #3d3d3d !important;
  color: #e9ecef !important;
}

[data-theme="dark"] .group-card .card-title::after {
  background: linear-gradient(90deg, #4361ee, #7209b7);
}

[data-theme="dark"] .group-card:hover .card-title::after {
  background: linear-gradient(90deg, #4361ee, #7209b7);
  box-shadow: 0 0 10px rgba(114, 9, 183, 0.5);
}

/* Style dla przycisków zamykania w alertach */
[data-theme="dark"] .alert-dismissible .btn-close {
  filter: invert(1) brightness(150%);
  opacity: 0.7;
  transition: all 0.2s ease;
}

[data-theme="dark"] .alert-dismissible .btn-close:hover {
  opacity: 1;
  transform: scale(1.1);
  filter: invert(1) brightness(180%);
}

[data-theme="dark"] .btn-indigo {
  background: linear-gradient(135deg, #4361ee, #3a0ca3);
}

[data-theme="dark"] .btn-indigo:hover {
  background: linear-gradient(135deg, #3a56e4, #2f0b82);
  box-shadow: 0 4px 8px rgba(67, 97, 238, 0.5);
}

[data-theme="dark"] .delete-group-btn {
  background-color: #2d2d2d;
  color: var(--input-color);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .delete-group-btn:hover {
  background-color: var(--danger-color) !important;
  color: white;
}

/* Ukryte produkty - ciemny motyw */
[data-theme="dark"] .hidden-products-row {
  background-color: rgba(26, 26, 26, 0.6);
}

[data-theme="dark"] .hidden-products-info {
  background: linear-gradient(to right, rgba(45, 45, 45, 0.5), rgba(45, 45, 45, 0.7));
  color: var(--gray-500);
}

[data-theme="dark"] .hidden-products-badge {
  color: var(--gray-500);
  background-color: rgba(30, 30, 30, 0.8);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] .hidden-products-badge i {
  color: var(--primary-color);
}

[data-theme="dark"] .hidden-products-btn {
  background-color: rgba(30, 30, 30, 0.8);
  color: var(--primary-color);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] .hidden-products-btn:hover {
  background-color: var(--gray-200);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3), 0 0 10px rgba(67, 97, 238, 0.2);
}

/* Style dla sekcji wskazówek - ciemny motyw */
[data-theme="dark"] .tips-icon-bg {
  background: linear-gradient(135deg, #252836, #1e2130);
  color: #7b88ff;
  box-shadow: 0 8px 16px rgba(67, 97, 238, 0.3), 0 0 20px rgba(67, 97, 238, 0.15);
}

[data-theme="dark"] .tips-card {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] .tips-card .card-title {
  color: #e9ecef;
}

[data-theme="dark"] .tips-card p {
  color: #ced4da;
}

[data-theme="dark"] .tips-card p.text-muted {
  color: #adb5bd !important;
}

/* Kafelkowy układ cech w ciemnym motywie */
[data-theme="dark"] .feature-card {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .feature-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .feature-card.has-suggestion {
  background-color: rgba(46, 196, 182, 0.08);
}

[data-theme="dark"] .feature-card.no-match {
  background-color: rgba(255, 159, 28, 0.08);
}

[data-theme="dark"] .feature-card.no-match .feature-value-item.suggestion i {
  color: var(--warning-color) !important;
}

[data-theme="dark"] .feature-card-header {
  background-color: var(--gray-100);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .feature-badge {
  background-color: var(--primary-color);
  color: white;
}

[data-theme="dark"] .feature-value-item {
  background-color: var(--gray-100);
  color: var(--body-color);
}

[data-theme="dark"] .feature-value-item.current {
  background-color: rgba(45, 45, 45, 0.6);
  border-left: 3px solid var(--gray-400);
}

[data-theme="dark"] .feature-value-item.suggestion {
  background-color: rgba(46, 196, 182, 0.1);
  border-left: 3px solid var(--success-color);
}

[data-theme="dark"] .feature-value-item.no-match {
  background-color: rgba(255, 159, 28, 0.12);
  border-left: 3px solid var(--warning-color);
}

[data-theme="dark"] .features-control-bar {
  background-color: var(--gray-100);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .feature-filter-btn {
  color: var(--gray-700);
  border-color: var(--gray-300);
  background-color: var(--gray-200);
}

[data-theme="dark"] .feature-filter-btn:hover {
  background-color: var(--gray-300);
  color: var(--gray-800);
  border-color: var(--gray-400);
}

[data-theme="dark"] .feature-filter-btn.active {
  background-color: var(--primary-color);
  color: white;
  border-color: var(--primary-color);
  box-shadow: 0 2px 5px rgba(67, 97, 238, 0.25);
}

[data-theme="dark"] .feature-filter-btn i {
  opacity: 0.85;
}

[data-theme="dark"] .feature-filter-btn.active i {
  opacity: 1;
}

[data-theme="dark"] .product-card {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] .product-card .card-header {
  background-color: var(--gray-200);
}

[data-theme="dark"] .empty-feature-message {
  background-color: var(--gray-200);
  color: var(--gray-600);
}

/* Style dla przełączników typu switch w ciemnym motywie */
[data-theme="dark"] .form-switch .form-check-input {
  background-color: var(--gray-600);
  border: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(0, 0, 0, 0.65)'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  margin-left: -2.5em;
  transition: all .15s ease-in-out;
  cursor: pointer;
}

[data-theme="dark"] .form-switch .form-check-input:checked {
  background-color: var(--primary-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-position: right center;
  border: none;
}

[data-theme="dark"] .form-switch .form-check-input:focus {
  border: none;
  box-shadow: 0 0 0 0.15rem rgba(67, 97, 238, 0.25);
}

[data-theme="dark"] .form-switch .form-check-input:not(:checked):hover {
  background-color: var(--gray-500);
}

/* Usuwamy domyślny znacznik checkboxa */
[data-theme="dark"] .form-switch .form-check-input:checked::before {
  content: none;
}

[data-theme="dark"] .form-check.form-switch.no-label::after,
[data-theme="dark"] .form-check.form-switch.no-label::before {
  display: none !important;
  content: none !important;
}

[data-theme="dark"] .feature-toggle-wrapper .form-switch {
  margin-right: 0 !important;
}

[data-theme="dark"] .form-check.form-switch.no-label .form-check-label {
  display: none !important;
}

[data-theme="dark"] .btn-warning {
  background: linear-gradient(135deg, #ff9f1c, #ff8400);
  color: white;
  border: none;
}

[data-theme="dark"] .btn-warning:hover {
  background: linear-gradient(135deg, #ff8400, #f37800);
  color: white;
}

[data-theme="dark"] .btn-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 159, 28, 0.4);
}

[data-theme="dark"] .selection-indicator i {
  color: var(--success-color);
}


/* Styles dla strony tłumaczenia - dark mode */
[data-theme="dark"] .product-info {
  background-color: var(--card-bg);
  border-color: var(--border-color);
  box-shadow: var(--card-shadow);
}

[data-theme="dark"] .product-info-header {
  color: var(--body-color);
}

[data-theme="dark"] .product-status {
  color: var(--gray-500);
}

[data-theme="dark"] .status-waiting {
  color: var(--gray-500);
}

[data-theme="dark"] .status-success {
  color: var(--success-color);
}

[data-theme="dark"] .status-error {
  color: var(--danger-color);
}

/* Animacja tłumaczenia - dark mode */
[data-theme="dark"] .product-info.translating {
  background: linear-gradient(-45deg, var(--card-bg), rgba(67, 97, 238, 0.15), var(--card-bg), rgba(67, 97, 238, 0.15));
  background-size: 400% 400%;
  animation: gradient 3s ease infinite;
  border-color: var(--primary-color);
  position: relative;
  overflow: hidden;
}

[data-theme="dark"] .product-info.translating::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(67, 97, 238, 0.2), transparent);
  animation: loading 1.5s infinite;
}

[data-theme="dark"] .product-info.success {
  background-color: rgba(46, 196, 182, 0.1);
  border-color: var(--success-color);
}

[data-theme="dark"] .product-info.error {
  background-color: rgba(231, 29, 54, 0.1);
  border-color: var(--danger-color);
}

[data-theme="dark"] .summary-card {
  background-color: var(--card-bg);
  border-color: var(--border-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] .progress {
  background-color: var(--gray-200);
}

[data-theme="dark"] .progress-bar {
  background-color: var(--primary-color);
}

@keyframes gradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes loading {
  0% { left: -100%; }
  100% { left: 100%; }
}

/* Animacja wirującego kółka bootstrapowego */
[data-theme="dark"] .bi-arrow-repeat.spin {
  animation: spin 1s linear;
}

/* Style dla kart języków i opcji tłumaczenia - dark mode */
[data-theme="dark"] .language-badge {
  background-color: var(--gray-200);
  border-color: var(--gray-300);
  color: var(--gray-600);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] .language-badge:hover {
  background-color: rgba(67, 97, 238, 0.15);
  border-color: var(--primary-color);
  color: var(--primary-color);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .option-badge {
  background-color: var(--gray-200);
  border-color: var(--gray-300);
  color: var(--gray-600);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] .option-badge:hover {
  background-color: rgba(46, 196, 182, 0.15);
  border-color: var(--success-color);
  color: var(--success-color);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .card-body h5::after {
  background: linear-gradient(90deg, var(--gray-500), transparent);
}

/* Style dla statusu postępu - dark mode */
[data-theme="dark"] #progress-status {
  background-color: var(--gray-200);
  border-color: var(--gray-300);
  color: var(--gray-700);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] #progress-status.translating {
  background-color: rgba(67, 97, 238, 0.2);
  border-color: var(--primary-color);
  color: var(--primary-color);
  animation: dark-pulse-light 2s infinite;
}

@keyframes dark-pulse-light {
  0% { background-color: rgba(67, 97, 238, 0.15); }
  50% { background-color: rgba(67, 97, 238, 0.3); }
  100% { background-color: rgba(67, 97, 238, 0.15); }
}

/* Stylowanie dla pola skanowania EAN - ciemny motyw */
[data-theme="dark"] #ean {
  background-color: transparent;
  color: var(--body-color);
  box-shadow: none;
}

[data-theme="dark"] .ean-scanning-container {
  background: linear-gradient(90deg, 
    rgba(67, 97, 238, 0.7), rgba(114, 9, 183, 0.4), rgba(247, 37, 133, 0.4), 
    rgba(67, 97, 238, 0.7));
  background-size: 300% 100%;
  animation: dark-gradient-border-scan 2.5s ease-in-out forwards;
  transition: box-shadow 0.3s ease;
}

[data-theme="dark"] .ean-scanning-container::after {
  background: var(--card-bg);
}

[data-theme="dark"] .ean-scanning-container input {
  background: transparent;
}

/* Modyfikacja animacji dla ciemnego motywu */
@keyframes dark-gradient-border-scan {
  0% {
    background-position: 0% 0%;
    box-shadow: 0 0 0px rgba(67, 97, 238, 0);
  }
  80% {
    background-position: 100% 0%;
    box-shadow: 0 0 8px rgba(67, 97, 238, 0.3);
  }
  100% {
    background-position: 100% 0%;
    box-shadow: 0 0 12px rgba(67, 97, 238, 0.5);
  }
}

/* Centrowanie zawartości w tabeli - ciemny motyw */
[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
  text-align: center;
  vertical-align: middle;
}

[data-theme="dark"] .table tbody td {
  text-align: center;
  vertical-align: middle;
}

[data-theme="dark"] .table-responsive .table td,
[data-theme="dark"] .table-responsive .table th {
  text-align: center;
  vertical-align: middle;
}

/* Style dla strony dodawania zdjęć outletowych - ciemny motyw */
[data-theme="dark"] .product-info-card {
  background: linear-gradient(120deg, var(--card-bg), var(--gray-100));
  border-left: 4px solid var(--primary-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .product-info-card::before {
  background: linear-gradient(90deg, transparent, rgba(67, 97, 238, 0.15));
}

[data-theme="dark"] .product-title {
  color: var(--body-color);
}

[data-theme="dark"] .product-ref {
  background-color: rgba(67, 97, 238, 0.2);
  color: var(--primary-color);
}

/* Pole dodawania zdjęć - ciemny motyw */
[data-theme="dark"] #dropzone {
  border-color: var(--gray-300);
  background-color: var(--gray-100);
}

[data-theme="dark"] #dropzone::before {
  background: linear-gradient(120deg, transparent, rgba(67, 97, 238, 0.05), transparent);
}

[data-theme="dark"] #dropzone:hover {
  border-color: var(--primary-color);
  background-color: var(--gray-200);
  box-shadow: 0 0 0 0.25rem rgba(67, 97, 238, 0.2);
}

[data-theme="dark"] #dropzone.drag-active {
  border-color: var(--primary-color);
  background-color: rgba(67, 97, 238, 0.1);
  box-shadow: 0 0 0 0.25rem rgba(67, 97, 238, 0.3);
}

[data-theme="dark"] #dropzone .bi-cloud-arrow-up {
  color: var(--primary-color);
  opacity: 0.8;
  filter: drop-shadow(0 4px 6px rgba(67, 97, 238, 0.3));
}

/* Kontener podglądu zdjęć - ciemny motyw */
[data-theme="dark"] .preview-item {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .preview-item:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .preview-delete {
  background-color: rgba(45, 45, 45, 0.9);
  color: #ff6b6b;
}

[data-theme="dark"] .preview-delete:hover {
  background-color: #dc3545;
  color: white;
}

/* Karty z klasą bg-light - ciemny motyw */
[data-theme="dark"] .card.bg-light {
  background-color: #232323 !important;
  border-color: var(--border-color);
}

[data-theme="dark"] .card.bg-light .card-body {
  color: var(--body-color);
}

[data-theme="dark"] #dropzone .text-center p {
  color: var(--body-color);
}

[data-theme="dark"] #dropzone .text-center small {
  color: var(--gray-500);
}

/* Styl dla strony wyboru stanu produktu outlet - ciemny motyw */
[data-theme="dark"] .outlet-condition-container .condition-card {
  overflow: hidden;
  border-top: none;
}

/* Dodatkowa poprawka dla podświetlenia kart w ciemnym motywie */
[data-theme="dark"] .outlet-condition-container .condition-card {
  color: var(--body-color);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-top: 0;
  padding-top: 0;
  border-color: transparent;
  background-clip: padding-box;
}

[data-theme="dark"] .outlet-condition-container .condition-card.border-success {
  border-color: var(--success-color);
  border-top-color: transparent;
}

[data-theme="dark"] .outlet-condition-container .condition-card.border-warning {
  border-color: var(--warning-color);
  border-top-color: transparent;
}

[data-theme="dark"] .outlet-condition-container .condition-card.border-danger {
  border-color: var(--danger-color);
  border-top-color: transparent;
}

[data-theme="dark"] .outlet-condition-container .condition-card .card-body {
  border-radius: 0 0 0.5rem 0.5rem;
  margin: 0;
  padding: 1.5rem 1rem;
  overflow: hidden;
  background-clip: padding-box;
}

[data-theme="dark"] .outlet-condition-container .condition-card .card-header {
  margin-top: 0;
  border-bottom-width: 0;
}

[data-theme="dark"] .outlet-condition-container .condition-card.selected::after {
  content: none;
  display: none;
}

[data-theme="dark"] .outlet-condition-container .card-body {
  border-top: none;
}

/* Outlet code input styles - ciemny motyw */
[data-theme="dark"] .outlet-code-field {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}

[data-theme="dark"] .outlet-code-field .input-group-text {
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0.5rem 1rem;
  background-color: var(--primary-color);
  color: #ffffff;
  border: none;
}

[data-theme="dark"] .outlet-code-field .form-control {
  font-size: 1.2rem;
  height: auto;
  padding: 0.5rem 1rem;
  background-color: #2d2d2d;
  color: #ffffff;
  border-left: none;
}

/* Styles for card with outlet code suggestions - ciemny motyw */
[data-theme="dark"] .card.border-primary.bg-primary.bg-opacity-5 {
  background-color: rgba(67, 97, 238, 0.1) !important;
  border-color: rgba(67, 97, 238, 0.5) !important;
}

[data-theme="dark"] .card.bg-light .font-monospace {
  color: var(--gray-400);
}

[data-theme="dark"] .card.border-primary .font-monospace.text-primary {
  color: var(--primary-color) !important;
}

[data-theme="dark"] .card.bg-light {
  background-color: #232323 !important;
}

[data-theme="dark"] .card.bg-light h6.text-secondary,
[data-theme="dark"] .card.border-primary h6.text-primary {
  font-size: 0.85rem;
  letter-spacing: 0.03rem;
  text-transform: uppercase;
}

/* Style dla kart z kodami produktów w ciemnym motywie */
[data-theme="dark"] .card[style*="border-color: var(--primary-color)"] {
  background-color: rgba(33, 37, 41, 0.4) !important;
  border-color: var(--primary-color) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .card[style*="border-color: var(--gray-400)"] {
  background-color: rgba(33, 37, 41, 0.4) !important;
  border-color: var(--gray-500) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* Silniejszy selektor dla kart z kodami w ciemnym motywie */
[data-theme="dark"] body .row .col-md-6 .card[style*="border-color: var(--primary-color)"],
[data-theme="dark"] body .row .col-md-6 .card[style*="border-color: var(--gray-400)"] {
  background-color: rgba(33, 37, 41, 0.4) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* Style dla nagłówków kart w ciemnym motywie */
[data-theme="dark"] h5[style*="color: var(--primary-color)"] {
  color: var(--primary-color) !important;
}

[data-theme="dark"] .text-secondary {
  color: var(--gray-400) !important;
}

/* Style dla sekcji wprowadzania kodu w ciemnym motywie */
[data-theme="dark"] .outlet-code-section {
  background-color: rgba(33, 37, 41, 0.2);
  border-radius: 0.5rem;
  padding: 1.5rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .outlet-code-section input {
  background-color: var(--input-bg);
  color: var(--input-color);
  border-color: var(--border-color);
}

[data-theme="dark"] .outlet-code-section .input-group-text {
  background-color: var(--primary-color) !important;
  color: white !important;
}

[data-theme="dark"] .outlet-code-section .form-text {
  color: var(--gray-400) !important;
}

/* Dodatkowa poprawka dla podświetlenia kart w ciemnym motywie */
[data-theme="dark"] .outlet-condition-container .condition-card {
  border-radius: 0.5rem;
  overflow: hidden;
  margin-top: 0;
  padding-top: 0;
  border-color: transparent;
  background-clip: padding-box;
}

[data-theme="dark"] .my-4 {
  color: var(--border-color);
}

[data-theme="dark"] .form-text {
  color: var(--gray-700);
}

/* Zaokrąglenie narożników tabeli w ciemnym motywie */
[data-theme="dark"] .table-responsive {
  border-radius: 0;
  overflow: hidden;
}

[data-theme="dark"] .table thead th:first-child {
  border-top-left-radius: 0;
}

[data-theme="dark"] .table thead th:last-child {
  border-top-right-radius: 0;
}

[data-theme="dark"] .table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.5rem;
}

[data-theme="dark"] .table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.5rem;
}

/* Modal - ciemny motyw dla manage_users.php */
[data-theme="dark"] .modal-content {
  background-color: var(--card-bg);
  border-color: var(--border-color);
  color: var(--body-color);
}

[data-theme="dark"] .modal-header {
  border-bottom-color: var(--border-color);
  background: var(--header-bg);
}

[data-theme="dark"] .modal-header .modal-title {
  color: var(--gray-700);
}

[data-theme="dark"] .modal-header .btn-close {
  color: var(--gray-600);
  filter: invert(1) grayscale(100%) brightness(200%);
  opacity: 0.7;
}

[data-theme="dark"] .modal-header .btn-close:hover {
  opacity: 1;
}

[data-theme="dark"] .modal-body {
  color: var(--body-color);
}

[data-theme="dark"] .modal-body .form-label {
  color: var(--gray-600);
}

[data-theme="dark"] .modal-body .form-text {
  color: var(--gray-500);
}

[data-theme="dark"] .modal-body strong {
  color: var(--gray-700);
}

[data-theme="dark"] .modal-footer {
  border-top-color: var(--border-color);
  background: var(--footer-bg);
}

/* Dedykowane styles dla strony product.php - ciemny motyw */
[data-theme="dark"] .product-meta-item {
  background-color: var(--gray-100);
  border-color: var(--border-color);
}

[data-theme="dark"] .product-meta-item:hover {
  background-color: var(--gray-200);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .product-meta-item span {
  color: var(--gray-500);
}

[data-theme="dark"] .product-meta-item strong {
  color: var(--gray-700);
}

/* Style dla zakładek w ciemnym motywie */
[data-theme="dark"] .nav-tabs .nav-link {
  color: var(--primary-color);
  background-color: var(--body-bg);
  border-color: var(--border-color);
}
      
[data-theme="dark"] .nav-tabs .nav-link:hover {
  border-color: var(--primary-color);
  background-color: rgba(139, 141, 255, 0.1);
}
      
[data-theme="dark"] .nav-tabs .nav-link.active {
  color: #f8f9fa;
  background-color: var(--card-bg);
  border-color: var(--border-color);
  border-bottom-color: var(--card-bg);
}
      
[data-theme="dark"] .nav-tabs {
  border-bottom: 1px solid var(--border-color);
}

[data-theme="dark"] .product-description {
  background-color: var(--gray-100);
  border-color: var(--border-color);
  color: var(--body-color);
  padding: 15px;
  border-radius: 0.5rem;
}

/* Poprawka dla tekstów w opisie produktu */
[data-theme="dark"] .product-description p, 
[data-theme="dark"] .product-description li, 
[data-theme="dark"] .product-description span {
  color: var(--body-color) !important;
}

/* Poprawka dla nagłówków w opisie produktu */
[data-theme="dark"] .product-description h1, 
[data-theme="dark"] .product-description h2, 
[data-theme="dark"] .product-description h3, 
[data-theme="dark"] .product-description h4, 
[data-theme="dark"] .product-description h5, 
[data-theme="dark"] .product-description h6 {
  color: var(--gray-700) !important;
}

/* Poprawka dla linków w opisie produktu */
[data-theme="dark"] .product-description a {
  color: var(--primary-color) !important;
}

[data-theme="dark"] .product-description::-webkit-scrollbar-track {
  background: var(--gray-100);
}

[data-theme="dark"] .product-description::-webkit-scrollbar-thumb {
  background-color: var(--gray-300);
}

[data-theme="dark"] #productImageCarousel {
  background-color: var(--card-bg);
  box-shadow: var(--card-shadow);
}

[data-theme="dark"] #productImageCarousel .carousel-item {
  background-color: var(--card-bg);
}

[data-theme="dark"] #productImageCarousel .carousel-indicators button {
  border-color: var(--border-color);
  background-color: var(--gray-200);
}

[data-theme="dark"] #productImageCarousel .carousel-indicators button.active {
  border-color: var(--primary-color);
  background-color: var(--gray-300);
}

/* Poprawka dla tabeli w ciemnym motywie */
[data-theme="dark"] #features-tab-pane .table {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] #features-tab-pane .table th {
  background-color: var(--gray-100);
  color: var(--gray-700);
  border-color: var(--border-color);
}

[data-theme="dark"] #features-tab-pane .table td {
  background-color: var(--card-bg);
  color: var(--body-color);
  border-color: var(--border-color);
}

[data-theme="dark"] #features-tab-pane .table-striped tbody tr:nth-of-type(odd) td {
  background-color: var(--gray-100);
}

/* Poprawka dla tabeli wariantów */
[data-theme="dark"] #variants-tab-pane .table {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] #variants-tab-pane .table th {
  background-color: var(--gray-100);
  color: var(--gray-700);
  border-color: var(--border-color);
}

[data-theme="dark"] #variants-tab-pane .table td {
  background-color: var(--card-bg);
  color: var(--body-color);
  border-color: var(--border-color);
}

[data-theme="dark"] #variants-tab-pane .table-hover tbody tr:hover td {
  background-color: var(--gray-200);
}

[data-theme="dark"] .table-features td {
  background-color: var(--card-bg);
}

/* Stylizacja scrollbara dla ciemnego motywu */
[data-theme="dark"] ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
  background: rgba(50, 50, 50, 0.7);
  border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: rgba(100, 100, 100, 0.7);
  border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(120, 120, 120, 0.9);
}

[data-theme="dark"] .dropdown-menu::-webkit-scrollbar,
[data-theme="dark"] .category-dropdown::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

[data-theme="dark"] .category-dropdown::-webkit-scrollbar-track {
  background: rgba(50, 50, 50, 0.7);
}

[data-theme="dark"] .category-dropdown::-webkit-scrollbar-thumb {
  background: rgba(100, 100, 100, 0.7);
}


[data-theme="dark"] #imageZoomModal .modal-content {
  background-color: var(--card-bg);
}

[data-theme="dark"] #imageZoomModal .modal-header {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] #imageZoomModal .modal-title {
  color: var(--body-color);
}

/* Dodatkowe poprawki dla elementów kart w ciemnym motywie */
[data-theme="dark"] .list-group-item {
  background-color: var(--card-bg);
  color: var(--body-color);
  border-color: var(--border-color);
}

[data-theme="dark"] .text-success {
  color: var(--success-color) !important;
}

/* Dodatkowe poprawki dla wyświetlania danych produktu */
[data-theme="dark"] h3.mb-3 {
  color: var(--gray-700);
}


/* Style trybu ciemnego dla zarządzania kategoriami */
[data-theme="dark"] .category-header:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .category-item {
    border-bottom-color: #444;
}

[data-theme="dark"] .category-name.inactive {
    color: #6c757d;
}

/* Rozbudowane style dla zarządzania kategoriami w trybie ciemnym */
[data-theme="dark"] .category-list {
    scrollbar-width: thin;
    scrollbar-color: #444 #252525;
}

[data-theme="dark"] .category-list::-webkit-scrollbar {
    width: 8px;
}

[data-theme="dark"] .category-list::-webkit-scrollbar-track {
    background: #252525;
}

[data-theme="dark"] .category-list::-webkit-scrollbar-thumb {
    background-color: #444;
    border-radius: 10px;
}

[data-theme="dark"] .category-item {
    transition: all 0.2s ease;
}

[data-theme="dark"] .category-item:hover {
    background-color: rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .category-name {
    color: #e9ecef;
}

[data-theme="dark"] .toggle-children {
    color: #6c757d;
}

[data-theme="dark"] .toggle-children:hover {
    color: #a8b1b7;
}

[data-theme="dark"] .toggle-children:not(.collapsed) i {
    transform: rotate(90deg);
    color: var(--primary-color);
}


[data-theme="dark"] .stat-item {
    background-color: #252525;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .stat-item span {
    color: #e9ecef;
    font-weight: 600;
}

[data-theme="dark"] .stat-item small {
    color: #adb5bd;
}

/* Style modali w trybie ciemnym */
[data-theme="dark"] #categoryModal .modal-content,
[data-theme="dark"] #deleteCategoryModal .modal-content {
    background-color: #2d2d2d;
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] #categoryModal .modal-header,
[data-theme="dark"] #deleteCategoryModal .modal-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] #categoryModal .modal-footer,
[data-theme="dark"] #deleteCategoryModal .modal-footer {
    border-top-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] #categoryModal .form-label,
[data-theme="dark"] #categoryModal .form-check-label {
    color: #e9ecef;
}

[data-theme="dark"] #categoryForm .form-control,
[data-theme="dark"] #categoryForm .form-select {
    background-color: #333;
    border-color: #444;
    color: #e9ecef;
}

[data-theme="dark"] #categoryForm .form-control:focus,
[data-theme="dark"] #categoryForm .form-select:focus {
    border-color: #4361ee;
    box-shadow: 0 0 0 0.25rem rgba(67, 97, 238, 0.25);
}

[data-theme="dark"] #categoryForm .form-select option {
    background-color: #333;
    color: #e9ecef;
}

/* Alerty w zarządzaniu kategoriami */
[data-theme="dark"] .category-management .alert-info {
    background-color: rgba(52, 152, 219, 0.15);
    border-color: rgba(52, 152, 219, 0.3);
    color: #7eb6e2;
}

[data-theme="dark"] .category-management .alert-warning {
    background-color: rgba(243, 156, 18, 0.15);
    border-color: rgba(243, 156, 18, 0.3);
    color: #f8c471;
}

[data-theme="dark"] .category-management .alert-success {
    background-color: rgba(46, 204, 113, 0.15);
    border-color: rgba(46, 204, 113, 0.3);
    color: #7dcea0;
}

[data-theme="dark"] .category-management .alert-danger {
    background-color: rgba(231, 76, 60, 0.15);
    border-color: rgba(231, 76, 60, 0.3);
    color: #e59891;
}

/* Wyszukiwarka kategorii w trybie ciemnym */
[data-theme="dark"] .category-management .input-group .form-control {
    background-color: #333;
    border-color: #444;
    color: #e9ecef;
}

[data-theme="dark"] .category-management .input-group .form-control:focus {
    border-color: #4361ee;
    box-shadow: 0 0 0 0.25rem rgba(67, 97, 238, 0.25);
}

[data-theme="dark"] .category-management .input-group .btn-primary {
    background-color: #4361ee;
    border-color: #4361ee;
    color: #fff;
}

[data-theme="dark"] .category-management .input-group .btn-primary:hover {
    background-color: #3a56e4;
    border-color: #3a56e4;
}

[data-theme="dark"] .category-management .input-group .btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

[data-theme="dark"] .category-management .input-group .btn-secondary:hover {
    background-color: #5a6268;
    border-color: #5a6268;
}

/*
* Rozszerzone style dla Accordion w ciemnym motywie 
* Dodane, aby zapewnić spójność wizualną na wszystkich stronach
*/

/* Style dla komponentów Accordion w ciemnym motywie */
[data-theme="dark"] .accordion-item {
    background-color: var(--card-bg);
    border-color: var(--border-color);
}

[data-theme="dark"] .accordion-button {
    background-color: var(--card-bg);
    color: var(--body-color);
    border-color: var(--border-color);
}

[data-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: var(--gray-200);
    color: var(--body-color);
    box-shadow: none;
}

[data-theme="dark"] .accordion-button.collapsed {
    box-shadow: none;
}

[data-theme="dark"] .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e9ecef'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    color: var(--body-color) !important;
}

[data-theme="dark"] .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e9ecef'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    color: var(--body-color) !important;
}

[data-theme="dark"] .accordion-body {
    color: var(--body-color);
    border-color: var(--border-color);
}

[data-theme="dark"] .card-header bg-light {
  background-color: var(--gray-200) !important;
  color: var(--body-color) !important;
}

[data-theme="dark"] .card-header.bg-light {
  background-color: var(--gray-200) !important;
  color: var(--body-color) !important;
}

[data-theme="dark"] .card-header.bg-light h5.mb-0 {
  color: var(--body-color) !important;
}

[data-theme="dark"] .card-header.bg-light .text-dark {
  color: var(--body-color) !important;
}

/* Poprawa czytelności tekstu i nagłówków w ciemnym motywie */
[data-theme="dark"] h5,
[data-theme="dark"] h4,
[data-theme="dark"] h3,
[data-theme="dark"] h2,
[data-theme="dark"] h1 {
  color: var(--body-color);
}

/* Poprawa czytelności tytułu "Wybierz języki do tłumaczenia" w step2 */
[data-theme="dark"] .card-body h5.mb-3 {
  color: var(--gray-800) !important;
  font-weight: 600;
}

/* Wzmocnione style dla nagłówków na stronach konfiguracji */
[data-theme="dark"] .col-md-6 h5.mb-3 {
  color: var(--gray-800) !important;
  font-weight: 600;
  letter-spacing: 0.01rem;
}

/* Wzmocnione style dla elementów option-card */
[data-theme="dark"] .option-card .fw-bold {
  color: var(--gray-800) !important;
}

[data-theme="dark"] .option-card .option-description {
  color: var(--gray-600) !important;
}

/* Wzmocnione style dla text-muted w sekcjach konfiguracyjnych */
[data-theme="dark"] .col-md-6 p.text-muted {
  color: var(--gray-600) !important;
}

/* Poprawka dla silniejszego kontrastu w kartach tłumaczenia */
[data-theme="dark"] .translation-options .option-card {
  background-color: var(--gray-100);
  border: 1px solid var(--gray-300);
}

[data-theme="dark"] .translation-options .option-card:hover {
  background-color: var(--gray-200);
  border-color: var(--success-color);
}

[data-theme="dark"] .translation-options .option-card.selected {
  background-color: rgba(46, 196, 182, 0.15);
  border-color: var(--success-color);
}

/* Poprawka dla silniejszego kontrastu w kartach języków */
[data-theme="dark"] .language-grid .language-card {
  background-color: var(--gray-100);
  border: 1px solid var(--gray-300);
}

[data-theme="dark"] .language-grid .language-card:hover {
  background-color: var(--gray-200);
  border-color: var(--success-color);
}

[data-theme="dark"] .language-grid .language-card.selected {
  background-color: rgba(46, 196, 182, 0.15);
  border-color: var(--success-color);
}

/* Poprawka dla ikon w przycisku "Zaznacz wszystkie" */
[data-theme="dark"] .toggle-all-btn {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  background-color: rgba(67, 97, 238, 0.1);
}

[data-theme="dark"] .toggle-all-btn:hover {
  color: white !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* Dodatkowe style dla krytycznych tekstów - najsilniejszy selektor */
[data-theme="dark"] body .card .card-body h5.mb-3,
[data-theme="dark"] body .card-body .col-md-6 h5.mb-3 {
  color: #f8f9fa !important; /* Jasny kolor (prawie biały) */
  font-weight: 600;
  margin-bottom: 1rem !important;
  letter-spacing: 0.02rem;
}

/* Dodatkowe style dla nagłówka "Wybierz języki do tłumaczenia" */
[data-theme="dark"] body .row .col-md-6:first-child h5.mb-3,
[data-theme="dark"] body form .card-body .col-md-6 h5.mb-3 {
  color: #f8f9fa !important; /* Jasny kolor (prawie biały) */
  font-weight: 600;
  letter-spacing: 0.02rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Style dla tekstów objaśniających */
[data-theme="dark"] body .card .text-muted,
[data-theme="dark"] body .card-body .text-muted {
  color: #adb5bd !important; /* Jaśniejszy odcień szarego */
}

/* Style dla tytułu "Elementy do tłumaczenia" */
[data-theme="dark"] body .row .col-md-6:nth-child(2) h5.mb-3 {
  color: #f8f9fa !important; /* Jasny kolor (prawie biały) */
  font-weight: 600;
  letter-spacing: 0.02rem;
}

/* Input Group - ciemny motyw */
[data-theme="dark"] .input-group-text {
  background-color: #1e1e1e;
  color: #f8f9fa;
  border-color: #444;
}

/* Dodaję style dla kart klientów w b2b_analytics/brand_details.php */
[data-theme="dark"] .customer-card .card-title {
  color: var(--gray-800);
}

[data-theme="dark"] .customer-card span {
  color: var(--gray-600);
}

[data-theme="dark"] .customer-card strong {
  color: var(--gray-800);
  font-weight: 600;
}

/* Style dla nagłówka listy zamówień */
a[data-bs-toggle="collapse"] {
  color: var(--bs-heading-color);
}

/* Style dla ciemnego motywu formularza */
[data-theme="dark"] .input-group-text {
  background-color: #1e1e1e;
  color: #f8f9fa;
  border-color: #444;
}

[data-theme="dark"] input[type="date"].form-control::-webkit-calendar-picker-indicator {
  filter: invert(1);
}