[data-theme="dark"] .theme-button.theme-button-transparent, [data-theme="light"] .theme-button.theme-button-transparent, .theme-button-transparent
Specificity: (0,3,0)
 {
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    /* padding: 0; */
}
.site-header .has-sticky-header.sticky-header-active {
    background-color: #050823;
   
}
.theme-button .svg-icon {
    display: block;
    height: 2.2rem;
    width: 3.2rem;
}
.theme-preloader {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #050823;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}






/* =========================================================
   HAVEN CENTRAL — THEME CONTROL
   Dark mode: #050823
   Light mode: #ffffff
   ========================================================= */


/* ---------------------------------------------------------
   1. DARK MODE
   --------------------------------------------------------- */

html[data-theme="dark"],
html[data-theme="dark"] body {
    background-color: #050823 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] {
    color-scheme: dark;
}

html[data-theme="dark"] body,
html[data-theme="dark"] #page,
html[data-theme="dark"] .site,
html[data-theme="dark"] .site-content,
html[data-theme="dark"] main {
    background-color: #050823 !important;
    color: #ffffff !important;
}


/* Header */

html[data-theme="dark"] .site-header,
html[data-theme="dark"] .site-header .has-sticky-header.sticky-header-active {
    background-color: #050823 !important;
    color: #ffffff !important;
}


/* Main text */

html[data-theme="dark"] p,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] li,
html[data-theme="dark"] label {
    color: #ffffff;
}


/* Links */

html[data-theme="dark"] a {
    color: #ffffff;
}


/* Buttons */

html[data-theme="dark"] button,
html[data-theme="dark"] input[type="button"],
html[data-theme="dark"] input[type="submit"] {
    color: #ffffff;
}


/* Cards / common containers */

html[data-theme="dark"] .card,
html[data-theme="dark"] .wp-block-group,
html[data-theme="dark"] .widget,
html[data-theme="dark"] .entry-content {
    color: #ffffff;
}


/* ---------------------------------------------------------
   2. LIGHT MODE
   --------------------------------------------------------- */

html[data-theme="light"],
html[data-theme="light"] body {
    background-color: #ffffff !important;
    color: #050823 !important;
}

html[data-theme="light"] {
    color-scheme: light;
}

html[data-theme="light"] body,
html[data-theme="light"] #page,
html[data-theme="light"] .site,
html[data-theme="light"] .site-content,
html[data-theme="light"] main {
    background-color: #ffffff !important;
    color: #050823 !important;
}


/* Header */

html[data-theme="light"] .site-header,
html[data-theme="light"] .site-header .has-sticky-header.sticky-header-active {
    background-color: #ffffff !important;
    color: #050823 !important;
}


/* Main text */

html[data-theme="light"] p,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6,
html[data-theme="light"] li,
html[data-theme="light"] label {
    color: #050823;
}


/* Links */

html[data-theme="light"] a {
    color: #050823;
}


/* Buttons */

html[data-theme="light"] button,
html[data-theme="light"] input[type="button"],
html[data-theme="light"] input[type="submit"] {
    color: #050823;
}


/* ---------------------------------------------------------
   3. THEME SWITCH BUTTON
   --------------------------------------------------------- */

[data-theme="dark"] .theme-button.theme-button-transparent,
[data-theme="light"] .theme-button.theme-button-transparent,
.theme-button-transparent {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.theme-button .svg-icon {
    display: block;
    height: 2.2rem;
    width: 3.2rem;
}

/* ==========================================
   HAVEN CENTRAL — FAST PRELOADER
   ========================================== */

/* Show the preloader immediately */
.theme-preloader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #050823;
    opacity: 1;
    visibility: visible;

    transition:
        opacity 0.2s ease,
        visibility 0.2s ease;

    /* Keep the loader independent of page layout */
    width: 100%;
    height: 100%;
    height: 100dvh;

    /* Prevent scroll while loading */
    overflow: hidden;
    overscroll-behavior: none;
}

/* Dark theme */
[data-theme="dark"] .theme-preloader,
html[data-theme="dark"] .theme-preloader {
    background-color: #050823 !important;
}

/* Light theme */
[data-theme="light"] .theme-preloader,
html[data-theme="light"] .theme-preloader {
    background-color: #ffffff !important;
}

/* Smooth exit */
.theme-preloader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
    .theme-preloader {
        transition: none;
    }
}

/* ---------------------------------------------------------
   5. IMPORTANT — STOP DEVICE THEME FROM OVERRIDING SITE
   --------------------------------------------------------- */

@media (prefers-color-scheme: light) {

    html[data-theme="dark"],
    html[data-theme="dark"] body {
        background-color: #050823 !important;
        color: #ffffff !important;
    }

}

@media (prefers-color-scheme: dark) {

    html[data-theme="light"],
    html[data-theme="light"] body {
        background-color: #ffffff !important;
        color: #050823 !important;
    }

}



/* Hide WordPress front-end edit links/buttons */
.edit-link,
.post-edit-link,
.page-edit-link,
.edit-post-link,
.wp-block-post-title__edit-link {
    display: none !important;
}