/* ==========================================================================
   1. INJECT & FORCE SCRIPT FONTS EXCLUSIVELY ON FRONT-END HEADINGS
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&display=swap');

body:not(.wp-admin) h1, 
body:not(.wp-admin) h2, 
body:not(.wp-admin) h3, 
body:not(.wp-admin) h4, 
body:not(.wp-admin) h5, 
body:not(.wp-admin) h6,
.site-title,
.site-title a,
.wp-block-site-title,
.wp-block-site-title a,
.entry-title,
h1.entry-title,
h1.wp-block-post-title,
.single-post h1,
.comment-reply-title, 
[style*="font-family: Crimson Pro"],
[style*="font-family: 'Crimson Pro'"] {
    font-family: 'Dancing Script', cursive !important;
    color: #4a6b82 !important;
    text-transform: lowercase !important;
    text-decoration: none !important;
    text-align: center !important;
    display: block !important;
    font-weight: normal !important;
    width: 100% !important;
}

body:not(.wp-admin) .site-branding,
body:not(.wp-admin) .site-title-container,
body:not(.wp-admin) .title-container, 
body:not(.wp-admin) header.wp-block-template-part {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.wp-block-site-title a, .site-title a {
    font-size: 2.8rem !important;
    padding-top: 25px !important;
    line-height: 1.2 !important;
}

h1.wp-block-post-title, .single-post h1, .entry-title {
    font-size: 2.5rem !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

/* ==========================================================================
   2. CANVAS ENERGY & COMPACT SPACING
   ========================================================================== */
html, body, .site, #page, .site-header, .site-content, .site-main, .main-container {
    background-color: #f3edd8 !important;
}

body:not(.wp-admin) .site-branding, 
body:not(.wp-admin) #masthead .site-branding, 
body:not(.wp-admin) .site-title-container, 
body:not(.wp-admin) .title-container {
    margin-top: -45px !important;
    padding-top: 0 !important;
    position: relative !important;
    z-index: 99999 !important;
}

.header-image-container, .custom-header-media, .wp-block-image {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ==========================================================================
   3. VINTAGE LIVEJOURNAL METADATA FRAMING ENGINE
   ========================================================================== */
/* This styles your custom mood line with perfect top and bottom framing lines */
.livejournal-meta {
    display: block !important;
    max-width: 600px !important;
    margin: 20px auto 0px !important; 
    padding: 10px 0 !important;
    
    /* Perfect vintage frame lines around the text */
    border-top: 1px solid #d1cbc4 !important;
    border-bottom: 1px solid #d1cbc4 !important;
    
    font-family: "Georgia", serif !important;
    font-size: 0.88rem !important;
    color: #4a6b82 !important;
    text-align: center !important;
    letter-spacing: 0.05em !important;
    line-height: 1.6 !important;
}

/* ==========================================================================
   4. FORCE GAP OVERRIDES (DEEP INTERACTION LAYOUT RESETS)
   ========================================================================== */
.single .entry-content, 
.single .hentry,
.single article,
.entry-footer,
.post-meta-wrapper {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

div.sharedaddy, 
#jp-post-flair, 
.sharedaddy,
#jp-relatedposts,
.jetpack-likes-widget-wrapper,
div.wpcnt {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: auto !important;
}

.sharedaddy .sd-block,
.sharedaddy .sd-content {
    margin-bottom: 2px !important;
    padding-bottom: 0px !important;
}

.single .navigation, 
.single .post-navigation,
.post-navigation,
.nav-links {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#comments, 
#respond, 
.comment-respond,
.comments-area {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.comment-reply-title {
    margin-top: 0px !important;
    margin-bottom: 4px !important;
}