/* ============================================================
   MY IT BRAIN — Print Stylesheet
   Optimized for Letter (8.5×11") and A4 paper sizes
   ============================================================ */

@media print {

  /* ── Page Setup ─────────────────────────────────────────── */
  @page {
    size: letter;
    margin: 0.75in 0.75in 1in 0.75in;
  }

  @page :first {
    margin-top: 0.5in;
  }

  /* ── Reset & Base ───────────────────────────────────────── */
  *,
  *::before,
  *::after {
    box-shadow: none !important;
    text-shadow: none !important;
    animation: none !important;
    transition: none !important;
    filter: none !important;
  }

  html,
  body {
    font-size: 11pt;
    line-height: 1.5;
    color: #111 !important;
    background: #fff !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* ── Hide Non-Print Elements ─────────────────────────────── */
  nav,
  header nav,
  .navbar,
  footer,
  [class*="Navbar"],
  [class*="Footer"],
  [class*="navbar"],
  [class*="footer"],
  button[onClick],
  .sticky,
  [class*="animate-"],
  [class*="blur-"],
  [class*="backdrop-"],
  /* Back button */
  section > div > button:first-child,
  /* Floating decorative blobs */
  [class*="absolute"][class*="blur"],
  [class*="absolute"][class*="rounded-full"][class*="bg-primary"],
  /* Consultation form & generic CTA */
  [class*="ConsultationForm"],
  /* "Other Services" sidebar panel */
  .print-hide {
    display: none !important;
  }

  /* ── Brand Color — keep teal for print ─────────────────── */
  :root {
    --print-brand: #007a7a;
    --print-dark:  #0f1923;
    --print-text:  #111111;
    --print-muted: #555555;
    --print-border: #cccccc;
    --print-light-bg: #f5f5f5;
  }

  /* ── Print Header (appears on every page) ──────────────── */
  body::before {
    content: "";
    display: block;
    border-bottom: 2pt solid #007a7a;
    margin-bottom: 18pt;
    padding-bottom: 10pt;
  }

  /* ── Page Header Branding ───────────────────────────────── */
  .print-brand-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2pt solid #007a7a;
    padding-bottom: 10pt;
    margin-bottom: 20pt;
  }

  /* ── Global Layout ──────────────────────────────────────── */
  .max-w-7xl,
  .max-w-6xl,
  .max-w-5xl,
  .max-w-4xl,
  .max-w-3xl {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  section,
  .section {
    padding-top: 18pt !important;
    padding-bottom: 18pt !important;
    background: #fff !important;
    border: none !important;
  }

  /* ── Hero Section ───────────────────────────────────────── */
  /* Service hero */
  section.relative.pt-32,
  section[class*="pt-32"],
  section[class*="min-h-"] {
    min-height: unset !important;
    padding-top: 0 !important;
    padding-bottom: 14pt !important;
    background: #fff !important;
  }

  /* Remove decorative absolute blobs */
  section .absolute {
    display: none !important;
  }

  /* Service icon + title */
  [class*="flex items-start gap-6"] {
    gap: 12pt !important;
  }

  /* Service icon box */
  [class*="w-16 h-16"][class*="rounded-2xl"] {
    width: 40pt !important;
    height: 40pt !important;
    background: #e6f5f5 !important;
    border: 1pt solid #007a7a !important;
    border-radius: 6pt !important;
  }

  /* Hero label */
  span[class*="text-primary"][class*="uppercase"] {
    color: #007a7a !important;
    font-size: 8pt !important;
    letter-spacing: 0.06em;
  }

  h1 {
    font-size: 28pt !important;
    line-height: 1.15 !important;
    color: #0f1923 !important;
    page-break-after: avoid;
  }

  h2 {
    font-size: 18pt !important;
    color: #0f1923 !important;
    page-break-after: avoid;
    margin-top: 16pt;
    margin-bottom: 8pt;
  }

  h3 {
    font-size: 13pt !important;
    color: #0f1923 !important;
    page-break-after: avoid;
    margin-bottom: 4pt;
  }

  h4 {
    font-size: 11pt !important;
    color: #0f1923 !important;
    page-break-after: avoid;
    margin-bottom: 4pt;
  }

  p {
    color: #333 !important;
    font-size: 10.5pt !important;
    orphans: 3;
    widows: 3;
  }

  /* Hero description */
  section p[class*="text-xl"] {
    font-size: 12pt !important;
    color: #444 !important;
  }

  /* ── Metrics Strip ──────────────────────────────────────── */
  section[class*="bg-\\[\\#111d27\\]"],
  section[class*="border-y"] {
    background: #f0fafa !important;
    border-top: 1pt solid #007a7a !important;
    border-bottom: 1pt solid #007a7a !important;
    padding: 12pt 0 !important;
    break-inside: avoid;
  }

  [class*="grid-cols-4"],
  [class*="lg:grid-cols-4"] {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12pt !important;
  }

  /* Metric numbers */
  [class*="text-primary"][class*="font-bold"][class*="text-2xl"],
  [class*="text-primary"][class*="font-bold"][class*="text-3xl"] {
    color: #007a7a !important;
    font-size: 20pt !important;
  }

  [class*="text-white\\/50"][class*="text-sm"] {
    color: #555 !important;
    font-size: 9pt !important;
  }

  /* ── Features Grid ──────────────────────────────────────── */
  [class*="sm:grid-cols-2"] {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10pt !important;
  }

  [class*="lg:grid-cols-3"] {
    display: grid !important;
    grid-template-columns: 1fr !important; /* stack sidebar below on print */
    gap: 14pt !important;
  }

  /* Feature cards */
  [class*="rounded-2xl"][class*="bg-white\\/\\[0.03\\]"],
  [class*="rounded-2xl"][class*="border"][class*="border-white"] {
    background: #fafafa !important;
    border: 1pt solid #ddd !important;
    border-radius: 6pt !important;
    padding: 10pt !important;
    break-inside: avoid;
  }

  /* CheckCircle icon */
  [class*="text-primary"][class*="flex-shrink-0"] {
    color: #007a7a !important;
  }

  /* Feature title */
  [class*="text-white"][class*="font-semibold"][class*="text-sm"] {
    color: #0f1923 !important;
    font-size: 10pt !important;
  }

  /* Feature detail */
  [class*="text-white\\/40"][class*="text-sm"] {
    color: #555 !important;
    font-size: 9.5pt !important;
  }

  /* ── "What's Included" Section Header ───────────────────── */
  [class*="h-px"][class*="bg-primary"] {
    background: #007a7a !important;
  }

  [class*="text-primary"][class*="tracking-wider"] {
    color: #007a7a !important;
    font-size: 8pt !important;
  }

  /* ── Sidebar: Ideal For ─────────────────────────────────── */
  [class*="sticky"][class*="top-28"] {
    position: static !important;
    margin-top: 14pt;
  }

  /* Ideal For card */
  [class*="space-y-6"] > [class*="rounded-2xl"]:first-child {
    background: #fafafa !important;
    border: 1pt solid #ddd !important;
    border-radius: 6pt !important;
    padding: 10pt !important;
    break-inside: avoid;
  }

  [class*="text-white\\/50"][class*="font-inter"] {
    color: #555 !important;
  }

  [class*="w-1.5 h-1.5"][class*="bg-primary"] {
    background: #007a7a !important;
  }

  /* CTA card in sidebar */
  [class*="bg-primary\\/10"][class*="border-primary\\/20"][class*="rounded-2xl"] {
    background: #e6f5f5 !important;
    border: 1.5pt solid #007a7a !important;
    border-radius: 6pt !important;
    padding: 10pt !important;
    break-inside: avoid;
  }

  /* CTA button — render as styled text block */
  [class*="bg-primary"][class*="rounded-full"][class*="font-semibold"] {
    display: block !important;
    background: #007a7a !important;
    color: #fff !important;
    text-align: center !important;
    padding: 7pt 14pt !important;
    border-radius: 20pt !important;
    font-size: 10pt !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  /* ── Print Contact Footer ───────────────────────────────── */
  .print-contact-footer {
    display: block !important;
    margin-top: 24pt;
    padding-top: 12pt;
    border-top: 1.5pt solid #007a7a;
    font-size: 9pt;
    color: #555;
  }

  .print-contact-footer strong {
    color: #0f1923;
  }

  /* ── Page Breaks ────────────────────────────────────────── */
  section {
    page-break-inside: auto;
  }

  h1, h2, h3, h4 {
    page-break-after: avoid;
  }

  [class*="grid"] > * {
    break-inside: avoid;
  }

  /* Keep metrics + first feature section together */
  section:nth-of-type(2) {
    break-after: avoid;
  }

  /* ── URLs after links ───────────────────────────────────── */
  a[href^="http"]::after,
  a[href^="https"]::after {
    content: none; /* suppress URL noise on service pages */
  }

  /* ── Overflow & Clipping ────────────────────────────────── */
  [class*="overflow-hidden"],
  [class*="overflow-x-hidden"] {
    overflow: visible !important;
  }

  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }

  /* Line-clamp — let all text show in print */
  [class*="line-clamp"] {
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
  }

}