/* ============================================================
   PUBLIC PREMIUM DARK
   Current website remains default unless user switches.
   ============================================================ */

html.lf-public-dark {

    color-scheme:
        dark;
}


html.lf-public-dark,
html.lf-public-dark body {

    background:
        #07101b !important;

    color:
        #dce7f2 !important;
}


/* Overall site */

html.lf-public-dark main {

    background:
        #07101b !important;

    color:
        #dce7f2 !important;
}


/* Header */

html.lf-public-dark header,
html.lf-public-dark .site-header,
html.lf-public-dark .main-header {

    background:
        rgba(7,16,27,.96)
        !important;

    color:
        #edf4fa
        !important;

    border-color:
        #213147 !important;
}


html.lf-public-dark header a,
html.lf-public-dark .site-header a,
html.lf-public-dark .main-header a {

    color:
        #d9e7f2 !important;

    -webkit-text-fill-color:
        #d9e7f2 !important;
}


html.lf-public-dark header a:hover,
html.lf-public-dark .site-header a:hover,
html.lf-public-dark .main-header a:hover {

    color:
        #70bce7 !important;

    -webkit-text-fill-color:
        #70bce7 !important;
}


/* Mobile menu button */

html.lf-public-dark
header button[aria-label*="menu" i],

html.lf-public-dark
.site-header button[aria-label*="menu" i],

html.lf-public-dark
.main-header button[aria-label*="menu" i],

html.lf-public-dark
.menu-toggle,

html.lf-public-dark
.nav-toggle,

html.lf-public-dark
.mobile-menu-toggle {

    background:
        #101d2d !important;

    color:
        #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    border-color:
        #30445c !important;
}


html.lf-public-dark
.menu-toggle span,

html.lf-public-dark
.nav-toggle span,

html.lf-public-dark
.mobile-menu-toggle span {

    background:
        #ffffff !important;

    border-color:
        #ffffff !important;
}


/* Hero */

html.lf-public-dark .hero,
html.lf-public-dark .page-hero,
html.lf-public-dark .inner-hero,
html.lf-public-dark .article-hero,
html.lf-public-dark .blog-hero,
html.lf-public-dark .page-header {

    background:

        radial-gradient(
            circle at 82% 18%,
            rgba(36,138,199,.14),
            transparent 30%
        ),

        radial-gradient(
            circle at 8% 88%,
            rgba(22,129,99,.10),
            transparent 30%
        ),

        linear-gradient(
            180deg,
            #091420,
            #0b1725
        )
        !important;

    color:
        #e8f1f8 !important;
}


/* Main headings */

html.lf-public-dark main h1,
html.lf-public-dark main h2,
html.lf-public-dark main h3,
html.lf-public-dark main h4,
html.lf-public-dark main h5,
html.lf-public-dark main h6,
html.lf-public-dark main strong {

    color:
        #f1f6fa !important;

    -webkit-text-fill-color:
        #f1f6fa !important;
}


/* Normal text */

html.lf-public-dark main p,
html.lf-public-dark main li,
html.lf-public-dark main label,
html.lf-public-dark main dt,
html.lf-public-dark main dd,
html.lf-public-dark main figcaption {

    color:
        #b3c2d2 !important;

    -webkit-text-fill-color:
        currentColor !important;
}


/* Links */

html.lf-public-dark main a:not(.btn):not(.button):not(.primary-button):not(.cta-button) {

    color:
        #74c3ef !important;

    -webkit-text-fill-color:
        #74c3ef !important;
}


/* Sections */

html.lf-public-dark .section,
html.lf-public-dark .page-section,
html.lf-public-dark .content-section,
html.lf-public-dark .service-section {

    background:
        #09131f !important;

    color:
        #c5d2df !important;

    border-color:
        #1d2c40 !important;
}


html.lf-public-dark .section-deep,
html.lf-public-dark .section-soft,
html.lf-public-dark .bg-soft {

    background:
        #0d1927 !important;
}


/* Cards */

html.lf-public-dark .card,
html.lf-public-dark .service-card,
html.lf-public-dark .info-card,
html.lf-public-dark .feature-card,
html.lf-public-dark .process-card,
html.lf-public-dark .promise-card,
html.lf-public-dark .review-card,
html.lf-public-dark .blog-card,
html.lf-public-dark .article-card,
html.lf-public-dark [class*="service-card"],
html.lf-public-dark [class*="feature-card"] {

    background:
        #101c2b !important;

    color:
        #c9d5e1 !important;

    border-color:
        #24364b !important;

    box-shadow:
        0 13px 38px
        rgba(0,0,0,.18)
        !important;
}


/* Hero panel */

html.lf-public-dark .hero-panel {

    background:
        #101c2b !important;

    border-color:
        #283a50 !important;

    box-shadow:
        0 24px 58px
        rgba(0,0,0,.24)
        !important;
}


html.lf-public-dark .hero-panel a {

    background:
        #132234 !important;

    border-color:
        #2a3e55 !important;

    color:
        #e5eef6 !important;

    -webkit-text-fill-color:
        currentColor !important;
}


/* Trust cards */

html.lf-public-dark .trust-strip {

    background:
        #0c1725 !important;

    border-color:
        #243449 !important;
}


html.lf-public-dark .trust-item {

    background:
        #111f2f !important;

    color:
        #c8d5e2 !important;
}


/* Articles / blogs */

html.lf-public-dark .lf-article,
html.lf-public-dark .blog-article,
html.lf-public-dark .article-page,
html.lf-public-dark .post-content,
html.lf-public-dark .entry-content,
html.lf-public-dark .lf-article-section {

    background:
        transparent !important;

    color:
        #bdcbd9 !important;

    border-color:
        #203045 !important;
}


/* FAQ */

html.lf-public-dark main details {

    background:
        #101c2a !important;

    border-color:
        #283a50 !important;

    color:
        #c8d5e2 !important;
}


html.lf-public-dark main details summary {

    color:
        #eef4f9 !important;

    -webkit-text-fill-color:
        #eef4f9 !important;
}


/* Reviews */

html.lf-public-dark #customer-reviews,
html.lf-public-dark .reviews-page,
html.lf-public-dark .reviews-section {

    background:
        #09131f !important;

    color:
        #c5d3df !important;

    border-color:
        #1e3044 !important;
}


html.lf-public-dark #customer-reviews article,
html.lf-public-dark .review-card {

    background:
        #101c2b !important;

    border-color:
        #283a50 !important;
}


/* Forms */

html.lf-public-dark main input:not([type="submit"]):not([type="button"]),
html.lf-public-dark main textarea,
html.lf-public-dark main select {

    background:
        #0d1927 !important;

    color:
        #ecf3f9 !important;

    -webkit-text-fill-color:
        #ecf3f9 !important;

    border-color:
        #2a3c52 !important;
}


html.lf-public-dark main input::placeholder,
html.lf-public-dark main textarea::placeholder {

    color:
        #788b9f !important;

    opacity:
        1 !important;
}


/* Tables */

html.lf-public-dark main table {

    background:
        #101c2b !important;

    color:
        #c3d1de !important;

    border-color:
        #2a3b50 !important;
}


html.lf-public-dark main th {

    background:
        #162538 !important;

    color:
        #eef4f9 !important;

    border-color:
        #30435a !important;
}


html.lf-public-dark main td {

    color:
        #bdcad8 !important;

    border-color:
        #25374c !important;
}


/* Related blog links */

html.lf-public-dark .lf-related a {

    background:
        #111e2e !important;

    color:
        #d8e5ef !important;

    border-color:
        #293c53 !important;
}


/* Dancing documents */

html.lf-public-dark #lf-document-stage {

    background:
        #0a1522 !important;
}


html.lf-public-dark .lf-doc-card {

    background:
        linear-gradient(
            145deg,
            #152437,
            #0d1b2a
        )
        !important;

    border-color:
        #2b4058 !important;

    box-shadow:
        0 17px 42px
        rgba(0,0,0,.25)
        !important;
}


/* Footer */

html.lf-public-dark footer,
html.lf-public-dark .site-footer {

    background:
        #050b13 !important;

    color:
        #b8c7d6 !important;

    border-color:
        #1f2e40 !important;
}


/* ============================================================
   PUBLIC THEME SWITCH
   ============================================================ */

#lf-public-theme-switch {

    position:
        fixed;

    right:
        18px;

    bottom:
        18px;

    z-index:
        999998;

    min-height:
        46px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    padding:
        10px 15px;

    border:
        1px solid
        #d9e4ec;

    border-radius:
        999px;

    background:
        rgba(255,255,255,.95);

    color:
        #142438;

    -webkit-text-fill-color:
        #142438;

    box-shadow:
        0 12px 35px
        rgba(11,23,40,.13);

    font-size:
        13px;

    font-weight:
        850;

    cursor:
        pointer;

    backdrop-filter:
        blur(12px);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}


#lf-public-theme-switch:hover {

    transform:
        translateY(-2px);
}


html.lf-public-dark
#lf-public-theme-switch {

    background:
        #18283b;

    color:
        #ffffff;

    -webkit-text-fill-color:
        #ffffff;

    border-color:
        #30445c;

    box-shadow:
        0 14px 38px
        rgba(0,0,0,.30);
}


@media(max-width:600px) {

    #lf-public-theme-switch {

        right:
            12px;

        bottom:
            12px;

        min-height:
            42px;

        padding:
            8px 12px;
    }

}
