/*
 * Mu Continental theme for Pulse MU CMS.
 * This file intentionally layers over the stock Pulse styles so CMS and
 * plugin markup remain upgrade-compatible.
 */

:root {
    --mc-black: #080909;
    --mc-panel: rgba(13, 15, 16, 0.94);
    --mc-panel-soft: rgba(20, 22, 23, 0.9);
    --mc-line: rgba(191, 148, 73, 0.25);
    --mc-gold: #bd934f;
    --mc-gold-light: #e2c281;
    --mc-red: #8f1f1f;
}

body.mucontinental-theme {
    color: #bfc0c0;
    background-color: var(--mc-black) !important;
    background-image:
        linear-gradient(to bottom, rgba(8, 9, 9, 0.04) 0, rgba(8, 9, 9, 0.3) 630px, #080909 1450px),
        url('../images/legacy/home-top-bg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 2560px auto;
}

.mucontinental-theme .preloader,
.mucontinental-theme .bg-light-dark,
.mucontinental-theme .bg-major-black,
.mucontinental-theme .bg-dark {
    background-color: var(--mc-panel) !important;
}

.mucontinental-theme .header-wrapper {
    border-bottom: 1px solid var(--mc-line);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.55);
}

.mucontinental-theme .header-layout4 .animate-line {
    background-color: rgba(5, 6, 6, 0.96);
    background-image: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.mucontinental-theme .header-layout4 .bg-light-gray,
.mucontinental-theme .sticky-header {
    background-color: rgba(10, 11, 12, 0.97) !important;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(28, 27, 24, 0.82), rgba(0, 0, 0, 0.9));
}

.mucontinental-theme .header-layout4 img[src*="bg_bi_season19"] {
    width: 172px !important;
    max-width: 172px !important;
    max-height: 92px !important;
    object-fit: contain;
}

.mucontinental-theme .sticky-header img[src*="logo_mobile"],
.mucontinental-theme .loader-logo img {
    width: 106px !important;
    max-width: 106px !important;
    max-height: 72px !important;
    object-fit: contain;
}

.mucontinental-theme .main-menu a {
    letter-spacing: 0.045em;
}

.mucontinental-theme .main-menu > ul > li > a,
.mucontinental-theme .main-menu.menu-style3 > ul > li > a {
    color: #d2d2d0;
    text-transform: uppercase;
}

.mucontinental-theme .main-menu > ul > li > a:hover,
.mucontinental-theme .main-menu.menu-style3 > ul > li > a:hover,
.mucontinental-theme .link-secondary:hover {
    color: var(--mc-gold-light) !important;
}

.mucontinental-theme .mega-menu,
.mucontinental-theme .dropdown-menu {
    background: rgba(9, 10, 10, 0.98) !important;
    border: 1px solid var(--mc-line);
}

.mucontinental-theme .vs-hero-wrapper {
    min-height: 650px;
    background-color: transparent !important;
    background-image: none !important;
    border-bottom: 1px solid rgba(191, 148, 73, 0.14);
}

.mucontinental-theme .vs-hero-wrapper > video {
    display: none;
}

.mucontinental-theme .vs-hero-wrapper > .vs-hero-carousel {
    display: none !important;
}

.mucontinental-theme .mc-hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: min(1320px, 94vw);
    min-height: 650px;
    margin: 0 auto;
}

.mucontinental-theme .mc-hero-inner {
    width: min(440px, 42vw);
    padding: 35px 0 45px;
    text-align: center;
}

.mucontinental-theme .mc-season {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--mc-gold-light);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.mucontinental-theme .mc-hero-logo {
    display: block;
    width: min(420px, 40vw);
    height: auto;
    margin: 0 auto 8px;
    filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.85));
}

.mucontinental-theme .mc-hero-inner p {
    color: #e5e5e3;
    font-size: 15px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-shadow: 0 2px 8px #000;
}

.mucontinental-theme .mc-hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 22px;
}

.mucontinental-theme .vs-hero-wrapper img[src*="logo-h2"] {
    width: auto !important;
    max-width: 540px;
    max-height: 180px;
    object-fit: contain;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.9));
}

.mucontinental-theme .gradient-btn,
.mucontinental-theme .vs-btn:not(.black-skew),
.mucontinental-theme .vs-btn2.gradient-btn {
    background: linear-gradient(180deg, #c39b57, #775522) !important;
    border-color: #d2ae6d !important;
    color: #fff !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 8px 22px rgba(0, 0, 0, 0.3);
}

.mucontinental-theme .black-skew,
.mucontinental-theme .vs-btn2.outline3 {
    background: rgba(9, 10, 10, 0.92) !important;
    border: 1px solid var(--mc-line) !important;
    color: #ddd !important;
}

.mucontinental-theme .blog-single-layout1,
.mucontinental-theme .vs-streams-wrapper,
.mucontinental-theme .space-secpages {
    background-color: transparent !important;
}

.mucontinental-theme .vs-blog,
.mucontinental-theme .vs-sidebox,
.mucontinental-theme .widget,
.mucontinental-theme .shopping-cart-container,
.mucontinental-theme .card {
    border: 1px solid var(--mc-line);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
}

.mucontinental-theme .blog-meta,
.mucontinental-theme .blog-content,
.mucontinental-theme .vs-sidebox,
.mucontinental-theme .card {
    background: var(--mc-panel-soft) !important;
}

.mucontinental-theme .sub-title3,
.mucontinental-theme .text-default,
.mucontinental-theme .sidebox-title,
.mucontinental-theme a:hover {
    color: var(--mc-gold-light) !important;
}

.mucontinental-theme .sec-title2,
.mucontinental-theme h1,
.mucontinental-theme h2,
.mucontinental-theme h3,
.mucontinental-theme h4,
.mucontinental-theme h5 {
    text-shadow: 0 2px 9px rgba(0, 0, 0, 0.7);
}

.mucontinental-theme .breadcumb-wrapper {
    background-image:
        linear-gradient(rgba(5, 6, 6, 0.32), rgba(5, 6, 6, 0.96)),
        url('../images/legacy/page-top-bg.jpg') !important;
    background-position: center 16% !important;
    border-bottom: 1px solid var(--mc-line);
}

.mucontinental-theme .footer-wrapper {
    background-color: #070808 !important;
    background-image:
        linear-gradient(to bottom, rgba(7, 8, 8, 0.7), #070808),
        url('../images/legacy/footer-bg.jpg') !important;
    background-position: center top !important;
    border-top: 1px solid var(--mc-line);
}

.mucontinental-theme input,
.mucontinental-theme select,
.mucontinental-theme textarea,
.mucontinental-theme .form-control {
    border-color: rgba(191, 148, 73, 0.3) !important;
}

.mucontinental-theme .discord-link-card .blog-content {
    min-height: 340px;
}

.mucontinental-theme .discord-link-status {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px;
    border: 1px solid rgba(64, 190, 115, 0.35);
    background: rgba(38, 111, 68, 0.14);
}

.mucontinental-theme .discord-link-status > i {
    color: #50c77f;
    font-size: 42px;
}

.mucontinental-theme .discord-link-instructions {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 12px 14px;
    align-items: center;
    margin-bottom: 24px;
}

.mucontinental-theme .discord-link-instructions p {
    margin: 0;
}

.mucontinental-theme .discord-link-step {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--mc-gold);
    border-radius: 50%;
    color: var(--mc-gold-light);
    font-weight: 700;
}

.mucontinental-theme .discord-code-input {
    max-width: 330px;
    margin-bottom: 18px;
    font-size: 22px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mucontinental-theme .discord-oauth-form {
    margin: 8px 0 14px;
}

.mucontinental-theme .discord-privacy-note {
    color: #929694;
    font-size: 13px;
}

.mucontinental-theme .discord-privacy-note i {
    margin-right: 6px;
    color: var(--mc-gold);
}

.mucontinental-theme .discord-manual-link {
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid var(--mc-line);
}

.mucontinental-theme .discord-manual-link summary {
    color: var(--mc-gold-light);
    cursor: pointer;
    font-weight: 700;
}

.mucontinental-theme .mc-about-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.mucontinental-theme .mc-server-facts strong {
    color: var(--mc-gold-light);
}

@media (max-width: 1199px) {
    .mucontinental-theme .vs-hero-wrapper img[src*="logo-h2"] {
        max-width: 430px;
    }
}

@media (max-width: 767px) {
    body.mucontinental-theme {
        background-size: auto 1480px;
        background-position: 45% top;
    }

    .mucontinental-theme .vs-hero-wrapper {
        min-height: 560px;
    }

    .mucontinental-theme .mc-hero-content {
        align-items: flex-end;
        min-height: 560px;
    }

    .mucontinental-theme .mc-hero-inner {
        width: 100%;
        padding-bottom: 54px;
        background: radial-gradient(ellipse at center, rgba(5, 6, 6, 0.74), transparent 72%);
    }

    .mucontinental-theme .mc-hero-logo {
        width: min(82vw, 390px);
    }

    .mucontinental-theme .vs-hero-wrapper img[src*="logo-h2"] {
        max-width: min(86vw, 360px);
        height: auto;
    }
}