/* ════════════════════════════════════════
   СОС v7 — Additional CSS patches
   Last updated: April 2026
════════════════════════════════════════ */

/* ── Paragraph spacing in article body ── */
.single-body p,
.entry-content p,
.sos-entry-content p {
  margin-bottom: 20px !important;
  line-height: 1.8 !important;
}

/* ── Bullet + numbered lists in article body ── */
.single-body ul,
.entry-content ul:not(.sd-content ul):not(.sharedaddy ul),
.sos-entry-content ul {
  list-style: disc !important;
  padding-left: 28px !important;
  margin-bottom: 18px !important;
}
.single-body ol,
.entry-content ol,
.sos-entry-content ol {
  list-style: decimal !important;
  padding-left: 28px !important;
  margin-bottom: 18px !important;
}
.single-body li,
.sos-entry-content li {
  display: list-item !important;
  margin-bottom: 8px !important;
  line-height: 1.7 !important;
}

/* Jetpack sharing buttons — reset list styling */
.sd-content ul,
.sd-content ul li,
.sharedaddy ul,
.sharedaddy ul li {
  list-style: none !important;
  display: inline-block !important;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}

/* ── Single post body font size + spacing ── */
.single-body {
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #222 !important;
}

/* ── Hide author everywhere ── */
.entry-author, .byline, .author-name, .post-author,
.author.vcard, .author-info, span.author, .post-byline,
.by-author, .wp-block-post-author { display: none !important; }

/* ── Hide "Customize buttons" admin link ── */
a[href*="sharing-buttons"],
a.customize-unpreviewable,
.customize-unpreviewable { display: none !important; }

/* ── Hide Jetpack Like button (keep Share) ── */
.wp-block-jetpack-like,
.like-post-wrapper,
#likes-other-gravatars { display: none !important; }

/* ── "Related" → "Повезано" ── */
.jp-relatedposts-headline em:before {
  content: "Повезано";
  display: block;
  font-style: normal;
  font-weight: 700;
  font-size: inherit;
}
.jp-relatedposts-headline em {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}
/* ── "Leave a Reply" → "Оставите коментар" ── */
#reply-title:before {
  content: "Оставите коментар";
  display: block;
  font-size: inherit;
  font-weight: 700;
}
#reply-title {
  font-size: 0 !important;
  color: transparent !important;
  line-height: 0 !important;
}

/* ── "Write a comment..." placeholder ── */
#comment::placeholder,
.comment-form textarea::placeholder {
  content: "Напишите коментар..." !important;
}
/* Force nav to single row — smaller padding */
#sos-nav .sos-menu li a {
  padding: 14px 9px !important;
  font-size: 12px !important;
  letter-spacing: 0.2px !important;
}
/* ── Footer colour match to Wayback ── */
#sos-footer {
  background: #1e3f6e !important;
}
/* ════════════════════════════════════════
   MOBILE RESPONSIVE — targeted fixes
   2026 device coverage: 320/360/375/390/430px
════════════════════════════════════════ */

/* ── 430px and below — iPhone Max / large Android ── */
@media (max-width: 430px) {
  /* Header */
  .sos-header-inner { height: 60px !important; }
  .sos-logo-wrap img,
  .sos-logo-wrap .custom-logo img { height: 46px !important; }
  .sos-search input[type="search"],
  .sos-header-search input[type="search"] { width: 130px !important; }

  /* Nav — horizontal scroll, no wrap */
  #sos-nav .sos-container { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
  #sos-nav .sos-menu { flex-wrap: nowrap !important; width: max-content !important; }
  #sos-nav .sos-menu li a { padding: 10px 9px !important; font-size: 11px !important; }

  /* Slider */
  .sos-slide img { height: 220px !important; }
  .sos-slide-title { font-size: 17px !important; }
  .sos-slide-sub { font-size: 10px !important; }
  .sos-slide-caption { padding: 12px 14px !important; }

  /* Sections */
  .sos-section-heading { font-size: 22px !important; margin-top: 18px !important; }
  .sos-sidebar-heading { font-size: 22px !important; }

  /* Одабрано */
  .odabrano-thumb img { width: 85px !important; height: 65px !important; }
  .odabrano-body .item-title { font-size: 14px !important; }

  /* Archive grid */
  .archive-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 14px 10px !important; }
  .archive-card-thumb img { height: 130px !important; }
  .archive-card-title { font-size: 14px !important; }
  .archive-title { font-size: 22px !important; }

  /* Single post */
  .single-title { font-size: 22px !important; }
  .single-body { font-size: 15px !important; }

  /* Footer */
  .sos-footer-nav { grid-template-columns: repeat(2, 1fr) !important; font-size: 12px !important; }
}

/* ── 390px — iPhone 14 Pro / 15 standard ── */
@media (max-width: 390px) {
  .sos-header-inner { height: 56px !important; }
  .sos-logo-wrap img,
  .sos-logo-wrap .custom-logo img { height: 42px !important; }
  .sos-search input[type="search"],
  .sos-header-search input[type="search"] { width: 115px !important; }
  .sos-slide img { height: 200px !important; }
  .sos-slide-title { font-size: 15px !important; }
}

/* ── 375px — iPhone SE / 13 base ── */
@media (max-width: 375px) {
  .sos-header-inner { height: 52px !important; }
  .sos-logo-wrap img,
  .sos-logo-wrap .custom-logo img { height: 38px !important; }
  .sos-search input[type="search"],
  .sos-header-search input[type="search"] { width: 100px !important; }
  .sos-fb-btn { width: 36px !important; height: 36px !important; font-size: 15px !important; }
  .sos-slide img { height: 185px !important; }
  .sos-slide-title { font-size: 14px !important; }
  .sos-slide-sub { display: none !important; }
  .archive-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .archive-card-thumb img { height: 110px !important; }
}

/* ── 360px — Samsung Galaxy S / mid Android ── */
@media (max-width: 360px) {
  .sos-header-inner { height: 50px !important; }
  .sos-logo-wrap img,
  .sos-logo-wrap .custom-logo img { height: 36px !important; }
  .sos-search input[type="search"],
  .sos-header-search input[type="search"] { width: 88px !important; }
  .sos-fb-btn { width: 34px !important; height: 34px !important; }
  #sos-nav .sos-menu li a { padding: 9px 7px !important; font-size: 10px !important; }
  .sos-slide img { height: 175px !important; }
  .sos-slide-title { font-size: 13px !important; }
  .single-title { font-size: 19px !important; }
  .archive-grid { grid-template-columns: 1fr !important; }
  .archive-card-thumb img { height: 180px !important; }
}

/* ── 320px — minimum (small Android, iPhone SE 1st gen) ── */
@media (max-width: 320px) {
  .sos-logo-wrap img,
  .sos-logo-wrap .custom-logo img { height: 32px !important; }
  .sos-search input[type="search"],
  .sos-header-search input[type="search"] { width: 72px !important; font-size: 11px !important; }
  .sos-fb-btn { width: 30px !important; height: 30px !important; font-size: 13px !important; }
  #sos-nav .sos-menu li a { padding: 8px 6px !important; font-size: 9px !important; }
  .sos-slide img { height: 155px !important; }
  .sos-slide-title { font-size: 12px !important; }
  .single-title { font-size: 17px !important; }
  .single-body { font-size: 14px !important; }
  .sos-footer-nav { grid-template-columns: 1fr 1fr !important; font-size: 11px !important; }
}
/* ── Active slider dot colour ── */
.sos-dot.active { background: #109dd9 !important; }
/* ── Fix paragraph spacing in article ── */
.single-body p {
  margin-bottom: 14px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  line-height: 1.75 !important;
}