/* --------------------------------------------------------------------------
   Вътрешни страници — визуален ред като stenik.bg (blog.min.css / blog view)
   -------------------------------------------------------------------------- */

body.webtik-stenik-inner {
  --stenik-ink: #16161f;
  --stenik-muted-bg: #f6f6f9;
  --stenik-line: #b9bdcc;
  --stenik-accent: #ff5c00;
  --stenik-accent-hover: #e25200;
  --stenik-meta-divider: #e5e5ef;

  font-family: "Ubuntu", var(--webtik-font-body);
  color: var(--stenik-ink);
}

body.webtik-stenik-inner h1,
body.webtik-stenik-inner h2,
body.webtik-stenik-inner h3,
body.webtik-stenik-inner h4,
body.webtik-stenik-inner h5,
body.webtik-stenik-inner h6 {
  font-family: "Ubuntu", var(--webtik-font-heading);
  color: var(--stenik-ink);
}

/* Hero лента — по-малък отстъп отгоре (breadcrumbs вече запълват „въздуха“ под хедъра). */
body.webtik-stenik-inner .webtik-page-hero--stenik,
body.webtik-stenik-inner .webtik-page-hero--webtik {
  padding: clamp(10px, 1.8vw, 18px) 0 clamp(22px, 3.2vw, 36px);
  background: var(--stenik-muted-bg);
  border-bottom: 1px solid var(--stenik-meta-divider);
}

body.webtik-stenik-inner .webtik-page-hero--stenik .webtik-kicker,
body.webtik-stenik-inner .webtik-page-hero--webtik .webtik-kicker {
  margin: 0 0 12px;
  color: var(--stenik-ink);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.webtik-stenik-inner .webtik-page-hero--stenik h1,
body.webtik-stenik-inner .webtik-page-hero--webtik h1 {
  max-width: none;
  margin: 0 0 16px;
  font-size: clamp(1.65rem, 4vw, 2rem);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.05em;
  color: var(--stenik-ink);
}

body.webtik-stenik-inner .webtik-post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0 12px;
  margin: 0 0 8px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  color: var(--stenik-ink);
}

body.webtik-stenik-inner .webtik-post-meta__item {
  display: inline-flex;
  align-items: center;
  padding-right: 12px;
  margin-right: 6px;
  border-right: 1px solid var(--stenik-meta-divider);
}

body.webtik-stenik-inner .webtik-post-meta__item:last-child {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}

/* Водещ / цитатен блок като .titleSub */
body.webtik-stenik-inner .webtik-page-hero--stenik .webtik-page-hero__lead,
body.webtik-stenik-inner .webtik-page-hero--webtik .webtik-page-hero__lead {
  margin: 16px 0 0;
  padding: clamp(16px, 3vw, 20px) clamp(12px, 6vw, 20%);
  max-width: none;
  background: #fff;
  border: 1px solid var(--stenik-meta-divider);
  border-radius: 0;
  font-size: clamp(1.05rem, 2.2vw, 1.25rem);
  font-style: italic;
  font-weight: 300;
  line-height: 1.45;
  text-align: center;
  color: var(--stenik-ink);
}

body.webtik-stenik-inner .webtik-section--stenik-article {
  padding-top: clamp(28px, 4vw, 40px);
  background: #fff;
}

body.webtik-stenik-inner .webtik-section--stenik-archive {
  padding-top: clamp(24px, 3vw, 36px);
  background: #fff;
}

/* Основна колона за четене */
body.webtik-stenik-inner .webtik-stenik-prose-column,
body.webtik-stenik-inner .webtik-webtik-prose-column {
  max-width: 52rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(0px, 2vw, 10px);
  padding-right: clamp(0px, 2vw, 10px);
  box-sizing: border-box;
}

body.webtik-stenik-inner .webtik-stenik-featured-img {
  margin: 0 0 20px;
}

body.webtik-stenik-inner .webtik-stenik-featured-img img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

/* Типография в съдържанието — .blog-view-content */
body.webtik-stenik-inner .webtik-prose > p,
body.webtik-stenik-inner .webtik-prose p {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 400;
  color: var(--stenik-ink);
}

body.webtik-stenik-inner .webtik-prose > p:not(:last-child),
body.webtik-stenik-inner .webtik-prose p:not(:last-child) {
  margin-bottom: 1em;
}

body.webtik-stenik-inner .webtik-prose a {
  color: var(--stenik-ink);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.2s linear;
}

body.webtik-stenik-inner .webtik-prose a:hover {
  color: var(--stenik-accent);
  text-decoration: none;
}

body.webtik-stenik-inner .webtik-prose strong,
body.webtik-stenik-inner .webtik-prose b {
  font-weight: 500;
}

body.webtik-stenik-inner .webtik-prose h2 {
  margin: 10px 0 20px;
  font-size: clamp(1.5rem, 3vw, 1.875rem);
  font-weight: 300;
  line-height: 1.15;
  letter-spacing: -0.05em;
  color: var(--stenik-ink);
}

body.webtik-stenik-inner .webtik-prose h3 {
  margin: 10px 0 20px;
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.04em;
  color: var(--stenik-ink);
}

body.webtik-stenik-inner .webtik-prose h4 {
  margin: 10px 0 20px;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: -0.03em;
  color: var(--stenik-ink);
}

body.webtik-stenik-inner .webtik-prose h4 a {
  text-decoration: underline;
}

body.webtik-stenik-inner .webtik-prose h4 a:hover {
  text-decoration: none;
}

body.webtik-stenik-inner .webtik-prose ul,
body.webtik-stenik-inner .webtik-prose ol {
  margin: 0 0 15px;
  padding: 0;
}

body.webtik-stenik-inner .webtik-prose ul li,
body.webtik-stenik-inner .webtik-prose ol li {
  margin: 0 0 5px 25px;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 400;
  color: var(--stenik-ink);
}

body.webtik-stenik-inner .webtik-prose ul li::marker,
body.webtik-stenik-inner .webtik-prose ol li::marker {
  color: #ff4e00;
}

body.webtik-stenik-inner .webtik-prose ul li a,
body.webtik-stenik-inner .webtik-prose ol li a {
  color: var(--stenik-ink);
  text-decoration: underline;
}

body.webtik-stenik-inner .webtik-prose ul li a:hover,
body.webtik-stenik-inner .webtik-prose ol li a:hover {
  color: var(--stenik-accent);
  text-decoration: none;
}

body.webtik-stenik-inner .webtik-prose img {
  max-width: 100%;
  height: auto;
}

body.webtik-stenik-inner .webtik-prose blockquote {
  position: relative;
  margin: 0 0 20px;
  padding: 20px 20px 16px 88px;
  border: none;
  background: var(--stenik-muted-bg);
  font-size: 1.125rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1.45;
  color: var(--stenik-ink);
}

body.webtik-stenik-inner .webtik-prose blockquote::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 2;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIj4NCiAgPHBhdGggZD0iTTQxLjM5OTMgMTEuODAwOUM0MS41OTkzIDExLjYwMDkgNDEuNzk5MyAxMS4yMDA5IDQxLjU5OTMgMTAuODAwOUM0MS4zOTkzIDEwLjYwMDkgNDAuOTk5MyAxMC4yMDA5IDQwLjU5OTMgOS40MDA5QzM5Ljk5OTMgOS4yMDA5IDM5LjU5OTMgOS4yMDA5IDM4Ljk5OTMgOS42MDA5QzMxLjM5OTMgMTQuNDAwOSAyNy4xOTkzIDIwLjAwMDkgMjYuMzk5MyAyNi40MDA5QzI0Ljk5OTMgMzYuNDAwOSAzMy45OTkzIDQxLjIwMDkgMzguNTk5MyAzNi44MDA5QzQzLjE5OTMgMzIuNDAwOSA0MC4zOTkzIDI2LjgwMDkgMzcuMTk5MyAyNS4yMDA5QzMzLjk5OTMgMjMuNjAwOSAzMS45OTkzIDI0LjIwMDkgMzIuMTk5MyAyMi4yMDA5QzMyLjU5OTMgMjAuMjAwOSAzNy4xOTkzIDE0LjYwMDkgNDEuMzk5MyAxMS44MDA5Wk0yMC43OTkzIDkuNjAwOUMyMC4xOTkzIDkuMjAwOSAxOS41OTkzIDkuMjAwOSAxOS4xOTkzIDkuNjAwOUMxMS41OTkzIDE0LjQwMDkgNy4zOTkzNCAyMC4wMDA5IDYuNTk5MzQgMjYuNjAwOUM1LjE5OTM0IDM2LjYwMDkgMTQuMTk5MyA0MS40MDA5IDE4Ljc5OTMgMzcuMDAwOUMyMy4zOTkzIDMyLjYwMDkgMjAuNTk5MyAyNy4wMDA5IDE3LjM5OTMgMjUuNDAwOUMxMy45OTkzIDI0LjAwMDkgMTEuOTk5MyAyNC42MDA5IDEyLjM5OTMgMjIuNDAwOUMxMi43OTkzIDIwLjQwMDkgMTcuMzk5MyAxNC44MDA5IDIxLjU5OTMgMTIuMDAwOUMyMS43OTkzIDExLjgwMDkgMjEuOTk5MyAxMS40MDA5IDIxLjc5OTMgMTEuMDAwOUMyMS41OTkzIDEwLjgwMDkgMjEuMTk5MyAxMC40MDA5IDIwLjc5OTMgOS42MDA5WiIgZmlsbD0iIzM1MzU2RSIvPg0KPC9zdmc+");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

body.webtik-stenik-inner .webtik-prose iframe {
  width: 100%;
  max-width: 100%;
}

/* Картите „stenik“: тънка рамка, без тежка сянка */
body.webtik-stenik-inner .webtik-highlight-card--stenik,
body.webtik-stenik-inner .webtik-page-aside--stenik,
body.webtik-stenik-inner .webtik-page-aside--webtik {
  border: 1px solid var(--stenik-line);
  border-radius: 6px;
  box-shadow: none;
  background: #fff;
}

body.webtik-stenik-inner .webtik-surface--stenik {
  border: 1px solid var(--stenik-line);
  border-radius: 6px;
  box-shadow: none;
  background: #fff;
}

/* Блог листинг */
body.webtik-stenik-inner .webtik-article-grid--stenik .webtik-article-card--stenik {
  margin-bottom: 48px;
}

body.webtik-stenik-inner .webtik-article-card--stenik {
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  padding: 0;
}

body.webtik-stenik-inner .webtik-article-card--stenik .webtik-article-card__body {
  padding: 0;
}

body.webtik-stenik-inner .webtik-article-card--stenik .webtik-article-card__image {
  margin: 0 0 10px;
  aspect-ratio: auto;
  min-height: 0;
}

body.webtik-stenik-inner .webtik-article-card--stenik .webtik-article-card__image img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  vertical-align: top;
}

body.webtik-stenik-inner .webtik-article-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 8px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  color: var(--stenik-ink);
}

body.webtik-stenik-inner .webtik-article-card__meta-item {
  display: inline-block;
  padding: 0 10px 0 0;
  margin: 0 9px 0 0;
  border-right: 1px solid var(--stenik-line);
}

body.webtik-stenik-inner .webtik-article-card__meta-item:last-child {
  border: none;
  margin-right: 0;
  padding-right: 0;
}

body.webtik-stenik-inner .webtik-article-card--stenik h2 {
  margin: 0 0 10px;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.35;
  letter-spacing: -0.03em;
}

body.webtik-stenik-inner .webtik-article-card--stenik h2 a {
  color: var(--stenik-ink);
  text-decoration: none;
  transition: color 0.2s linear;
}

body.webtik-stenik-inner .webtik-article-card--stenik:hover h2 a,
body.webtik-stenik-inner .webtik-article-card--stenik h2 a:hover {
  color: var(--stenik-accent);
}

body.webtik-stenik-inner .webtik-article-card__excerpt {
  margin: 0 0 10px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.45;
  color: var(--stenik-ink);
}

body.webtik-stenik-inner a.webtik-read-post {
  display: inline-block;
  margin: 0;
  padding: 0 5px 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid var(--stenik-ink);
  vertical-align: top;
  transition:
    padding 0.2s linear,
    border-color 0.2s linear;
}

body.webtik-stenik-inner a.webtik-read-post:hover {
  padding-left: 10px;
  padding-right: 10px;
  border-color: var(--stenik-accent);
  color: #000;
}

/* Пагинация като ul.paging */
body.webtik-stenik-inner .navigation.pagination {
  margin: 40px 0 0;
  width: 100%;
  grid-column: 1 / -1;
}

body.webtik-stenik-inner .navigation.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0;
}

body.webtik-stenik-inner .navigation.pagination a.page-numbers,
body.webtik-stenik-inner .navigation.pagination span.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 35px;
  padding: 5px 10px;
  border: 1px solid #000;
  border-radius: 40px;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  color: var(--stenik-ink);
  background: #fff;
  transition: border-color 0.2s linear;
}

body.webtik-stenik-inner .navigation.pagination a.page-numbers:hover {
  border-color: var(--stenik-accent);
}

body.webtik-stenik-inner .navigation.pagination span.page-numbers.current {
  background: #24242e;
  border-color: #24242e;
  color: #fff;
  font-weight: 500;
}

body.webtik-stenik-inner .navigation.pagination span.page-numbers.dots {
  border-color: transparent;
  background: transparent;
}

/* Първични бутони — по-близо до stenik subscribe */
body.webtik-stenik-inner .webtik-button--primary {
  border-radius: 100px;
}

body.webtik-stenik-inner .webtik-section-heading h2 {
  font-weight: 300;
  letter-spacing: -0.04em;
}