/* Digital Nomads – Itential-inspired visual overrides (safe, build-less) */
:root {
  --brand-primary: #dc2626;    /* primary red */
  --brand-secondary: #b91c1c;  /* deep red accent */
  --brand-dark: #000000;       /* black for higher contrast */
  --brand-muted: #475569;      /* slate-600 */
  --surface: #ffffff;
  --surface-alt: #f8fafc;      /* slate-50 */
  --border: rgba(15, 23, 42, 0.08);
}

/***** Global tweaks *****/
body {
  color: var(--brand-dark);
}

a { color: var(--brand-primary); }
a:hover { color: #b91c1c; }

/* Hero headline: solid black for clarity */
[data-hero-headline] {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #111827 !important;
  color: #000 !important;
  text-shadow: none !important;
  letter-spacing: -0.01em;
}

/* Cards & panels */
.card, .kg-card, .post-card, .gh-card, .kg-bookmark-card {
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  border-radius: 12px;
}
.card:hover, .kg-card:hover, .post-card:hover, .gh-card:hover {
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
  transform: translateY(-2px);
  transition: all .2s ease;
}

/* Buttons (generic catch-all without breaking Ghost styles) */
button, .btn, .gh-btn, .kg-button-card a, .cta, [data-ghost-search] {
  font-weight: 600;
}
.btn-primary, .gh-btn-primary, .kg-button-card a.kg-btn {
  background: var(--brand-primary) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}
.btn-primary:hover, .gh-btn-primary:hover, .kg-button-card a.kg-btn:hover {
  filter: brightness(0.95);
}

/* Tag chips */
.tag, .post-card-tags a, .kg-tag {
  color: var(--brand-primary) !important;
  background: rgba(220, 38, 38, 0.08) !important;
  border: 1px solid rgba(220, 38, 38, 0.18) !important;
}

/* Footer */
footer, .site-footer {
  background: var(--surface-alt);
  border-top: 1px solid var(--border);
}



/* Brighter overall theme */
html, body {
  background:
    radial-gradient(900px 500px at -10% -10%, rgba(220, 38, 38, 0.06) 0, rgba(220, 38, 38, 0) 60%),
    radial-gradient(800px 450px at 110% -10%, rgba(185, 28, 28, 0.06) 0, rgba(185, 28, 28, 0) 60%),
    radial-gradient(1000px 600px at 50% 110%, rgba(220, 38, 38, 0.05) 0, rgba(220, 38, 38, 0) 60%),
    #fffdfd !important;
  color: var(--brand-dark) !important;
}
body.post-template,
body:not(.home-template):not(.page-template) { background: inherit !important; }

/* Remove/disable legacy lightning background */
.lightning-background, .lightning-container, #lightning-canvas { display: none !important; }
#mobile-background-fix { display: none !important; }

/* Headings in lists/sections should be dark */
section h2, .content h2, h1, h2, h3 { color: var(--brand-dark) !important; text-shadow: none !important; -webkit-text-fill-color: initial !important; }


/* --- Global: Mega dropdown + Services menu overrides (persistent across pages) --- */
.nav-dropdown { position: relative !important; }
.nav-dropdown.right .mega-panel { left: auto !important; right: 0 !important; }
.nav-dropdown .mega-panel {
  position: absolute !important;
  top: 100% !important; left: 0 !important;
  background: #ffffff !important;
  border: 1px solid rgba(220,38,38,0.15) !important;
  box-shadow: 0 12px 28px rgba(15,23,42,0.12) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  width: min(92vw, 1100px) !important;
  z-index: 10000 !important;
}
.nav-dropdown .mega-panel::before {
  content: "";
  position: absolute !important; top: 0; left: 0; right: 0;
  height: 2px; background: var(--brand-primary) !important;
  border-top-left-radius: 12px !important; border-top-right-radius: 12px !important;
  pointer-events: none !important;
}
.nav-dropdown .mega-panel, .nav-dropdown .mega-panel * {
  color: #111827 !important; text-shadow: none !important; -webkit-text-fill-color: #111827 !important;
}
.mega-columns { display: grid !important; grid-template-columns: 1fr !important; gap: 16px !important; min-width: min(92vw, 1100px) !important; }
@media (min-width: 1024px){ .mega-columns { grid-template-columns: 300px 1fr 1fr 260px !important; } }
.feature { background: #ffffff !important; border: 1px solid rgba(220,38,38,0.15) !important; border-radius: 12px !important; padding: 16px !important; }
.eyebrow { font-size: 12px !important; font-weight: 800 !important; letter-spacing: .08em !important; color: var(--brand-primary) !important; text-transform: uppercase !important; }
.feature-title { margin: 4px 0 8px !important; font-size: 22px !important; font-weight: 800 !important; color: #000 !important; }
.feature-copy { color: #334155 !important; font-size: 14px !important; }
.feature-cta { display: inline-block !important; margin-top: 10px !important; color: var(--brand-primary) !important; font-weight: 700 !important; text-decoration: none !important; }
.group-title { font-weight: 800 !important; color: var(--brand-primary) !important; padding: 6px 8px !important; text-transform: uppercase !important; font-size: 12px !important; letter-spacing: .08em !important; }
.group-list { list-style: none !important; margin: 0 !important; padding: 4px !important; display: flex !important; flex-direction: column !important; gap: 6px !important; }
.group-list.two-col { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px 12px !important; }
.mega-item { display: block !important; color: #111827 !important; text-decoration: none !important; padding: 10px 12px !important; border-radius: 8px !important; border: 1px solid rgba(15,23,42,0.08) !important; background: #fff !important; }
.mega-item:hover { background: #f8fafc !important; border-color: rgba(220,38,38,0.35) !important; color: var(--brand-primary) !important; }
.mega-item.muted { color: #475569 !important; background: #f1f5f9 !important; }

/* Three-column simplified dropdown: Blogs | Labs | Services (Services on right) */
.mega-columns.enhanced-mega.three-col { grid-template-columns: 1fr 1fr 1fr !important; }
.nav-dropdown .group-title.linklike {
  color: #111827 !important; text-transform: none !important; font-size: 16px !important;
  font-weight: 700 !important; padding: 10px 12px !important; border-radius: 8px !important; display: inline-block !important;
}
.nav-dropdown .group-title.linklike:hover { color: var(--brand-primary) !important; }
.nav-dropdown .mega-panel .align-right { text-align: right !important; }


/* Ensure hero headings aren’t forced white anywhere */
.text-shadow-hero { text-shadow: none !important; }
[data-hero-headline] { color: #000 !important; -webkit-text-fill-color: #111827 !important; text-shadow: none !important; }
.text-white[data-hero-headline] { color: #000 !important; }
/* Page/post hero headings default to black */
section h1, .content h1 { color: var(--brand-dark) !important; }

/* --- Home page polish: brand red accents --- */
/* Make generic brand helpers red */
:root { --brand-primary: #dc2626; /* red-600 */ }
.bg-brand { background: var(--brand-primary) !important; color: #fff !important; }
.text-brand { color: var(--brand-primary) !important; }
.border-brand { border-color: var(--brand-primary) !important; }

/* Hero heading underline accent on home */
.home-template [data-hero-headline]::after {
  content: ""; display: block; width: 80px; height: 4px; margin: 12px auto 0; border-radius: 9999px;
  background: var(--brand-primary);
}

/* Ensure hero subscribe button is brand red */

/* --- Mobile menu light theme overrides --- */
[data-mobile-menu-container]{
  background:#ffffff!important; color:#111827!important; border-left:1px solid rgba(15,23,42,0.08)!important;
}
[data-mobile-menu-container] a{ color:#111827!important; }
[data-mobile-menu-container] .border-brd{ border-color: rgba(15,23,42,0.12)!important; }

/* --- Contact page: switch to light theme like home --- */
[data-contact-hero] h1{
  color:#111827!important; text-shadow:none!important; background:none!important; -webkit-text-fill-color:initial!important;
}
[data-contact-hero] p{ color:#475569!important; }

[data-contact-form-section] .bg-bgr-tone{ background:#ffffff!important; }
[data-contact-form-section] label{ color:#111827!important; }
[data-contact-form-section] input,
[data-contact-form-section] select,
[data-contact-form-section] textarea{ color:#111827!important; }
[data-contact-form-section] input::placeholder,
[data-contact-form-section] textarea::placeholder{ color:#9ca3af!important; }

/* Submit button in brand red */
[data-contact-form-section] #submit-btn{
  background: var(--brand-primary) !important; color:#fff!important;
  background-image:none!important; border:none!important;
}
[data-contact-form-section] #submit-btn:hover{ filter: brightness(0.95)!important; }

/* Section headings */
[data-contact-form-section] h2,
[data-services-overview] h2,
[data-contact-info] h3,
[data-contact-info] h4{
  color:#111827!important; background:none!important; -webkit-text-fill-color:initial!important;
}

/* Cards remain light */
[data-services-overview] .bg-bgr-tone,
[data-contact-info] .bg-bgr-tone{ background:#ffffff!important; }


.home-template [data-hero] button { background: var(--brand-primary) !important; color: #fff !important; }
.home-template [data-hero] button:hover { filter: brightness(0.95) !important; }

/* Section headings (Trending, Categories) */
.home-template [data-trending-articles] h2,
.home-template [data-categories-on-home] h2,
.home-template section h2 { color: #111827 !important; text-shadow: none !important; }
.home-template [data-trending-articles] .section-underline,
.home-template [data-categories-on-home] .section-underline { background: var(--brand-primary) !important; }