/* dark-theme.css */
:root {
  --bg-dark: #1a1a1a;
  --bg-secondary: #2d3748;
  --bg-card: #2d3748;
  --border-dark: #4a5568;
  --border-secondary: #4a5568;
  --text-light: #e2e8f0;
  --text-muted: #a0aec0;
  --text-info: #63b3ed;
  --text-info-hover: #90cdf4;
  --scrollbar-track: #2d3748;
  --scrollbar-thumb: #4a5568;
  --scrollbar-thumb-hover: #718096;
}

/* Základní tmavý styl */
.bg-dark-custom {
  background-color: var(--bg-dark) !important;
}

.bg-secondary-custom {
  background-color: var(--bg-secondary) !important;
}

.border-dark-custom {
  border-color: var(--border-dark) !important;
}

.border-secondary-custom {
  border-color: var(--border-secondary) !important;
}

.text-light-custom {
  color: var(--text-light) !important;
}

.text-muted-custom {
  color: var(--text-muted) !important;
}

.text-info-custom {
  color: var(--text-info) !important;
}

.text-info-custom:hover {
  color: var(--text-info-hover) !important;
}

/* Breadcrumb */
.breadcrumb-custom {
  background-color: transparent;
  padding: 0;
}

.breadcrumb-item-custom.active {
  color: var(--text-muted) !important;
}

/* Karty */
.card-custom {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-dark) !important;
  border-radius: 10px;
}

.card-dark {
  background-color: var(--bg-dark) !important;
  border: 1px solid var(--border-secondary) !important;
  border-radius: 10px;
}

/* Tlačítka */
.btn-outline-light-custom {
  border-color: var(--text-muted);
  color: var(--text-muted);
}

.btn-outline-light-custom:hover {
  background-color: var(--text-muted);
  border-color: var(--text-muted);
  color: var(--bg-dark);
}

.btn-dark-custom {
  background-color: rgba(26, 26, 26, 0.7);
  border: none;
}

.btn-dark-custom:hover {
  background-color: rgba(26, 26, 26, 0.9);
}

/* Scrollbar pro tmavý režím */
.scrollbar-custom::-webkit-scrollbar {
  width: 6px;
}

.scrollbar-custom::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}

.scrollbar-custom::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 3px;
}

.scrollbar-custom::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}

/* Fixní výška pro informační panel */
.info-panel-fixed {
  height: 700px;
  overflow-y: auto;
}

/* Fotka kontejner */
.custom-photo-container {
    width: 100%;
    /* Odstraňte height: 100%, pokud nechcete fixní výšku celého bloku, 
       nebo použijte min-height */
    min-height: 200px; 
    background-color: var(--bg-dark);
    display: flex;
    justify-content: center;
    align-items: center; /* Vycentrování i vertikálně */
    overflow: hidden;
}

.custom-photo-img {
    width: auto;         /* Necháme prohlížeč dopočítat šířku */
    height: auto;        /* Necháme prohlížeč dopočítat výšku */
    max-width: 100%;     /* Širokoúhlá fotka se zastaví o kraje */
    max-height: 80vh;    /* Fotka na výšku se zastaví na 80 % výšky monitoru */
    
    object-fit: contain; /* Zachová poměr stran a nic neořízne */
    border-radius: 10px;
    border: 1px solid var(--border-secondary);
}

/* Album grid */
.album-card {
  height: 100%;
  border-radius: 10px;
}

.album-thumbnail {
  height: 150px;
  object-fit: cover;
  border-radius: 10px;
}

.album-thumbnail-placeholder {
  height: 150px;
}

/* Stránkování */
.pagination-custom .page-link {
  background-color: var(--bg-secondary);
  border-color: var(--border-secondary);
  color: var(--text-light);
}

.pagination-custom .page-link:hover {
  background-color: var(--border-secondary);
  border-color: var(--border-secondary);
  color: var(--text-light);
}

.pagination-custom .page-item.active .page-link {
  background-color: #007bff;
  border-color: #007bff;
}