/* Import Google Syncopate font */
@import url('https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&display=swap');

/* Force white text on all DaisyUI primary buttons */
.btn-primary, .btn-primary:where(a) {
  color: #fff !important;
}

/* Optionally, if you only want the main CTA button, use this instead: */
/*
.track-brand-button {
  color: #fff !important;
}
*/

/* Apply Syncopate font to the site logo in navbar */
.navbar .btn-ghost.normal-case {
  font-family: 'Syncopate', sans-serif !important;
  font-weight: 700;
}

/* Apply Syncopate font to LLMScape text in the footer */
.footer p a[href="https://bajaar.com"] {
  font-family: 'Syncopate', sans-serif !important;
  font-weight: 700;
}

/* Apply Syncopate font to any LLMScape branding in footer */
.footer .llmscape-branding,
.footer strong:contains("LLMScape"),
.footer .brand-name,
.footer h3:contains("LLMScape"),
.footer p:contains("LLMScape"),
.footer div:contains("Your Brand's AI Visibility, Simplified") {
  font-family: 'Syncopate', sans-serif !important;
  font-weight: 700;
}

/* Also apply Syncopate font to "The LLMScape Team" in emails */
p:contains("The LLMScape Team") {
  font-family: 'Syncopate', sans-serif !important;
  font-weight: 700;
}

/* Override: Apply Geist font to home page headline */
h1.font-geist {
  font-family: 'Geist', 'Geist Sans', 'Inter', 'Segoe UI', 'Arial', sans-serif !important;
}

/* Left-align checkbox labels in LLM selection modals */
#llmCheckboxes .label.cursor-pointer {
    justify-content: flex-start;
    gap: 0.5rem;
}

#llmCheckboxes .label-text {
    text-align: left;
}

#llmCheckboxes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem;
    padding: 0.5rem;
}

/* Override: Apply dark gray color to hero subheadline */
.hero-subheadline {
  color: #222 !important;
}