/* Que Cuisine — Hair Chapters layout/article fonts, brand header colors */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Lato:wght@400;900&display=swap");

:root {
  --hc-terracotta: #d3542e;
  --hc-brown: #3b2a1d;
  --hc-bg: #f5f5f5;
  --hc-text: #000000;
  --hc-muted: #3d3d3d;
  --hc-h3: #c96464; /* competitor article H3 accent */
  --global-body-font-family: Inter, sans-serif;
  --global-heading-font-family: Inter, sans-serif;
  --global-primary-nav-font-family: Lato, sans-serif;
  /* Kill Kadence cream/yellow side panels site-wide */
  --global-palette7: #f5f5f5;
  --global-palette8: #f5f5f5;
  --global-palette9: #f5f5f5;
}

html,
body,
.site,
#wrapper {
  background: #f5f5f5 !important;
}

html:has(body.single),
body.single {
  background: #fff !important;
}

/* Competitor article body: Inter 18px / 1.8 / black */
body,
body input,
body select,
body optgroup,
body textarea {
  font-family: Inter, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
  font-weight: 400 !important;
  color: #000 !important;
  text-transform: none !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.wp-block-post-title,
.wp-block-heading {
  font-family: Inter, sans-serif !important;
}

/* Competitor heading scale */
h1,
.entry-hero h1,
.post-title h1,
.single-content h1,
.entry-content h1,
h1.entry-title {
  font-family: Inter, sans-serif !important;
  font-weight: 800 !important;
  font-size: 36px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #000 !important;
}

h2,
.entry-content h2,
.wp-block-heading h2,
.entry-content .wp-block-heading {
  font-family: Inter, sans-serif !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #000 !important;
}

h3,
.entry-content h3,
.entry-content h3.wp-block-heading {
  font-family: Inter, sans-serif !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #c96464 !important;
}

h4, h5, h6,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-family: Inter, sans-serif !important;
  font-weight: 700 !important;
  color: #000 !important;
  text-transform: none !important;
}

/* Single / article content */
.single .entry-content,
.single .entry-content p,
.single .entry-content li {
  font-family: Inter, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
  color: #000 !important;
}

.single .entry-content a {
  color: #000 !important;
  text-decoration: underline;
}

.single .entry-content a:hover {
  color: #c96464 !important;
}

.entry-meta,
.post-title .entry-meta,
.post-title .entry-taxonomies,
.post-title .entry-taxonomies a {
  font-family: Inter, sans-serif !important;
  font-size: 17px !important;
  font-style: normal !important;
  color: #3d3d3d !important;
}

.single .entry-content figcaption,
.single .wp-block-image figcaption {
  font-family: Inter, sans-serif !important;
  font-size: 15px !important;
  color: #666 !important;
  text-align: center;
}

.single .entry.single-entry {
  box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.05) !important;
}

/* Competitor: tight gap under header (~1.3rem) */
.content-area,
.archive .content-area,
.category .content-area,
.search .content-area,
.single .content-area,
.home .content-area,
.home.page .content-area {
  margin-top: 1.3rem !important;
  margin-bottom: 1.3rem !important;
}

.home .entry-content-wrap,
.page-template-default.home .entry-content-wrap {
  padding-top: 0 !important;
  padding-bottom: 1rem !important;
}

.site-header,
.site-header-wrap,
.site-header-row-container-inner,
#masthead {
  background: #fff !important;
}

.site-branding img.custom-logo {
  max-height: 56px !important;
  width: auto !important;
  max-width: 310px !important;
}

/*
 * Title bands site-wide:
 * full-width gray background, centered headline, no cream/yellow side panel.
 * Menu layout stays default Kadence (logo left, nav+search stretch right).
 */
/* Kill cream/yellow (#f0e8dc / #faf3e9) beside every title band */
html,
body,
.single,
.archive,
.category,
.tag,
.search,
.blog,
.page {
  --global-palette9: #f5f5f5 !important;
  --global-palette7: #f5f5f5 !important;
}

.single {
  --hc-article-width: 800px;
}

/* Article page: white canvas; only the headline band stays gray */
html.single,
.single,
.single body,
body.single,
.single .site,
.single #wrapper,
.single #inner-wrap,
.single .content-area,
.single #primary {
  background: #fff !important;
}

.single .entry-hero.post-hero-section,
.single .entry-hero-container-inner,
.single .entry-hero .hero-section-overlay {
  background: #f5f5f5 !important;
  width: 100% !important;
  max-width: none !important;
}

.single .entry-hero .hero-container.site-container {
  max-width: 1280px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Compact gray band like competitor (~title + meta only, no stacked padding) */
.single .entry-hero.post-hero-section,
.single .entry-hero-container-inner,
.single .entry-hero .hero-section-overlay,
.single .entry-hero .hero-container,
.single .entry-hero .entry-header,
.single .entry-header.post-title {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}

.single .entry-header.post-title,
.single .entry-header.title-align-left,
.single .entry-header.title-align-center,
.single .entry-hero .entry-header {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.single h1.entry-title,
.single .entry-hero h1,
.single .post-title h1 {
  text-align: center !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-wrap: break-word !important;
  overflow: visible !important;
  line-height: 1.2 !important;
}

/* Desktop: sized so long titles usually fit one centered line; wraps instead of clipping */
@media (min-width: 901px) {
  .single h1.entry-title,
  .single .entry-hero h1,
  .single .post-title h1 {
    font-size: 1.625rem !important; /* 26px */
  }
}

.single .entry-meta,
.single .post-title .entry-meta,
.single .post-title .entry-taxonomies,
.single .entry-hero .entry-meta {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.15rem 0.35rem !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0.65rem !important;
}

.single .entry-meta > *,
.single .entry-meta a,
.single .entry-meta .posted-by,
.single .entry-meta .posted-on,
.single .entry-meta .meta-comments {
  text-align: center !important;
  justify-content: center !important;
}

/* Boxed article column (competitor ~750–800px) */
.single .content-container.site-container,
.single #primary.content-area,
.single .content-wrap,
.single .entry.content-bg,
.single #primary .content-bg,
.single article.entry.content-bg,
.single .entry-content-wrap,
.single .content-wrap .content-bg,
.single .comments-area,
.single #comments {
  background: #fff !important;
  max-width: var(--hc-article-width) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: none !important;
  border: 0 !important;
}

.single .entry-content-wrap {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.header-navigation .header-menu-container > ul > li > a,
.primary-menu-container > ul > li > a,
.main-navigation .menu > li > a {
  color: var(--hc-brown) !important;
  font-family: Lato, sans-serif !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}

.header-navigation .header-menu-container > ul > li > a:hover,
.primary-menu-container > ul > li > a:hover,
.main-navigation .menu > li > a:hover {
  color: var(--hc-terracotta) !important;
}

.header-navigation .header-menu-container ul ul.sub-menu,
.primary-menu-container ul ul.sub-menu {
  background: var(--hc-brown) !important;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.1) !important;
}

.header-navigation .header-menu-container ul ul li.menu-item > a,
.primary-menu-container ul ul li.menu-item > a {
  color: #fff !important;
  font-family: Inter, sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.header-navigation .header-menu-container ul ul li.menu-item > a:hover,
.primary-menu-container ul ul li.menu-item > a:hover {
  color: var(--hc-terracotta) !important;
  background: #fff !important;
}

.header-search-toggle,
.search-toggle-open-wrapper .search-toggle-open,
.search-toggle-open-container .search-toggle-open,
button.search-toggle-open {
  background: var(--hc-terracotta) !important;
  color: #fff !important;
  border-radius: 4px !important;
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
}

.search-toggle-open-container .search-toggle-open .search-toggle-icon,
button.search-toggle-open svg {
  color: #fff !important;
  fill: #fff !important;
}

.hc-section-title,
.entry-content h2.hc-section-title {
  font-family: Inter, sans-serif !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  color: #000 !important;
  margin: 12px 0 22px !important;
}

.hc-search-band {
  margin: 48px auto 56px !important;
  padding: 8px 0 24px !important;
}

.hc-search-band .wp-block-search__input {
  border: 1px solid #d0d0d0 !important;
  border-radius: 2px !important;
  min-height: 46px !important;
}

.hc-search-band .wp-block-search__button {
  background: transparent !important;
  color: #000 !important;
  border: 0 !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.hc-see-more {
  margin: 8px 0 40px !important;
  font-weight: 600 !important;
}

.hc-see-more a {
  color: var(--hc-terracotta) !important;
  text-decoration: none !important;
}

.content-bg,
.entry-content-wrap,
body.content-style-unboxed .site {
  background: #fff !important;
  box-shadow: none !important;
  border: 0 !important;
}

.single .content-bg,
.single .entry-content-wrap,
.single .entry.content-bg {
  background: #fff !important;
}

.site-footer {
  background: #fff !important;
  border-top: 1px solid #eee;
}

.footer-navigation,
.footer-navigation-wrap {
  text-align: center !important;
}

.footer-navigation .menu,
#footer-menu {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.35rem 1.35rem !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 1rem 1rem 0.35rem !important;
}

.footer-navigation a,
#footer-menu a {
  font-family: Inter, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #222 !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.footer-navigation a:hover,
#footer-menu a:hover {
  color: var(--hc-terracotta) !important;
}

.site-info,
.footer-html-inner,
.footer-html-inner p {
  text-align: center !important;
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  color: #444 !important;
}

body.home.page .entry-hero,
body.home.page .entry-header,
body.home.page .entry-title,
.home.page .entry-hero,
.home.page .entry-header,
.home.page .entry-title {
  display: none !important;
}

body.home.page .content-bg,
body.home.page .content-container.site-container,
.home.page .content-bg,
.home.page .content-container.site-container {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.entry-hero,
.entry-header,
.hero-container,
.entry-hero-container-inner,
.hero-section-overlay {
  background: #f5f5f5 !important;
  margin: 0 !important;
}

/* Non-single heroes keep light padding; singles use the compact rules above */
body:not(.single) .entry-hero,
body:not(.single) .entry-header,
body:not(.single) .hero-container {
  padding-top: 1rem !important;
  padding-bottom: 0.5rem !important;
}

.entry-hero .entry-header {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.entry-hero .entry-title,
.entry-hero h1.entry-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Kill old Playfair / Arial Black / Verdana leftovers on articles */
.single .entry-hero h1,
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4 {
  font-family: Inter, sans-serif !important;
}

/* ============================================================
   Site-wide post cards (archives, categories, search, home,
   query loops, related) — competitor: portrait + centered title
   ============================================================ */
.loop-entry.entry,
.kadence-posts-list .loop-entry,
.entry-list-item .loop-entry,
.hc-latest-posts .wp-block-post,
.hc-cat-grid .wp-block-post,
.wp-block-post-template .wp-block-post,
.wp-block-query .wp-block-post {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.loop-entry .entry-content-wrap,
.kadence-posts-list .loop-entry .entry-content-wrap,
.hc-latest-posts .wp-block-post,
.hc-cat-grid .wp-block-post {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0.65rem 0 0 !important;
  margin: 0 !important;
}

/* Hide card chrome — image + title only (like competitor / related) */
.loop-entry .entry-meta,
.loop-entry .entry-taxonomies,
.loop-entry .entry-summary,
.loop-entry .entry-footer,
.loop-entry .more-link,
.loop-entry .entry-content > p,
.kadence-posts-list .loop-entry .entry-meta,
.kadence-posts-list .loop-entry .entry-taxonomies,
.kadence-posts-list .loop-entry .entry-summary,
.kadence-posts-list .loop-entry .entry-footer,
.kadence-posts-list .loop-entry .more-link,
.hc-latest-posts .wp-block-post-excerpt,
.hc-latest-posts .wp-block-post-date,
.hc-latest-posts .wp-block-post-author,
.hc-latest-posts .wp-block-post-terms,
.hc-cat-grid .wp-block-post-excerpt,
.hc-cat-grid .wp-block-post-date,
.hc-cat-grid .wp-block-post-author,
.hc-cat-grid .wp-block-post-terms,
.wp-block-post-template .wp-block-post-excerpt,
.wp-block-post-template .wp-block-post-date,
.wp-block-post-template .wp-block-post-author-name,
.wp-block-post-template .wp-block-post-terms {
  display: none !important;
}

/* Centered compact titles on every card */
.loop-entry .entry-title,
.loop-entry .entry-title a,
.loop-entry h2.entry-title,
.loop-entry h2.entry-title a,
.kadence-posts-list .loop-entry .entry-title,
.kadence-posts-list .loop-entry .entry-title a,
.hc-latest-posts .wp-block-post-title,
.hc-latest-posts .wp-block-post-title a,
.hc-cat-grid .wp-block-post-title,
.hc-cat-grid .wp-block-post-title a,
.wp-block-post-template .wp-block-post-title,
.wp-block-post-template .wp-block-post-title a {
  font-family: Inter, sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  line-height: 1.3 !important;
  color: #000 !important;
  text-align: center !important;
  text-decoration: none !important;
  margin: 0.35rem 0 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
}

/* Gutenberg block-level font classes must not shrink category grids */
.hc-cat-grid .wp-block-post-title.has-medium-font-size,
.hc-cat-grid .wp-block-post-title.has-medium-font-size a,
.hc-cat-grid .wp-block-post-title.has-large-font-size,
.hc-cat-grid .wp-block-post-title.has-large-font-size a,
.hc-latest-posts .wp-block-post-title.has-medium-font-size,
.hc-latest-posts .wp-block-post-title.has-medium-font-size a {
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  line-height: 1.3 !important;
  color: #000 !important;
}

/* Block editor inline typography on saved homepage titles */
.hc-cat-grid h2.wp-block-post-title[style],
.hc-cat-grid h2.wp-block-post-title[style] a,
.hc-latest-posts h2.wp-block-post-title[style],
.hc-latest-posts h2.wp-block-post-title[style] a {
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  line-height: 1.3 !important;
  color: #000 !important;
}

.loop-entry .entry-title a:hover,
.kadence-posts-list .loop-entry .entry-title a:hover,
.hc-latest-posts .wp-block-post-title a:hover,
.hc-cat-grid .wp-block-post-title a:hover,
.wp-block-post-template .wp-block-post-title a:hover {
  color: #d3542e !important;
}

.loop-entry .entry-header {
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Portrait 2:3 thumbnails everywhere cards appear */
.loop-entry .post-thumbnail,
.loop-entry a.post-thumbnail,
.kadence-posts-list .loop-entry .post-thumbnail,
.hc-latest-posts .wp-block-post-featured-image,
.hc-cat-grid .wp-block-post-featured-image,
.wp-block-post-template .wp-block-post-featured-image {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 2 / 3 !important;
  height: auto !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  margin: 0 !important;
  background: #eee !important;
  position: relative !important;
}

.loop-entry .post-thumbnail-inner,
.loop-entry .kadence-thumbnail-ratio-inherit,
.loop-entry [class*="kadence-thumbnail-ratio"],
.hc-latest-posts .wp-block-post-featured-image a,
.hc-cat-grid .wp-block-post-featured-image a,
.wp-block-post-template .wp-block-post-featured-image a {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  position: absolute !important;
  inset: 0 !important;
}

.loop-entry .post-thumbnail img,
.loop-entry .wp-post-image,
.kadence-posts-list .loop-entry img,
.hc-latest-posts .wp-block-post-featured-image img,
.hc-cat-grid .wp-block-post-featured-image img,
.wp-block-post-template .wp-block-post-featured-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 0 !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
}

/* Archive / category / search page surface */
.archive .content-bg,
.category .content-bg,
.tag .content-bg,
.search .content-bg,
.blog .content-bg,
.archive .entry-content-wrap,
.category .entry-content-wrap {
  background: #fff !important;
  box-shadow: none !important;
}

/* Archive heroes: flat gray only — no cream side panel */
.archive .entry-hero,
.category .entry-hero,
.tag .entry-hero,
.search .entry-hero,
.blog .entry-hero,
.archive .entry-hero-container-inner,
.category .entry-hero-container-inner,
.tag .entry-hero-container-inner,
.search .entry-hero-container-inner,
.blog .entry-hero-container-inner,
.archive .entry-hero .hero-section-overlay,
.category .entry-hero .hero-section-overlay,
.tag .entry-hero .hero-section-overlay,
.search .entry-hero .hero-section-overlay,
.entry-hero.post-archive-hero-section,
.entry-hero.post-archive-hero-section .entry-hero-container-inner,
.entry-hero.post-archive-hero-section .hero-section-overlay,
.entry-hero.post-archive-hero-section .hero-container {
  background: #f5f5f5 !important;
  box-shadow: none !important;
}

.archive .entry-hero .hero-container.site-container,
.category .entry-hero .hero-container.site-container,
.tag .entry-hero .hero-container.site-container,
.search .entry-hero .hero-container.site-container,
.entry-hero.post-archive-hero-section .hero-container.site-container {
  max-width: 900px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: transparent !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.archive .entry-hero .entry-header,
.category .entry-hero .entry-header,
.tag .entry-hero .entry-header,
.search .entry-hero .entry-header,
.blog .entry-hero .entry-header,
.entry-hero.post-archive-hero-section .entry-header,
.archive .entry-hero .archive-description,
.category .entry-hero .archive-description,
.tag .entry-hero .archive-description,
.search .entry-hero .archive-description,
.entry-hero.post-archive-hero-section .archive-description,
.archive .entry-hero .archive-description p,
.category .entry-hero .archive-description p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.archive h1.page-title,
.archive h1.archive-title,
.archive h1.entry-title,
.category h1.page-title,
.category h1.archive-title,
.category h1.entry-title,
.tag h1.page-title,
.tag h1.archive-title,
.search h1.page-title,
.search h1.archive-title,
.search h1.entry-title,
.blog h1.page-title,
.entry-hero.post-archive-hero-section h1 {
  text-align: center !important;
  font-size: clamp(1.75rem, 3vw, 2.25rem) !important;
  font-weight: 800 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
}

/* ---- Related posts footer (competitor: 4 portrait cards in article column) ---- */
.single .post-navigation {
  display: none !important;
}

.single .entry-related,
.single .entry-related.alignfull,
.single .entry-related-style-wide {
  background: #fff !important;
  box-shadow: none !important;
  border: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 2rem 0 1.5rem !important;
  left: auto !important;
  right: auto !important;
}

/* Same width as boxed article — not full-bleed */
.single .entry-related-inner,
.single .entry-related-inner.content-container,
.single .entry-related-inner.site-container {
  max-width: var(--hc-article-width) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  border: 0 !important;
}

.single .entry-related-inner-content,
.single .entry-related-inner-content.alignwide {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  background: #fff !important;
  box-shadow: none !important;
  border: 0 !important;
}

.single .entry-related-title {
  font-family: Inter, sans-serif !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  color: #000 !important;
  text-align: left !important;
  margin: 0 0 1.25rem !important;
  max-width: none !important;
  width: 100% !important;
}

.single .entry-related .splide__arrows,
.single .entry-related .splide__pagination,
.single .entry-related .splide__sr {
  display: none !important;
}

.single .entry-related .splide,
.single .entry-related .splide.is-initialized,
.single .entry-related .splide.is-active,
.single .entry-related .splide__track,
.single .entry-related .splide.is-initialized .splide__track {
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
  height: auto !important;
  visibility: visible !important;
  max-height: none !important;
}

.single .entry-related .splide__list,
.single .entry-related .kadence-posts-list,
.single .entry-related .splide.is-initialized .splide__list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px 17px !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.single .entry-related .splide__slide,
.single .entry-related .entry-list-item,
.single .entry-related .splide__slide.is-active,
.single .entry-related .splide__slide[aria-hidden="true"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  height: auto !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  pointer-events: auto !important;
}

.single .entry-related .entry.content-bg,
.single .entry-related .loop-entry,
.single .entry-related article {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

.single .entry-related .entry-content-wrap,
.single .entry-related .entry-header,
.single .entry-related .entry-summary {
  background: transparent !important;
  padding: 0.65rem 0 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: none !important;
}

.single .entry-related .entry-meta,
.single .entry-related .entry-taxonomies,
.single .entry-related .entry-footer,
.single .entry-related .entry-summary,
.single .entry-related .entry-content,
.single .entry-related .entry-excerpt,
.single .entry-related .more-link,
.single .entry-related p {
  display: none !important;
}

.single .entry-related .entry-title,
.single .entry-related .entry-title a,
.single .entry-related h3.entry-title,
.single .entry-related h3.entry-title a {
  font-family: Inter, sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  color: #000 !important;
  text-align: center !important;
  text-decoration: none !important;
  margin: 0 !important;
}

.single .entry-related .entry-title a:hover {
  color: #d3542e !important;
}

/* Competitor 2:3 portrait cards */
.single .entry-related .post-thumbnail,
.single .entry-related a.post-thumbnail {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 2 / 3 !important;
  height: auto !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  margin: 0 !important;
  background: #eee !important;
  position: relative !important;
}

.single .entry-related .post-thumbnail-inner,
.single .entry-related .kadence-thumbnail-ratio-2-3,
.single .entry-related [class*="kadence-thumbnail-ratio"] {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  position: absolute !important;
  inset: 0 !important;
}

.single .entry-related .post-thumbnail img,
.single .entry-related .wp-post-image {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 0 !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
}

@media (max-width: 900px) {
  .single {
    --hc-article-width: 100%;
  }

  .single .entry-related .splide__list,
  .single .entry-related .kadence-posts-list,
  .single .entry-related .splide.is-initialized .splide__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 14px !important;
  }

  .single .entry-related .splide__slide,
  .single .entry-related .entry-list-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 520px) {
  .single .entry-related .splide__list,
  .single .entry-related .kadence-posts-list,
  .single .entry-related .splide.is-initialized .splide__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 12px !important;
  }

  .single .entry-related,
  .single .entry-related.alignfull {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
  }
}