/* Copied by sites/forum-theme/apply-panel.sh from the sites' /site.css; edit that, then run the script. */
/* Shared styles for every site. Edit here once; no rule names a server.
 *
 * A page opts in with  <html data-server="NAME">  and
 *     <link rel="stylesheet" href="/site.css">
 * The block between the THEME markers is generated from the wrapper's
 * config.json (servers[].theme) by sites/tools/theme.js. Do not edit it by hand:
 * change config.json and run the tool, so the wrapper and the sites agree.
 */

/* BEGIN GENERATED THEME */
:root, html[data-server="sams"] {
    --accent: #55ff55;
    --accent-rgb: 85, 255, 85;
    --accent-glow: rgba(85, 255, 85, 0.6);
    --menu-icon: url("https://sams.tj/assets/boat.png");
    --menu-animation: menu-wiggle 3.5s ease-in-out infinite;
    --bg-1: url("https://sams.tj/images/website-background.png");
}
html[data-server="hardcore"] {
    --accent: #55ff55;
    --accent-rgb: 85, 255, 85;
    --accent-glow: rgba(85, 255, 85, 0.6);
    --menu-icon: url("https://hardcore.tj/assets/heart.png");
    --menu-animation: menu-wiggle 3.5s ease-in-out infinite;
    --bg-1: url("https://hardcore.tj/images/website-background-1.png");
    --bg-2: url("https://hardcore.tj/images/website-background-2.png");
    --bg-3: url("https://hardcore.tj/images/website-background-3.png");
    --bg-4: url("https://hardcore.tj/images/website-background-4.png");
    --bg-5: url("https://hardcore.tj/images/website-background-5.png");
}
html[data-server="skyblock"] {
    --accent: #ff55ff;
    --accent-rgb: 255, 85, 255;
    --accent-glow: rgba(255, 85, 255, 0.6);
    --menu-icon: url("https://sams.tj/assets/skyblock_menu.png");
    --menu-animation: menu-float 4s ease-in-out infinite;
    --bg-1: url("https://sams.tj/assets/skyblock_website_background.png");
}
html[data-server="mods"] {
    --accent: #55ccff;
    --accent-rgb: 85, 204, 255;
    --accent-glow: rgba(85, 204, 255, 0.6);
    --menu-icon: url("https://sams.tj/assets/aether_portal.png");
    --menu-animation: menu-bounce 2s cubic-bezier(0.28, 0.84, 0.42, 1) infinite;
    --bg-1: url("https://sams.tj/assets/modded_website_background.png");
}
html[data-server="superflat"] {
    --accent: #55ff55;
    --accent-rgb: 85, 255, 85;
    --accent-glow: rgba(85, 255, 85, 0.6);
    --menu-icon: url("https://mc-heads.net/avatar/MHF_Slime/150");
    --menu-animation: menu-wiggle 3.5s ease-in-out infinite;
    --bg-1: url("https://sams.tj/images/website-background.png");
}
html[data-server="earth"] {
    --accent: #55ffff;
    --accent-rgb: 85, 255, 255;
    --accent-glow: rgba(85, 255, 255, 0.6);
    --menu-icon: url("https://sams.tj/assets/globe.png");
    --menu-animation: menu-bounce 2s cubic-bezier(0.28, 0.84, 0.42, 1) infinite;
    --bg-1: url("https://sams.tj/assets/earth-website-background-1.png");
}
/* END GENERATED THEME */

/* ---- Menu icon animations (config.json "menuClass" picks one) ---- */
@keyframes menu-wiggle { 0%, 100% { transform: rotate(-6deg) translateY(0); } 50% { transform: rotate(6deg) translateY(-15px); } }
@keyframes menu-float  { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes menu-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-25px); } }

/* ---- Corner menu and its dropdown ---- */
.site-menu { position: fixed; bottom: 20px; left: 20px; z-index: 50; cursor: pointer; }
.site-menu-icon { width: 150px; image-rendering: pixelated; filter: drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.6)); animation: var(--menu-animation); transition: transform 0.2s; }
.site-menu:hover .site-menu-icon { filter: drop-shadow(4px 4px 0px var(--accent-glow)); }

.site-menu .dropdown-content { display: none; position: absolute; bottom: 100%; left: 0; background-color: rgba(10, 10, 10, 0.98); min-width: 240px; max-height: 70vh; overflow-y: auto; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.8); border: 4px solid #444; image-rendering: pixelated; padding-bottom: 10px; margin-bottom: 15px; }
.site-menu .dropdown-content::-webkit-scrollbar { width: 6px; }
.site-menu .dropdown-content::-webkit-scrollbar-thumb { background: #444; border: 1px solid #111; }
.site-menu:hover .dropdown-content { display: block; }
.site-menu .dropdown-header { color: #FFD700; padding: 15px 18px 5px 18px; font-size: 0.8em; border-bottom: 2px dashed #333; margin-bottom: 5px; cursor: default; text-shadow: 2px 2px 0px #000; }
.site-menu .dropdown-content a { color: #ccc; padding: 10px 18px; text-decoration: none; display: block; font-family: 'Press Start 2P', monospace; text-shadow: 2px 2px 0px #000; font-size: 0.75em; font-weight: normal; transition: all 0.1s; text-align: left; }
.site-menu .dropdown-content a:hover { background-color: #222; color: var(--accent); padding-left: 24px; }

@media (max-width: 768px) {
    .site-menu-icon { width: 100px; }
    .site-menu .dropdown-content { min-width: 220px; left: 0; max-height: 65vh; }
}

.site-menu { font-size: 16px; } /* the forum sets a small base size; the menu keeps the size it has on the sites */