/* Vertical Products Dark Mode Styles */

[data-theme="dark"] .vertical-products-section {
  background-color: #121212;
}

[data-theme="dark"] .vertical-products-container {
  gap: 20px;
}

[data-theme="dark"] .vertical-product-card {
  background-color: #1e1e1e;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  border: 1px solid #333;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

[data-theme="dark"] .vertical-product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
  border-color: #4a4a4a;
}

[data-theme="dark"] .vertical-product-image {
  border-bottom: 1px solid #333;
}

[data-theme="dark"] .vertical-product-overlay {
  background: linear-gradient(to top, rgba(25, 25, 25, 0.95), rgba(30, 30, 30, 0.8));
}

[data-theme="dark"] .vertical-product-title {
  color: #f0f0f0;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .vertical-product-description {
  color: #bbb;
}

[data-theme="dark"] .vertical-product-button {
  background-color: #4a4a4a;
  color: white;
  border: 1px solid #555;
  transition: all 0.3s ease;
}

[data-theme="dark"] .vertical-product-button:hover {
  background-color: #666;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

/* Animations for product cards */
@media (prefers-reduced-motion: no-preference) {
  [data-theme="dark"] .vertical-product-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  }
  
  [data-theme="dark"] .vertical-product-card:hover .vertical-product-overlay {
    background: linear-gradient(to top, rgba(30, 30, 30, 0.95), rgba(35, 35, 35, 0.8));
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  [data-theme="dark"] .vertical-products-container {
    gap: 15px;
  }
  
  [data-theme="dark"] .vertical-product-card {
    background-color: #1a1a1a;
  }
}