/* HLR Custom Minimal Space Theme */
.hero-area-coodiv {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%) !important;
    background-size: 100% 100% !important;
    animation: none !important;
}

.hero-area-coodiv .header-hero-backgrounds {
    background: radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
                radial-gradient(circle at 40% 80%, rgba(120, 119, 198, 0.08) 0%, transparent 50%) !important;
    background-size: auto, auto, auto !important;
    background-image: none !important;
}

/* Remove background images only from header-hero-backgrounds (where logo might be) */
.hero-area-coodiv .header-hero-backgrounds {
    background-image: none !important;
}

/* Hide logo images specifically - only target images that might be the logo */
.hero-area-coodiv .header-hero-backgrounds img,
.hero-area-coodiv img[src*="YG4k8"],
.hero-area-coodiv img[src*="Smh6K"],
.hero-area-coodiv img[src*="cosmo"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Hide logo in background image URL - only target header-hero-backgrounds pseudo-elements */
.hero-area-coodiv .header-hero-backgrounds::after,
.hero-area-coodiv .header-hero-backgrounds::before {
    display: none !important;
    background-image: none !important;
    content: none !important;
}

/* Hosting transparent graphic overlay - HIDDEN (logo removed from center) */
.hero-area-coodiv .header-hero-backgrounds::before {
    display: none !important;
    background: none !important;
}

.hero-area-coodiv #particles-bg {
    opacity: 0.4 !important;
}

/* Remove mountain and planet elements */
.hero-area-coodiv .header-hero-backgrounds .montains-01,
.hero-area-coodiv .header-hero-backgrounds .montains-02,
.hero-area-coodiv .header-hero-backgrounds .header-erath,
.hero-area-coodiv .t-first,
.hero-area-coodiv .t-second,
.hero-area-coodiv .shape-1,
.hero-area-coodiv .shape-2,
.hero-area-coodiv .shape-3 {
    display: none !important;
}

/* Remove any hero image elements that might contain logo - be more specific */
.hero-img-custom img[src*="YG4k8"],
.hero-img-custom img[src*="Smh6K"],
.hero-img-custom img[src*="cosmo"],
.hero-area-coodiv [class*="logo"] img[src*="YG4k8"],
.hero-area-coodiv [class*="logo"] img[src*="Smh6K"],
.hero-area-coodiv [id*="logo"] img[src*="YG4k8"],
.hero-area-coodiv [id*="logo"] img[src*="Smh6K"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Clean wave transition */
.hero-area-coodiv .wave-shape-bottom svg path {
    fill: #ffffff !important;
}

/* Center Header Content */
.site-header .container-fluid {
    justify-content: center !important;
    display: flex !important;
}

.site-header .navbar {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

.navbar-nav-wrapper {
    margin: 0 auto !important;
    position: relative !important;
}

/* Center the entire navbar including logo and menu */
.site-header .navbar > .brand-logo {
    position: absolute !important;
    left: 0 !important;
}

.site-header .navbar > .collapse.navbar-collapse {
    margin: 0 auto !important;
    flex: 0 1 auto !important;
}

.site-header .navbar > .header-btn-whmcs {
    position: absolute !important;
    right: 0 !important;
}

/* HLR Red Accent Color Override */
.text-green,
.pre-title.text-green,
.strike-bottom.green,
.btn-primary,
.btn-warning,
.badge-warning,
.coodiv-color-red-opacity-visible,
.feather.icon-heart-on,
.text-green {
    color: #dc3545 !important;
}

.btn-primary {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: white !important;
}

.btn-primary:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
    color: white !important;
}

.btn-warning {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: white !important;
}

.btn-warning:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
    color: white !important;
}

.badge-warning {
    background-color: #dc3545 !important;
}

.strike-bottom.green::after {
    background: #dc3545 !important;
}

/* Red accent for links and interactive elements */
a:hover,
.nav-link:hover,
.dropdown-item:hover {
    color: #dc3545 !important;
}

/* Override any remaining green colors */
.green,
.text-green,
.color-green,
.green-text {
    color: #dc3545 !important;
}

.green-bg,
.bg-green {
    background-color: #dc3545 !important;
}

/* Footer email text color fix */
.footer-contact-list .badge-warning {
    color: white !important;
}

.footer-contact-list .badge-warning i {
    color: white !important;
}

/* View Hosting Plans button text color */
.btn-warning {
    color: white !important;
}

/* Contact page email button text color */
.contact-page .btn-primary,
.btn-primary[href*="mailto:"] {
    color: white !important;
}

/* Change green accents to black */
.notifications-bell.black,
.notifications-bell.green {
    background-color: #000000 !important;
}

/* Ensure all button text is white on red buttons */
.btn-primary,
.btn-warning,
.btn-primary:hover,
.btn-warning:hover {
    color: white !important;
}

/* Continue and checkout buttons text color fix */
button[name="continue"],
button[name="checkout"],
.btn-default.btn-primary {
    color: white !important;
}

/* Order Now buttons - red background - Target all variations */
.btn-order-now,
.btn-order,
.order-btn,
button.btn-order-now,
button.order-btn,
button.btn.btn-order-now,
a.btn.btn-order-now,
/* Buttons in buy-btn containers (order now buttons) */
.buy-btn button,
.buy-btn .btn,
/* Buttons with order-btn class */
.btn.order-btn,
button.order-btn,
/* Buttons with btn-default that are order buttons */
.buy-btn .btn-default,
.buy-btn .btn-cpanelseo,
/* Buttons in forms that submit to cart (order buttons) */
form[action*="cart-order"] button[type="submit"],
form[action*="cart-order"] .btn,
/* btn-success buttons (Order Now buttons) - make red */
.btn-success,
a.btn.btn-success,
button.btn-success,
.btn-success.btn-lg,
a.btn.btn-success.btn-lg,
/* Target btn-info buttons that are order buttons */
a.btn.btn-info[href="#"],
button.btn-info[type="submit"],
.btn-info.btn-order-now,
/* Minecraft page order buttons */
.minecraft a.btn.btn-info,
/* Store page order buttons */
.store .btn-info,
.store a.btn.btn-info,
/* Pricing container order buttons */
.pricing-container button,
.price-calc-container button,
/* Any button with order in class or containing order text context */
[class*="order"] .btn-info,
.pricing-box .btn-info,
.plan-box .btn-info {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: white !important;
}

.btn-order-now:hover,
.btn-order:hover,
.order-btn:hover,
button.btn-order-now:hover,
button.order-btn:hover,
button.btn.btn-order-now:hover,
a.btn.btn-order-now:hover,
.buy-btn button:hover,
.buy-btn .btn:hover,
.btn.order-btn:hover,
button.order-btn:hover,
.buy-btn .btn-default:hover,
.buy-btn .btn-cpanelseo:hover,
form[action*="cart-order"] button[type="submit"]:hover,
form[action*="cart-order"] .btn:hover,
/* btn-success buttons hover */
.btn-success:hover,
a.btn.btn-success:hover,
button.btn-success:hover,
.btn-success.btn-lg:hover,
a.btn.btn-success.btn-lg:hover,
a.btn.btn-info[href="#"]:hover,
button.btn-info[type="submit"]:hover,
.btn-info.btn-order-now:hover,
.minecraft a.btn.btn-info:hover,
.store .btn-info:hover,
.store a.btn.btn-info:hover,
.pricing-container button:hover,
.price-calc-container button:hover,
[class*="order"] .btn-info:hover,
.pricing-box .btn-info:hover,
.plan-box .btn-info:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
    color: white !important;
}