/* Galeri Listeleme için Karanlık ve Beyaz Mod CSS */

/* Genel galeri kartı stilleri */
.hover-scale-img {
  transition: transform 0.3s ease;
  background-color: var(--white);
  border-color: var(--border-color) !important;
}

.hover-scale-img:hover {
  transform: scale(1.02);
}

/* Galeri kartı içindeki metin renkleri */
.hover-scale-img h6 {
  color: var(--text-primary-light);
  transition: color 0.3s ease;
}

.hover-scale-img .text-muted {
  color: var(--text-secondary-light) !important;
  transition: color 0.3s ease;
}

/* Karanlık mod için galeri kartı stilleri */
[data-theme="dark"] .hover-scale-img {
  background-color: var(--dark-2);
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .hover-scale-img h6 {
  color: var(--base);
}

[data-theme="dark"] .hover-scale-img .text-muted {
  color: var(--text-secondary-light) !important;
}

[data-theme="dark"] .hover-scale-img .badge.bg-primary {
  background-color: var(--primary-600) !important;
  color: var(--white);
}

/* Galeri sekmelerinin stilleri */
.border-gradient-tab .nav-link {
  color: var(--text-primary-light);
  background-color: transparent;
  border-color: transparent;
  transition: all 0.3s ease;
}

.border-gradient-tab .nav-link.active {
  color: var(--primary-600);
  background-color: transparent;
  border-color: var(--primary-600);
}

/* Karanlık mod için sekme stilleri */
[data-theme="dark"] .border-gradient-tab .nav-link {
  color: var(--text-secondary-light);
}

[data-theme="dark"] .border-gradient-tab .nav-link.active {
  color: var(--primary-600);
}

[data-theme="dark"] .border-gradient-tab .nav-link:hover:not(.active) {
  color: var(--base);
}

/* Galeri boş durumu */
.text-gray-500 {
  color: var(--text-secondary-light) !important;
}

/* Sayfalama stilleri */
.pagination-container .page-link {
  color: var(--text-primary-light);
  background-color: var(--white);
  border-color: var(--border-color);
}

.pagination-container .page-item.active .page-link {
  color: var(--white);
  background-color: var(--primary-600);
  border-color: var(--primary-600);
}

.pagination-container .page-item.disabled .page-link {
  color: var(--text-secondary-light);
  background-color: var(--white);
  border-color: var(--border-color);
}

/* Karanlık mod için sayfalama stilleri */
[data-theme="dark"] .pagination-container .page-link {
  color: var(--text-secondary-light);
  background-color: var(--dark-2);
  border-color: var(--border-color);
}

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

[data-theme="dark"] .pagination-container .page-item.disabled .page-link {
  color: var(--neutral-400);
  background-color: var(--dark-3);
  border-color: var(--border-color);
}

/* Galeri resim konteyner stilleri */
.max-h-266-px {
  max-height: 266px;
  background-color: var(--white);
  transition: background-color 0.3s ease;
}

[data-theme="dark"] .max-h-266-px {
  background-color: var(--dark-3);
}

/* Galeri resim hover efekti */
.max-h-266-px img {
  transition: transform 0.3s ease;
}

.hover-scale-img:hover .max-h-266-px img {
  transform: scale(1.05);
}

/* Galeri kart alt kısmı */
.py-16.px-24 {
  background-color: var(--white);
  transition: background-color 0.3s ease;
}

[data-theme="dark"] .py-16.px-24 {
  background-color: var(--dark-2);
}

/* Galeri kart buton stilleri */
.btn-outline-primary {
  color: var(--primary-600);
  border-color: var(--primary-600);
  background-color: transparent;
  transition: all 0.3s ease;
}

.btn-outline-primary:hover {
  color: var(--white);
  background-color: var(--primary-600);
  border-color: var(--primary-600);
}

[data-theme="dark"] .btn-outline-primary {
  color: var(--primary-600);
  border-color: var(--primary-600);
  background-color: transparent;
}

[data-theme="dark"] .btn-outline-primary:hover {
  color: var(--white);
  background-color: var(--primary-600);
  border-color: var(--primary-600);
}

/* Galeri kart gölge efekti */
[data-theme="dark"] .hover-scale-img {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.hover-scale-img {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Galeri kart kenar yuvarlaklığı */
.radius-16 {
  border-radius: 16px !important;
}

/* Galeri kart içerik alanı */
.d-flex.flex-column.gap-2 {
  transition: color 0.3s ease;
}

/* Galeri kart badge stilleri */
.badge.bg-primary {
  background-color: var(--primary-600) !important;
  transition: background-color 0.3s ease;
}

/* Galeri kart açıklama metni */
.text-sm.text-muted {
  font-size: 0.875rem;
  transition: color 0.3s ease;
}

/* Galeri kart tarih metni */
small.text-muted {
  font-size: 0.75rem;
  transition: color 0.3s ease;
}

/* Galeri kart buton boyutu */
.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 0.25rem;
}

/* Galeri sayfalama bilgisi */
.text-muted {
  color: var(--text-secondary-light) !important;
  transition: color 0.3s ease;
}

/* Galeri kart içerik alanı padding */
.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Galeri boş durumu padding */
.py-8 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

/* Galeri kart içerik alanı margin */
.mb-2 {
  margin-bottom: 8px !important;
}

/* Galeri sayfalama margin */
.mt-4 {
  margin-top: 24px !important;
}

/* Galeri kart satır aralığı */
.gy-4 {
  --bs-gutter-y: 24px;
}