/* ==========================================================================
   April Fools 2026 — Deadpool Theme
   Color palette extracted from deadpool.jpg (golden throne scene)
   ========================================================================== */

/* --- Keyframe Animations --- */
@keyframes panelPulse {
    0%, 100% { box-shadow: 0 0 10px rgba(196, 30, 58, 0.4); }
    50%      { box-shadow: 0 0 25px rgba(196, 30, 58, 0.7); }
}

@keyframes brandWiggle {
    0%, 100% { transform: rotate(0deg); }
    25%      { transform: rotate(-13deg); }
    75%      { transform: rotate(13deg); }
}

@keyframes marqueeScroll {
    0%   { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

/* --- Base --- */
body {
    background: #0D0D0D;
    color: #F0E6D3;
}

/* --- Panels --- */
.panel {
    background: #2B0A0A;
    border: 1px solid #C41E3A;
    border-radius: 10px;
    animation: panelPulse 3s ease-in-out infinite;
}

.panel_headline {
    font-family: 'Comic Sans MS',
    'Comic Sans',
    "Chalkboard",
    "ChalkboardSE-Regular",
    "Bradley Hand",
    sans-serif;
    font-weight: bold;
    color: #FFD700;
    text-align: center;
    text-shadow: 2px 2px 4px #C41E3A;
}

/* --- Links --- */
a {
    color: #FF1493;
    text-decoration: none;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}
a:hover {
    color: #FFD700;
    text-decoration: underline;
}

a.event-link:link, a.event-link:active, a.event-link:visited {
    color: #FF1493;
    text-decoration: none;
    text-shadow: 0 0 8px rgba(255, 20, 147, 0.5);
}
a.event-link:hover, a.event-link.active {
    color: #FFD700;
    text-decoration: underline;
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.5);
}

/* --- Navbar --- */
.navbar-april {
    background: #C41E3A !important;
    border-bottom: 3px solid #8B6914;
}

.navbar-april .navbar-nav .nav-link,
.navbar-april .nav-item.nav-link {
    color: #FFD700 !important;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

.navbar-april .navbar-nav .nav-link:hover,
.navbar-april .nav-item.nav-link:hover {
    color: #fff !important;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
}

.navbar-april .navbar-nav .nav-link.active {
    color: #fff !important;
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.8);
}

.navbar-april .navbar-brand {
    color: #FFD700 !important;
    font-family: 'Comic Sans MS',
    'Comic Sans',
    "Chalkboard",
    "ChalkboardSE-Regular",
    "Bradley Hand",
    sans-serif;
    font-weight: bold;
    font-size: 1.3rem;
    animation: brandWiggle 2s ease-in-out infinite;
}

.navbar-april .navbar-toggler {
    border-color: #FFD700;
}
.navbar-april .navbar-toggler-icon {
    filter: brightness(2) sepia(1) hue-rotate(-10deg);
}

/* Navbar dropdown menus */
.navbar-april .dropdown-menu {
    background: #2B0A0A;
    border: 1px solid #C41E3A;
}
.navbar-april .dropdown-item {
    color: #FFD700 !important;
}
.navbar-april .dropdown-item:hover,
.navbar-april .dropdown-item:focus {
    background: #C41E3A;
    color: #fff !important;
}

/* --- Hero Image --- */
.april-hero {
    transition: transform 0.4s ease;
    border: 3px solid #C41E3A;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(196, 30, 58, 0.6);
}
.april-hero:hover {
    transform: scale(1.8) rotate(-5deg);
}

/* --- Marquee Banner --- */
.april-marquee {
    overflow: hidden;
    white-space: nowrap;
    background: #1A1A1A;
    border: 1px solid #C41E3A;
    border-radius: 6px;
    padding: 8px 0;
    margin-bottom: 10px;
}
.april-marquee span {
    display: inline-block;
    animation: marqueeScroll 12s linear infinite;
    color: #FFD700;
    font-family: 'Comic Sans MS',
    'Comic Sans',
    "Chalkboard",
    "ChalkboardSE-Regular",
    "Bradley Hand",
    sans-serif;
    font-weight: bold;
    font-size: 1.1rem;
}

/* --- Footer --- */
.april-footer {
    background: #1A1A1A !important;
    border-top: 2px solid #C41E3A;
}
.april-footer footer p,
.april-footer .text-secondary {
    color: #8B6914 !important;
}

/* --- Table text in panels --- */
.panel td {
    color: #F0E6D3;
}

/* --- DB status banner override --- */
.april-db-warning {
    background: #C41E3A !important;
    color: #FFD700 !important;
    border: none;
    font-weight: 600;
}

/* --- Misc helpers --- */
span.keep-together {
    white-space: nowrap;
}
.text-justify {
    text-align: justify;
}

/* Ensure navbar dropdowns appear above sticky table headers */
.navbar .dropdown-menu {
    z-index: 2000 !important;
}

/* --- Tilted panel fun for events/members --- */
.panel-tilt-left {
    transform: rotate(-5deg);
}
.panel-tilt-right {
    transform: rotate(5deg);
}
/* Request an Appearance link on front page */
.request-appearance-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
}
.request-appearance-link:hover {
    text-decoration: none;
}
.request-appearance-text {
    font-size: 1.2rem;
    text-transform: uppercase;
}
.request-appearance-camera {
    height: 50px;
    width: auto;
}