/**
 * D4B Aurora Marketing Light — public front chrome.
 * Track: cream / soft canvas. Aurora mesh ONLY on the home hero.
 * Tokens copied from Brandbook (no new brand hex).
 * Scope: body.aurora-marketing (front layouts). Overlay — do not edit Mix CSS.
 */

:root {
    --aurora-brand: #0f4c5c;
    --aurora-voltage: #4f46e5;
    --aurora-ink: #0d1b24;
    --aurora-ink-2: #243542;
    --aurora-ink-3: #64748b;
    --aurora-canvas: #f0f5fa;
    --aurora-canvas-soft: #f7f8f5;
    --aurora-canvas-white: #ffffff;
    --aurora-hairline: #e3e8ee;

    --color-brand: var(--aurora-brand);
    --color-voltage: var(--aurora-voltage);
    --color-ink: var(--aurora-ink);
    --color-ink-2: var(--aurora-ink-2);
    --color-ink-3: var(--aurora-ink-3);
    --color-canvas: var(--aurora-canvas);
    --color-canvas-soft: var(--aurora-canvas-soft);
    --color-canvas-white: var(--aurora-canvas-white);
    --color-hairline: var(--aurora-hairline);

    --gradient-auroraHero:
        radial-gradient(ellipse 80% 55% at 12% 18%, rgba(79, 70, 229, 0.22) 0%, transparent 55%),
        radial-gradient(ellipse 70% 48% at 88% 8%, rgba(15, 76, 92, 0.16) 0%, transparent 50%),
        radial-gradient(ellipse 55% 45% at 72% 88%, rgba(79, 70, 229, 0.10) 0%, transparent 52%),
        radial-gradient(ellipse 40% 30% at 40% 60%, rgba(15, 76, 92, 0.08) 0%, transparent 48%),
        linear-gradient(180deg, #f0f5fa 0%, #f7f8f5 100%);

    --aurora-font: "Plus Jakarta Sans", "Manrope", "Inter", ui-sans-serif, system-ui, sans-serif;
    --aurora-radius: 16px;
    --aurora-radius-sm: 10px;
    --aurora-radius-pill: 999px;
    --aurora-header-h: 76px;
}

/* -------------------------------------------------------------------------
 * Canvas + type
 * ------------------------------------------------------------------------- */

body.aurora-marketing {
    background-color: var(--aurora-canvas) !important;
    background-image: none !important;
    color: var(--aurora-ink-2);
    font-family: var(--aurora-font);
}

body.aurora-marketing h1,
body.aurora-marketing h2,
body.aurora-marketing h3,
body.aurora-marketing .aurora-wordmark {
    color: var(--aurora-ink);
    font-family: var(--aurora-font);
}

body.aurora-marketing :focus-visible {
    outline: 2px solid var(--aurora-voltage);
    outline-offset: 2px;
}

/* -------------------------------------------------------------------------
 * Wordmark
 * ------------------------------------------------------------------------- */

.aurora-wordmark {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 1;
    color: var(--aurora-brand) !important;
    text-decoration: none !important;
}

.aurora-wordmark__mark {
    display: block;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

.aurora-wordmark__accent {
    color: var(--aurora-voltage);
}

.aurora-wordmark:hover,
.aurora-wordmark:focus {
    color: var(--aurora-brand) !important;
    text-decoration: none !important;
}

/* -------------------------------------------------------------------------
 * Header / nav — light hairline bar, not a language dump
 * ------------------------------------------------------------------------- */

body.aurora-marketing .header,
body.aurora-marketing header.header,
body.aurora-marketing nav.sticky,
body.aurora-marketing nav.fixed {
    position: sticky !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    margin: 0 !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border-bottom: 1px solid var(--aurora-hairline) !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.aurora-marketing .header .navbar-logo,
body.aurora-marketing header img.navbar-logo,
body.aurora-marketing nav img[alt="company-logo"] {
    display: none;
}

body.aurora-marketing .navbar .navbar-nav .nav-link,
body.aurora-marketing .navbar .navbar-collapse .navbar-nav .nav-item .nav-link,
body.aurora-marketing .nav-link-white,
body.aurora-marketing nav a.text-gray-300,
body.aurora-marketing nav a.text-gray-700,
body.aurora-marketing nav a.text-gray-400 {
    color: var(--aurora-ink-2) !important;
    font-weight: 500;
    font-size: 0.9375rem;
}

body.aurora-marketing .navbar .navbar-nav .nav-link:hover,
body.aurora-marketing .navbar .navbar-nav .nav-link.active,
body.aurora-marketing nav a.text-gray-300:hover,
body.aurora-marketing nav a.text-gray-700:hover {
    color: var(--aurora-brand) !important;
}

body.aurora-marketing .navbar-toggler .navbar-toggler-icon,
body.aurora-marketing .navbar-toggler .top-bar,
body.aurora-marketing .navbar-toggler .middle-bar,
body.aurora-marketing .navbar-toggler .bottom-bar {
    background-color: var(--aurora-ink) !important;
}

@media (max-width: 991px) {
    body.aurora-marketing .navbar .navbar-collapse {
        background: var(--aurora-canvas-white) !important;
        border: 1px solid var(--aurora-hairline);
        box-shadow: none !important;
    }

    body.aurora-marketing .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
        color: var(--aurora-ink-2) !important;
    }
}

/* Compact language control */
.aurora-lang {
    position: relative;
}

.aurora-lang__btn,
body.aurora-marketing .header .dropdown .dropdown-toggle,
body.aurora-marketing .aurora-lang .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    min-height: 2.25rem;
    padding: 0.35rem 0.65rem !important;
    border: 1px solid var(--aurora-hairline) !important;
    border-radius: var(--aurora-radius-pill);
    background: var(--aurora-canvas-white) !important;
    color: var(--aurora-ink) !important;
    font-size: 0.75rem !important;
    font-weight: 700;
    letter-spacing: 0.06em;
    box-shadow: none !important;
    text-decoration: none !important;
}

body.aurora-marketing .header .dropdown .dropdown-toggle:after,
body.aurora-marketing .aurora-lang .dropdown-toggle:after {
    margin-left: 0.35rem;
    color: var(--aurora-ink-3);
}

.aurora-lang__code {
    font-variant-numeric: tabular-nums;
}

.aurora-lang__menu,
body.aurora-marketing .header .dropdown .dropdown-menu,
body.aurora-marketing .aurora-lang .dropdown-menu {
    min-width: 12rem;
    max-height: 16rem;
    overflow-y: auto;
    border: 1px solid var(--aurora-hairline) !important;
    border-radius: var(--aurora-radius-sm);
    background: var(--aurora-canvas-white);
    box-shadow: none !important;
    padding: 0.35rem !important;
}

body.aurora-marketing .header .dropdown .dropdown-menu li .nav-link,
body.aurora-marketing .aurora-lang .dropdown-item {
    color: var(--aurora-ink-2) !important;
    border-radius: 8px;
}

body.aurora-marketing .header .dropdown .dropdown-item:hover,
body.aurora-marketing .aurora-lang .dropdown-item:hover,
body.aurora-marketing .aurora-lang .dropdown-item.active,
body.aurora-marketing .languageSelection.active > a {
    background: var(--aurora-canvas) !important;
    color: var(--aurora-brand) !important;
}

/* Sign-in / dashboard CTA in nav — brand outline */
body.aurora-marketing .header .btn-white,
body.aurora-marketing header .btn-white,
body.aurora-marketing .sign-in-btn {
    background: transparent !important;
    border: 1px solid var(--aurora-brand) !important;
    color: var(--aurora-brand) !important;
    border-radius: var(--aurora-radius-pill);
    box-shadow: none !important;
}

body.aurora-marketing .header .btn-white:hover,
body.aurora-marketing header .btn-white:hover {
    background: var(--aurora-brand) !important;
    color: var(--aurora-canvas-white) !important;
}

body.aurora-marketing .header .btn-white span {
    -webkit-text-fill-color: unset;
    background: none;
}

/* Theme 3/4 gradient sign-in pills → voltage fill */
body.aurora-marketing nav a.bg-gradient-to-r,
body.aurora-marketing nav button.bg-blue-600 {
    background: var(--aurora-voltage) !important;
    background-image: none !important;
    color: #fff !important;
    border: 1px solid var(--aurora-voltage) !important;
    box-shadow: none !important;
    transform: none !important;
}

body.aurora-marketing nav button.border-blue-600 {
    background: transparent !important;
    border-color: var(--aurora-brand) !important;
    color: var(--aurora-brand) !important;
}

body.aurora-marketing nav .h-6.w-0\.5,
body.aurora-marketing nav .bg-secondary-700 {
    background-color: var(--aurora-hairline) !important;
}

/* -------------------------------------------------------------------------
 * Buttons
 * ------------------------------------------------------------------------- */

.aurora-btn,
body.aurora-marketing .aurora-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.75rem;
    padding: 0.7rem 1.4rem;
    border-radius: var(--aurora-radius-pill);
    font-weight: 600;
    font-size: 0.9375rem;
    text-decoration: none !important;
    box-shadow: none !important;
    border: 1px solid transparent;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.aurora-btn--voltage,
body.aurora-marketing .btn-orange,
body.aurora-marketing .btn-pink,
body.aurora-marketing .btn-primary,
body.aurora-marketing .btn-success,
body.aurora-marketing .btn-info,
body.aurora-marketing a.bg-blue-600,
body.aurora-marketing button.bg-blue-600 {
    background: var(--aurora-voltage) !important;
    background-image: none !important;
    border-color: var(--aurora-voltage) !important;
    color: #fff !important;
}

.aurora-btn--voltage:hover,
body.aurora-marketing .btn-orange:hover,
body.aurora-marketing .btn-pink:hover,
body.aurora-marketing .btn-primary:hover {
    background: var(--aurora-brand) !important;
    border-color: var(--aurora-brand) !important;
    color: #fff !important;
}

.aurora-btn--brand,
body.aurora-marketing .aurora-btn--brand {
    background: transparent !important;
    border-color: var(--aurora-brand) !important;
    color: var(--aurora-brand) !important;
}

.aurora-btn--brand:hover {
    background: var(--aurora-brand) !important;
    color: #fff !important;
}

.aurora-hero__ctas {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

/* -------------------------------------------------------------------------
 * Home hero — aurora mesh ONLY here
 * ------------------------------------------------------------------------- */

body.aurora-marketing .hero-section,
body.aurora-marketing section.aurora-hero,
body.aurora-marketing #frontHomeTab.aurora-hero,
body.aurora-marketing section#frontHomeTab.min-h-screen {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background-image: var(--gradient-auroraHero) !important;
    background-color: var(--aurora-canvas) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding-top: 5.5rem !important;
    padding-bottom: 5rem !important;
}

body.aurora-marketing .hero-section .bg-img,
body.aurora-marketing .hero-section .hero-bg-img,
body.aurora-marketing .hero-section .main-banner {
    display: none !important;
}

body.aurora-marketing .hero-section h1,
body.aurora-marketing .aurora-hero h1,
body.aurora-marketing #frontHomeTab h1,
body.aurora-marketing .hero-section .text-dark,
body.aurora-marketing .hero-section .text-black,
body.aurora-marketing .hero-content h1 {
    color: var(--aurora-ink) !important;
    background: none !important;
    -webkit-text-fill-color: unset !important;
}

body.aurora-marketing .hero-section p,
body.aurora-marketing .aurora-hero p,
body.aurora-marketing .hero-content p {
    color: var(--aurora-ink-2) !important;
}

/* Theme 3 home first section (no #frontHomeTab originally) */
body.aurora-marketing section.pt-20.pb-24.overflow-hidden {
    background-image: var(--gradient-auroraHero) !important;
    background-color: var(--aurora-canvas) !important;
}

/* -------------------------------------------------------------------------
 * Page heroes (FAQ / blog listing) — canvas, NO aurora mesh
 * ------------------------------------------------------------------------- */

body.aurora-marketing .aurora-page-hero,
body.aurora-marketing section.hero-section.pt-100,
body.aurora-marketing section.hero-section.bg-primary {
    background-image: none !important;
    background: var(--aurora-canvas-soft) !important;
    border-bottom: 1px solid var(--aurora-hairline);
    height: auto !important;
    min-height: 0;
    padding: 7rem 0 3rem !important;
}

body.aurora-marketing .aurora-page-hero h1,
body.aurora-marketing .aurora-page-hero h2,
body.aurora-marketing section.hero-section.pt-100 h2,
body.aurora-marketing section.hero-section.bg-primary h2,
body.aurora-marketing .blog-title {
    color: var(--aurora-ink) !important;
    background: none !important;
    -webkit-text-fill-color: unset !important;
}

body.aurora-marketing section.pt-12.pb-12.bg-gradient-to-br {
    background: var(--aurora-canvas-soft) !important;
    background-image: none !important;
    color: var(--aurora-ink) !important;
    border-bottom: 1px solid var(--aurora-hairline);
}

/* -------------------------------------------------------------------------
 * Features / about / pricing / testimonials / contact
 * ------------------------------------------------------------------------- */

body.aurora-marketing .features-section,
body.aurora-marketing .bg-light,
body.aurora-marketing section.bg-light,
body.aurora-marketing .contact-section,
body.aurora-marketing .subscribe-section,
body.aurora-marketing .subscribe-section-rtl {
    background-color: var(--aurora-canvas-soft) !important;
}

body.aurora-marketing .features-section h2,
body.aurora-marketing .pricing-plan-section h2,
body.aurora-marketing .about-section h2,
body.aurora-marketing .contact-section h2,
body.aurora-marketing .heading.text-success {
    color: var(--aurora-ink) !important;
}

body.aurora-marketing .feature-card,
body.aurora-marketing .pricing-plan-card,
body.aurora-marketing .testimonial-card,
body.aurora-marketing .contact-form,
body.aurora-marketing .accordion-item {
    background: var(--aurora-canvas-white) !important;
    border: 1px solid var(--aurora-hairline) !important;
    border-radius: var(--aurora-radius) !important;
    box-shadow: none !important;
}

body.aurora-marketing .feature-card h3,
body.aurora-marketing .pricing-plan-card h3,
body.aurora-marketing .about-section h3 {
    color: var(--aurora-ink) !important;
}

body.aurora-marketing .text-gray-100,
body.aurora-marketing .text-gray-300,
body.aurora-marketing .text-gray-400,
body.aurora-marketing .text-secondary,
body.aurora-marketing .text-muted {
    color: var(--aurora-ink-3) !important;
}

body.aurora-marketing .text-dark,
body.aurora-marketing .text-black,
body.aurora-marketing .text-blue {
    color: var(--aurora-ink) !important;
}

@media (min-width: 992px) {
    body.aurora-marketing .about-section .about-content,
    body.aurora-marketing .about-section__about-right-content,
    body.aurora-marketing .about-section__about-left-content {
        background-color: var(--aurora-canvas-white) !important;
        border: 1px solid var(--aurora-hairline);
        box-shadow: none;
    }
}

body.aurora-marketing .pricing-plan-section .pricing-plan-card .pricing,
body.aurora-marketing .pricing-plan-card.card.slick-current .pricing {
    background: var(--aurora-canvas) !important;
    color: var(--aurora-brand) !important;
}

body.aurora-marketing .pricing-plan-card.card.slick-current {
    background-color: var(--aurora-canvas-white) !important;
    border-color: var(--aurora-voltage) !important;
}

body.aurora-marketing .pricing-plan-card.card.slick-current h3,
body.aurora-marketing .pricing-plan-card.card.slick-current .active-check {
    color: var(--aurora-ink) !important;
}

body.aurora-marketing .pricing-plan-card.card.slick-current label {
    color: var(--aurora-ink-3) !important;
}

body.aurora-marketing .pricing-plan-section .pricing-plan-card .active-check .check-box,
body.aurora-marketing .pricing-plan-card.card.slick-current .active-check .check-box {
    background-image: none !important;
    background-color: var(--aurora-voltage) !important;
    color: #fff !important;
}

body.aurora-marketing .pricing-plan-section .pricing-plan-card .trial-plan-lable span,
body.aurora-marketing .pricing-plan-card.card.slick-current .trial-plan-lable span {
    background-color: var(--aurora-brand) !important;
    color: #fff !important;
}

body.aurora-marketing .testimonial-section,
body.aurora-marketing .testimonial-section.bg-darkblue {
    background-color: var(--aurora-canvas) !important;
}

body.aurora-marketing .testimonial-section h2 {
    color: var(--aurora-ink) !important;
}

body.aurora-marketing .testimonial-section .slick-dots li.slick-active button {
    background-color: var(--aurora-voltage) !important;
}

body.aurora-marketing .testimonial-section .testimonial-1.slick-current:before,
body.aurora-marketing .testimonial-section .testimonial-card.slick-current:before {
    background-image: none !important;
    border: 1px solid var(--aurora-voltage);
}

body.aurora-marketing .contact-info__contact-icon {
    background: var(--aurora-canvas) !important;
    border: 1px solid var(--aurora-hairline);
    color: var(--aurora-brand) !important;
}

body.aurora-marketing .icon-purpul {
    color: var(--aurora-voltage) !important;
}

body.aurora-marketing .form-control,
body.aurora-marketing input.form-control,
body.aurora-marketing textarea.form-control {
    background-color: var(--aurora-canvas-white) !important;
    border: 1px solid var(--aurora-hairline) !important;
    color: var(--aurora-ink);
    box-shadow: none !important;
}

body.aurora-marketing .form-control:focus {
    border-color: var(--aurora-voltage) !important;
    box-shadow: none !important;
}

body.aurora-marketing .accordion-button,
body.aurora-marketing .accordion-button:not(.collapsed) {
    background: var(--aurora-canvas-white) !important;
    color: var(--aurora-ink) !important;
}

body.aurora-marketing .accordion-body {
    color: var(--aurora-ink-2) !important;
}

/* Theme 3/4 cards & sections */
body.aurora-marketing .bg-secondary-900,
body.aurora-marketing .bg-secondary-800,
body.aurora-marketing .from-secondary-900,
body.aurora-marketing footer.bg-gray-900,
body.aurora-marketing footer.bg-secondary-900,
body.aurora-marketing section.bg-blue-600,
body.aurora-marketing section.from-primary-600,
body.aurora-marketing section.bg-gradient-to-br.from-primary-600 {
    background: var(--aurora-canvas-white) !important;
    background-image: none !important;
    color: var(--aurora-ink-2) !important;
    border-top: 1px solid var(--aurora-hairline);
}

body.aurora-marketing footer,
body.aurora-marketing footer.bg-light,
body.aurora-marketing footer .text-white,
body.aurora-marketing footer a,
body.aurora-marketing .link-info {
    color: var(--aurora-ink-2) !important;
}

body.aurora-marketing footer a:hover,
body.aurora-marketing .link-info:hover {
    color: var(--aurora-brand) !important;
}

body.aurora-marketing .subscribe-section h2,
body.aurora-marketing footer h2,
body.aurora-marketing footer h3,
body.aurora-marketing section.py-16 h2,
body.aurora-marketing section.py-20 h2 {
    color: var(--aurora-ink) !important;
}

body.aurora-marketing .main-social-links a {
    border: 1px solid var(--aurora-hairline);
    box-shadow: none !important;
    background: var(--aurora-canvas-white);
}

/* -------------------------------------------------------------------------
 * Legal / inner pages
 * ------------------------------------------------------------------------- */

.aurora-legal {
    background: var(--aurora-canvas);
    padding: 7rem 0 4rem;
}

.aurora-legal__inner {
    max-width: 48rem;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    background: var(--aurora-canvas-white);
    border: 1px solid var(--aurora-hairline);
    border-radius: var(--aurora-radius);
    box-shadow: none;
    color: var(--aurora-ink-2);
}

.aurora-legal__inner h1,
.aurora-legal__inner h2,
.aurora-legal__inner h3 {
    color: var(--aurora-ink);
}

body.aurora-marketing .top-margin,
body.aurora-marketing .top-margin-privacy {
    padding-top: 0;
}

.aurora-faq,
body.aurora-marketing .faqs-section,
body.aurora-marketing .container.w-50.my-5,
body.aurora-marketing .container.w-75.my-5 {
    padding-bottom: 3rem;
}

/* Blog listing chrome */
body.aurora-marketing .aurora-blog {
    background: var(--aurora-canvas);
}

/* Decorative theme-2 objects off on inner pages */
body.aurora-marketing .vcard-object {
    opacity: 0.15;
    pointer-events: none;
}

/* Banner / cookie remain functional; tone to brand */
body.aurora-marketing .banner-section {
    background-color: var(--aurora-brand) !important;
}

/* WhatsApp widget stays product-green (not a brand hex we invent) */

/* Theme 3/4 pricing cards */
body.aurora-marketing [class*="rounded-2xl"],
body.aurora-marketing [class*="shadow-lg"],
body.aurora-marketing [class*="shadow-md"] {
    box-shadow: none !important;
}

body.aurora-marketing .border-gray-100,
body.aurora-marketing .border-gray-200,
body.aurora-marketing .border-secondary-800 {
    border-color: var(--aurora-hairline) !important;
}

body.aurora-marketing .text-blue-600,
body.aurora-marketing .text-blue-800,
body.aurora-marketing .from-blue-600,
body.aurora-marketing .to-purple-600 {
    color: var(--aurora-voltage) !important;
}

body.aurora-marketing .bg-blue-100,
body.aurora-marketing .bg-primary-100 {
    background-color: var(--aurora-canvas) !important;
    color: var(--aurora-brand) !important;
}

body.aurora-marketing .bg-gradient-to-br.from-blue-50,
body.aurora-marketing .from-blue-50,
body.aurora-marketing .via-indigo-50,
body.aurora-marketing .to-purple-50 {
    background-image: none !important;
}

/* Hide leftover stock wordmark images beside D4B text */
body.aurora-marketing .aurora-wordmark + img,
body.aurora-marketing img + .aurora-wordmark {
    /* keep both if markup still has logo; CSS hides logo via alt selector above */
}

@media (max-width: 575px) {
    .aurora-hero__ctas {
        flex-direction: column;
        align-items: stretch;
    }

    .aurora-hero__ctas .aurora-btn {
        width: 100%;
    }
}