/**
 * Start-Site theme tweaks (h1 width, single thumb, hero, brand color).
 * Loaded after the parent theme. Parent templates are not edited.
 */

/* 1. Remove h1 max-width: min(13em, 100%); keep theme font-size clamp. */
h1 {
  max-width: none;
}

/* 3. Single hero: solid color, no background image. */
.single-hero {
  background-color: #1E2C37;
  background-image: none !important;
}

.single-hero-overlay {
  background: transparent;
  backdrop-filter: none;
}

/* 2. Featured image right after .main_style_single; text wraps on desktop. */
.ss-single-thumb {
  float: left;
  width: 50%;
  max-width: 50%;
  box-sizing: border-box;
  margin: 0 1.75rem 1.5rem 0;
  padding: 0;
}

.ss-single-thumb img,
.ss-single-thumb__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  object-fit: cover;
}

.single_post .post_content {
  overflow: visible;
}

.single_post article.post_item::after,
.single_post .post_content::after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 767px) {
  .ss-single-thumb {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 1.25rem 0;
  }
}

/* 4. Brand color token (hardcoded #1420b2 in parent CSS is also patched in file backups). */
:root {
  --site-main-color: #1E2C37;
}