/* Правило сайта: без белых плашек — прозрачный фон + золотая обводка, читаемый текст */

/* Cookie popup — по центру экрана на всех устройствах */
.cookie-banner {
  position: fixed !important;
  inset: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 10070 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1rem !important;
  margin: 0 !important;
  background: rgba(0, 0, 0, 0.72) !important;
  border: none !important;
  transform: none !important;
  transition: opacity 0.3s ease !important;
}

.cookie-banner.is-visible {
  opacity: 1 !important;
  transform: none !important;
}

.cookie-banner__inner {
  max-width: min(520px, calc(100vw - 2rem)) !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
  background: rgba(0, 0, 0, 0.82) !important;
  border: 1px solid rgba(212, 175, 55, 0.55) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
  color: #f5e6c8 !important;
}

.cookie-banner p {
  color: #f5e6c8 !important;
}

.cookie-banner a {
  color: #d4af37 !important;
}

.cookie-banner .btn--primary,
.cookie-banner .btn--ghost {
  background: transparent !important;
  border: 1px solid rgba(212, 175, 55, 0.65) !important;
  color: #f5e6c8 !important;
}

.cookie-banner .btn--primary:hover,
.cookie-banner .btn--ghost:hover {
  background: rgba(212, 175, 55, 0.12) !important;
  border-color: #d4af37 !important;
}

.cookie-banner__actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.75rem !important;
}

.cookie-banner__actions .btn {
  min-width: 140px !important;
  flex: 1 1 auto !important;
  max-width: 220px !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
}

.float-social__panel {
  background: rgba(0, 0, 0, 0.88) !important;
  border: 1px solid rgba(212, 175, 55, 0.45) !important;
}

.review,
.card.post-card,
.post-card__body,
.soft-panel,
.nav-drawer {
  background: rgba(0, 0, 0, 0.55) !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  color: #f5e6c8 !important;
}

.post-card h3 a,
.post-card__cat,
.post-card p,
.post-card .muted,
.soft-panel h2,
.soft-panel p,
.review__text {
  color: #f5e6c8 !important;
}

.post-card__cat {
  color: #d4af37 !important;
}

.badge {
  background: rgba(0, 0, 0, 0.45) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #d4af37 !important;
}

.lead {
  background: rgba(0, 0, 0, 0.55) !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
}

@media (max-width: 760px) {
  .cookie-banner {
    padding: 0.75rem !important;
  }

  .cookie-banner__inner {
    padding: 1.15rem 1rem !important;
    max-width: calc(100vw - 1.5rem) !important;
  }

  .cookie-banner p {
    font-size: 0.92rem !important;
    line-height: 1.5 !important;
  }

  .cookie-banner__actions {
    flex-direction: column !important;
  }

  .cookie-banner__actions .btn {
    width: 100% !important;
    max-width: none !important;
    min-height: 44px !important;
  }

  .post-card__body {
    padding: 1rem !important;
  }

  .post-card h3 {
    font-size: 1.15rem !important;
    line-height: 1.35 !important;
  }
}
