/*
 * JoesBetterDeals.com site-specific styles.
 * Version 1.2.4: clean migrated post templates, responsive video embeds, and footer/home CTA refinements.
 */

/* Keep the desktop header intentionally simple: identity + one CTA. */
@media (min-width: 1025px) {
	#site-navigation .primary-menu-container > ul > li > a {
		background: #2f7d5b;
		border-radius: 6px;
		color: #fff;
		font-weight: 700;
		line-height: 1.2;
		padding: 0.72rem 1.05rem;
		transition: background-color 0.2s ease, transform 0.2s ease;
	}

	#site-navigation .primary-menu-container > ul > li > a:hover,
	#site-navigation .primary-menu-container > ul > li > a:focus {
		background: #245f46;
		color: #fff;
		transform: translateY(-1px);
	}
}

/* Keep embedded videos responsive across migrated posts and pages. */
.jbd-video { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; background: #000; }
.jbd-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Replace Kadence's generic footer with a full-width, modern site footer. */
.jbd-footer { background: #4d9bd3; color: #fff; margin-top: 0; }
.jbd-footer__inner { margin: 0 auto; max-width: 1200px; padding: 3rem 1.5rem 1.25rem; }
.jbd-footer__grid { display: grid; gap: 2rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.jbd-footer__section h2 { color: #fff; font-size: 1.12rem; margin: 0 0 1rem; }
.jbd-footer__section p, .jbd-footer__contact, .jbd-footer__nav, .jbd-footer__legal { font-size: 0.94rem; line-height: 1.65; }
.jbd-footer a { color: #fff; text-decoration-color: rgba(255,255,255,.55); text-underline-offset: .18em; }
.jbd-footer a:hover, .jbd-footer a:focus { color: #fff; text-decoration-color: #fff; }
.jbd-footer__nav { display: grid; gap: .45rem; }
.jbd-footer__social { display: flex; flex-wrap: wrap; gap: .65rem; margin: 0 0 1.15rem; }
.jbd-footer__social a { align-items:center; border:1px solid rgba(255,255,255,.7); border-radius:999px; display:inline-flex; height:2.35rem; justify-content:center; text-decoration:none; transition:background-color .2s ease, transform .2s ease; width:2.35rem; }
.jbd-footer__social a:hover, .jbd-footer__social a:focus { background:rgba(255,255,255,.15); transform:translateY(-1px); }
.jbd-footer__social svg { height:1.2rem; width:1.2rem; }
.jbd-footer__contact { margin-top:1.4rem; }
.jbd-footer__trust { align-items:center; border:2px solid rgba(255,255,255,.9); border-radius:999px; display:inline-flex; font-weight:800; gap:.45rem; margin-bottom:1rem; padding:.65rem .9rem; }
.jbd-footer__legal { display:flex; flex-wrap:wrap; gap:.4rem .8rem; }
.jbd-footer__bottom { border-top:1px solid rgba(255,255,255,.32); font-size:.86rem; margin-top:2.2rem; padding-top:1.1rem; text-align:center; }
@media (max-width:900px){ .jbd-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:640px){ .jbd-footer__inner{padding:2.25rem 1.15rem 1.1rem;} .jbd-footer__grid{grid-template-columns:1fr;gap:1.5rem;} .jbd-footer__bottom{text-align:left;} }

/* Lightweight site-wide breadcrumbs, kept separate from the hidden Kadence title bands. */
.jbd-breadcrumbs { border-bottom: 1px solid #e7ebef; color: #66707a; font-size: .88rem; line-height: 1.5; margin: 0 0 1rem; padding: .8rem 0; }
.jbd-breadcrumbs__trail { align-items: center; display: flex; flex-wrap: wrap; gap: .35rem; }
.jbd-breadcrumbs a { color: #2f6f9f; font-weight: 600; text-decoration: none; }
.jbd-breadcrumbs a:hover, .jbd-breadcrumbs a:focus { text-decoration: underline; text-underline-offset: .16em; }
.jbd-breadcrumbs__sep { color: #9aa2aa; padding: 0 .1rem; }
.jbd-breadcrumbs [aria-current="page"] { color: #4b5560; }
@media (max-width: 640px) { .jbd-breadcrumbs { font-size: .82rem; padding: .65rem 0; } }

/* Migration cleanup: keep source content, but remove WordPress-only post chrome. */
.single-post .entry-taxonomies,
.single-post .entry-meta,
.single-post .post-navigation,
.single-post .entry-related,
.blog .entry-taxonomies,
.page-id-13 .entry-taxonomies {
	display: none !important;
}

/* Remove the large gray Kadence page-title bands on migrated content pages. */
.page-id-6 .entry-hero,
.page-id-7 .entry-hero,
.page-id-8 .entry-hero,
.page-id-9 .entry-hero,
.page-id-10 .entry-hero,
.page-id-11 .entry-hero,
.page-id-12 .entry-hero,
.page-id-26 .entry-hero {
	display: none !important;
}

/* Pages that still rely on the WordPress title keep it, but without the gray band. */
.page-id-3 .entry-hero-container-inner,
.page-id-13 .entry-hero-container-inner,
.page-id-39 .entry-hero-container-inner,
.page-id-40 .entry-hero-container-inner {
	background: #fff !important;
}
.page-id-3 .entry-hero .hero-container,
.page-id-13 .entry-hero .hero-container,
.page-id-39 .entry-hero .hero-container,
.page-id-40 .entry-hero .hero-container {
	padding-top: 1.25rem !important;
	padding-bottom: 1.25rem !important;
}

.page-id-6 .content-area,
.page-id-7 .content-area,
.page-id-8 .content-area,
.page-id-9 .content-area,
.page-id-10 .content-area,
.page-id-11 .content-area,
.page-id-12 .content-area,
.page-id-26 .content-area,
.page-id-6 .content-container,
.page-id-7 .content-container,
.page-id-8 .content-container,
.page-id-9 .content-container,
.page-id-10 .content-container,
.page-id-11 .content-container,
.page-id-12 .content-container,
.page-id-26 .content-container,
.page-id-6 .entry-content-wrap,
.page-id-7 .entry-content-wrap,
.page-id-8 .entry-content-wrap,
.page-id-9 .entry-content-wrap,
.page-id-10 .entry-content-wrap,
.page-id-11 .entry-content-wrap,
.page-id-12 .entry-content-wrap,
.page-id-26 .entry-content-wrap {
	margin-top: 0 !important;
	padding-top: 0 !important;
}