/* ====================================================================
   GameTeam brand theme for the Minecraft modpack landing pages.
   Loaded AFTER main.css + custom.css so it wins on specificity 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.
   ==================================================================== */

:root,
[data-color-scheme="light"]
{
    --bg-main:#000000;
    --bg-sec:#0b0b0d;
    --bg-raised:#101011;
    --color-main:#ffffff;
    --color-txt:rgba(255,255,255,.7);
    --color-sec:#f94a85;
    --color-border:#ffffff1a;
    --brand:#f94a85;
    --radius-lg:24px;
    --radius-md:16px;
}

/* ---------- Typography ---------- */
*
{
    font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
html
{
    scroll-behavior:smooth;
}
body
{
    background:#000000;
    color:#ffffff;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4,h5,h6
{
    color:#ffffff;
    letter-spacing:-.02em;
}
p
{
    color:rgba(255,255,255,.7);
    line-height:1.75;
}
b,strong
{
    color:#ffffff;
    font-weight:600;
}
::selection
{
    background:#f94a85;
    color:#ffffff;
}

/* ---------- Accent normalisation (kills the leftover blue/purple) ---------- */
a:not(.btn):not(.btn-main):not(.nav-link):not(.dropdown-item),
.text-primary,.link-primary,a.text-primary
{
    color:#f94a85;
}
a:not(.btn):not(.btn-main):not(.nav-link):not(.dropdown-item):hover,
.link-primary:hover
{
    color:#f94a85;
    opacity:.75;
}
.bg-primary,.btn-primary
{
    background-color:#f94a85 !important;
    border-color:#f94a85 !important;
}
.btn-primary:hover,.btn-primary:focus,.btn-outline-primary:hover
{
    background-color:#f94a85 !important;
    border-color:#f94a85 !important;
    color:#ffffff !important;
}
.btn-outline-primary
{
    color:#f94a85 !important;
    border-color:#f94a85 !important;
}
.border-primary
{
    border-color:#f94a85 !important;
}
.text-dark
{
    color:#ffffff !important;
}

/* ---------- Pre-loader ---------- */
#pre-loader
{
    background:#000000;
}
#pre-loader .spinner-grow
{
    color:#f94a85 !important;
}

/* ---------- Buttons ---------- */
.btn-main
{
    display:inline-block;
    background:#f94a85;
    border:1px solid #f94a85;
    color:#ffffff;
    font-weight:600;
    font-size:15px;
    letter-spacing:-.01em;
    padding:13px 30px;
    border-radius:999px;
    line-height:1.2;
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.btn-main:hover,
.btn-main:focus
{
    background:#f94a85;
    text-decoration:none;
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgba(249,74,133,.35);
}

/* Text on pink fills is always white, whatever else claims the anchor. */
a.btn-main,.btn-main,
a.btn-main:hover,.btn-main:hover,
a.btn-main:focus,.btn-main:focus,
a.btn-main:active,.btn-main:active,
a.btn-main:visited,
.btn-primary,.btn-primary:hover,.btn-primary:focus,
#compare .product-table .table tbody .buy-button a,
#compare .product-table .table tbody .buy-button a:hover,
#products .owl-carousel .owl-nav .owl-nav-btn
{
    color:#ffffff !important;
}

/* ---------- Navbar ---------- */
nav.navbar
{
    background:rgba(0,0,0,.92) !important;
    border-bottom:1px solid #ffffff1a;
    padding-top:14px;
    padding-bottom:14px;
}
nav .navbar-nav .nav-item .nav-link
{
    color:rgba(255,255,255,.7);
    font-weight:500;
}
nav .navbar-nav .nav-item .nav-link:hover,
nav .navbar-nav .nav-link.active
{
    color:#f94a85 !important;
}
nav .navbar-toggler i
{
    color:#ffffff !important;
}
nav .btn-main
{
    padding:9px 22px;
    font-size:14px;
}
@media (max-width:991.98px)
{
    nav .navbar-nav
    {
        background:#000000;
    }
}

/* ---------- Section heads ---------- */
.section-head-tag
{
    display:inline-block;
    background:#101011;
    border:1px solid #ffffff1a;
    color:#f94a85;
    font-size:12px;
    font-weight:600;
    letter-spacing:.12em;
    text-transform:uppercase;
    padding:7px 16px;
    border-radius:999px;
    margin-bottom:22px;
}
.section-head-title
{
    color:#ffffff;
    font-weight:700;
    font-size:clamp(26px,3.2vw,40px);
    line-height:1.2;
    margin-bottom:16px;
}
.section-head-body
{
    color:rgba(255,255,255,.7);
    font-size:17px;
}

/* ---------- Cover ---------- */
#cover
{
    background:#000000;
    padding:0 0 20px;
}
#cover .cover-image img,
#cover > .col-md-12 img
{
    display:block;
    width:100%;
    opacity:.9;
}
#cover .container
{
    position:relative;
    z-index:2;
}
#cover .cover-body h1
{
    font-size:clamp(32px,5vw,58px) !important;
    font-weight:800;
    line-height:1.1;
    color:#ffffff;
    margin-bottom:0;
}
#cover .cover-body p
{
    font-size:18px;
    color:rgba(255,255,255,.75);
    margin:0 0 26px;
}
#cover .cover-body h5
{
    color:rgba(255,255,255,.75);
}
@media (max-width:767.98px)
{
    #cover
    {
        padding:0 0 20px;
    }
    #cover .cover-body h1
    {
        margin-bottom:18px;
    }
}

/* ---------- Article / FAQ body (the long-form content block) ---------- */
#faqs
{
    background:#000000;
    padding:70px 0 90px;
}
#faqs > .container > .row
{
    background:#0b0b0d;
    border:1px solid #ffffff1a;
    border-radius:24px;
    padding:56px 48px;
    margin-left:0;
    margin-right:0;
}
#faqs > .container > .row > p,
#faqs > .container > .row > ul,
#faqs > .container > .row > ol
{
    width:100%;
    max-width:820px;
    margin-left:auto;
    margin-right:auto;
    font-size:16.5px;
    line-height:1.8;
    color:rgba(255,255,255,.7);
}
#faqs > .container > .row > img,
#faqs .container img
{
    display:block;
    max-width:100%;
    height:auto;
    margin:34px auto;
    border-radius:16px;
    border:1px solid #ffffff1a;
}
#faqs h2,
#faqs h3
{
    color:#ffffff;
}
#faqs h3
{
    font-size:clamp(19px,2vw,24px);
    font-weight:600;
    margin-top:6px;
}
#faqs .section-head
{
    margin-bottom:34px;
}
#faqs .col-md-12.text-center
{
    margin:46px auto 18px !important;
}
#faqs ul,
#faqs ol
{
    max-width:820px;
    margin:0 auto 18px;
    color:rgba(255,255,255,.7);
    line-height:1.9;
}
#faqs ul li,
#faqs ol li
{
    color:rgba(255,255,255,.7);
    margin-bottom:6px;
}
#faqs ul li::marker,
#faqs ol li::marker
{
    color:#f94a85;
}

#faqs a
{
    color:#f94a85;
    text-decoration:none;
    border-bottom:1px solid rgba(249,74,133,.45);
}
#faqs a:hover
{
    opacity:.8;
}
@media (max-width:767.98px)
{
    #faqs
    {
        padding:40px 0 55px;
    }
    #faqs > .container > .row
    {
        padding:30px 20px;
        border-radius:18px;
    }
}

/* ---------- Download / CTA band ---------- */
#download
{
    margin-top:0;
    padding:90px 0;
    background:linear-gradient(90deg,rgba(249,74,133,.55),rgba(0,0,0,.9)),url(../images/minecraft.avif);
    background-size:cover;
    background-position:center;
    background-attachment:scroll;
    border-top:1px solid #ffffff1a;
    border-bottom:1px solid #ffffff1a;
}
#download h2,
#download .section-head-title
{
    color:#ffffff;
}
#download p
{
    color:rgba(255,255,255,.75);
}
#download a
{
    color:#f94a85;
    font-weight:600;
    text-decoration:none;
}
#download a:hover
{
    opacity:.8;
}

/* ---------- Generic sections that use the secondary surface ---------- */
#about,
#features,
#subscribe,
#contact
{
    background:#0b0b0d;
}
#about .about-body .about-body-item .about-body-icon-cnt,
#useability .useable-body .useable-abstracts .abstract-container .abstract-icon,
#features .features-container .feature .feature-icon
{
    background:#101011;
    border:1px solid #ffffff1a;
    border-radius:16px;
}
#about .about-body .about-body-item .about-body-icon,
#useability .useable-body .useable-abstracts .abstract-container .abstract-icon i,
#features .features-container .feature .feature-icon i,
#contact .contact-information .info .info-icon i
{
    background:#f94a85;
    color:#ffffff;
}
#subscribe .subscribe-container .subscribe-form input,
#contact .contact-form input,
#contact .contact-form textarea
{
    background:#101011;
    border:1px solid #ffffff1a;
    color:#ffffff;
    border-radius:999px;
}
#contact .contact-form textarea
{
    border-radius:20px;
}
#subscribe .subscribe-container .subscribe-form input:focus,
#contact .contact-form input:focus,
#contact .contact-form textarea:focus
{
    background:#101011;
    border-color:#f94a85;
}
#subscribe .subscribe-container .subscribe-form input::placeholder,
#contact .contact-form input::placeholder,
#contact .contact-form textarea::placeholder
{
    color:rgba(255,255,255,.6);
}

/* ---------- Products / reviews cards ---------- */
#products .products-slider .product,
#customer-reviews .reviews-container .review
{
    background:#0b0b0d;
    border:1px solid #ffffff1a;
    border-radius:24px;
}
#products .owl-carousel .owl-nav .owl-nav-btn
{
    background:#f94a85;
    border:1px solid #f94a85;
}
#products .owl-carousel .owl-nav .owl-nav-btn:hover
{
    background:#101011;
    border-color:#ffffff1a;
}
#customer-reviews .reviews-container .review .quote-mark i,
#customer-reviews .reviews-container .review .review-avtar .avtar-body h6
{
    color:#f94a85;
}

/* ---------- Comparison table ---------- */
#compare .product-table .table
{
    border:1px solid #ffffff1a;
    border-radius:20px;
    overflow:hidden;
}
#compare .product-table .table-dark
{
    background:#0b0b0d;
    color:rgba(255,255,255,.7);
}
#compare .product-table .table-dark td,
#compare .product-table .table-dark th,
#compare .product-table .table-dark thead th
{
    border-color:#ffffff1a;
}
#compare .product-table .table-dark.table-striped tbody tr:nth-of-type(odd)
{
    background:#101011;
}
#compare .product-table .table tbody tr th,
#compare .product-table .table thead tr th,
#compare .product-table .table tbody .price
{
    color:#ffffff;
}
#compare .product-table .table thead tr th .compare-type
{
    color:rgba(255,255,255,.6);
}
#compare .product-table .table tbody .buy-button a
{
    background:#f94a85;
    border:1px solid #f94a85;
    color:#ffffff;
}
#compare .product-table .table tbody .buy-button a:hover
{
    background:#101011;
    border-color:#ffffff1a;
    color:#ffffff;
}

/* ---------- FAQ accordion (used by the collapsible variant) ---------- */
#faqs .faqs-container .faq
{
    border-top:1px solid #ffffff1a;
}
#faqs .faqs-container .faq .faq-head h5::before
{
    background:#f94a85;
    color:#ffffff;
}

/* ---------- Footer ---------- */
#footer
{
    background:#0b0b0d !important;
    border-top:1px solid #ffffff1a;
}
#footer .footer-links a
{
    color:rgba(255,255,255,.75);
    font-weight:500;
    text-decoration:none;
    margin:0 6px;
}
#footer .footer-links a:hover
{
    color:#f94a85;
    opacity:1;
}
#footer .footer-rights
{
    border-top:1px solid #ffffff1a;
    color:rgba(255,255,255,.6);
}
#footer .footer-rights a
{
    color:#f94a85;
}
#footer .footer-social-links a
{
    background:#101011;
    border:1px solid #ffffff1a;
    color:#ffffff;
}
#footer .footer-social-links a:hover
{
    background:#f94a85;
    border-color:#f94a85;
}
#footer .footer-social-links a svg,
#footer .footer-social-links a:hover svg
{
    fill:#ffffff;
}