/* ===== Петровский парк — чёрный кабинет ===== */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap');

:root {
  --pp-bg: #12100D;        /* бархат сцены */
  --pp-panel: #1D1915;     /* карточки */
  --pp-border: #2E2822;    /* линии */
  --pp-spot: #EBA84A;      /* прожектор */
  --pp-counter: #8C7AE0;   /* контр-свет */
  --pp-park: #7FA27F;      /* память о парке (микро) */
  --pp-text: #F4EEE3;
  --pp-dim: #B3A99B;
}

html { scroll-behavior: smooth; }

body, .body-wrapper {
  background: var(--pp-bg) !important;
  color: var(--pp-text);
  font-family: 'Montserrat', -apple-system, sans-serif;
  line-height: 1.65;
}

a { color: var(--pp-spot); }
a:hover { color: #f7c16e; text-decoration: none; }
p, li { color: var(--pp-text); }
.text-muted, .article-info, .article-details, .published, .category-name, .hits, .muted {
  color: var(--pp-dim) !important;
}

h1, h2, h3, h4, h5, h6,
.sp-module-title, .article-title, .page-header h1, .page-header h2,
.sppb-addon-title, .sppb-addon-heading {
  font-family: 'Oswald', sans-serif !important;
  color: var(--pp-text) !important;
  letter-spacing: 0.02em;
}

/* --- Шапка --- */
#sp-top-bar { background: #0c0a08; color: var(--pp-dim); }
#sp-header {
  background: rgba(18,16,13,0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--pp-border);
}
#sp-header .logo-image { filter: drop-shadow(0 4px 12px rgba(0,0,0,0.5)); }

/* --- Меню --- */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  color: var(--pp-text) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500;
  letter-spacing: 0.02em;
}
.sp-megamenu-parent > li > a:hover,
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.current-item > a {
  color: var(--pp-spot) !important;
}
.sp-megamenu-parent .sp-dropdown {
  background: var(--pp-panel) !important;
  border: 1px solid var(--pp-border);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: var(--pp-text) !important;
  font-family: 'Montserrat', sans-serif !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: var(--pp-spot) !important;
  background: transparent;
}

/* --- Карточки-модули --- */
.sp-module {
  background: var(--pp-panel);
  border: 1px solid var(--pp-border);
  border-radius: 14px;
  padding: 1.5rem;
}
.sp-module-title {
  font-family: 'Oswald', sans-serif;
  color: var(--pp-text);
  border-bottom: 1px solid var(--pp-border);
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

/* --- Кнопки --- */
.btn, .btn-primary {
  background: var(--pp-spot);
  color: #12100D;
  border: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  border-radius: 8px;
}
.btn:hover, .btn-primary:hover { background: #f7c16e; color: #12100D; }
.btn-outline { border-color: var(--pp-spot); color: var(--pp-spot); }
.btn-outline:hover { background: var(--pp-spot); color: #12100D; }

/* --- Формы --- */
.form-control, input[type="text"], input[type="search"], input[type="email"], select, textarea {
  background: var(--pp-panel);
  border: 1px solid var(--pp-border);
  color: var(--pp-text);
}
.form-control:focus { border-color: var(--pp-spot); box-shadow: 0 0 0 3px rgba(235,168,74,0.2); }

/* --- Подвал --- */
#sp-footer {
  background: #0c0a08;
  color: var(--pp-dim);
  border-top: 1px solid var(--pp-border);
  padding: 2.5rem 0;
}
#sp-footer a { color: var(--pp-dim); }
#sp-footer a:hover { color: var(--pp-spot); }

/* --- Мелочи --- */
::selection { background: var(--pp-spot); color: #12100D; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--pp-bg); }
::-webkit-scrollbar-thumb { background: var(--pp-border); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: var(--pp-spot); }