/* Лентата за съгласие и всичко, което зависи от избора.
 *
 * Стои отделно от sait.css, защото се зарежда на ВСЯКА страница, включително
 * правните, които не минават през dc-runtime. Цветовете са същите като на
 * двата сайта: злато #B8934F, тъмно злато #8A6B3F, графит #262320, крем
 * #F8F4ED, картон #ECDFCC.
 */

.bk-lenta,
.bk-lenta * { box-sizing: border-box; }

.bk-lenta {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 9000;
  display: none;
  padding: clamp(1rem, 3vw, 1.6rem);
  /* ⛔ Лентата е закована за екрана и НЕ се движи със страницата. Порасне ли
     над екрана, което става веднага щом се отворят настройките на телефон,
     горните редове излизат нагоре и стават недостижими: човек вижда бутоните,
     но не и категориите, които трябва да отметне. Затова таван и собствен
     скрол вътре. */
  max-height: 85vh;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #F8F4ED;
  border-top: 2px solid #B8934F;
  box-shadow: 0 -10px 40px rgba(36, 26, 18, 0.16);
  font-family: "Manrope", "Segoe UI", sans-serif;
  color: #262320;
  font-size: 0.92rem;
  line-height: 1.6;
}
.bk-lenta[data-vidima="1"] { display: block; }

.bk-vutre {
  max-width: 62rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: clamp(0.9rem, 2.5vw, 1.6rem);
}

.bk-tekst { flex: 1 1 22rem; min-width: 0; }

.bk-zaglavie {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 400;
  font-size: 1.35rem;
  line-height: 1.15;
  margin: 0 0 0.35rem;
}
.bk-tekst p { margin: 0; }
.bk-tekst a { color: #8A6B3F; text-decoration: underline; }
.bk-tekst a:hover { color: #B8934F; }

.bk-butoni {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
}

/* Приемам и Отказвам изглеждат еднакво тежко. Изискването е отказът да е
   толкова лесен, колкото приемането, затова тук няма блед втори бутон. */
.bk-but {
  font: inherit;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.78rem;
  padding: 0.72rem 1.15rem;
  border-radius: 5px;
  border: 1px solid #B8934F;
  background: transparent;
  color: #241A12;
  cursor: pointer;
  min-height: 44px;
}
.bk-but:hover { background: #ECDFCC; }
.bk-but--plten { background: #B8934F; color: #F8F4ED; }
.bk-but--plten:hover { background: #8A6B3F; }
.bk-but--tih {
  border-color: transparent;
  text-decoration: underline;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.bk-but:focus-visible,
.bk-otmetka input:focus-visible { outline: 2px solid #8A6B3F; outline-offset: 2px; }

/* Подробните настройки */
.bk-nastroiki { display: none; width: 100%; margin-top: 1.1rem; }
.bk-lenta[data-nastroiki="1"] .bk-nastroiki { display: block; }

.bk-red {
  display: flex;
  gap: 0.8rem;
  padding: 0.85rem 0;
  border-top: 1px solid rgba(184, 147, 79, 0.35);
}
.bk-red:first-child { border-top: 0; }
.bk-red h3 {
  margin: 0 0 0.15rem;
  font-family: inherit;
  font-size: 0.95rem;
  font-weight: 700;
}
.bk-red p { margin: 0; font-size: 0.88rem; color: #3B2C21; }

.bk-otmetka { flex: none; padding-top: 0.15rem; }
.bk-otmetka input { width: 22px; height: 22px; accent-color: #8A6B3F; cursor: pointer; }
.bk-otmetka input:disabled { cursor: default; opacity: 0.55; }

/* Вградено съдържание, което чака съгласие: картата на Google. */
.bk-zamestitel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.75rem;
  height: 100%;
  min-height: 260px;
  padding: clamp(1.1rem, 4vw, 1.8rem);
  background: #ECDFCC;
  border: 1px solid rgba(184, 147, 79, 0.5);
  border-radius: 5px;
  font-family: "Manrope", "Segoe UI", sans-serif;
  color: #3B2C21;
  font-size: 0.9rem;
  line-height: 1.6;
}
.bk-zamestitel p { margin: 0; max-width: 34rem; }
.bk-zamestitel a { color: #8A6B3F; text-decoration: underline; }

@media (max-width: 640px) {
  .bk-butoni { width: 100%; }
  .bk-but { flex: 1 1 auto; text-align: center; }
  .bk-but--tih { flex-basis: 100%; }
}