/* ============================================================
   THEME — Option C: Off-white · Green · Plus Jakarta Sans
   Overrides styles.css and animations.css accent/font choices
   ============================================================ */

/* ── Page backgrounds ───────────────────────────────────────── */
header.masthead                                     { background-color: #FFFFFF !important; background-image: radial-gradient(circle, #d1d5db 1px, transparent 1px) !important; background-size: 24px 24px !important; }
section[style*="background-color: #F3F3F3"],
section[style*="background-color: #f9f9f9"],
section[style*="background-color: #F9F9F9"],
section[style*="background-color: #FAFAFA"]        { background-color: #FAFAFA !important; }
#more-below-case-studies-copy                       { background-color: #ffffff !important; }

/* ── Section headings: Plus Jakarta Sans extrabold ──────────── */
h2.mb-3.text-dark,
h2.mb-1.text-dark,
h2.mb-4.text-dark,
#hero-headline,
#about-home,
#more-below-case-studies-copy h2 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -1.5px !important;
}

/* ── All h3/h4: Plus Jakarta Sans ───────────────────────────── */
h3, .h3, h4, .h4 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
h3.card-title {
  font-weight: 700 !important;
  letter-spacing: -0.3px !important;
}

/* ── Badges / chips: unified teal pill ──────────────────────── */
.badge,
.ad-tech-chip, .badge.ad-tech-chip, span.ad-tech-chip,
.b2b-chip,     .badge.b2b-chip,     span.b2b-chip,
.internal-tool-chip, .badge.internal-tool-chip, span.internal-tool-chip,
.enterprise-chip,    .badge.enterprise-chip,    span.enterprise-chip,
.ed-tech-chip,       .badge.ed-tech-chip,       span.ed-tech-chip {
  background: #F0FDFA !important;
  background-color: #F0FDFA !important;
  background-image: none !important;
  color: #0D9488 !important;
  --bs-badge-color: #0D9488 !important;
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  border-top-left-radius: 100px !important;
  border-top-right-radius: 100px !important;
  border-bottom-right-radius: 100px !important;
  border-bottom-left-radius: 100px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 0.3rem 0.75rem !important;
}

/* ── Case study card treatment ──────────────────────────────── */
#case-studies .mb-5 > .row {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #E8E8E8;
}

/* Card body bottom border: green */
#case-studies .card-body[style*="border-bottom"] {
  border-bottom-color: #0D9488 !important;
}

/* Card body subtle hover border glow */
#case-studies .mb-5:hover > .row {
  border-color: #99F6E4 !important;
  box-shadow: 0 12px 48px rgba(34, 197, 94, 0.07) !important;
}

/* ── "What I Bring" section background ──────────────────────── */
.page-section.text-dark.scroll-reveal[style*="#F3F3F3"] { background-color: #FAFAFA !important; }
.page-section.text-dark.scroll-reveal[style*="#F3F3F3"] > .container > .row > .col-md-7 > div { background-color: #FAFAFA !important; }

/* ── Checklist icon ─────────────────────────────────────────── */
.checklist li .fa-circle-check { color: #0D9488 !important; }

/* ── LET'S CONNECT button ───────────────────────────────────── */
.looking-for-connect-btn,
.looking-for-connect-btn:focus {
  background-color: #0D9488 !important;
  border-color: #0D9488 !important;
  color: #fff !important;
}
.looking-for-connect-btn:hover {
  background-color: #0F766E !important;
  border-color: #0F766E !important;
}

/* ── Nav links ──────────────────────────────────────────────── */
#mainNav .navbar-nav > li.nav-item > a.nav-link {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #555 !important;
}
#mainNav .navbar-nav li.nav-item a.nav-link:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover { color: #0D9488 !important; }

/* ── Work dropdown menu ─────────────────────────────────────── */
#mainNav .dropdown-menu {
  background-color: #fff !important;
  border: 1px solid #E8E8E8 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.10) !important;
  padding: 0.5rem !important;
  min-width: 300px !important;
  margin-top: 0.25rem !important;
}
#mainNav .dropdown-menu .dropdown-item {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #333 !important;
  border-radius: 6px !important;
  padding: 0.6rem 0.85rem !important;
  line-height: 1.4 !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}
#mainNav .dropdown-menu .dropdown-item:hover {
  background-color: #F0FDFA !important;
  color: #0D9488 !important;
}
#mainNav .navbar-nav li.nav-item.dropdown .dropdown-menu .dropdown-item.active,
#mainNav .navbar-nav li.nav-item.dropdown .dropdown-menu .dropdown-item:active {
  background-color: #F0FDFA !important;
  color: #0D9488 !important;
}
#mainNav .navbar-nav li.nav-item.dropdown .dropdown-menu .dropdown-item.active:hover,
#mainNav .navbar-nav li.nav-item.dropdown .dropdown-menu .dropdown-item.active:focus-visible {
  background-color: #F0FDFA !important;
  color: #0D9488 !important;
  text-decoration: none !important;
}

/* ── Mobile nav toggler ─────────────────────────────────────── */
#mainNav .navbar-toggler,
#mainNav .navbar-toggler:not(.collapsed),
#mainNav .navbar-toggler[aria-expanded="true"] {
  border-color: #0D9488 !important;
  background-color: #0D9488 !important;
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  border-radius: 6px !important;
}
#mainNav .navbar-toggler:hover,
#mainNav .navbar-toggler[aria-expanded="true"]:hover {
  background-color: #0F766E !important;
  border-color: #0F766E !important;
}

/* ── Marquee dot ────────────────────────────────────────────── */
.marquee-item::before { color: #0D9488; }

/* ── Availability badge in hero ─────────────────────────────── */
.availability-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #0F766E;
  background: #F0FDFA;
  border: 1px solid #99F6E4;
  padding: 0.3rem 0.8rem;
  border-radius: 100px;
  margin-bottom: 1rem;
  letter-spacing: 0;
}
.availability-badge::before {
  content: '';
  width: 7px;
  height: 7px;
  background: #0D9488;
  border-radius: 50%;
  flex-shrink: 0;
  animation: pulse-dot 2s ease-in-out infinite;
}
@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.6; transform: scale(0.85); }
}

/* ── Case study thumbnails: fill container ──────────────────── */
.case-study-thumb-container {
  width: 100%;
}
.case-study-thumb-container a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.case-study-thumb-container img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
}

/* ── Case study sub-nav ─────────────────────────────────────── */
#subNav,
#subNav .navbar-nav .nav-item .nav-link {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}
#subNav .navbar-nav .nav-item .nav-link.active {
  font-weight: 600 !important;
}
#subNav .navbar-nav .nav-item .nav-link.active::after {
  background-color: #0D9488 !important;
}
#subNav .navbar-nav .nav-item .nav-link:hover {
  color: #0D9488 !important;
  opacity: 1 !important;
}

/* ── Case study page headings ───────────────────────────────── */
section.case-study-content h3,
section.case-study-content .col-lg-10 > h3,
section.case-study-header h3 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
}

section.case-study-content h4,
section.case-study-content .col-lg-10 h4,
section.case-study-header h4 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.2px !important;
}

h2.masthead-heading {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -1px !important;
}

/* ── Footer brand name ──────────────────────────────────────── */
.footer-brand-name {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.3px !important;
}

/* ── Footer mobile layout ───────────────────────────────────── */
@media (max-width: 767px) {
  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}

/* ── About photo mobile ─────────────────────────────────────── */
@media (max-width: 767px) {
  .about-photo {
    max-width: 85% !important;
    max-height: none !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* ── About section column padding ──────────────────────────── */
@media (min-width: 992px) {
  .about-col { padding-left: 0 !important; padding-right: 14px !important; }
}
@media (max-width: 991px) {
  .about-col { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }
}

/* ── Stats strip grid ───────────────────────────────────────── */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
}
.stats-cell {
  padding: 0.5rem 1rem;
  border-right: 1px solid #E8E8E8;
}
.stats-cell:last-child {
  border-right: none;
}
@media (max-width: 576px) {
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .stats-cell:nth-child(2) {
    border-right: none;
  }
  .stats-cell:nth-child(1),
  .stats-cell:nth-child(2) {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 1.25rem;
  }
  .stats-cell:nth-child(3),
  .stats-cell:nth-child(4) {
    padding-top: 1.25rem;
    border-right: none;
  }
  .stats-cell:nth-child(3) {
    border-right: 1px solid #E8E8E8 !important;
  }
}

/* ── McGraw-Hill logo mobile size ───────────────────────────── */
@media (max-width: 576px) {
  .logo-disney { height: 100px !important; }
  .logo-mcgrawhill { height: 100px !important; margin-bottom: 1.5rem !important; }
  .logo-naf { height: 140px !important; }
}

/* ── "VIEW FULL RESUME" button ──────────────────────────────── */
a.btn.btn-dark,
.btn-dark {
  background-color: #111 !important;
  border-color: #111 !important;
}