/*
Theme Name: Just-N Illusion – The Realm
Description: Custom child theme for the Just-N Illusion Studios website.
Author: Just-N Illusion Studios
Template: customizr-pro
Version: 1.0.0
Text Domain: jni-realm
*/


/* =========================================================
   JNI GLOBAL SITE TITLE
   Same position on every page
   ========================================================= */

.jni-global-site-title {
    position: fixed;
    z-index: 1000;

    top: 28px;
    left: 50%;
    transform: translateX(-50%);

    width: max-content;
    max-width: 90vw;

    font-family: "Marcellus", Georgia, serif;
    font-size: clamp(1.55rem, 2.2vw, 2.2rem);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.025em;

    /* Dark burned-paper look */
    color: #442519;

    text-shadow:
        0 1px 0 rgba(255, 225, 180, 0.10),
        0 0 1px rgba(55, 25, 14, 0.65),
        0 0 4px rgba(55, 25, 14, 0.24);

    filter:
        saturate(0.82)
        contrast(1.12);

    text-align: center;
    white-space: nowrap;

    pointer-events: none;
}


/* Initial black entrance — warm ivory */
body.jni-entrance-page .jni-global-site-title {
    color: #f3dfbf;

    text-shadow:
        0 0 2px rgba(243, 223, 191, 0.30),
        0 0 8px rgba(243, 223, 191, 0.10);

    filter: none;
}


/* Once the parchment world appears */
body.jni-entrance-page:has(#jni-entrance.is-burning)
.jni-global-site-title,

body.jni-entrance-page:has(#jni-entrance.is-revealed)
.jni-global-site-title {
    color: #442519;

    text-shadow:
        0 1px 0 rgba(255, 225, 180, 0.10),
        0 0 1px rgba(55, 25, 14, 0.65),
        0 0 4px rgba(55, 25, 14, 0.24);

    filter:
        saturate(0.82)
        contrast(1.12);

    transition:
        color 900ms ease,
        text-shadow 900ms ease,
        filter 900ms ease;
}


/* Compensate for WordPress admin bar while logged in */
body.admin-bar .jni-global-site-title {
    top: 60px;
}

/* =========================================================
   JNI GLOBAL TITLE — FINAL COLOR AUTHORITY
   ========================================================= */

/* Parchment / normal pages */
.jni-global-site-title {
    color: #442519 !important;
    -webkit-text-fill-color: #442519 !important;
}

/* Black opening only */
body.jni-entrance-page .jni-global-site-title {
    color: #f3dfbf !important;
    -webkit-text-fill-color: #f3dfbf !important;
}

/* Entrance once we enter the parchment world */
body.jni-entrance-page:has(#jni-entrance.is-burning) .jni-global-site-title,
body.jni-entrance-page:has(#jni-entrance.is-revealed) .jni-global-site-title {
    color: #442519 !important;
    -webkit-text-fill-color: #442519 !important;

    text-shadow:
        0 1px 0 rgba(255, 225, 180, 0.08),
        0 0 1px rgba(45, 20, 12, 0.75),
        0 0 4px rgba(45, 20, 12, 0.28) !important;

    filter: saturate(0.75) contrast(1.14);
}

/* JNI GLOBAL TITLE — DEEP BURNED PAPER COLOR */
html body .jni-global-site-title {
    color: #32180f !important;
    -webkit-text-fill-color: #32180f !important;

    text-shadow:
        0 1px 0 rgba(255, 220, 165, 0.08),
        0 0 1px rgba(25, 10, 5, 0.80),
        0 0 3px rgba(25, 10, 5, 0.28) !important;

    filter: saturate(0.55) contrast(1.18) !important;
}

/* Keep it light while the entrance is still on black */
html body.jni-entrance-page:not(:has(#jni-entrance.is-burning)):not(:has(#jni-entrance.is-revealed))
.jni-global-site-title {
    color: #f3dfbf !important;
    -webkit-text-fill-color: #f3dfbf !important;
    filter: none !important;
}

/* JNI GLOBAL TITLE — SMOOTH COLOR CHANGE */
.jni-global-site-title {
    transition:
        color 1200ms ease,
        -webkit-text-fill-color 900ms ease,
        text-shadow 1200ms ease,
        filter 1200ms ease !important;
}