/* ====================================================================
   GameTeam brand theme for the modpack landing pages (template B).
   Loaded AFTER main.css + custom.css so it wins on source order.

   Palette is fixed: #f94a85 accent, #000 page, #0b0b0d surfaces,
   #101011 raised elements, #ffffff1a borders, white / rgba-white text.
   Nothing else belongs in this file.

   The base theme ships a lot of off-palette colour that is neutralised
   here rather than edited in place (main.css is 850 KB and shared):
     #0c0800 bg-black/game-bg-dark, #1b1b1b footer + accordion button,
     #151515 accordion item, #175cff bootstrap primary, #e2e8f0 nav link
     and preloader, the #ff0766->#ff7e5d button gradient, the
     #ffffff->#0051d7 .gr-text gradient, and custom.css's
     #f74a87 / #5a56f5 pair, #090b12 / #151824 darks, #ba3950 slider,
     #03A9F4 / #F44336 / #ebf7fc toggle.
   ==================================================================== */

/* ---------- Typography ---------- */
body,
.btn,
button,
input,
textarea,
select,
h1,h2,h3,h4,h5,h6
{
    font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
body
{
    background:#000000;
    color:#ffffff;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4,h5,h6,
.text-white
{
    color:#ffffff !important;
    letter-spacing:-.02em;
}
p
{
    line-height:1.75;
}
.text-off-white,
.lead
{
    color:rgba(255,255,255,.75) !important;
}
b,strong
{
    color:#ffffff;
}
::selection
{
    background:#f94a85;
    color:#ffffff;
}

/* ---------- Surfaces ---------- */
.main-wrapper,
.bg-black,
.bg-dark-black,
.bg-dark,
.bg-dark-dark
{
    background-color:#000000 !important;
}
.game-bg-dark,
.bg-dark-light
{
    background-color:#000000 !important;
}
.game-footer-bg
{
    background-color:#0b0b0d !important;
}

/* ---------- Accent normalisation ---------- */
a:not(.btn):not(.game-btn-mdm):not(.nav-link):not(.navbar-brand):not(.dropdown-item):not(.accordion-button)
{
    color:#f94a85;
}
a:not(.btn):not(.game-btn-mdm):not(.nav-link):not(.navbar-brand):not(.dropdown-item):not(.accordion-button):hover
{
    color:#f94a85;
    opacity:.75;
}
.text-primary,.link-primary,.link-primary:hover,.link-primary:focus
{
    color:#f94a85 !important;
}
.bg-primary
{
    background-color:#f94a85 !important;
}
.bg-primary-soft
{
    background-color:rgba(249,74,133,.2) !important;
}
.bg-primary-light,
.bg-primary-dark
{
    background-color:#f94a85 !important;
}
.border-primary
{
    border-color:#f94a85 !important;
}
.text-danger
{
    color:#f94a85 !important;
}
.primary-bg-gradient,
[class*="bg-gradient-primary"]
{
    background:#f94a85 !important;
}

/* The theme's white->blue clipped-gradient headline text. */
.gr-text
{
    background:none !important;
    -webkit-background-clip:border-box !important;
    background-clip:border-box !important;
    -webkit-text-fill-color:#f94a85 !important;
    color:#f94a85 !important;
}

/* ---------- Buttons: pink fill, white label, always ---------- */
.btn-primary,
.game-btn-mdm,
.g-news-letter button,
.btn-gradient
{
    background:#f94a85 !important;
    background-image:none !important;
    border:1px solid #f94a85 !important;
    color:#ffffff !important;
    font-weight:600;
    border-radius:999px;
    box-shadow:none;
    transition:transform .25s ease,box-shadow .25s ease;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,
.game-btn-mdm:hover,.game-btn-mdm:focus,.game-btn-mdm:active,
.g-news-letter button:hover,.g-news-letter button:focus,
.btn-gradient:hover,.btn-gradient:focus
{
    background:#f94a85 !important;
    background-image:none !important;
    border-color:#f94a85 !important;
    color:#ffffff !important;
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgba(249,74,133,.35);
}
.g-news-letter button
{
    border-radius:0 999px 999px 0 !important;
    transform:none !important;
}
.btn-outline-primary,
.btn-outline-primary:link,
.btn-outline-primary:visited
{
    color:#ffffff !important;
    background:#101011 !important;
    border:1px solid #ffffff1a !important;
    border-radius:999px;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active
{
    background:#f94a85 !important;
    border-color:#f94a85 !important;
    color:#ffffff !important;
}
.btn:focus,
.btn:focus-visible
{
    box-shadow:0 0 0 3px rgba(249,74,133,.35) !important;
}

/* ---------- Preloader (ships light grey) ---------- */
#preloader
{
    background-color:#000000 !important;
}
#preloader .loading-bar,
.preloader-wrap .loading-bar
{
    background-color:#f94a85 !important;
}

/* ---------- Header / navbar: solid, no blur ---------- */
.main-header
{
    background:transparent;
}
.main-header .navbar
{
    background:transparent;
    padding-top:18px;
    padding-bottom:18px;
}
.navbar-dark.sticky-header.affix,
.navbar-light.sticky-header.affix
{
    background:rgba(0,0,0,.92) !important;
    border-bottom:1px solid #ffffff1a;
}
.navbar-dark .main-menu li a.nav-link,
.navbar-dark .action-btns a.btn-link
{
    color:rgba(255,255,255,.75) !important;
}
.navbar-dark .main-menu li a.nav-link:hover,
.navbar-dark .action-btns a.btn-link:hover
{
    color:#f94a85 !important;
}
.navbar-dark.sticky-header.affix .navbar-toggler span
{
    color:#ffffff !important;
}
.navbar-toggler,
.navbar-toggler span
{
    color:#ffffff;
}
.offcanvas
{
    background-color:#0b0b0d !important;
    border-left:1px solid #ffffff1a;
    color:#ffffff;
}
.offcanvas .close-btn
{
    color:#f94a85 !important;
}
.offcanvas a
{
    color:rgba(255,255,255,.75);
}
.offcanvas a:hover
{
    color:#f94a85;
}

/* ---------- Hero ---------- */
.hero-twelve
{
    background-color:#000000 !important;
    border-bottom:1px solid #ffffff1a;
}
.hero-content h1
{
    line-height:1.12;
}
.hero-content hr
{
    border:0;
    border-top:1px solid #ffffff1a;
    opacity:1;
    color:transparent;
    margin:26px 0;
}

/* ---------- RAM calculator controls ---------- */
.range input
{
    background-color:#101011;
    border:1px solid #ffffff1a;
    height:6px;
}
.range input::-webkit-slider-thumb
{
    background-color:#f94a85;
    border:2px solid #ffffff;
    cursor:pointer;
}
.range input::-moz-range-thumb
{
    background-color:#f94a85;
    border:2px solid #ffffff;
    width:18px;
    height:18px;
    border-radius:50%;
    cursor:pointer;
}
.range span
{
    background-color:#101011;
    border:1px solid #ffffff1a;
    color:#ffffff;
    border-radius:999px;
}
.range span:before
{
    border-bottom-color:#101011;
}

.button-cover
{
    background-color:transparent;
    box-shadow:none;
}
.button-cover:before
{
    content:none;
}
.button.r,
.button.r .layer
{
    border-radius:999px;
}
.layer
{
    background-color:#101011;
    border:1px solid #ffffff1a;
}
#button-4 .checkbox:checked ~ .layer
{
    background-color:#101011;
}
#button-4 .knobs:before,
#button-4 .knobs:after
{
    background-color:#f94a85;
    color:#ffffff;
}

/* ---------- FAQ / accordion ---------- */
.game-faq h2
{
    font-size:clamp(28px,4.4vw,54px);
    line-height:1.12;
}

.game-faq
{
    background-image:none !important;
    background-color:#000000;
    border-bottom:1px solid #ffffff1a;
}
.game-accordion .accordion-item
{
    background-color:#0b0b0d !important;
    border:1px solid #ffffff1a !important;
    border-radius:20px !important;
    margin-bottom:16px;
    overflow:hidden;
}
.game-accordion .accordion-button
{
    background-color:#0b0b0d !important;
    color:#ffffff !important;
    font-weight:600;
    font-size:16px;
    padding:20px 24px;
    border-radius:20px !important;
    box-shadow:none !important;
}
.game-accordion .accordion-button:not(.collapsed)
{
    background-color:#101011 !important;
    color:#ffffff !important;
}
.game-accordion .accordion-button::after,
.game-accordion .accordion-button:not(.collapsed)::after
{
    background-color:#f94a85;
    color:#ffffff;
}
.accordion-body
{
    background-color:#0b0b0d;
    color:rgba(255,255,255,.75);
    padding:4px 24px 24px;
    line-height:1.8;
}
.accordion-body p,
.accordion-body li
{
    color:rgba(255,255,255,.75);
}
.accordion-body a
{
    color:#f94a85;
}

/* ---------- CTA band ---------- */
.sh-feedback
{
    background-color:#000000 !important;
}
.game-cta-bg
{
    border:1px solid #ffffff1a;
    border-bottom:0;
    border-radius:24px 24px 0 0;
}
.game-cta-content h2
{
    letter-spacing:-.02em;
}

/* ---------- Footer ---------- */
.game-footer-nav h5
{
    color:#ffffff !important;
    font-weight:600;
    letter-spacing:-.01em;
}
.game-footer-nav a,
.game-footer a
{
    color:rgba(255,255,255,.7);
    text-decoration:none;
}
.game-footer-nav a:hover,
.game-footer a:hover
{
    color:#f94a85;
    opacity:1;
}
.game-footer-newsletter p
{
    color:rgba(255,255,255,.7);
}
.g-news-letter .form-control
{
    background:#101011 !important;
    border:1px solid #ffffff1a !important;
    color:#ffffff !important;
    border-radius:999px;
    box-shadow:none !important;
}
.g-news-letter .form-control:focus
{
    background:#101011 !important;
    border-color:#f94a85 !important;
    color:#ffffff !important;
}
.g-news-letter .form-control::placeholder
{
    color:rgba(255,255,255,.6);
}

/* ---------- Misc form controls ---------- */
.form-control,
.form-select
{
    background-color:#101011;
    border:1px solid #ffffff1a;
    color:#ffffff;
}
.form-control:focus,
.form-select:focus
{
    background-color:#101011;
    border-color:#f94a85;
    color:#ffffff;
    box-shadow:none;
}
.form-control::placeholder
{
    color:rgba(255,255,255,.6);
}

/* ---------- Content images ---------- */
.game-faq-img img,
.game-img img
{
    max-width:100%;
    height:auto;
}