/* Embed Topaz Font */
@font-face {
    font-family: 'Topaz';
    src: url('../fonts/Topaz.ttf') format('truetype');
}

/* General Styles */
body {
    font-family: 'Topaz', Arial, sans-serif;
    background-color: #0055AA; /* Amiga Blue */
    color: white; /* Default text color */
    margin: 0;
    padding: 0;
}

/* Restore Default Body List Styles */
body ul {
    list-style-type: disc; /* Restore bullet points */
    margin: 1em 0 1em 40px; /* Restore indentation */
    padding: 0;
}

body ol {
    list-style-type: decimal; /* Restore ordered list numbers */
    margin: 1em 0 1em 40px; /* Restore indentation */
    padding: 0;
}

/* Heading styles */
h1, h2, h3, h4 {
    background-color: white;
    color: #0055AA; /* Amiga Blue */
    padding: 10px;
    margin: 10px 0;
}

/* Links in Headings - Specifically set because body links affected them */
h1 a, h2 a, h3 a, h4 a {
    text-decoration: none;
    color: #0055AA; /* Amiga Blue for unvisited links */
}

h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
    color: #0055AA; /* Amiga Blue for visited links */
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    color: #FF8800; /* Amiga Orange for hover */
}

/* Menu container */
.nav {
    background-color: white;
    padding: 0;
    position: relative; /* Establish stacking context for dropdown */
}

.nav ul {
    list-style-type: none; /* Remove bullet points for nav menu */
    margin: 0; /* Remove margin for nav menu */
    padding: 0; /* Remove padding for nav menu */
    display: flex;
}

.nav li {
    margin: 0;
    padding: 0;
    background-color: white;
    position: relative; /* Needed for dropdown positioning */
    flex-shrink: 0;
}

.nav a {
    text-decoration: none;
    color: #0055AA; /* Amiga Blue */
    font-weight: bold;
    padding: 10px 15px;
    display: block;
    background-color: white;
}

.nav a:visited {
    color: #0055AA; /* Ensure visited links stay Amiga Blue */
}

.nav a:hover {
    background-color: black;
    color: #FF8800; /* Amiga Orange for hover */
}

/* Dropdown menu */
.dropdown {
    visibility: hidden; /* Ensure it is hidden on load */
    opacity: 0; /* Make it invisible */
    position: absolute;
    top: 100%; /* Ensure dropdown appears below the parent item */
    left: 0;
    background-color: white;
    border: 1px solid #0055AA;
    padding: 0;
    z-index: 10; /* Ensure dropdown appears above other elements */
    transition: visibility 0s, opacity 0.2s ease-in-out; /* Smooth appearance */
}

.dropdown li {
    margin: 0;
    padding: 0;
    background-color: white;
}

.dropdown a {
    text-decoration: none;
    color: #0055AA; /* Amiga Blue */
    padding: 10px 15px;
    background-color: white;
}

.dropdown a:visited {
    color: #0055AA; /* Ensure visited dropdown links stay Amiga Blue */
}

.dropdown a:hover {
    background-color: black;
    color: #FF8800; /* Amiga Orange for hover */
}

/* Show dropdown on hover */
.nav li:hover .dropdown {
    visibility: visible; /* Show dropdown */
    opacity: 1; /* Make it fully visible */
}

/* Body Links */
a {
    text-decoration: none;
    color: #FF8800; /* Orange for hover state */
    /* color: #00FFFF;  Cyan for unvisited links */
}

a:visited {
    color: #FF8800; /* Orange for hover state */
    /* color: #D3D3D3; Light Gray for visited links */
}

a:hover {
    color: #FF8800; /* Orange for hover state */
}