/* Final cross-page design polish after the homepage and service refresh. */

/* Tighten the services overview slightly for standard laptop viewports. */
.services-hero h1 {
  font-size: clamp(2.55rem, 5.5vw, 4.3rem);
}

.services-section {
  padding: clamp(4rem, 7vw, 6.3rem) 0;
}

.services-choice-card {
  min-height: 240px;
}

/* Make the expanded navbar trigger read as a tab connected to its panel. */
@media (min-width: 992px) {
  .site-header .dropdown.mega-container > .dropdown-toggle[aria-expanded="true"] {
    border: 1px solid var(--c-border);
    border-bottom-color: #fff;
    border-radius: 10px 10px 0 0;
    background: #fff !important;
    box-shadow: 0 -4px 14px rgba(15, 23, 42, .04);
    transform: translateY(2px);
  }
}

/* Keep the legal analytics disclosure present but visually subordinate. */
.site-footer .footer-clarity {
  max-width: 680px;
  font-size: .78rem;
  line-height: 1.55;
  opacity: .76;
}

/* Lightweight product-specific cues in service-detail heroes. */
@media (min-width: 1200px) {
  body[class*="page-"] .section-title-block#service-title::after {
    position: absolute;
    top: 50%;
    right: max(2rem, calc((100vw - 1140px) / 2));
    min-width: 210px;
    padding: 1rem 1.2rem;
    border: 1px solid rgba(16, 87, 252, .14);
    border-radius: 16px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 45px rgba(15, 23, 42, .09);
    color: var(--c-primary);
    font-family: var(--font-heading);
    font-size: .92rem;
    font-weight: 700;
    text-align: center;
    transform: translateY(-50%) rotate(1deg);
  }

  .page-bulk-sms-gateway .section-title-block#service-title::after {
    content: "SMS → customer lists";
  }

  .page-web-to-sms .section-title-block#service-title::after {
    content: "Web dashboard → SMS";
  }

  .page-email-to-sms .section-title-block#service-title::after {
    content: "Email → SMS";
  }

  .page-sms-apis .section-title-block#service-title::after {
    content: "POST /sms → 202";
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }

  .page-sms-replies .section-title-block#service-title::after {
    content: "SMS ↔ Replies";
  }

  .page-dedicated-short-codes .section-title-block#service-title::after {
    content: "# 123456";
  }

  .page-how-to-receive-sms .section-title-block#service-title::after {
    content: "SMS → Web · Email · API";
  }

  .page-messagelink .section-title-block#service-title::after {
    content: "SMS + compact link";
  }
}