/* ============================================================
   Ремонт на покриви — възпроизвеждане на стария дизайн (full_screen_10)
   върху Helix Ultimate. Стойностите са взети от параметрите на старата тема.
   ============================================================ */

:root {
  --pk-text: #171717;
  --pk-bg: #f2f2f2;
  --pk-content-bg: rgba(237, 237, 237, 0.88);
  --pk-logo-bg: rgba(255, 255, 255, 0.25);
  --pk-menu-bg: transparent;
  --pk-submenu-bg: rgba(255, 255, 255, 0.58);
  --pk-h1: #94570b;
  --pk-h2: #3b3b3b;
  --pk-link: #970e0e;
  --pk-link-hover: #b57741;
  --pk-footer-bg: rgba(0, 0, 0, 0.65);
  --pk-footer-text: #bbbbbb;
  --pk-footer-link: #eeeeee;
  --pk-red: #f23a3a;
}

/* --- основа --- */
body.site {
  background: var(--pk-bg);
  color: var(--pk-text);
  font-family: "Open Sans Condensed", "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 1.05em;
  line-height: 1.55;
}
body.site p { font-weight: 300; }
body.site strong, body.site b { font-weight: 700; }
a { color: var(--pk-link); }
a:hover, a:focus { color: var(--pk-link-hover); }

h1, h2, h3, h4, h5, h6 { font-family: "Dosis", sans-serif; }
h1, .page-header h1, .article-header h1 { color: var(--pk-h1); font-size: 220%; }
h2, .article-header h2 { color: var(--pk-h2); font-size: 150%; }
h3, .sp-module-title { color: var(--pk-h2); font-size: 130%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }

/* --- хедър: логото в бяло-прозрачен блок, менюто Ubuntu Condensed --- */
#sp-header {
  background: transparent;
  box-shadow: none;
  border-bottom: 0;
}
#sp-header.header-sticky {
  background: rgba(242, 242, 242, 0.92);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}
#sp-header .logo {
  background: var(--pk-logo-bg);
  padding: 8px 12px;
  border-radius: 6px;
  max-width: 480px;
}
#sp-header .logo img { max-height: 52px; width: auto; }
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  font-family: "Ubuntu Condensed", "Open Sans Condensed", sans-serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  color: #000;
  background: var(--pk-menu-bg);
  padding: 0 11px !important;
  letter-spacing: 0;
}
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > a {
  color: #140707;
  border-bottom: 3px solid #8c0000;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: var(--pk-submenu-bg);
  backdrop-filter: blur(4px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-family: "Ubuntu Condensed", sans-serif;
  font-size: 110%;
  color: #850000;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a { color: #7d3c12; }

/* --- съдържанието: една сива полупрозрачна кутия със сянка, както в старата тема --- */
#sp-main {
  max-width: 95%;
  margin: 24px auto 32px;
  background: var(--pk-content-bg);
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.35);
  border-radius: 10px;
  padding: 18px 8px 4px;
}
#sp-main > section > .container { max-width: 100%; }
#sp-top { padding: 0; }
#sp-top .sp-module { margin: 0 0 8px; }
#sp-main-body { padding: 8px 0 20px; }
#sp-bottom { padding: 10px 0 14px; }

#sp-header .container-inner > .row { flex-wrap: nowrap; }
#sp-header .logo { padding: 6px 10px; }
.sp-megamenu-parent { white-space: nowrap; }
.badge.featured, .article-header .badge { display: none; }

/* заглавия на статиите не се показват (както в стария сайт), но ако се покажат — в Dosis */
.article-info { display: none; }
.blog-featured .page-header, .page-header { margin: 0; }

/* дясна колона */
#sp-right .sp-module { margin-bottom: 28px; }
#sp-right .sp-module img { max-width: 100%; height: auto; }

/* партньори */
#sp-bottom .mod-custom img { max-width: 24%; height: auto; }

/* --- футър: черен полупрозрачен, сив текст --- */
#sp-footer {
  background: var(--pk-footer-bg);
  color: var(--pk-footer-text);
  padding: 12px 0;
}
#sp-footer a { color: var(--pk-footer-link); }
#sp-footer .sp-module { margin: 0; }
#histats_counter { display: inline-block; vertical-align: middle; margin-left: 12px; }

/* --- слайдерът на галерията (замества DJ-ImageSlider) --- */
.pokrivi-slider {
  position: relative;
  width: 100%;
  aspect-ratio: 340 / 240;
  overflow: hidden;
  border-radius: 6px;
  background: #ddd;
}
.pokrivi-slider .pokrivi-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1.2s ease;
  display: block;
}
.pokrivi-slider .pokrivi-slide.active { opacity: 1; }
.pokrivi-slider img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* --- бутон „нагоре“ --- */
.sp-scroll-up { background: rgba(0, 0, 0, 0.55); }

/* --- мобилни --- */
@media (max-width: 991.98px) {
  #sp-main { margin: 12px 8px 20px; padding: 10px 4px; border-radius: 8px; }
  #sp-header .logo { max-width: 100%; padding: 4px 8px; }
}

/* --- корекции след първия преглед --- */
.featured-article-badge, .badge.featured { display: none !important; }
.blog-item, .article-list .article, .article-details, .item-content {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.blog-item + .blog-item { margin-top: 20px; }
#sp-bottom { background: transparent !important; color: var(--pk-text); }
#sp-bottom .mod-custom p { display: flex; justify-content: center; align-items: center; gap: 1.3%; margin: 0; }
#sp-bottom .mod-custom img { width: 24%; max-width: 24%; height: auto; display: inline-block; }
#sp-main-body .container-fluid { padding-left: 0; padding-right: 0; }
#sp-footer .sp-column { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
#sp-footer .pk-copyright { margin: 0; font-size: 90%; }

/* мобилен хедър: логото се свива, за да остане място за бутона на менюто */
@media (max-width: 991.98px) {
  #sp-header .container-inner > .row { flex-wrap: nowrap; }
  #sp-logo { flex: 1 1 auto; min-width: 0; }
  #sp-header .logo { max-width: calc(100% - 8px); }
  #sp-header .logo img { max-width: 100%; height: auto; max-height: 48px; }
  #sp-menu { flex: 0 0 auto; }
  #sp-main { margin: 8px 6px 16px; }
}

#sp-top-bar { display: none; }