/* EZ Battery Reconditioning — Joseph's Well typography & global polish */
:root {
  --ez-font-display: "Jost", Arial, sans-serif;
  --ez-font-body: "Jost", Arial, sans-serif;
  --ez-ink: #132a33;
  --ez-ink-soft: #334155;
  --ez-muted: #5a6f78;
  --ez-image-radius: 16px;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--ez-font-body) !important;
  color: var(--ez-ink) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Headings — Jost display, tight tracking */
.display-1,
.display-2,
.display-4,
.display-5,
.display-7,
.mbr-section-title,
.mbr-section-subtitle,
.mbr-title,
.navbar-caption,
.card-title,
.card-subtitle,
h1, h2, h3, h4, h5, h6 {
  font-family: var(--ez-font-display) !important;
  letter-spacing: -0.02em;
}

/* Body copy — Jost body, normal tracking */
.mbr-text,
.card-text,
.panel-text,
.icon-text,
p {
  font-family: var(--ez-font-body) !important;
  letter-spacing: 0;
}

.display-2,
.mbr-section-title.display-2,
h3.mbr-section-title {
  line-height: 1.15 !important;
}

.mbr-text,
.mbr-text p,
.mbr-text li,
.card-text,
.panel-text,
.icon-text,
.content4 p,
.content5 p,
.content8 p,
.display-5,
.display-7,
p {
  line-height: 1.65 !important;
}

/* Unified body sizes — Joseph's Well scale */
body .mbr-text.display-7:not(.text-white),
body .panel-text.display-7,
body .icon-text.display-7,
.cid-ezbReviewsCards .mbr-text,
.cid-ezbBonusesCards .mbr-text,
.article4 .mbr-text,
.features16 .mbr-text,
.features19 .icon-text,
.content4 .mbr-section-subtitle.display-7:not(.text-white),
.content5 .mbr-text,
.pros-cons-section .pros-cons-list li,
#faq-list .panel-text {
  font-size: 1.4rem !important;
  line-height: 1.65 !important;
  color: var(--ez-ink-soft) !important;
}

.content5 .mbr-text ul li {
  margin-bottom: 1rem;
}

.content5 .mbr-text ul li:last-child {
  margin-bottom: 0;
}

body .mbr-text.display-5:not(.text-white) {
  font-size: 1.5rem !important;
  line-height: 1.65 !important;
  color: var(--ez-ink-soft) !important;
}

@media (max-width: 768px) {
  body .mbr-text.display-7:not(.text-white),
  body .panel-text.display-7,
  body .icon-text.display-7,
  .cid-ezbReviewsCards .mbr-text,
  .cid-ezbBonusesCards .mbr-text,
  .article4 .mbr-text,
  .features16 .mbr-text,
  .features19 .icon-text,
  .content4 .mbr-section-subtitle.display-7:not(.text-white),
  .content5 .mbr-text,
  .pros-cons-section .pros-cons-list li,
  #faq-list .panel-text {
    font-size: 1.12rem !important;
    line-height: 1.65 !important;
  }

  body .mbr-text.display-5:not(.text-white) {
    font-size: 1.2rem !important;
    line-height: 1.65 !important;
  }
}

/* Section titles on light bands */
.content4 .mbr-section-title,
.content4 .mbr-section-title strong {
  line-height: 1.25 !important;
}

/* Buttons & nav */
.btn,
.nav-link,
.sticky-cta-btn {
  font-family: var(--ez-font-body) !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
}

.mbr-fonts-style {
  font-family: var(--ez-font-body) !important;
}

/* Readable body on cards & features */
.features19 .icon-title,
.features16 .card-title,
.team2 .card-title,
.pros-cons-section .pros-cons-list li {
  color: var(--ez-ink) !important;
}

.features19 .icon-text,
.pros-cons-section .pros-cons-list li {
  color: var(--ez-ink-soft) !important;
}

.mbr-black {
  color: var(--ez-ink) !important;
}

/* Footer — white text on dark teal bar */
.footer3,
.cid-tLcGI6bA0p,
.cid-ezbFooterDisclaimer,
#footer-disclaimer {
  color: #ffffff !important;
}

.footer3 .mbr-text,
.footer3 .foot-menu-item,
.footer3 .foot-menu-item a,
.footer3 a.text-white,
.cid-tLcGI6bA0p .mbr-text,
.cid-tLcGI6bA0p .foot-menu-item a,
.cid-tLcGI6bA0p a,
#footer-disclaimer .mbr-text,
#footer-disclaimer .mbr-text strong,
#footer-disclaimer a {
  color: #ffffff !important;
}

.footer3 a:hover,
.cid-tLcGI6bA0p a:hover,
#footer-disclaimer a:hover {
  color: #fade23 !important;
}

/* Content images — consistent rounded corners (mobile / tablet / desktop) */
#article02-43 .image-wrapper,
#wait .image-wrapper,
#struggles .image-wrapper,
#about .image-wrapper.ezb-about-image,
#pricing-image .image-wrapper,
#after-buy-image .image-wrapper,
.cid-ezbBonusesCards .image-wrapper {
  padding: 0 !important;
  overflow: visible !important;
  border-radius: 0 !important;
  background: transparent !important;
}

#article02-43 .image-wrapper > a,
#wait .image-wrapper > a,
#struggles .image-wrapper > a,
#pricing-image .image-wrapper > a,
#after-buy-image .image-wrapper > a,
.cid-ezbBonusesCards .image-wrapper > a,
.ezb-rounded-media {
  display: block;
  border-radius: var(--ez-image-radius) !important;
  overflow: hidden !important;
  line-height: 0;
  isolation: isolate;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  mask-image: radial-gradient(white, black);
}

.ezb-rounded-media a {
  display: block;
  border-radius: inherit;
  overflow: hidden;
}

#article02-43 .image-wrapper img,
#wait .image-wrapper img,
#struggles .image-wrapper img,
#about .ezb-rounded-media img,
#pricing-image .image-wrapper img,
#after-buy-image .image-wrapper img,
.cid-ezbBonusesCards .image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--ez-image-radius) !important;
}

@media (max-width: 991px) {
  #article02-43 .image-wrapper > a,
  #wait .image-wrapper > a,
  #struggles .image-wrapper > a,
  #about .ezb-rounded-media,
  #pricing-image .image-wrapper > a,
  #after-buy-image .image-wrapper > a {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  #about .ezb-rounded-media {
    margin-bottom: 1rem;
  }
}

@media (max-width: 767px) {
  #article02-43 .image-wrapper > a,
  #wait .image-wrapper > a,
  #struggles .image-wrapper > a,
  #about .ezb-rounded-media,
  #pricing-image .image-wrapper > a,
  #after-buy-image .image-wrapper > a {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}

@media (min-width: 992px) {
  #about .ezb-rounded-media {
    margin-bottom: 0;
  }
}

.content4 .mbr-section-subtitle.text-white,
.content4 .mbr-section-subtitle.text-white strong {
  color: #ffffff !important;
}

#reviews-intro {
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
}

#reviews-intro .mbr-text {
  color: var(--ez-ink-soft) !important;
}

/* Content CTAs — yellow + centered (navbar excluded) */
section .mbr-section-btn:not(.navbar-buttons),
.article2 .mbr-section-btn,
.header12 .mbr-section-btn,
.features16 .mbr-section-btn,
.cid-v9GOb3rdsU .mbr-section-btn,
.cid-v9GYbjl9Dh .mbr-section-btn,
.cid-tLFF32cDVj .mbr-section-btn {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center !important;
  text-align: center !important;
  gap: 0.75rem;
}

section .mbr-section-btn:not(.navbar-buttons) .btn,
.article2 .mbr-section-btn .btn,
.header12 .mbr-section-btn .btn,
.features16 .mbr-section-btn .btn {
  background-color: #fade23 !important;
  border: 2px solid #fade23 !important;
  color: #1d1a01 !important;
}

section .mbr-section-btn:not(.navbar-buttons) .btn:hover,
section .mbr-section-btn:not(.navbar-buttons) .btn:focus,
.article2 .mbr-section-btn .btn:hover,
.article2 .mbr-section-btn .btn:focus,
.header12 .mbr-section-btn .btn:hover,
.header12 .mbr-section-btn .btn:focus,
.features16 .mbr-section-btn .btn:hover,
.features16 .mbr-section-btn .btn:focus {
  background-color: #fbe555 !important;
  border-color: #fbe555 !important;
  color: #1d1a01 !important;
}

/* Hero — yellow primary CTA + teal secondary */
#article02-43 .mbr-section-btn .btn-secondary,
#article02-43 .mbr-section-btn .btn-secondary:hover,
#article02-43 .mbr-section-btn .btn-secondary:focus {
  background-color: #fade23 !important;
  border: 2px solid #fade23 !important;
  color: #1d1a01 !important;
}

#article02-43 .mbr-section-btn .btn-primary,
#article02-43 .mbr-section-btn .btn-primary:active {
  background-color: #0a6e8c !important;
  border-color: #0a6e8c !important;
  color: #ffffff !important;
}

#article02-43 .mbr-section-btn .btn-primary:hover,
#article02-43 .mbr-section-btn .btn-primary:focus {
  background-color: #1a88a8 !important;
  border-color: #1a88a8 !important;
  color: #ffffff !important;
}

.money-back-badge,
.cid-tLFF32cDVj .image-wrapper img.money-back-badge,
.navbar-logo img,
img[src*="favicon"] {
  border-radius: 0 !important;
}

#footer-disclaimer .mbr-text {
  font-size: 0.95rem !important;
  line-height: 1.65 !important;
}

/* Navbar — Joseph's Well style */
.cid-tLclnOs7BI .nav-link,
.cid-tLclnOs7BI .navbar-caption {
  color: #ffffff !important;
}

.cid-tLclnOs7BI .navbar-buttons .btn {
  border-radius: 999px !important;
  padding: 0.7rem 1.35rem !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  background-color: #fade23 !important;
  border: 2px solid #fade23 !important;
  color: #1d1a01 !important;
  box-shadow: 0 8px 20px rgba(250, 222, 35, 0.32) !important;
}

.cid-tLclnOs7BI .navbar-buttons .btn:hover,
.cid-tLclnOs7BI .navbar-buttons .btn:focus {
  background-color: #fbe555 !important;
  border-color: #fbe555 !important;
  color: #1d1a01 !important;
}

/* Sticky bottom CTA — yellow fill + teal border (previous style) */
.sticky-cta-btn {
  background-color: #fade23 !important;
  border: 2px solid #075a73 !important;
  color: #1d1a01 !important;
  box-shadow: 0 6px 18px rgba(7, 90, 115, 0.28) !important;
}

.sticky-cta-btn:hover,
.sticky-cta-btn:focus,
.sticky-cta-btn:active,
.sticky-cta-btn:visited {
  background-color: #fbe555 !important;
  border-color: #075a73 !important;
  color: #1d1a01 !important;
  box-shadow: 0 8px 22px rgba(7, 90, 115, 0.32) !important;
}

.sticky-cta-label,
.sticky-cta-sub {
  color: #1d1a01 !important;
}