/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Custom CSS for Nexus Cart
 *
 * This block allows you to customize theme colors and styles for the entire Nexus Cart template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

html {
    font-size: 14px;
}

:root {
    --white: #fff;

    /* Neutral shades */
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;

    /* Gold shades */
    --gold-50: #fefce8;
    --gold-100: #fef9c3;
    --gold-200: #fef08a;
    --gold-300: #fde047;
    --gold-400: #facc15;
    --gold-500: #eab308;
    --gold-600: #ca8a04;
    --gold-700: #a16207;
    --gold-800: #854d0e;
    --gold-900: #713f12;
    --gold-950: #422006;

    /* Primary colors - Black */
    --primary-50: #fafafa;
    --primary-100: #f5f5f5;
    --primary-200: #e5e5e5;
    --primary-300: #d4d4d4;
    --primary-400: #a3a3a3;
    --primary-500: #737373;
    --primary-600: #525252;
    --primary-700: #404040;
    --primary-800: #262626;
    --primary-900: #000000;
    --primary-950: #000000;

    /* Primary colors - Black */
    --primary: #000000;
    --primary-lifted: #1a1a1a;
    --primary-accented: #262626;

    /* Secondary colors - Gold */
    --secondary: #D4AF37;
    --secondary-lifted: #c9a332;
    --secondary-accented: #b8962b;

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    /* Grayscale colors */
    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-900);

    /* Border neutral colors */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-900);

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Additional custom properties */
    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}

/* *****************************************************
   Black & Gold Theme Overrides - UNDOMAINS
***************************************************** */

/* Force override ALL Antler theme colors */
* {
    --primary-color: #000000 !important;
    --secondary-color: #6c757d !important;
    --accent-color: #cc9933 !important;
}

/* Override specific Antler theme colors */
.text-primary,
[class*="text-primary"] {
    color: #D4AF37 !important;
}

.bg-primary,
[class*="bg-primary"] {
    background-color: #000000 !important;
    color: #D4AF37 !important;
}

/* Antler Header - Black background */
.header,
.header-wrapper,
.navbar-main,
.menu-wrap,
.menu-wrap.fixed {
    background-color: #000000 !important;
    border-bottom: 2px solid #D4AF37 !important;
}

.header .navbar-nav > li > a,
.navbar-main .navbar-nav > li > a,
.menu-wrap .navbar-nav > li > a,
.header .desk.navbar-nav > li a {
    color: #D4AF37 !important;
}

.header .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:hover,
.menu-wrap .navbar-nav > li > a:hover {
    color: #FFD700 !important;
}

.header .logo-menu a,
.navbar-header .logo-menu a {
    color: #D4AF37 !important;
}

/* Mobile menu */
#menu-mobile {
    background-color: #000000 !important;
}

#menu-mobile .navbar-nav li a {
    color: #D4AF37 !important;
}

#menu-mobile .navbar-nav li a:hover {
    background-color: #D4AF37 !important;
    color: #000000 !important;
}

/* Primary Buttons - Black with Gold text */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-lg.btn-primary,
input.btn-primary,
button.btn-primary {
    background-color: #000000 !important;
    border-color: #D4AF37 !important;
    color: #D4AF37 !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #1a1a1a !important;
    border-color: #FFD700 !important;
    color: #FFD700 !important;
}

/* Secondary Buttons - Gold with Black text */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-lg.btn-secondary {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #000000 !important;
}

.btn-secondary:hover {
    background-color: #FFD700 !important;
    border-color: #FFD700 !important;
}

/* Links - Gold color */
a,
a:hover,
a:focus {
    color: #D4AF37 !important;
}

a:hover {
    color: #FFD700 !important;
}

/* Footer - Black background */
footer,
.footer,
.footer-section {
    background-color: #000000 !important;
    color: #D4AF37 !important;
    border-top: 2px solid #D4AF37 !important;
}

footer a,
.footer a {
    color: #D4AF37 !important;
}

footer a:hover,
.footer a:hover {
    color: #FFD700 !important;
}

/* Hero Sections - Black with Gold gradient */
.hero,
.hero-section,
.home-hero,
.banner-section {
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #D4AF37 100%) !important;
}

/* Headers - Black text */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #000000 !important;
}

/* Hero titles should be gold */
.hero h1,
.hero-section h1,
.hero h2,
.hero-section h2 {
    color: #D4AF37 !important;
}

/* Page body background */
body {
    background-color: #fafafa !important;
}

/* Cards and Panels */
.card,
.panel,
.panel-default,
.client-home-panels .panel {
    border-color: #D4AF37 !important;
    border-left: 3px solid #D4AF37 !important;
}

.card-header,
.panel-heading,
.client-home-panels .panel-heading {
    background-color: #000000 !important;
    color: #D4AF37 !important;
    border-color: #D4AF37 !important;
}

/* Sidebar */
.sidebar,
aside,
.client-area-sidebar {
    background-color: #000000 !important;
}

.sidebar .nav > li > a,
aside .nav > li > a {
    color: #D4AF37 !important;
}

.sidebar .nav > li.active > a,
.sidebar .nav > li > a:hover,
aside .nav > li.active > a,
aside .nav > li > a:hover {
    background-color: #D4AF37 !important;
    color: #000000 !important;
}

/* Tables */
table,
.table,
.table-bordered {
    border-color: #D4AF37 !important;
}

.table > thead > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-color: #D4AF37 !important;
}

.table > thead > tr > th {
    background-color: #000000 !important;
    color: #D4AF37 !important;
}

/* Form Elements */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
select,
textarea,
.form-control {
    border-color: #D4AF37 !important;
    color: #000000 !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus,
.form-control:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 5px rgba(212, 175, 55, 0.5) !important;
}

/* Badges and Labels */
.badge,
.label,
.status-badge {
    background-color: #D4AF37 !important;
    color: #000000 !important;
}

/* Alerts */
.alert,
.alert-info,
.alert-success,
.alert-warning,
.alert-danger {
    background-color: #000000 !important;
    border-color: #D4AF37 !important;
    color: #D4AF37 !important;
}

.alert a {
    color: #FFD700 !important;
}

/* Pagination */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
    background-color: #000000 !important;
    border-color: #D4AF37 !important;
    color: #D4AF37 !important;
}

.pagination > li > a,
.pagination > li > span {
    border-color: #D4AF37 !important;
    color: #000000 !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover {
    background-color: #D4AF37 !important;
    color: #000000 !important;
}

/* Pricing Cards */
.pricing-card,
.pricing-table {
    border: 2px solid #D4AF37 !important;
}

.pricing-card.featured,
.pricing-table.featured {
    background-color: #000000 !important;
    border: 3px solid #D4AF37 !important;
}

.pricing-card .price,
.pricing-table .price {
    color: #D4AF37 !important;
}

/* Dropdown Menus */
.dropdown-menu {
    border-color: #D4AF37 !important;
    background-color: #000000 !important;
}

.dropdown-menu > li > a {
    color: #D4AF37 !important;
}

.dropdown-menu > li > a:hover {
    background-color: #D4AF37 !important;
    color: #000000 !important;
}

/* Status Badges */
.status-paid,
.status-active,
.status-unpaid,
.status-pending {
    background-color: #D4AF37 !important;
    color: #000000 !important;
}

/* Cart */
.cart-summary,
.order-summary {
    background-color: #000000 !important;
    border-color: #D4AF37 !important;
    color: #D4AF37 !important;
}

/* Order Forms */
.btn-order,
.btn-checkout {
    background-color: #000000 !important;
    color: #D4AF37 !important;
    border-color: #D4AF37 !important;
}

.btn-order:hover,
.btn-checkout:hover {
    background-color: #D4AF37 !important;
    color: #000000 !important;
}

/* Logo */
.logo-text,
.site-logo,
.logo a {
    color: #D4AF37 !important;
}

/* Social Icons */
.social-icons a,
.social-links a {
    color: #D4AF37 !important;
}

.social-icons a:hover,
.social-links a:hover {
    color: #000000 !important;
    background-color: #D4AF37 !important;
}

/* Navigation indicators */
.navbar-nav a:before,
.navbar-nav a:hover:before {
    background-color: #D4AF37 !important;
}

/* Feature boxes */
.feature-box,
.service-box {
    border-color: #D4AF37 !important;
}

.feature-box:hover,
.service-box:hover {
    background-color: #000000 !important;
    border-color: #FFD700 !important;
}

/* Gradients */
.gradient-gold {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 50%, #B8860B 100%) !important;
}

.gradient-black {
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #262626 100%) !important;
}

/* Shimmer animation for gold */
@keyframes shimmer-gold {
    0% { background-position: -1000px 0; }
    100% { background-position: 1000px 0; }
}

.shimmer-gold {
    background: linear-gradient(90deg, #D4AF37 0%, #FFD700 50%, #D4AF37 100%);
    background-size: 1000px 100%;
    animation: shimmer-gold 3s infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Override the original Antler theme colors */
[class*="color-5e4698"],
.color-purple,
.color-primary {
    color: #D4AF37 !important;
}

[class*="bg-5e4698"],
.bg-purple,
.bg-primary {
    background-color: #000000 !important;
}

/* Specific Antler component overrides */
.btn-default {
    background-color: #000000 !important;
    border-color: #D4AF37 !important;
    color: #D4AF37 !important;
}

.btn-default:hover {
    background-color: #D4AF37 !important;
    color: #000000 !important;
}

/* Whmcs specific */
.client-home-panels .panel-footer {
    background-color: #fafafa !important;
    border-color: #D4AF37 !important;
}

/* Announcements */
.announcement {
    border-color: #D4AF37 !important;
}

/* Knowledgebase */
.kb-category {
    border-color: #D4AF37 !important;
}

.kb-category:hover {
    background-color: #000000 !important;
}

/* Downloads */
.download-item {
    border-color: #D4AF37 !important;
}

/* Domain checker */
.domain-search-results .result {
    border-color: #D4AF37 !important;
}

/* Tickets */
.ticket-reply {
    border-color: #D4AF37 !important;
}

/* Invoice */
.invoice-summary {
    background-color: #000000 !important;
    border-color: #D4AF37 !important;
}