/*
 * Site overrides for gradivuscorp.com.
 *
 * Applied as CSS rather than by editing the compiled Next.js bundle. The
 * "Leave message" widget is a React component inside
 * _next/static/chunks/01dd2aaf1c96891e.js; cutting it out of a minified bundle
 * risks breaking hydration, whereas display:none is inert and trivially undone.
 */

/* ---------------------------------------------------------------------------
 * Hide the built-in "Leave message" chat widget, replaced by Tawk.to.
 *
 * Two parts: the gold launcher bubble that is server-rendered into the HTML,
 * and the modal React mounts when it is clicked. Both are hidden so the feature
 * cannot surface even if something opens it programmatically.
 * ------------------------------------------------------------------------- */

/* the gold launcher, bottom-right */
button.fixed.bottom-14.right-8 {
  display: none !important;
}

/* its modal overlay — matched on the Tailwind classes the bundle emits.
   Deliberately narrow: the consultation modal uses .gc-overlay and has neither
   of these classes, so it is unaffected. */
div[class*="z-9999"][class*="bg-black/50"] {
  display: none !important;
}

/* ---------------------------------------------------------------------------
 * "Contact for Free Consultation" band, sits directly above the footer on every page.
 *
 * The timed modal is deliberately one-shot per session (and stops entirely once
 * someone submits), so this is the persistent way back into it after a visitor
 * dismisses the prompt. The button carries data-consultation, which the delegated
 * handler in consultation.js already listens for — no extra JS needed.
 * ------------------------------------------------------------------------- */

.gc-cta {
  background: #013348;
  padding: 54px 16px;
  text-align: center;
  font-family: inherit;
}

.gc-cta__inner {
  max-width: 760px;
  margin: 0 auto;
}

.gc-cta__title {
  margin: 0;
  color: #fff;
  font-size: clamp(23px, 3.2vw, 32px);
  font-weight: 600;
  line-height: 1.25;
}

.gc-cta__sub {
  margin: 12px 0 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 15.5px;
  line-height: 1.6;
}

.gc-cta__btn {
  display: inline-block;
  margin-top: 26px;
  border: 0;
  border-radius: 8px;
  background: #f2a502;
  color: #013348;
  padding: 15px 34px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: filter 0.15s, transform 0.15s;
}

.gc-cta__btn:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.gc-cta__btn:focus-visible {
  outline: 3px solid rgba(242, 165, 2, 0.5);
  outline-offset: 3px;
}

@media (max-width: 620px) {
  .gc-cta { padding: 44px 16px; }
  .gc-cta__btn { width: 100%; max-width: 320px; }
}
