/* Основен фон - градиент от прасковено към мек какаов */
body {
  background: linear-gradient(135deg, #ffcba4, #c4b097);
  color: #4a3a2a; /* тъмен кафяв за комфортен текст */
}

/* Навигация - прасковено-кафяво с акценти какаови */
.navbar-dark.bg-dark {
  background: linear-gradient(90deg, #d58e5c, #7a573a);
  box-shadow: 0 4px 12px rgba(213, 142, 92, 0.6);
}

.navbar-brand i {
  color: #f5b895; /* прасковен светъл */
  margin-right: 8px;
  font-size: 1.5rem;
}

.navbar-nav .nav-link {
  color: #e7e2d1; /* много светъл крем за контраст */
  transition: color 0.3s ease;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
  color: #f5b895; /* какаов акцент */
  font-weight: 700;
  text-shadow: 0 0 6px #7a573a;
}

/* Бутоните - прасковено и какаово */
.btn-outline-primary {
  border-color: #d78c5a;
  color: #d78c5a;
  font-weight: 600;
  transition: all 0.3s ease;
}
.btn-outline-primary:hover {
  background-color: #d78c5a;
  color: white;
  border-color: #d78c5a;
  box-shadow: 0 0 10px #d78c5a;
}

.btn-primary {
  background-color: #7a573a;
  border: none;
  font-weight: 600;
  box-shadow: 0 0 12px #7a573a;
  transition: background-color 0.3s ease;
}
.btn-primary:hover {
  background-color: #5b3f27;
  box-shadow: 0 0 16px #5b3f27;
}

/* Контейнер */
.container-fluid.mt-4 {
  max-width: 960px;
  background: rgba(255, 235, 210, 0.9);
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 8px 30px rgba(199, 176, 147, 0.5);
  color: #4a3a2a;
}

/* Заглавия */
h1, h2, h3 {
  color: #5b3f27;
  font-weight: 700;
  text-shadow: 0 0 6px #7a573a;
}

/* Списъци */
ul.list-unstyled li {
  padding: 8px 0;
  font-size: 1.1rem;
  border-bottom: 1px solid rgba(122, 87, 58, 0.3);
  color: #6e5039;
}

/* Аудио плеър */
audio {
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(122, 87, 58, 0.7);
}

/* Кутии с информация */
.text-center.my-4.p-3.rounded.shadow-sm {
  background: linear-gradient(135deg, #f7d9b6, #c4b097);
  color: #6e5039;
  box-shadow: 0 6px 20px rgba(122, 87, 58, 0.7);
  font-size: 1rem;
}

/* Снимка на албума */
img.cc_streaminfo {
  max-width: 180px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(122, 87, 58, 0.7);
  margin-top: 10px;
  transition: transform 0.3s ease;
}
img.cc_streaminfo:hover {
  transform: scale(1.05);
}

/* Модални прозорци */
.modal-content {
  border-radius: 15px;
  background: linear-gradient(145deg, #fff1e0, #dac9b3);
  color: #4a3a2a;
  box-shadow: 0 8px 30px rgba(122, 87, 58, 0.6);
}

.modal-header.bg-primary {
  background: #7a573a;
  color: white;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  box-shadow: 0 4px 15px #7a573a;
  font-weight: 700;
}

.modal-body {
  font-size: 1rem;
  color: #6e5039;
}

/* Формуляр за поздрави */
#pozdrav-form input,
#pozdrav-form textarea {
  background: #fce9d6;
  border: 1px solid #d78c5a;
  color: #6e5039;
  border-radius: 8px;
  transition: border-color 0.3s ease;
}

#pozdrav-form input:focus,
#pozdrav-form textarea:focus {
  border-color: #7a573a;
  box-shadow: 0 0 10px #7a573a;
  outline: none;
}

/* Бутон поздрави */
#pozdrav-form button {
  background-color: #7a573a;
  font-weight: 700;
  font-size: 1.2rem;
  border-radius: 50px;
  box-shadow: 0 0 16px #7a573a;
  border: none;
  transition: all 0.3s ease;
  color: white;
}

#pozdrav-form button:hover {
  background-color: #5b3f27;
  box-shadow: 0 0 24px #5b3f27;
  cursor: pointer;
}

/* Чат текст */
.chat-message {
  background-color: #f8e8d8 !important;
  color: #6e5039 !important;
  padding: 8px 12px;
  border-radius: 8px;
  box-shadow: 0 0 8px #d78c5a;
  font-weight: 600;
  font-size: 1rem;
}

/* Бутон чат и анкета */
.btn-success.position-fixed.bottom-0.end-0.m-4.shadow.rounded-circle {
  background: #7a573a;
  border: none;
  font-size: 1.8rem;
  box-shadow: 0 6px 20px #7a573acc;
  transition: background 0.3s ease;
}

.btn-success.position-fixed.bottom-0.end-0.m-4.shadow.rounded-circle:hover {
  background: #5b3f27;
  box-shadow: 0 0 28px #5b3f27cc;
}

button.btn-primary.mt-4 {
  border-radius: 50px;
  box-shadow: 0 0 16px #7a573a;
  transition: background-color 0.3s ease;
}

button.btn-primary.mt-4:hover {
  background-color: #5b3f27;
  box-shadow: 0 0 24px #5b3f27;
}

/* Списък с външни плеъри - иконки */
.playlists a img {
  filter: drop-shadow(0 1px 1px rgba(122, 87, 58, 0.7));
  transition: transform 0.3s ease;
  border-radius: 8px;
}
.playlists a img:hover {
  transform: scale(1.2);
  filter: drop-shadow(0 3px 5px rgba(122, 87, 58, 0.9));
}