/*
Theme Name: SykerFlex Theme V14
Theme URI: https://sykerflex.com/
Author: SykerFlex
Author URI: https://sykerflex.com/
Description: Premium dark SykerFlex WordPress theme with cinematic centred hero, bento About layout, split-header single post template, dynamic blog grid, calculator, pricing, FAQ, contact, referral, and legal page support.
Version: 14.0.7
Text Domain: sykerflex-v14
*/


/* V14.0.1: mobile typography tuning. Phones are not cinema billboards. */
@media (max-width: 640px) {
  main .text-6xl,
  main .text-5xl,
  main .lg\:text-\[5\.5rem\] {
    font-size: clamp(2.35rem, 12vw, 3.25rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
  }

  main .text-4xl {
    font-size: clamp(1.95rem, 8vw, 2.45rem) !important;
    line-height: 1.05 !important;
  }

  main .text-3xl {
    font-size: clamp(1.65rem, 7vw, 2rem) !important;
    line-height: 1.1 !important;
  }

  main .text-2xl,
  main .sm\:text-2xl,
  main .md\:text-2xl {
    font-size: 1.15rem !important;
    line-height: 1.55 !important;
  }

  main .text-xl,
  main .sm\:text-xl {
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
  }

  main .text-lg,
  main .sm\:text-lg {
    font-size: 0.98rem !important;
    line-height: 1.65 !important;
  }

  main .text-sm {
    font-size: 0.82rem !important;
    line-height: 1.45 !important;
  }

  main .tracking-widest,
  main .tracking-\[0\.2em\] {
    letter-spacing: 0.11em !important;
  }

  main .prose,
  main .prose-lg {
    font-size: 0.98rem !important;
    line-height: 1.7 !important;
  }

  main .prose h1 {
    font-size: 2.15rem !important;
    line-height: 1.05 !important;
  }

  main .prose h2,
  main .prose-h2\:text-3xl h2 {
    font-size: 1.45rem !important;
    line-height: 1.18 !important;
  }

  main .prose h3,
  main .prose-h3\:text-2xl h3 {
    font-size: 1.2rem !important;
    line-height: 1.25 !important;
  }

  main .first-letter\:text-7xl::first-letter {
    font-size: 3.2rem !important;
    line-height: 0.85 !important;
  }

  main .px-8 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }
  main .py-4 { padding-top: 0.85rem !important; padding-bottom: 0.85rem !important; }
  main .p-8 { padding: 1.35rem !important; }
  main .p-10 { padding: 1.5rem !important; }
  main .rounded-\[2\.5rem\] { border-radius: 1.6rem !important; }
}

/* V14.0.3: utility for the TikTok horizontal carousel. */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* V14.0.4: cinematic hero + bento layout from latest supplied design. Because apparently rectangles needed a promotion. */
@media (max-width: 640px) {
  main .lg\:text-\[7\.5rem\] {
    font-size: clamp(2.6rem, 13vw, 3.6rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.06em !important;
  }
  main .lg\:text-7xl {
    font-size: clamp(2.3rem, 11vw, 3.1rem) !important;
  }
}

/* V14.0.6: cinematic single post polish, safer escaping, proper article UI, and fewer WordPress goblins. */


/* V14.0.7: split article header + premium blockquote polish. A blog page, finally pretending to be worth reading. */
.sf-article-content blockquote {
  border-left: 4px solid #a3e635 !important;
  background: linear-gradient(to right, rgba(163,230,53,0.1), transparent) !important;
  padding: 2rem 2.5rem !important;
  margin: 3rem 0 !important;
  border-radius: 0 1.5rem 1.5rem 0 !important;
}