/* ===========================
   GLOBAL LAYOUT & BRAND STYLE
   =========================== */

/* Hide footer */
#site-footer,
.footer,
.site-footer {
  display: none !important;
}

/* Brand color tokens (for easy changes later) */
:root {
  --fw-red: #C9432C;
  --fw-red-dark: #A83623;
  --fw-red-pill: #BD3739;
  --fw-red-pill-dark: #A12D30;
}

/* Social share icons */
a.smc-icon,
.bs-social-bar a,
.smc-share-btn,
.smc-share-btn i {
  background-color: var(--fw-red) !important;
  color: #ffffff !important;
}
a.smc-icon:hover,
.bs-social-bar a:hover,
.smc-share-btn:hover {
  background-color: var(--fw-red-dark) !important;
  color: #ffffff !important;
}

/* Category label shadow */
.cat-label {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

/* ===========================
   SHARE text cleanup
   =========================== */

.single-post .post-share-title,
.single-post .section-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  color: #444 !important;
}

/* Replace bottom share label with "Share" */
.post-share-bot .info {
  visibility: hidden !important;
  position: relative;
}
.post-share-bot .info::after {
  content: "Share";
  visibility: visible !important;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #555 !important;
}

/* ===========================
   TAG pill styling (single posts)
   =========================== */

.single-post .post-tags a,
.single-post .tags a,
.single-post a[rel~="tag"],
.single .tag-links a {
  background-color: var(--fw-red-pill) !important;
  color: #fff !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  display: inline-block !important;
  margin: 0 6px 6px 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.single-post .post-tags a:hover,
.single-post .tags a:hover,
.single .tag-links a:hover {
  background-color: var(--fw-red-pill-dark) !important;
  color: #fff !important;
}

/* ===========================
   Subscribe button styling (menu)
   =========================== */

.menu-subscribe-btn > a {
  background-color: var(--fw-red-pill) !important;
  color: #fff !important;
  padding: 4px 14px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  text-decoration: none !important;
}
.menu-subscribe-btn > a:hover {
  background-color: var(--fw-red-pill-dark) !important;
  color: #fff !important;
}

/* ===========================
   REMOVE RELATED POSTS ONLY
   =========================== */

.single .bs-related,
.single .section-related,
.single .related-posts {
  display: none !important;
}

/* ===========================
   IMAGE SIZING ON SINGLE POSTS
   =========================== */

.single-post .post-thumbnail,
.single-post .entry-media,
.single-post .single-featured,
.single-post .main-post .bs-featured {
  text-align: center !important;
}

.single-post .post-thumbnail img,
.single-post .entry-media img,
.single-post .single-featured img,
.single-post .main-post .bs-featured img {
  max-width: 70% !important;
  height: auto !important;
  margin: 0 auto !important;
}

.single-post .entry-content img {
  max-width: 80% !important;
  height: auto !important;
  margin: 1.5em auto !important;
  display: block !important;
}

/* ===========================
   PAGINATION BUTTON STYLE
   (Archives, tags, search, etc.)
   =========================== */

.pagination a,
.pagination span,
.bs-pagination a,
.bs-pagination span {
  display: inline-block;
  padding: 6px 10px;
  margin: 0 3px;
  border-radius: 4px;
  border: 1px solid #ddd;
  font-size: 13px;
  color: #555;
}

.pagination .current,
.bs-pagination .current {
  background-color: var(--fw-red) !important;
  color: #fff !important;
  border-color: var(--fw-red) !important;
}

/* ===========================
   ABOUT PAGE (ID: 169591)
   =========================== */

body.page-id-169591 .entry-content > * {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-id-169591 .entry-content .wp-block-columns {
  display: flex !important;
  align-items: flex-start !important;
  gap: 36px !important;
  margin-top: -10px !important;
  margin-bottom: 40px !important;
}

body.page-id-169591 .entry-content .wp-block-columns > .wp-block-column:first-child {
  flex: 0 0 320px !important;
}

body.page-id-169591 .entry-content figure.wp-block-image img {
  width: 320px !important;
  height: 320px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

@media (max-width: 781px) {
  body.page-id-169591 .entry-content .wp-block-columns {
    flex-direction: column !important;
    gap: 24px !important;
  }
  body.page-id-169591 .entry-content figure.wp-block-image img {
    width: 300px !important;
    height: 300px !important;
  }
}

/* ===========================
   SEARCH OVERLAY CLEANUP
   =========================== */

/* Reduce headline size */
.bs-search-form .search-title,
.bs-search-form h3 {
  font-size: 32px !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
}

/* Reduce input size */
.bs-search-form input[type="search"],
.bs-search-form input[type="text"] {
  font-size: 18px !important;
  padding: 10px 14px !important;
  max-width: 640px !important;
  margin: 0 auto !important;
}

/* Tighten helper text */
.bs-search-form .search-desc,
.bs-search-form p {
  font-size: 13px !important;
  margin-top: 8px !important;
  color: #777 !important;
}

/* Reduce overall overlay padding */
.bs-search-overlay,
.bs-search-modal,
.search-overlay {
  padding-top: 120px !important;
}

/* Make close button less dominant */
.bs-search-close,
.search-close {
  transform: scale(0.85);
  opacity: 0.75;
}
.bs-search-close:hover,
.search-close:hover {
  opacity: 1;
}

/* Fix bullet list padding on mobile & tablet */
@media (max-width: 1024px) {
  .entry-content ul {
    padding-left: 1.25rem;
  }

  .entry-content li {
    margin-left: 0;
  }
}
