/* ==============================================
   Remove Divi Defaults
   ============================================== */
.et_pb_section,
.et_pb_row,
.et_pb_module {
  animation: none !important;
  -webkit-animation: none !important;
  opacity: 1 !important;
  -webkit-transform: none !important;
  transform: none !important;
}

.et_pb_section,
.et_pb_row,
.et_pb_module,
.et_pb_column {
  transition: none !important;
}

.et_pb_section {
  padding: 0 !important;
  background-color: transparent !important;
}


/* Prevent 100vw from causing horizontal scroll.
   overflow-x: clip (not hidden) so position:sticky still works —
   "hidden" creates a scroll context that breaks sticky. */
#page-container,
#et-main-area {
  overflow-x: clip;
}

/* Remove Divi default mobile menu */
#et_mobile_nav_menu,
.mobile_nav,
.et_mobile_menu {
  display: none !important;
}

/* Kill Divi fixed-nav page padding */
.et_fixed_nav.et_show_nav #page-container,
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
  padding-top: 0 !important;
}

/* Hide default Divi header */
.ch-custom-header #main-header,
.ch-custom-header #top-header,
.ch-custom-header #et-top-navigation {
  display: none !important;
}

/* Hide sidebar on Instagram & Game Recap posts */
.single-pp_insta_post #sidebar,
.single-pp_game_summary #sidebar {
  display: none !important;
}

.single-pp_insta_post #left-area,
.single-pp_game_summary #left-area {
  width: 100% !important;
  padding-right: 0 !important;
}

.single-pp_insta_post #main-content .container:before,
.single-pp_game_summary #main-content .container:before {
  display: none !important;
}

/* ==============================================
   Divi Blog Module — Dark Theme
   Targets both D4 (.et_pb_blog) and D5 (.et_pb_posts) wrappers.
   ============================================== */
.et_pb_blog article.et_pb_post,
.et_pb_posts article.et_pb_post {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 6px;
  overflow: hidden;
  transition: border-color 0.2s;
  margin-bottom: 24px;
}

.et_pb_blog article.et_pb_post:hover,
.et_pb_posts article.et_pb_post:hover {
  border-color: var(--secondary);
}

.et_pb_blog article.et_pb_post .et_pb_image_container,
.et_pb_posts article.et_pb_post .et_pb_image_container {
  overflow: hidden;
  margin: 0 0 0 0;
}

.et_pb_blog article.et_pb_post .et_pb_image_container img,
.et_pb_posts article.et_pb_post .et_pb_image_container img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s;
}

.et_pb_blog article.et_pb_post:hover .et_pb_image_container img,
.et_pb_posts article.et_pb_post:hover .et_pb_image_container img {
  transform: scale(1.03);
}

.et_pb_blog article.et_pb_post .et_overlay,
.et_pb_posts article.et_pb_post .et_overlay {
  display: none !important;
}

/* Title — matches pp-cards-title (16px, 700, 3-line clamp) */
.et_pb_blog article.et_pb_post .entry-title,
.et_pb_posts article.et_pb_post .entry-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3;
  letter-spacing: normal;
  text-transform: none;
  padding: 16px 16px 0;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.et_pb_blog article.et_pb_post .entry-title a,
.et_pb_posts article.et_pb_post .entry-title a {
  color: #fff !important;
  text-decoration: none;
  transition: color 0.15s;
}

.et_pb_blog article.et_pb_post .entry-title a:hover,
.et_pb_posts article.et_pb_post .entry-title a:hover {
  color: var(--secondary) !important;
}

/* Meta — gold */
.et_pb_blog article.et_pb_post .post-meta,
.et_pb_posts article.et_pb_post .post-meta {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--secondary) !important;
  padding: 8px 16px 0;
  margin: 0;
}

.et_pb_blog article.et_pb_post .post-meta a,
.et_pb_posts article.et_pb_post .post-meta a,
.et_pb_blog article.et_pb_post .post-meta .published,
.et_pb_posts article.et_pb_post .post-meta .published {
  color: var(--secondary) !important;
}

.et_pb_blog article.et_pb_post .post-content,
.et_pb_posts article.et_pb_post .post-content {
  padding: 10px 16px 16px;
  display: flex;
  flex-direction: column;
}

/* Excerpt — matches pp-cards-excerpt (14px, 2-line clamp) */
.et_pb_blog article.et_pb_post .post-content-inner p,
.et_pb_posts article.et_pb_post .post-content-inner p {
  font-family: 'Barlow', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400;
  color: #c8bfa8 !important;
  line-height: 1.55;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.et_pb_blog article.et_pb_post .post-content-inner,
.et_pb_posts article.et_pb_post .post-content-inner {
  flex: 1;
}

/* Read more — matches pp-cards-read-more (uppercase, gold, with arrow) */
.et_pb_blog article.et_pb_post .more-link,
.et_pb_posts article.et_pb_post .more-link {
  display: inline-block;
  align-self: flex-start;
  font-family: 'Barlow', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  color: #b9975b !important;
  margin-top: 8px;
  transition: opacity 0.15s;
}

.et_pb_blog article.et_pb_post .more-link::after,
.et_pb_posts article.et_pb_post .more-link::after {
  content: ' \2192';
}

.et_pb_blog article.et_pb_post .more-link:hover,
.et_pb_posts article.et_pb_post .more-link:hover {
  opacity: 0.75;
}

.et_pb_blog article.et_pb_post.et_pb_no_thumb .entry-title,
.et_pb_posts article.et_pb_post.et_pb_no_thumb .entry-title {
  padding-top: 20px;
}

/* Hide default Divi footer */
#main-footer,
#et-footer-nav {
  display: none !important;
}