/* Markdown Notices - Standard Grav/Quark Styles */
.notices.yellow { border-left: 10px solid #935b0c; background: #31220b; color: #eea034; }
.notices.red { border-left: 10px solid #89211e; background: #2e0b0b; color: #db5a56; }
.notices.blue { border-left: 10px solid #1b6e86; background: #13222a; color: #4bb9da; }
.notices.green { border-left: 10px solid #347834; background: #192c13; color: #7ac57a; }

/* --- TICKER STYLING (START) --- */
.ticker-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 5rem;       /* <--- MASTER HEIGHT: You set this to 5rem */
    overflow: hidden;
    background-color: #0d0d0d;
    border-bottom: 1px solid #d4af37;
    z-index: 10000;
}

.ticker-wrap::after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /* This creates the alternating dark lines and the RGB sub-pixel hint */
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none; /* Ensures you can still click things underneath if needed */
}
.ticker {
    display: flex;
    flex-direction: column;
    animation: ticker-v 240s linear infinite;
    padding-top: 0;
}

.ticker-item {          /* <--- This is the section you were looking for! */
    padding: 0 1rem;
    font-size: 0.8rem;  /* <--- Increased font size for better visibility */
    color: #a0a0a0;
    font-family: monospace;
    border-bottom: 1px solid #1f1f1f;
    height: 1.5rem;       /* <--- FIXED: Changed from 3rem to 5rem to match the wrap */
    display: flex;
    align-items: center;
}

.ticker-item strong {
    color: #d4af37;
    margin-right: 0.5rem;
}

@keyframes ticker-v {
    0% { transform: translateY(0); }
    100% { transform: translateY(-50%); } 
}

/* --- LAYOUT FIXES (START) --- */

/* FIX 2: Push the Fixed Header down so the Ticker doesn't cover it */
.header-fixed #header {
    top: 5rem;          /* <--- FIXED: Changed from 3rem to 5rem (Matches Ticker Height) */
}

/* FIX 3: Push the main page content down */
#body-wrapper {
    /* 5rem (Ticker) + 4rem (Header) + Extra space = 10rem */
    padding-top: 10rem !important; 
}

/* --- LAYOUT FIXES (END) --- */


/* Shortcode UI & Extra Theme Styles */
.accordion-wrapper { margin: 30px 0; text-align: left; }
.accordion-wrapper label { color: #ccc; background: #272727; border: 1px solid #000; border-bottom: 1px solid transparent; }
.accordion-wrapper label:hover { background: #2d2d2d; color: #fff; }
.accordion-wrapper article { background: rgba(39, 39, 39, 0.5); border: 1px solid #000; }
.accordion-wrapper input:checked + label { border-bottom: 1px solid #000; }
.accordion-wrapper > div:last-child label, .accordion-wrapper > div:last-child input:checked ~ article { border-bottom: 1px solid #000; }

.tab { border-bottom: .05rem solid rgba(39, 39, 39, 0.5); }
.tabs-wrapper { display: block; }
.tabs-wrapper.ui-theme-lite .tabs-nav li.current a { border-bottom: 1px solid #3085ee; }
.tabs-wrapper.ui-theme-lite .tabs-nav li:hover { background: rgba(39, 39, 39, 0.5); }
.tabs-wrapper.ui-theme-lite.bottom-right .tabs-nav li.current a, .tabs-wrapper.ui-theme-lite.bottom-left .tabs-nav li.current a { border-top: 1px solid #909090; }
.tabs-wrapper.ui-theme-lite.bottom-right .tab, .tabs-wrapper.ui-theme-lite.bottom-left .tab { border-bottom: 1px solid #e9e9e9; }
.tabs-wrapper.ui-theme-lite .tab { border-top: 1px solid #000; background-color: rgba(39, 39, 39, 0.5); padding: 0.4rem; }

.browser-frame { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); border: 1px solid #272727; }
.browser-frame .btoolbar { height: 40px; background: #272727; color: #bbb; border-bottom: 1px solid #272727; }
.browser-frame .btoolbar-button { background: #bbb; }
.browser-frame .btoolbar-address { background: rgba(39, 39, 39, 0.5); border: 1px solid #bbb; }

.cd-image-container { position: relative; }
.cd-image-label { color: #ccc; }
.cd-handle { color: #ccc; background: #3085ee; }
.cd-handle.draggable { background-color: #1e6bc9; }

.polaroid-wrapper .polaroid { background: #272727; border: 1px solid #272727; }
.polaroid-wrapper .polaroid-img { background: #272727; }


/* --- PAPER THEME OVERRIDES --- */
/* Only triggers on pages with body_class: paper */

body.paper .ticker-wrap {
    background-color: #F1E9D2;       /* Parchment color */
    border-bottom: 2px solid #8b3a3a; /* Red Ink Border */
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

body.paper .ticker-item {
    color: #2b2b2b;                  /* Dark Ink Text */
    font-family: 'Georgia', serif;   /* Book Font */
    border-bottom: 1px dashed #8b3a3a !important; /* Faint line separator */
    font-style: italic;
}

body.paper .ticker-item strong {
    color: #8b3a3a;                  /* Red Ink for Names */
    font-family: 'Inter', sans-serif; /* Keep names legible */
    font-style: normal;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
}

/* Optional: Hide scanlines on paper theme */
body.paper .ticker-wrap::after {
    display: none;
}

/* --- PAPER THEME OVERRIDES --- */

/* 1. THE WHOLE PAGE (Background & Text) */
body.paper {
    background-color: #F1E9D2 !important;  /* Parchment */
    color: #2b2b2b !important;             /* Dark Ink */
    font-family: 'Georgia', serif;         /* Literary Font */
}

/* 2. THE TICKER (The Strip at the Top) */
body.paper .ticker-wrap {
    background-color: #e8e4db;             /* Slightly darker parchment */
    border-bottom: 2px solid #8b3a3a;      /* Red Ink Border */
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

body.paper .ticker-item {
    color: #2b2b2b;
    font-family: 'Georgia', serif;
    border-bottom: 1px solid #d4cbb8;
    font-style: italic;
    font-size: 1rem; /* Slightly larger for book feel */
}

/* 3. THE "META" TEXT (The Archaic Phrasing) */
body.paper .ticker-item strong {
    color: #8b3a3a;                  /* Red Ink */
    font-family: 'Georgia', serif;   /* Match the body */
    font-style: normal;              /* Not italic, to stand out */
    font-weight: bold;
    text-transform: none;            /* Remove the ALL CAPS */
    margin-right: 0.8rem;
}

/* 4. HIDE SCIFI ELEMENTS */
body.paper .ticker-wrap::after {
    display: none; /* Turn off scanlines */
}

/* 5. ADJUST HEADERS FOR PAPER */
body.paper h1, body.paper h2, body.paper h3 {
    color: #8b3a3a; /* Red Ink Headers */
    font-family: 'Georgia', serif;

}

/* --- FORCE MENU LINKS TO BE DARK IN PAPER THEME --- */

/* 1. Target the Logo and the Menu Links specifically */
body.paper #header a,
body.paper #header .navbar-section a,
body.paper .dropmenu > li > a {
    color: #8b3a3a !important;      /* Red Ink */
    font-weight: 600;               /* Make them a bit bolder */
}

/* 2. Target the "Active" page (The page you are currently on) */
body.paper .dropmenu > li.active > a {
    color: #2b2b2b !important;      /* Dark Ink (Black) */
    border-bottom: 2px solid #8b3a3a;
}

/* 3. Hover Effects */
body.paper #header a:hover,
body.paper .dropmenu > li > a:hover {
    color: #000000 !important;      /* Pure Black on hover */
    background: transparent !important; /* Remove any weird grey background buttons */
}

/* --- CINEMATIC PROJECT CARD --- */
.project-card {
    background-color: #242424;      /* Dark Grey Background */
    border-left: 5px solid #d4af37; /* The Gold Spine */
    padding: 2.5rem;
    margin-bottom: 3rem;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

/* Typography inside the card */
.project-card h2 {
    color: #d4af37;                 /* Gold Header (AGAPE) */
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 0;
    font-size: 2rem;
}

.project-card .label {
    font-family: 'Courier New', monospace;
    font-size: 0.75rem;
    color: #757575;                 /* Dimmed Grey text */
    text-transform: uppercase;
    letter-spacing: 0.15em;
    display: block;
    margin-bottom: 1rem;
}

.project-card strong {
    color: #d4af37;                 /* Gold for "The Hook" */
}

.project-card em {
    color: #fff;                    /* White for book titles */
    font-style: italic;
}

/* The Quote Block inside the card */
.project-card blockquote {
    border-left: 2px solid #757575;
    margin: 2rem 0 0 0;
    padding-left: 1.5rem;
    color: #a0a0a0;
    font-family: 'Georgia', serif;
    font-style: italic;
}


.project-card .label {
    color: #444444 !important;      /* Much darker grey (was likely white or light grey) */
    background: #9a9a9a !important; /* Removes any default background bubble */
    font-weight: bold !important;     /* Removes bold if it's making it pop too much */
    opacity: 0.7;                       /* Makes it slightly see-through/ghostly */
}


/* --- PAPER THEME PROJECT CARD --- */
/* Only triggers on pages with body_class: paper */

/* 1. THE WHOLE PAGE (Restoring Original SVG Pattern) */
body.paper {
    /* Base parchment color */
    background-color: #f4f1ea !important; 
    
    /* The Waffle Pattern (SVG from your original styles.css) */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDBoMTAwdjEwMEgwVjB6bTUwIDUwVjBoNTB2NTBINTB6IiBmaWxsPSIjZThlMmRhIiBmaWxsLW9wYWNpdHk9Ii40Ii8+PC9nPjwvc3ZnPg==') !important;
    
    /* Text Settings */
    color: #2b2b2b !important;
    font-family: 'Georgia', serif;
}


/* Soft border for the header in paper mode */
body.paper #header {
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
    box-shadow: none !important; /* Remove any heavy shadows */
}


body.paper .project-card {
    background-color: #fcfbf9 !important;   /* Very light cream/white paper */
    border-left: 5px solid #8b3a3a !important; /* Red Ink Spine */
    color: #2b2b2b !important;              /* Dark Ink Text */
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); /* Softer shadow */
}

/* Override the internal text colors for Paper mode */
body.paper .project-card h2 {
    color: #8b3a3a !important;              /* Red Header */
    font-family: 'Georgia', serif;          /* Literary Font */
    text-transform: none;                   /* Normal casing looks better on paper */
}

body.paper .project-card .label {
    color: #8b3a3a !important;              /* Red Label */
    font-family: 'Georgia', serif;
    font-style: italic;
    opacity: 0.8;
}

body.paper .project-card strong {
    color: #8b3a3a !important;              /* Red bold text */
}

body.paper .project-card blockquote {
    border-left: 2px solid #d4cbb8;         /* Tan border for quotes */
    color: #555;
    font-family: 'Georgia', serif;
}

/* TERMINAL LINK STYLING */
/* Selects any link that points to your mainframe subdomain */
a[href*="mainframe"] {
    font-family: 'Courier New', Courier, monospace !important;
    font-weight: bold;
    letter-spacing: -0.5px; /* Monospace fonts are wide; this tightens it up */
    
    /* Optional: Make it Terminal Green to really sell it? */
    /* Remove this line if you want it to match the other links colors */
    color: #33ff00 !important; 
}

/* Optional: Add a blinking cursor on hover */
a[href*="mainframe"]:hover::after {
    content: " █";
    animation: blink 1s step-end infinite;
    color: inherit;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}






/* --- MOBILE LAYOUT: SCROLL MENU FINAL (NO BURGER) --- */
@media (max-width: 840px) {

    /* 0. CLEANUP: HIDE THE BURGER & LANGSWITCHER */
    /* We kill the burger button, the mobile popup, and the language switcher */
    .mobile-menu, 
    #toggle, 
    .mobile-container,
    .langswitcher, 
    ul.langswitcher,
    .dropmenu .langswitcher {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 1. TICKER (Pinned Top) */
    .ticker-wrap {
        position: fixed !important;
        top: 0 !important;
        height: 5rem !important;
        z-index: 500 !important;
        background-color: #0d0d0d !important;
        border-bottom: none !important;
    }
    .ticker-item {
        height: auto !important;
        padding-bottom: 2rem !important; 
        border-bottom: 1px dashed #333 !important;
    }

    /* 2. HEADER CONTAINER (Absolute Position) */
    #header {
        position: absolute !important; 
        top: 5rem !important;
        height: 4rem !important;
        width: 100% !important;
        background-color: #1a1a1a !important;
        z-index: 400 !important;
        padding: 0 !important;
        display: block !important;
    }

    /* 3. UNLOCK THE CONTAINER */
    /* Override theme grid limits */
    #header .container,
    #header .navbar {
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    /* 4. THE LOGO (Constrained) */
    .navbar-section.logo {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: 25% !important;
        padding: 0 10px !important;
        border-right: 1px solid #333;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .navbar-section.logo img {
        height: 80% !important;
        width: auto !important;
        object-fit: contain !important;
    }

    /* 5. THE SCROLL MENU (Fills Remaining Space) */
    .navbar-section.desktop-menu {
        flex: 1 1 auto !important;   /* GROW to fill space */
        min-width: 0 !important;     /* Allow scrolling */
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important; /* Start next to logo */
        padding: 0 !important;
        margin: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 6. THE SCROLLING LIST */
    .dropmenu,
    .dropmenu ul {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        height: 100% !important;
        overflow-x: auto !important;    /* ENABLE SCROLL */
        white-space: nowrap !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    /* 7. THE LINKS */
    .dropmenu li,
    .dropmenu a {
        display: inline-block !important;
        color: #ffffff !important;
        padding: 0 20px !important;
        font-size: 1rem !important;
        line-height: 4rem !important;
        text-decoration: none !important;
        flex-shrink: 0 !important; 
    }

    /* 8. BODY PADDING */
    body {
        padding-top: 10rem !important;
    }
}






/* --- DESKTOP FIXES (Min-Width 841px) --- */
@media (min-width: 841px) {

    /* 1. FIX THE ARROW (Keep this, it's working) */
    #to-start {
        margin-top: 6rem !important;    
        display: block !important;
        pointer-events: auto !important; 
        position: relative !important; 
        z-index: 10 !important;
    }

    /* 2. GLOBAL RESET (Keeps "Logs" List Tight) */
    /* This ensures your main list stays exactly where you like it (1rem) */
    #body-wrapper, 
    #start {
        margin-top: 0 !important;      
        padding-top: 5rem !important;   
    }
    
    /* 3. THE "PUSH DOWN" OVERRIDE (For Single Posts) */
    /* This ONLY applies to pages where you added 'body_classes: push-down' */
    body.push-down #body-wrapper,
    body.push-down #start {
        padding-top: 10rem !important; /* Force the Container (Breadcrumbs + Title) down */
    }
}


/* --- HIDE BLOG DATES (TIMELESS MODE) --- */
/* This removes the pressure to post frequently */

/* 1. Hide dates on the main list */
.blog-date,
.card-subtitle.text-gray,
.date {
    display: none !important;
}

/* 2. Hide dates on the individual article page */
.blog-item-header .date,
.item-date {
    display: none !important;
}

/* 3. OPTIONAL: Hide "Previous/Next" buttons if you want it to feel static */
/*
.pagenav {
    display: none !important;
}
*/

/* --- GLOBAL DATE KILLER (MOBILE & DESKTOP) --- */
/* This targets every possible variation of the date stamp */

.blog-date,
.date,
.item-date,
.card-subtitle.text-gray,
time {
    display: none !important;
}

/* --- SCORCHED EARTH DATE KILLER --- */
/* Targets Cards, Tiles, Panels, and Icons globally */

.blog-date, 
.date, 
.item-date, 
time,
.card-subtitle, 
.tile-subtitle, 
.panel-subtitle,
.blog-meta,
.text-gray i.fa-clock-o,
.text-gray i.fa-calendar {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
}