/* Theme fixes: darken card elements and map panels so they match the site's dark background */

/* Increase navigation dropdown menu text size (Minecraft, Satisfactory, etc.) */
.navbar-rade .navbar-nav > .nav-item > .dropdown-menu > .dropdown-item {
    font-size: 1rem !important;
    padding: 10px 20px !important;
}

/* Cards */
.card {
    background-color: rgba(33,37,53,0.95) !important; /* dark card background */
    border: 1px solid rgba(255,255,255,0.03) !important;
    color: #e6e6e6 !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.6) !important;
}
.card .card-body {
    background: transparent !important;
    color: #d0d6df !important;
}

/* Mapsvg directory/details panels (override library defaults of white) */
.mapsvg-wrap .mapsvg-directory,
.mapsvg-details-container > div,
.mapsvg-directory-list-wrap,
.mapsvg-directory-list {
    background: rgba(33,37,53,0.95) !important;
    color: #d0d6df !important;
    border-color: rgba(255,255,255,0.03) !important;
}
.mapsvg-gauge {
    background-color: rgba(255,255,255,0.03) !important;
    color: #ddd !important;
    box-shadow: none !important;
    border: 1px solid rgba(255,255,255,0.03) !important;
}

/* Make popovers match dark theme */
.mapsvg-popover {
    background-color: #212535 !important;
    border-color: rgba(255,255,255,0.04) !important;
    color: #f1f4f8 !important;
}

/* Currency toggles & small UI elements often use btn-default/btn-light - tone them down */
.btn-outline-light,
.btn.btn-light,
.btn-group .btn {
    background: rgba(255,255,255,0.03) !important;
    color: #e6eef8 !important;
    border-color: rgba(255,255,255,0.06) !important;
}

/* Ensure text on dark backgrounds remains readable */
body, .container, .section-title, .features-media, .product-card, .carousel-content {
    color: #d6dbe3 !important;
}

/* Minor: reduce white preloader box for maps */
.mapsvg-loading { background: rgba(255,255,255,0.04) !important; color: #ddd !important; border-color: rgba(255,255,255,0.03) !important; }

/* Keep buttons (primary/warning) bright so CTAs stand out */
.btn.btn-primary, .btn.btn-warning { box-shadow: 0 6px 18px rgba(46,134,222,0.18); }

/* Optionally hide any leftover solid white backgrounds inside product cards */
#Games .product-card figure figcaption { background: rgba(33,37,53,0.6) !important; }

/* Fix carousel images to handle 1920x1080 resolution properly */
#Games .product-card figure {
    height: 350px !important; /* Fixed height for consistent display */
    overflow: hidden !important;
    border-radius: 10px !important; /* Ensure border radius is applied */
}

#Games .product-card figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Crop image to fill space while maintaining aspect ratio */
    object-position: center !important; /* Center the image */
    border-radius: 10px !important; /* Match the figure border radius */
}

/* Fix carousel item overflow */
#Games .carousel-wrap .owl-carousel .item {
    padding: 0 !important;
    margin: 0 !important;
}

#Games .product-card {
    padding: 0 !important;
    margin: 0 !important;
}

/* Ensure no overflow from carousel container */
#Games .carousel-wrap {
    overflow: hidden !important;
    padding: 0 15px !important;
}

/* Main carousel - handle 1080p background and logo images */
#Carousel .carousel-item {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 500px !important;
}

#Carousel .carousel-image img {
    max-height: 400px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Add more padding to map section and footer */
#Map {
    padding: 80px 0 !important;
}

#Footer {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

/* Highlighted navigation tab for The Nuclear Wasteland */
.nav-gold-tab {
    background: linear-gradient(180deg, #f8d47a, #e6b83a) !important;
    color: #1b1200 !important;
    border-radius: 4px;
    padding: 8px 12px;
    font-weight: 600;
}
.nav-gold-tab:hover, .nav-gold-tab:focus {
    background: linear-gradient(180deg, #f9db90, #f0c45a) !important;
    color: #1b1200 !important;
    text-decoration: none;
}

/* Featured Modpacks navigation link - Yellow text style */
.nav-featured-modpacks {
    color: #ffd700 !important; /* Gold/Yellow color */
    font-weight: 500;
}
.nav-featured-modpacks:hover, .nav-featured-modpacks:focus {
    color: #ffed4e !important; /* Lighter yellow on hover */
    text-decoration: none;
}

/* Gold highlight for The Nuclear Wasteland in dropdown menu */
.dropdown-item.gold-highlight-item a,
li.gold-highlight-item .dropdown-item {
    background: linear-gradient(90deg, #f8d47a, #e6b83a) !important;
    color: #1b1200 !important;
    font-weight: 600;
    border-radius: 4px;
    margin: 2px 4px;
    padding: 6px 12px !important;
}

.dropdown-item.gold-highlight-item a:hover,
li.gold-highlight-item .dropdown-item:hover {
    background: linear-gradient(90deg, #f9db90, #f0c45a) !important;
    color: #1b1200 !important;
}

/* ===== CUSTOM NAVIGATION STYLING ===== */
/* Make Minecraft and Satisfactory navigation links white */
.navbar-rade .navbar-nav .nav-link {
    color: #ffffff !important;
}

.navbar-rade .navbar-nav .nav-link:hover,
.navbar-rade .navbar-nav .nav-link:focus {
    color: #2e86de !important;
}

/* NEW badge styling */
.navbar-rade .badge-warning {
    background-color: #ffd700 !important;
    color: #1b1200 !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    padding: 3px 6px !important;
    border-radius: 3px !important;
    vertical-align: middle !important;
    animation: pulse 2s infinite !important;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.05);
        opacity: 0.9;
    }
}

/* Cart icon styling in header */
.navbar-rade .nav-item .nav-link {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

/* Cart button styling to match Client Area */
.navbar-rade .btn-radisic {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    padding: 10px 16px !important;
    height: 40px !important;
}

/* Fixed width for header buttons */
.navbar-rade .btn-header-fixed {
    width: 190px !important;
    justify-content: space-between !important;
}

.navbar-rade .btn-radisic .cart-text {
    display: inline-block !important;
    flex: 1 !important;
    text-align: left !important;
}

.navbar-rade .btn-radisic .badge-light {
    background-color: #ffffff !important;
    color: #2e86de !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 3px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    margin-left: auto !important;
}

/* Account dropdown styling */
.navbar-rade .btn-radisic.dropdown-toggle::after {
    margin-left: auto !important;
    flex-shrink: 0 !important;
}

.navbar-rade #accountDropdown + .dropdown-menu {
    min-width: 220px !important;
    padding: 8px 0 !important;
}

.navbar-rade #accountDropdown + .dropdown-menu .dropdown-header {
    color: #2e86de !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    padding: 8px 16px 4px 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.navbar-rade #accountDropdown + .dropdown-menu .dropdown-item {
    color: #d0d6df !important;
    padding: 10px 16px !important;
    transition: all 0.3s ease !important;
    font-size: 0.95rem !important;
}

.navbar-rade #accountDropdown + .dropdown-menu .dropdown-item:hover {
    background-color: rgba(46,134,222,0.2) !important;
    color: #ffffff !important;
    padding-left: 20px !important;
}

.navbar-rade #accountDropdown + .dropdown-menu .dropdown-divider {
    border-color: rgba(255,255,255,0.1) !important;
    margin: 8px 0 !important;
}

.navbar-rade #accountDropdown + .dropdown-menu .badge-secondary {
    background-color: #2e86de !important;
    color: #ffffff !important;
    font-size: 0.75rem !important;
    padding: 3px 7px !important;
}

/* ===== COMPACT CAROUSEL REDESIGN ===== */
/* Make carousel compact and modern */
#Carousel {
    padding: 60px 0 40px 0 !important;
    background: transparent !important;
}

#radeSlider {
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 16px;
    overflow: hidden !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5) !important;
}

/* Smooth slide animation - remove delays */
#radeSlider .carousel-item {
    height: 450px !important;
    padding: 60px 40px !important;
    border-radius: 16px;
    background-position: center !important;
    transition: transform 0.6s ease-in-out !important;
}

/* Instant text animations - no delays */
#radeSlider .carousel-content h1,
#radeSlider .carousel-content p,
#radeSlider .carousel-content .btn {
    animation-duration: 0.4s !important;
    animation-delay: 0s !important;
}

#radeSlider .carousel-content h1 {
    animation-name: fadeInLeft !important;
}

#radeSlider .carousel-content p {
    animation-name: fadeInLeft !important;
    animation-delay: 0.1s !important;
}

#radeSlider .carousel-content .btn {
    animation-name: fadeInLeft !important;
    animation-delay: 0.2s !important;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (max-width: 992px) {
    #radeSlider .carousel-item {
        height: 400px !important;
        padding: 40px 30px !important;
    }
}

@media (max-width: 768px) {
    #radeSlider .carousel-item {
        height: 500px !important;
        padding: 30px 20px !important;
    }
}

/* Carousel content adjustments */
#radeSlider .carousel-content h1 {
    font-size: 2.5rem !important;
    margin-bottom: 15px !important;
}

@media (max-width: 768px) {
    #radeSlider .carousel-content h1 {
        font-size: 1.8rem !important;
    }
}

#radeSlider .carousel-content p {
    font-size: 1rem !important;
    margin-bottom: 20px !important;
}

/* External navigation arrows */
#radeSlider .carousel-control-prev,
#radeSlider .carousel-control-next {
    width: 60px !important;
    height: 60px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    opacity: 1 !important;
    background: rgba(33,37,53,0.85) !important;
    border-radius: 50% !important;
    border: 2px solid rgba(255,255,255,0.1) !important;
    transition: all 0.3s ease !important;
    z-index: 10 !important;
}

#radeSlider .carousel-control-prev {
    left: -80px !important;
}

#radeSlider .carousel-control-next {
    right: -80px !important;
}

#radeSlider .carousel-control-prev:hover,
#radeSlider .carousel-control-next:hover {
    background: rgba(46,134,222,0.9) !important;
    border-color: rgba(46,134,222,0.5) !important;
    transform: translateY(-50%) scale(1.1) !important;
}

@media (max-width: 1400px) {
    #radeSlider .carousel-control-prev {
        left: -70px !important;
    }
    #radeSlider .carousel-control-next {
        right: -70px !important;
    }
}

@media (max-width: 1200px) {
    #radeSlider .carousel-control-prev {
        left: 10px !important;
    }
    #radeSlider .carousel-control-next {
        right: 10px !important;
    }
}

#radeSlider .carousel-control-prev span,
#radeSlider .carousel-control-next span {
    background: transparent !important;
    font-size: 2rem !important;
}

/* Compact indicators below carousel */
section#Carousel .radeSlider-indicators {
    position: relative !important;
    top: 20px !important;
    margin-top: 30px !important;
}

section#Carousel .radeSlider-indicators .row {
    justify-content: center !important;
}

section#Carousel .radeSlider-indicators .col {
    max-width: 150px !important;
    padding: 0 8px !important;
}

section#Carousel .radeSlider-indicators .card {
    background: rgba(33,37,53,0.6) !important;
    border: 2px solid rgba(255,255,255,0.05) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

section#Carousel .radeSlider-indicators .card .card-body {
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

section#Carousel .radeSlider-indicators .card:hover,
section#Carousel .radeSlider-indicators .card.active {
    background: rgba(46,134,222,0.3) !important;
    border-color: rgba(46,134,222,0.6) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 6px 20px rgba(46,134,222,0.3) !important;
}

section#Carousel .radeSlider-indicators .card img {
    max-height: 50px !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    filter: brightness(0.8) !important;
    transition: filter 0.3s ease !important;
}

section#Carousel .radeSlider-indicators .card:hover img,
section#Carousel .radeSlider-indicators .card.active img {
    filter: brightness(1.2) !important;
}

section#Carousel .radeSlider-indicators .card h3 {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ========================================
   SHOPPING CART PAGE MODERNIZATION
   ======================================== */

/* Fix ALL white boxes in order forms - AGGRESSIVE */
#order-standard_cart .product,
#order-standard_cart .product-info,
#order-standard_cart .products .product,
.order-box .product,
.products-container .product,
div[class*="product-"],
.product-details,
.package,
.pricing-table,
#order-standard_cart .panel-body > div,
#order-standard_cart .row > div > div:not(.btn):not(.alert) {
    background-color: rgba(33,37,53,0.95) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}

/* Specific fix for product info boxes */
#order-standard_cart div[style*="background"],
#order-standard_cart div[style*="white"] {
    background-color: rgba(33,37,53,0.95) !important;
}

/* Product cards styling */
#order-standard_cart .product,
.products-container .product {
    border-radius: 6px !important;
    padding: 20px !important;
}

/* Product cards hover effect */
#order-standard_cart .product:hover,
.products-container .product:hover {
    background-color: rgba(40,44,60,0.95) !important;
    border-color: rgba(46,134,222,0.3) !important;
    transition: all 0.3s ease !important;
}

/* Product title and description */
#order-standard_cart .product h3,
#order-standard_cart .product h4,
#order-standard_cart .product .product-title,
#order-standard_cart h1, #order-standard_cart h2,
#order-standard_cart h3, #order-standard_cart h4 {
    color: #ffffff !important;
}

#order-standard_cart .product p,
#order-standard_cart .product .product-desc,
#order-standard_cart p {
    color: #d0d6df !important;
}

/* Fix white boxes in cart - make them dark */
#order-standard_cart .view-cart-items,
#order-standard_cart .view-cart-items-header,
#order-standard_cart .item {
    background-color: rgba(33,37,53,0.95) !important;
    border-color: rgba(255,255,255,0.1) !important;
}

/* Order Summary sidebar */
#order-standard_cart .order-summary,
#order-standard_cart .sidebar-cart-body {
    background-color: rgba(33,37,53,0.95) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 6px !important;
    padding: 20px !important;
    color: #d0d6df !important;
}

#order-standard_cart .order-summary h2,
#order-standard_cart .order-summary .sidebar-cart-body-header {
    color: #ffffff !important;
    border-bottom: 2px solid rgba(46,134,222,0.3) !important;
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
}

#order-standard_cart .order-summary .summary-container {
    background-color: rgba(40,44,60,0.6) !important;
    padding: 15px !important;
    border-radius: 4px !important;
}

#order-standard_cart .order-summary .item {
    background-color: transparent !important;
    border: none !important;
    padding: 8px 0 !important;
    margin-bottom: 0 !important;
}

/* Promo code section white box fix */
#order-standard_cart .promo-code-section,
#order-standard_cart form > div:not(.view-cart-items):not(.view-cart-items-header),
#order-standard_cart .panel,
#order-standard_cart .panel-default,
#order-standard_cart .panel-body {
    background-color: rgba(33,37,53,0.95) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 6px !important;
    padding: 20px !important;
}

#order-standard_cart .panel-heading {
    background-color: transparent !important;
    border: none !important;
    color: #ffffff !important;
}

/* Validate Code button */
#order-standard_cart .btn-default {
    background-color: rgba(46,134,222,0.2) !important;
    border-color: #2e86de !important;
    color: #ffffff !important;
}

#order-standard_cart .btn-default:hover {
    background-color: #2e86de !important;
    border-color: #2e86de !important;
}

/* Cart item styling */
#order-standard_cart .view-cart-items .item {
    background-color: rgba(40,44,60,0.95) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    margin-bottom: 12px !important;
    border-radius: 6px !important;
    padding: 15px !important;
}

#order-standard_cart .view-cart-items .item:hover {
    background-color: rgba(46,50,66,0.95) !important;
    border-color: rgba(46,134,222,0.3) !important;
    transition: all 0.3s ease !important;
}

/* Cart header */
#order-standard_cart .view-cart-items-header {
    background-color: rgba(46,134,222,0.15) !important;
    border: 1px solid rgba(46,134,222,0.3) !important;
    padding: 12px 15px !important;
    border-radius: 6px !important;
    margin-bottom: 15px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

/* Promo code section */
#order-standard_cart .form-control {
    background-color: rgba(40,44,60,0.95) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    color: #ffffff !important;
}

#order-standard_cart .form-control:focus {
    background-color: rgba(46,50,66,0.95) !important;
    border-color: #2e86de !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(46,134,222,0.25) !important;
}

#order-standard_cart .form-control::placeholder {
    color: rgba(255,255,255,0.5) !important;
}

/* Cart empty state */
#order-standard_cart .secondary-cart-body {
    color: #d0d6df !important;
}

/* Product titles and text */
#order-standard_cart .item-title {
    color: #ffffff !important;
    font-weight: 500 !important;
}

#order-standard_cart .item-group {
    color: #a0a6b0 !important;
}

/* Price text */
#order-standard_cart .item-price,
#order-standard_cart .total-due-today,
#order-standard_cart .amt {
    color: #2e86de !important;
    font-weight: 600 !important;
}

/* Remove button styling */
#order-standard_cart .btn-remove-from-cart {
    color: #ff6b6b !important;
}

#order-standard_cart .btn-remove-from-cart:hover {
    color: #ff4757 !important;
}

/* Edit button styling */
#order-standard_cart .btn-link {
    color: #2e86de !important;
}

#order-standard_cart .btn-link:hover {
    color: #4fa3ef !important;
}

/* Validate Code button */
#order-standard_cart .btn-default {
    background-color: rgba(46,134,222,0.2) !important;
    border-color: #2e86de !important;
    color: #ffffff !important;
}

#order-standard_cart .btn-default:hover {
    background-color: #2e86de !important;
    border-color: #2e86de !important;
}

/* Remove carousel image on mobile to save space */
@media (max-width: 992px) {
    #radeSlider .carousel-image {
        display: none !important;
    }
}