/* Medieval / Skyrim-inspired theme */

/* Global settings */
body {
    font-family: "Cinzel", "Garamond", serif;
    background: #222222 url("https://www.transparenttextures.com/patterns/parchment.png") repeat;
    color: #f5e6c5;
    margin: 0;
    cursor: url("images/Cursors/Skyrim-normal.cur"), auto;
    display: flex; /* Use Flexbox for layout */
}

/* Side Navbar (Desktop) */
.navbar {
    width: 220px;
    height: 100vh; /* Full height */
    background-color: rgba(15, 15, 15, 0.9);
    border-right: 4px solid #555555;
    padding: 20px 10px;
    flex-shrink: 0; /* Prevent navbar from shrinking */
    box-sizing: border-box;
}

.navbar a {
    display: flex; /* Use flex to align icon and text */
    align-items: center; /* Vertically center icon and text */
    padding: 15px;
    margin: 10px 0;
    text-decoration: none;
    color: #f5e6c5;
    background-color: #4a4a4a;
    border: 2px solid #777777;
    border-radius: 0;
    font-family: "Uncial Antiqua", cursive;
    font-size: 16px;
    cursor: url("images/Cursors/Skyrim-precision.cur"), pointer;
}

.navbar a i {
    margin-right: 15px; /* Space between icon and text */
    width: 20px; /* Helps align text */
    text-align: center;
}

.navbar a:hover {
    background-color: #666666;
    border-color: #d4af37;
}

/* Main Content Area */
.main-content {
    flex-grow: 1; /* Allow content to take remaining space */
    padding: 20px;
    text-align: center;
    height: 100vh;
    overflow-y: auto; /* Allow content to scroll independently */
    box-sizing: border-box;
}

/* Container */
.container {
    width: 800px;
    margin: 0 auto 20px auto; /* Centered with bottom margin */
    padding: 30px;
    border: 6px solid #444444;
    background: rgba(25, 25, 25, 0.9);
    box-shadow: 0 0 40px rgba(0,0,0,0.8);
}

/* Latest Video Section */
#video-container {
    padding-top: 10px;
}
#video-container p {
    font-size: 20px;
    font-style: italic;
    color: #f5e6c5;
}
iframe {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border: 0;
}

/* Status section */
#status {
    border: 3px solid #777777;
    background: rgba(51, 51, 51, 0.85);
    padding: 20px;
}
#status h1 {
    font-size: 36px;
    font-weight: bold;
    color: #d4af37;
    text-shadow: 2px 2px #000;
    font-family: "Cinzel", serif;
    margin-bottom: 10px;
}
#current-activity {
    font-size: 20px;
    font-style: italic;
    color: #f5e6c5;
}

/* Text selection cursor */
p, h1, h2, h3, h4, h5, h6, span {
    cursor: url("images/Cursors/Skyrim-text.cur"), text;
}

/* --- Responsive Design for Mobile --- */
@media (max-width: 768px) {
    body {
        flex-direction: column; /* Stack navbar and content vertically */
    }

    /* Revert navbar to a top bar */
    .navbar {
        width: 100%;
        height: auto;
        border-right: none;
        border-bottom: 4px solid #555555;
        padding: 10px;
        text-align: center;
    }

    .navbar a {
        display: inline-flex; /* Use inline-flex for better alignment on one line */
        justify-content: center;
        padding: 8px 15px;
        margin: 5px;
        border-radius: 5px;
    }

    .main-content {
        height: auto;
        overflow-y: visible;
    }

    .container {
        width: 90%;
        padding: 15px;
        border-width: 4px;
    }

    #status h1 {
        font-size: 28px;
    }

    #current-activity {
        font-size: 20px;
    }
}