@font-face {
  font-family: 'GoodTimes';
  src: url('../fonts/ctdc/goodtimes.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

#logo a {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

#logo .logo-wordmark {
  font-family: 'GoodTimes', sans-serif;
  color: #fff;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 1;
  white-space: nowrap;
}

.logo-footer-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

.logo-footer-wrap .logo-wordmark {
  font-family: 'GoodTimes', sans-serif;
  color: #fff;
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 1;
}

/* Equal-height service cards with button pinned to bottom */
#services-grid > [class*="col-"] {
  display: flex;
}
#services-grid > [class*="col-"] > div {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#services-grid > [class*="col-"] .relative.z-2 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#services-grid > [class*="col-"] .btn-main {
  margin-top: auto;
}

/* btn-line visible on light/white backgrounds (sections without section-dark) */
section:not(.section-dark) .btn-main.btn-line,
.bg-light .btn-main.btn-line {
  border-color: var(--color-2, #0a66c2) !important;
  color: var(--color-2, #0a66c2) !important;
}
section:not(.section-dark) .btn-main.btn-line:hover,
.bg-light .btn-main.btn-line:hover {
  background-color: var(--color-2, #0a66c2) !important;
  color: #fff !important;
}

/* Pricing cards — button pinned to bottom */
#pricing-grid > [class*="col-"] {
  display: flex;
}
#pricing-grid > [class*="col-"] > div {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#pricing-grid > [class*="col-"] .mt-4:last-child {
  margin-top: auto !important;
}

/* Blog pagination — uniform round items */
.pagination .page-link {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: inherit;
}
.pagination .page-item.active .page-link {
  background-color: var(--color-2, #0a66c2);
  color: #fff;
  border-radius: 50%;
}
.pagination .page-item.disabled .page-link {
  opacity: 0.4;
}

/* Reduce footer top padding slightly */
footer.section-dark .container > .row {
  padding-top: 20px;
}