/* 
  Legacy 1995 Theme
  Inspired by early HTML websites 
*/

/* Basic Reset */
html, body {
    margin: 0;
    padding: 8px; /* Classic slight margin */
    background-color: #ffffff;
    color: #000000;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 1.2;
    overflow-x: hidden;
}

/* Hide modern graphical elements */
#canvas-container, 
.rose-background, 
.floating-particle, 
.hamburger, 
.music-toggle,
.glass-nav,
.hero-scroll,
.dynamic-player-section,
canvas {
    display: none !important;
}

/* Show a simple nav instead of the glass-nav */
nav {
    display: block !important;
    background: none !important;
    backdrop-filter: none !important;
    position: static !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.nav-content {
    display: block !important;
}

.nav-links {
    display: block !important;
    margin: 1em 0;
    padding-left: 40px;
}

.nav-links li {
    display: list-item !important;
    list-style-type: disc;
    margin-bottom: 5px;
}

/* Headings */
h1, h2, h3, h4, h5, h6, .section-title, .subsection-title {
    color: #000000 !important;
    font-weight: bold;
    text-align: left !important;
    margin-top: 1em;
    margin-bottom: 1em;
    text-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    background: none !important;
}

.section-title { font-size: 2em !important; display: block !important; }
.subsection-title { font-size: 1.5em !important; display: block !important; }

/* Links */
a {
    color: #0000EE !important;
    text-decoration: underline !important;
    text-shadow: none !important;
    transition: none !important;
}
a:visited { color: #551A8B !important; }
a:active { color: #EE0000 !important; }
a:hover { color: #FF0000 !important; }

/* Layout Reset */
div, section, header, footer, article, main, .container, .glass-card, .album-gallery-container, .timeline, .preamble-text {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    position: static !important;
    transform: none !important;
    backdrop-filter: none !important;
}

/* Grids and Flexboxes to Block/List */
.members-grid, .streaming-items, .thumbnail-grid, .timeline-grid, .social-links, .album-item, .thumbnail-item, .timeline-item {
    display: block !important;
}

.member-card, .streaming-card, .thumbnail-item, .timeline-item, .album-item {
    display: list-item !important;
    list-style-type: square;
    margin-left: 40px;
    margin-bottom: 15px;
    padding: 0 !important;
}

/* Images */
img {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    max-width: 100% !important;
    display: inline !important;
    filter: none !important;
}

.member-image-wrapper, .embed-thumb, .thumbnail-image-wrapper, .album-cover-wrapper {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    border: none !important;
    margin-right: 10px;
}

/* Specific Abe Hiroshi vibes */
hr {
    border: none;
    border-top: 1px solid #000;
    color: #000;
    background-color: #000;
    height: 1px;
    margin: 20px 0;
}

/* Button style */
#theme-toggle-btn {
    position: static !important;
    display: inline-block !important;
    background-color: #ececec !important;
    color: black !important;
    border: 2px outset #ffffff !important;
    padding: 2px 10px !important;
    font-family: inherit !important;
    text-decoration: none !important;
    font-size: 16px !important;
    cursor: pointer !important;
    margin: 20px 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

#theme-toggle-btn:active {
    border-style: inset !important;
}

/* Text visibility inside glass cards */
.glass-card p, .timeline-content p, .member-info p {
    color: #000 !important;
    opacity: 1 !important;
}

/* Special header injection for legacy mode */
.legacy-header-text {
    display: block !important;
    font-size: 3em !important;
    font-weight: bold !important;
    margin-bottom: 20px !important;
}

/* 1995 Style Hit Counter */
.legacy-counter {
    display: block !important;
    text-align: center;
    margin: 30px 0;
    font-size: 1.2em;
}

#visit-count {
    font-family: "Courier New", Courier, monospace, "MS PGothic" !important;
    background-color: #000 !important;
    color: #0f0 !important; /* Classic bright green digits */
    padding: 2px 5px !important;
    border: 3px inset #888 !important; /* Beveled GIF look */
    letter-spacing: 3px !important;
    font-weight: bold !important;
    font-size: 1.4em !important;
    display: inline-block !important;
}

/* 1995 Style Twitter Embed Constraint */
.twitter-embed-container {
    max-width: 400px !important; /* Smaller width for legacy feel */
    margin: 20px auto !important;
    border: 3px ridge #ddd !important;
    background-color: #fff !important;
}

.twitter-embed-container h3 {
    margin: 10px 0 !important;
    color: #000 !important;
}