/**
 * Arina Cloud WHMCS Custom Overrides & Cart Transformation
 * Overhauls WHMCS default Bootstrap 4/5, order forms, store packages, and client area tables
 * Palette: Dark Midnight (#020617, #0b1329), Elevated (#0f172a), Cyan Accent (#00E2C5)
 */

/* 1. Global Typography & Core Background */
html, body, .main-content, #main-body, .container, .container-fluid, .content-container {
    background-color: #020617 !important;
    color: #f8fafc !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
}

a {
    color: #00E2C5;
    text-decoration: none;
    transition: color 0.15s ease;
}

a:hover {
    color: #38bdf8;
    text-decoration: underline;
}

/* 2. Guaranteed Desktop 2-Column Alignment for Store & Cart (Sidebar Left, Packages Right) */
#order-standard_cart,
.store-order-container {
    width: 100% !important;
    display: block !important;
}

@media (min-width: 992px) {
    #order-standard_cart > .row,
    .store-order-container > .row,
    #main-body > .container > .row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 24px !important;
    }

    /* Left Sidebar: Fixed 280px column */
    #order-standard_cart > .row > .col-md-4,
    #order-standard_cart > .row > .col-lg-3,
    #order-standard_cart > .row > .col-md-3,
    #order-standard_cart .order-sidebar,
    .sidebar.sidebar-primary,
    .sidebar-container {
        flex: 0 0 280px !important;
        max-width: 280px !important;
        width: 280px !important;
        display: block !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Right Main Content (Hosting Packages / Form): Fills remaining width */
    #order-standard_cart > .row > .col-md-8,
    #order-standard_cart > .row > .col-lg-9,
    #order-standard_cart > .row > .col-md-9,
    #order-standard_cart .main-content,
    .content-col {
        flex: 1 1 0% !important;
        max-width: 100% !important;
        display: block !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 991px) {
    #order-standard_cart > .row,
    .store-order-container > .row,
    #main-body > .container > .row {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }

    #order-standard_cart > .row > .col-md-4,
    #order-standard_cart > .row > .col-lg-3,
    #order-standard_cart > .row > .col-md-3,
    #order-standard_cart .order-sidebar,
    .sidebar.sidebar-primary,
    .sidebar-container,
    #order-standard_cart > .row > .col-md-8,
    #order-standard_cart > .row > .col-lg-9,
    #order-standard_cart > .row > .col-md-9,
    #order-standard_cart .main-content,
    .content-col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* 3. WHMCS Sidebar & Category Navigation (Neat Vertical Stacking, No Overlapping) */
.sidebar, .order-sidebar, .card-sidebar {
    display: block !important;
    position: relative !important;
    margin-bottom: 30px !important;
}

.sidebar .panel,
.sidebar .card,
.panel-sidebar,
.card-sidebar {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.4) !important;
}

.sidebar .panel-heading,
.sidebar .card-header,
.panel-sidebar .panel-heading {
    background: #090e1c !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid #1e293b !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Clean Vertical List Group for Categories & Actions */
.sidebar .list-group,
.list-group {
    display: flex !important;
    flex-direction: column !important;
    padding: 8px !important;
    margin: 0 !important;
    border: none !important;
    gap: 6px !important;
}

.sidebar .list-group-item,
.list-group-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    color: #cbd5e1 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    margin: 0 !important;
    box-shadow: none !important;
    position: static !important;
    float: none !important;
    transition: all 0.2s ease !important;
}

.sidebar .list-group-item:hover,
.list-group-item:hover {
    background: #162038 !important;
    border-color: #334155 !important;
    color: #00E2C5 !important;
    transform: translateX(3px) !important;
}

.sidebar .list-group-item.active,
.list-group-item.active {
    background: rgba(0, 226, 197, 0.12) !important;
    border-color: #00E2C5 !important;
    color: #00E2C5 !important;
    font-weight: 700 !important;
}

.sidebar .list-group-item .badge {
    background: #090e1c !important;
    color: #00E2C5 !important;
    border: 1px solid #1e293b !important;
    padding: 3px 8px !important;
    border-radius: 12px !important;
}

/* Currency Selector & Inputs in Sidebar */
.sidebar select,
.sidebar .form-control,
#chooseCurrency {
    background: #090e1c !important;
    border: 1px solid #1e293b !important;
    color: #f8fafc !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    width: 100% !important;
    font-size: 13px !important;
    margin-top: 6px !important;
}

.sidebar select:focus,
#chooseCurrency:focus {
    border-color: #00E2C5 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 226, 197, 0.2) !important;
}

.sidebar .btn,
.sidebar button,
.sidebar input[type="submit"] {
    width: 100% !important;
    margin-top: 10px !important;
}

/* 4. Complete WHMCS Store & Product Cards (Transforms White Boxes into Dark NVMe Cards) */
#order-standard_cart,
.view-cart-items,
.store-order-container,
.main-content {
    background: transparent !important;
    color: #f8fafc !important;
}

/* Store Hero Title */
.header-lined, .cart-title, .product-title {
    border-bottom: 1px solid #1e293b !important;
    padding-bottom: 14px !important;
    margin-bottom: 24px !important;
}

/* Products Container Grid (Basic 5GB, Premium 20GB, Business 50GB, Enterprise) */
#order-standard_cart .products,
.products,
.products-container,
.products-row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 20px !important;
    margin-top: 20px !important;
    width: 100% !important;
}

/* Individual Package Card */
#order-standard_cart .products .product,
.store-order-container .product,
.product,
.product-box,
.package,
.panel-product {
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
    border-radius: 16px !important;
    padding: 24px !important;
    color: #f8fafc !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 280px !important;
    transition: all 0.25s ease !important;
    margin-bottom: 0 !important;
}

#order-standard_cart .products .product:hover,
.product:hover,
.package:hover {
    border-color: #00E2C5 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 30px rgba(0, 226, 197, 0.15) !important;
}

/* Product Title & Header */
#order-standard_cart .products .product .header,
.product .header,
.product .product-title,
.package-title,
.product h3,
.product h4 {
    background: transparent !important;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    border-bottom: 1px solid #1e293b !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
    letter-spacing: -0.02em !important;
}

/* Product Pricing Area */
#order-standard_cart .products .product .pricing,
.product .pricing,
.product .product-pricing,
.product .price,
.product .amt {
    background: transparent !important;
    color: #00E2C5 !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    font-family: 'JetBrains Mono', monospace !important;
    margin: 14px 0 !important;
}

/* Product Features List */
#order-standard_cart .products .product ul,
.product ul,
.product-desc ul,
.features-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 16px 0 !important;
    color: #94a3b8 !important;
    font-size: 13px !important;
}

#order-standard_cart .products .product ul li,
.product ul li,
.features-list li {
    padding: 7px 0 !important;
    border-bottom: 1px dashed #1e293b !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #cbd5e1 !important;
}

#order-standard_cart .products .product ul li:last-child,
.product ul li:last-child {
    border-bottom: none !important;
}

/* Product Order / Deploy Now Button */
#order-standard_cart .products .product .btn-order-now,
.product .btn-order,
.product .btn-order-now,
.product .btn-checkout,
.product a.btn,
.product .btn-success {
    display: block !important;
    width: 100% !important;
    background: linear-gradient(135deg, #00E2C5 0%, #0ea5e9 100%) !important;
    color: #020617 !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    padding: 12px 18px !important;
    border-radius: 10px !important;
    border: none !important;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    box-shadow: 0 4px 14px rgba(0, 226, 197, 0.25) !important;
    margin-top: auto !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart .products .product .btn-order-now:hover,
.product .btn-order-now:hover,
.product a.btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(0, 226, 197, 0.35) !important;
    opacity: 0.95 !important;
    color: #020617 !important;
}

/* 5. Domain Checker & Domain Registration Overhaul */
#domainResults,
.domain-checker-bg,
.domain-checker-container,
#order-standard_cart .domain-checker-bg {
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
    border-radius: 16px !important;
    padding: 28px !important;
    margin-top: 20px !important;
    margin-bottom: 24px !important;
    color: #ffffff !important;
}

#order-standard_cart .domain-checker-bg .input-group,
.domain-checker-bg .input-group {
    display: flex !important;
    width: 100% !important;
}

#inputDomain,
.domain-input,
#order-standard_cart #inputDomain {
    background: #090e1c !important;
    border: 1px solid #1e293b !important;
    color: #ffffff !important;
    border-radius: 10px 0 0 10px !important;
    padding: 12px 18px !important;
    font-size: 16px !important;
    height: 50px !important;
}

#btnCheckAvailability,
.btn-check-availability,
#order-standard_cart #btnCheckAvailability {
    background: linear-gradient(135deg, #00E2C5 0%, #0ea5e9 100%) !important;
    color: #020617 !important;
    font-weight: 800 !important;
    border-radius: 0 10px 10px 0 !important;
    border: none !important;
    height: 50px !important;
    padding: 0 26px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.domain-checker-result .table,
.domain-lookup-result .table,
.suggested-domains .table {
    background: #090e1c !important;
    border: 1px solid #1e293b !important;
    border-radius: 12px !important;
    color: #cbd5e1 !important;
}

/* Domain search result cards */
.domain-lookup-result,
#primaryLookupResult,
.domain-suggestion {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    padding: 20px !important;
    margin-bottom: 14px !important;
}

.domain-available,
.domain-available-result {
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
    color: #34d399 !important;
    border-radius: 12px !important;
    padding: 18px !important;
}

.domain-unavailable,
.domain-unavailable-result {
    background: rgba(244, 63, 94, 0.12) !important;
    border: 1px solid rgba(244, 63, 94, 0.4) !important;
    color: #fda4af !important;
    border-radius: 12px !important;
    padding: 18px !important;
}

/* 6. Recommendations & "Added to Cart" Banner */
.alert-info,
.order-recommendation,
.recommendation-item {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 14px !important;
    color: #cbd5e1 !important;
    padding: 16px 20px !important;
    margin-bottom: 24px !important;
}

.alert-info .close,
.order-recommendation .close {
    color: #ffffff !important;
    opacity: 0.7 !important;
    text-shadow: none !important;
}

.alert-info .close:hover {
    opacity: 1 !important;
    color: #00E2C5 !important;
}

/* 7. Form Controls & Buttons */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="number"],
input[type="tel"],
select,
textarea,
.form-control {
    background-color: #090e1c !important;
    border: 1px solid #1e293b !important;
    color: #f8fafc !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
    background-color: #0d1527 !important;
    border-color: #00E2C5 !important;
    box-shadow: 0 0 0 3px rgba(0, 226, 197, 0.18) !important;
    outline: none !important;
}

label {
    color: #94a3b8 !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    margin-bottom: 6px !important;
}

.btn-primary, .btn-success, .btn-checkout, .btn-continue {
    background: linear-gradient(135deg, #00E2C5 0%, #0ea5e9 100%) !important;
    color: #020617 !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 10px 22px !important;
    font-size: 13px !important;
    box-shadow: 0 4px 14px rgba(0, 226, 197, 0.25) !important;
    transition: all 0.2s ease !important;
}

.btn-primary:hover, .btn-success:hover, .btn-checkout:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(0, 226, 197, 0.35) !important;
    opacity: 0.95;
    color: #020617 !important;
}

.btn-secondary, .btn-default, .btn-light {
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
    color: #f8fafc !important;
    border-radius: 10px !important;
    padding: 9px 18px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.btn-secondary:hover, .btn-default:hover, .btn-light:hover {
    background: #162038 !important;
    border-color: #334155 !important;
    color: #00E2C5 !important;
}

/* 8. Client Area Login & Register Dark Card Overrides */
.ac-auth-card,
.logincontainer .card,
.logincontainer {
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
    border-radius: 16px !important;
    color: #f8fafc !important;
}

/* 9. Tables & Badges */
.table, .table-striped, .table-hover {
    color: #cbd5e1 !important;
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
    border-radius: 12px !important;
    overflow: hidden;
}

.table th, .table thead th {
    background: #0b1329 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #1e293b !important;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 14px 16px !important;
}

.table td {
    border-top: 1px solid #1e293b !important;
    padding: 14px 16px !important;
    vertical-align: middle;
}

.badge-success, .label-success, .status-active {
    background: rgba(16, 185, 129, 0.15) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: #34d399 !important;
}

.badge-warning, .label-warning, .status-pending {
    background: rgba(245, 158, 11, 0.15) !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    color: #fbbf24 !important;
}

.badge-danger, .label-danger, .status-unpaid {
    background: rgba(244, 63, 94, 0.15) !important;
    border: 1px solid rgba(244, 63, 94, 0.3) !important;
    color: #f87171 !important;
}

/* ==========================================================================
   7. STORE PACKAGE GRID v2 (overrides section 4 + standard_cart defaults)
   ========================================================================== */
#order-standard_cart .products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
    gap: 18px !important;
    margin-top: 8px !important;
    align-items: stretch !important;
}

/* WHMCS wraps every 2 products in their own .row - flatten them into one grid */
#order-standard_cart .products > .row,
#order-standard_cart .products > .row.row-eq-height {
    display: contents !important;
}

#order-standard_cart .products > .row > [class*="col-"] {
    flex: none !important;
    max-width: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

/* Card */
#order-standard_cart .products .product {
    position: relative !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    background: linear-gradient(180deg, #0f172a 0%, #0b1329 100%) !important;
    border: 1px solid #1e293b !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.6) !important;
}

#order-standard_cart .products .product::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; right: 0;
    height: 3px !important;
    background: linear-gradient(90deg, #00E2C5, #38bdf8) !important;
    opacity: 0.85;
}

#order-standard_cart .products .product:hover {
    border-color: rgba(0, 226, 197, 0.6) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 18px 40px -12px rgba(0, 226, 197, 0.25) !important;
}

/* Card header (plan name) */
#order-standard_cart .products .product header {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 22px 18px 16px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #1e293b !important;
    text-align: left !important;
}

#order-standard_cart .products .product header span {
    display: block !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    white-space: normal !important;
}

#order-standard_cart .products .product header .qty {
    display: inline-block !important;
    margin-top: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #00E2C5 !important;
}

/* Body */
#order-standard_cart .products .product .product-desc {
    float: none !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    padding: 16px 18px 6px !important;
    margin: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    color: #cbd5e1 !important;
    text-align: left !important;
}

#order-standard_cart .products .product .product-desc p {
    margin: 0 0 6px !important;
    color: #94a3b8 !important;
    font-size: 13.5px !important;
}

#order-standard_cart .products .product .product-desc br {
    display: none !important;
}

/* Description bullet points (li typed directly into the product description) */
#order-standard_cart .products .product .product-desc > li,
#order-standard_cart .products .product .product-desc p > li {
    list-style: none !important;
    position: relative !important;
    display: block !important;
    padding: 5px 0 5px 20px !important;
    margin: 0 !important;
    color: #cbd5e1 !important;
    border: 0 !important;
    font-size: 13.5px !important;
}

#order-standard_cart .products .product .product-desc > li::before,
#order-standard_cart .products .product .product-desc p > li::before {
    content: "\2713" !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 800 !important;
    position: absolute !important;
    left: 2px; top: 5px;
    font-size: 12px !important;
    color: #00E2C5 !important;
}

/* Feature table (Disk Space / Bandwidth ...) */
#order-standard_cart .products .product .product-desc ul {
    display: block !important;
    list-style: none !important;
    margin: 14px 0 6px !important;
    padding: 8px 12px !important;
    background: rgba(2, 6, 23, 0.55) !important;
    border: 1px solid #1e293b !important;
    border-radius: 12px !important;
    font-size: 13px !important;
}

#order-standard_cart .products .product .product-desc ul li {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    gap: 12px !important;
    padding: 7px 0 !important;
    margin: 0 !important;
    color: #94a3b8 !important;
    border-bottom: 1px dashed #1e293b !important;
}

#order-standard_cart .products .product .product-desc ul li:last-child {
    border-bottom: 0 !important;
}

#order-standard_cart .products .product .product-desc .feature-value {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-align: right !important;
}

/* Broken markup fallback: when "<li>" is typed into feature lines, WHMCS outputs
   the value and the label as two separate <li>. Show them as one row. */
#order-standard_cart .products .product .product-desc ul:has(> li > .feature-value:only-child) {
    display: grid !important;
    grid-template-columns: auto auto !important;
    grid-auto-flow: dense !important;
    column-gap: 12px !important;
}

#order-standard_cart .products .product .product-desc ul:has(> li > .feature-value:only-child) > li {
    display: block !important;
    border-bottom: 1px dashed #1e293b !important;
}

#order-standard_cart .products .product .product-desc ul:has(> li > .feature-value:only-child) > li:has(> .feature-value) {
    grid-column: 2 !important;
    text-align: right !important;
}

#order-standard_cart .products .product .product-desc ul:has(> li > .feature-value:only-child) > li:not(:has(> .feature-value)) {
    grid-column: 1 !important;
}

#order-standard_cart .products .product .product-desc ul:has(> li > .feature-value:only-child) > li:nth-last-child(-n+2) {
    border-bottom: 0 !important;
}

/* Footer: price + order button */
#order-standard_cart .products .product footer {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    margin-top: auto !important;
    padding: 16px 18px 20px !important;
    background: rgba(2, 6, 23, 0.35) !important;
    border-top: 1px solid #1e293b !important;
    text-align: left !important;
    font-size: 13px !important;
    color: #94a3b8 !important;
}

#order-standard_cart .products .product .product-pricing {
    display: block !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #94a3b8 !important;
    line-height: 1.4 !important;
}

#order-standard_cart .products .product .product-pricing br {
    display: none !important;
}

#order-standard_cart .products .product .product-pricing .price {
    display: block !important;
    margin: 0 0 2px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    color: #00E2C5 !important;
    line-height: 1.1 !important;
}

#order-standard_cart .products .product .btn-order-now {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 13px 18px !important;
    white-space: nowrap !important;
}

/* ==========================================================================
   8. DOMAIN REGISTER PAGE v2
   ========================================================================== */
#order-standard_cart .domain-checker-container,
#order-standard_cart .domain-checker-bg {
    background: radial-gradient(ellipse at top, rgba(0, 226, 197, 0.10), transparent 60%), #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 18px !important;
    padding: 0 !important;
}

#order-standard_cart .domain-checker-container .domain-checker-bg {
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 40px 24px !important;
}

#order-standard_cart .domain-checker-bg .input-group-box,
#order-standard_cart .domain-checker-bg .input-group {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

#order-standard_cart .domain-checker-bg .input-group-box {
    max-width: 640px !important;
    margin: 0 auto !important;
}

#order-standard_cart #inputDomain {
    border-radius: 12px 0 0 12px !important;
    border-color: #334155 !important;
}

#order-standard_cart #inputDomain:focus {
    border-color: #00E2C5 !important;
    box-shadow: 0 0 0 3px rgba(0, 226, 197, 0.15) !important;
}

#order-standard_cart #btnCheckAvailability {
    border-radius: 0 12px 12px 0 !important;
}

/* Category filter badges */
#order-standard_cart .domain-pricing h4 {
    margin: 32px 0 14px !important;
}

#order-standard_cart .tld-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 18px !important;
}

#order-standard_cart .tld-filters a.badge {
    margin: 0 !important;
    padding: 7px 14px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    border-radius: 999px !important;
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
    color: #cbd5e1 !important;
    text-decoration: none !important;
}

#order-standard_cart .tld-filters a.badge:hover {
    border-color: #00E2C5 !important;
    color: #ffffff !important;
}

#order-standard_cart .tld-filters a.badge.badge-success {
    background: rgba(0, 226, 197, 0.12) !important;
    border-color: rgba(0, 226, 197, 0.6) !important;
    color: #00E2C5 !important;
}

/* TLD pricing table */
#order-standard_cart .domain-pricing .bg-white {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

#order-standard_cart .tld-pricing-header,
#order-standard_cart .tld-pricing-header div {
    background: #0f172a !important;
    color: #94a3b8 !important;
    border: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

#order-standard_cart .tld-pricing-header {
    border-bottom: 1px solid #1e293b !important;
    align-items: center !important;
}

#order-standard_cart .tld-pricing-header .row [class*="col-"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#order-standard_cart .tld-row {
    align-items: center !important;
    padding: 6px 0 !important;
}

#order-standard_cart .tld-pricing-header [class*="col-"] {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

#order-standard_cart .tld-row,
#order-standard_cart .tld-row.highlighted,
#order-standard_cart .tld-row:nth-child(even),
#order-standard_cart .tld-row:nth-child(odd) {
    background: transparent !important;
    color: #cbd5e1 !important;
    border: 0 !important;
    border-bottom: 1px solid #16213a !important;
}

#order-standard_cart .tld-row:nth-child(even) {
    background: rgba(15, 23, 42, 0.6) !important;
}

#order-standard_cart .tld-row:hover {
    background: rgba(0, 226, 197, 0.06) !important;
}

#order-standard_cart .tld-row:last-child {
    border-bottom: 0 !important;
}

#order-standard_cart .tld-row [class*="col-"] {
    border: 0 !important;
    color: #e2e8f0 !important;
    font-size: 14px !important;
}

#order-standard_cart .tld-row strong {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

#order-standard_cart .tld-row small,
#order-standard_cart .tld-row .small {
    color: #64748b !important;
}

#order-standard_cart .tld-row .label,
#order-standard_cart .tld-row .badge,
#order-standard_cart .tld-sale-group {
    border-radius: 6px !important;
    font-size: 10px !important;
    letter-spacing: 0.05em !important;
}

/* Promo boxes (Add Web Hosting / Transfer your domain) */
#order-standard_cart .domain-promo-box {
    background: linear-gradient(180deg, #0f172a 0%, #0b1329 100%) !important;
    border: 1px solid #1e293b !important;
    border-radius: 18px !important;
    padding: 26px !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
    height: calc(100% - 20px) !important;
    margin: 30px 0 20px !important;
}

#order-standard_cart .domain-promo-box h3 {
    color: #ffffff !important;
    font-size: 21px !important;
    margin-bottom: 6px !important;
    white-space: normal !important;
}

#order-standard_cart .domain-promo-box i.fas {
    color: #00E2C5 !important;
    opacity: 0.9 !important;
    font-size: 3em !important;
}

#order-standard_cart .domain-promo-box .text-warning,
#order-standard_cart .domain-promo-box .text-primary {
    color: #38bdf8 !important;
}

#order-standard_cart .domain-promo-box p {
    color: #94a3b8 !important;
}

#order-standard_cart .domain-promo-box .btn-warning,
#order-standard_cart .domain-promo-box .btn-primary {
    background: linear-gradient(135deg, #00E2C5 0%, #0ea5e9 100%) !important;
    color: #020617 !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    padding: 10px 20px !important;
    box-shadow: 0 4px 14px rgba(0, 226, 197, 0.25) !important;
}

/* Spotlight TLDs + search results */
#order-standard_cart .spotlight-tlds,
#order-standard_cart .spotlight-tld,
#order-standard_cart .spotlight-tld-container .spotlight-tld {
    background: #0f172a !important;
    border-color: #1e293b !important;
    color: #ffffff !important;
}

#order-standard_cart .spotlight-tld {
    border-radius: 12px !important;
}

#order-standard_cart .domain-lookup-result,
#order-standard_cart .suggested-domains,
#order-standard_cart .suggested-domains .panel-heading,
#order-standard_cart .suggested-domains .card-header,
#order-standard_cart .domain-suggestion,
#order-standard_cart .domain-suggestions .list-group-item,
#order-standard_cart .suggested-domains .list-group-item,
#order-standard_cart .suggested-domains .domain-suggestion {
    background: #0b1329 !important;
    border-color: #1e293b !important;
    color: #e2e8f0 !important;
}

#order-standard_cart .suggested-domains {
    border: 1px solid #1e293b !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

#order-standard_cart .domain-suggestion .domain,
#order-standard_cart .domain-suggestion .extension {
    color: #ffffff !important;
}

#order-standard_cart .domain-suggestion .price,
#order-standard_cart .domain-lookup-result .price {
    color: #00E2C5 !important;
    font-weight: 700 !important;
}

#order-standard_cart .domain-checker-available,
#order-standard_cart .domain-checker-available strong {
    color: #34d399 !important;
}

#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-checker-unavailable strong {
    color: #fda4af !important;
}

#order-standard_cart .btn-add-to-cart {
    background: linear-gradient(135deg, #00E2C5 0%, #0ea5e9 100%) !important;
    color: #020617 !important;
    border: 0 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
}

#order-standard_cart .btn-add-to-cart.checkout {
    background: #22c55e !important;
}

@media (max-width: 767px) {
    #order-standard_cart .tld-pricing-header .tld-column { display: none !important; }
    #order-standard_cart .tld-row .two-row-center { padding: 12px 16px 4px !important; }
}

/* ==========================================================================
   9. STORE / CART ON TABLET & MOBILE
   ========================================================================== */
@media (max-width: 991px) {
    #order-standard_cart .cart-sidebar {
        display: none !important;
    }
    #order-standard_cart .cart-body {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
    }
}

#order-standard_cart .sidebar-collapsed {
    background: transparent !important;
    margin-bottom: 20px !important;
}

#order-standard_cart .sidebar-collapsed .panel,
#order-standard_cart .sidebar-collapsed .card {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 14px !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
}

#order-standard_cart .sidebar-collapsed .panel-heading,
#order-standard_cart .sidebar-collapsed .card-header {
    background: #0f172a !important;
    border-bottom: 1px solid #1e293b !important;
    color: #ffffff !important;
}

#order-standard_cart .sidebar-collapsed .panel-title,
#order-standard_cart .sidebar-collapsed .panel-title i {
    color: #ffffff !important;
    font-size: 15px !important;
}

#order-standard_cart .sidebar-collapsed .panel-body,
#order-standard_cart .sidebar-collapsed .card-body {
    background: #0b1329 !important;
}

#order-standard_cart .sidebar-collapsed select,
#order-standard_cart .cart-body .pull-right.form-inline select {
    background-color: #090e1c !important;
    border: 1px solid #1e293b !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    height: auto !important;
    padding: 10px 14px !important;
    line-height: 1.4 !important;
}

/* ==========================================================================
   10. CLIENT AREA DARK PASS (Twenty-One components)
   Palette: bg #020617 · surface #0b1329 · raised #0f172a · line #1e293b
            text #e2e8f0 · muted #94a3b8 · accent #00E2C5 · accent-2 #38bdf8
   ========================================================================== */

/* --- Cards / panels ----------------------------------------------------- */
body.arinacloud-theme .primary-content .card,
body.arinacloud-theme .content-col .card,
body.arinacloud-theme .primary-content .panel,
body.arinacloud-theme .content-col .panel,
body.arinacloud-theme .content-col .bg-white,
body.arinacloud-theme .content-col .bg-light,
body.arinacloud-theme .content-col .well {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 16px !important;
    color: #e2e8f0 !important;
    box-shadow: none !important;
}

body.arinacloud-theme .content-col .card-header,
body.arinacloud-theme .content-col .panel-heading,
body.arinacloud-theme .content-col .card-footer,
body.arinacloud-theme .content-col .panel-footer {
    background: #0f172a !important;
    border-color: #1e293b !important;
    color: #ffffff !important;
}

body.arinacloud-theme .content-col .card-header {
    border-radius: 16px 16px 0 0 !important;
}

body.arinacloud-theme .content-col .card-footer {
    border-radius: 0 0 16px 16px !important;
}

body.arinacloud-theme .content-col .card-body,
body.arinacloud-theme .content-col .panel-body {
    background: transparent !important;
    color: #e2e8f0 !important;
}

body.arinacloud-theme .content-col .card-title,
body.arinacloud-theme .content-col .panel-title {
    color: #ffffff !important;
}

body.arinacloud-theme .content-col .card .card {
    background: #0f172a !important;
}

/* Section sub-headings (Twenty-One "sub-heading" with white span) */
body.arinacloud-theme .sub-heading {
    border-color: #1e293b !important;
}

body.arinacloud-theme .sub-heading span,
body.arinacloud-theme .sub-heading-borderless span {
    background: #0b1329 !important;
    color: #94a3b8 !important;
}

/* --- Text helpers -------------------------------------------------------- */
body.arinacloud-theme .content-col,
body.arinacloud-theme .content-col p,
body.arinacloud-theme .content-col li,
body.arinacloud-theme .content-col td,
body.arinacloud-theme .content-col dd,
body.arinacloud-theme .content-col dt {
    color: #cbd5e1;
}

body.arinacloud-theme .content-col label,
body.arinacloud-theme .content-col .control-label,
body.arinacloud-theme .content-col .col-form-label {
    color: #94a3b8 !important;
    font-weight: 600 !important;
}

body.arinacloud-theme .text-muted,
body.arinacloud-theme .form-text,
body.arinacloud-theme .help-block {
    color: #94a3b8 !important;
}

body.arinacloud-theme .text-dark,
body.arinacloud-theme .text-body,
body.arinacloud-theme .text-black {
    color: #e2e8f0 !important;
}

body.arinacloud-theme hr {
    border-color: #1e293b !important;
}

body.arinacloud-theme .content-col strong,
body.arinacloud-theme .content-col b {
    color: #ffffff;
}

/* --- Forms --------------------------------------------------------------- */
body.arinacloud-theme .content-col .form-control,
body.arinacloud-theme .content-col .custom-select,
body.arinacloud-theme .content-col select,
body.arinacloud-theme .content-col textarea,
body.arinacloud-theme .modal .form-control,
body.arinacloud-theme .modal .custom-select {
    background-color: #090e1c !important;
    border: 1px solid #1e293b !important;
    color: #f8fafc !important;
    border-radius: 10px !important;
    min-height: 44px !important;
    height: auto !important;
    padding: 10px 14px !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
}

body.arinacloud-theme .content-col textarea.form-control {
    min-height: 120px !important;
}

body.arinacloud-theme .content-col .form-control:focus,
body.arinacloud-theme .content-col .custom-select:focus,
body.arinacloud-theme .modal .form-control:focus {
    border-color: #00E2C5 !important;
    box-shadow: 0 0 0 3px rgba(0, 226, 197, 0.15) !important;
}

body.arinacloud-theme .content-col .form-control:disabled,
body.arinacloud-theme .content-col .form-control[readonly] {
    background-color: #0f172a !important;
    color: #64748b !important;
    opacity: 1 !important;
}

body.arinacloud-theme .content-col .form-control::placeholder {
    color: #475569 !important;
}

body.arinacloud-theme .content-col select option {
    background: #0b1329;
    color: #f8fafc;
}

body.arinacloud-theme .input-group-text,
body.arinacloud-theme .input-group-addon {
    background: #0f172a !important;
    border-color: #1e293b !important;
    color: #94a3b8 !important;
}

body.arinacloud-theme .input-group > .form-control:not(:last-child),
body.arinacloud-theme .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

body.arinacloud-theme .input-group > .form-control:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

body.arinacloud-theme .custom-control-label::before,
body.arinacloud-theme .form-check-input {
    background-color: #090e1c !important;
    border-color: #334155 !important;
}

body.arinacloud-theme .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00E2C5 !important;
    border-color: #00E2C5 !important;
}

body.arinacloud-theme .custom-control-label,
body.arinacloud-theme .form-check-label,
body.arinacloud-theme .checkbox label,
body.arinacloud-theme .radio label {
    color: #cbd5e1 !important;
}

/* intl-tel-input phone field */
body.arinacloud-theme .iti__country-list {
    background: #0b1329 !important;
    border-color: #1e293b !important;
    color: #e2e8f0 !important;
}

body.arinacloud-theme .iti__country.iti__highlight {
    background: #0f172a !important;
}

/* --- Buttons ------------------------------------------------------------- */
body.arinacloud-theme .btn-primary,
body.arinacloud-theme .btn-success:not(.btn-order-now),
body.arinacloud-theme input[type="submit"].btn-primary {
    background: linear-gradient(135deg, #00E2C5 0%, #0ea5e9 100%) !important;
    border: 0 !important;
    color: #020617 !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 14px rgba(0, 226, 197, 0.2) !important;
}

body.arinacloud-theme .btn-primary:hover,
body.arinacloud-theme .btn-success:not(.btn-order-now):hover {
    filter: brightness(1.08);
    color: #020617 !important;
}

body.arinacloud-theme .btn-default,
body.arinacloud-theme .btn-secondary,
body.arinacloud-theme .btn-light,
body.arinacloud-theme .btn-outline-secondary,
body.arinacloud-theme .btn-outline-primary {
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
    color: #e2e8f0 !important;
    border-radius: 10px !important;
}

body.arinacloud-theme .btn-default:hover,
body.arinacloud-theme .btn-secondary:hover,
body.arinacloud-theme .btn-light:hover,
body.arinacloud-theme .btn-outline-secondary:hover,
body.arinacloud-theme .btn-outline-primary:hover {
    border-color: #00E2C5 !important;
    color: #ffffff !important;
}

body.arinacloud-theme .btn-danger {
    background: rgba(244, 63, 94, 0.15) !important;
    border: 1px solid rgba(244, 63, 94, 0.5) !important;
    color: #fda4af !important;
    border-radius: 10px !important;
}

body.arinacloud-theme .btn-warning {
    background: rgba(245, 158, 11, 0.15) !important;
    border: 1px solid rgba(245, 158, 11, 0.5) !important;
    color: #fcd34d !important;
    border-radius: 10px !important;
}

body.arinacloud-theme .btn-info {
    background: rgba(56, 189, 248, 0.15) !important;
    border: 1px solid rgba(56, 189, 248, 0.5) !important;
    color: #7dd3fc !important;
    border-radius: 10px !important;
}

body.arinacloud-theme .btn-link {
    color: #00E2C5 !important;
}

/* --- Tables (invoices, services, domains, tickets, emails) ---------------- */
body.arinacloud-theme .content-col .table,
body.arinacloud-theme .content-col table.table-list,
body.arinacloud-theme .modal .table {
    background: transparent !important;
    color: #cbd5e1 !important;
    border-color: #1e293b !important;
}

body.arinacloud-theme .content-col .table th,
body.arinacloud-theme .content-col .table td,
body.arinacloud-theme .modal .table th,
body.arinacloud-theme .modal .table td {
    border-color: #1e293b !important;
    color: #cbd5e1 !important;
    background: transparent !important;
    vertical-align: middle !important;
}

body.arinacloud-theme .content-col .table thead th,
body.arinacloud-theme .content-col table.table-list thead th,
body.arinacloud-theme .content-col .table-list > thead > tr > th {
    background: #0f172a !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    border-bottom: 1px solid #1e293b !important;
}

body.arinacloud-theme .content-col table.table-list thead th.sorting_asc,
body.arinacloud-theme .content-col table.table-list thead th.sorting_desc {
    color: #00E2C5 !important;
}

body.arinacloud-theme .content-col .table tbody tr,
body.arinacloud-theme .content-col table.table-list tbody tr {
    background: transparent !important;
}

body.arinacloud-theme .content-col .table-striped tbody tr:nth-of-type(odd),
body.arinacloud-theme .content-col table.table-list tbody tr:nth-of-type(even) {
    background: rgba(15, 23, 42, 0.55) !important;
}

body.arinacloud-theme .content-col .table-hover tbody tr:hover,
body.arinacloud-theme .content-col table.table-list tbody tr:hover,
body.arinacloud-theme .content-col table.table-list tbody tr:hover td {
    background: rgba(0, 226, 197, 0.06) !important;
}

body.arinacloud-theme .content-col table.table-list tbody tr td:first-child a,
body.arinacloud-theme .content-col table.table-list tbody td strong {
    color: #ffffff !important;
}

body.arinacloud-theme .table-container,
body.arinacloud-theme .dataTables_wrapper {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 16px !important;
    padding: 14px !important;
    color: #94a3b8 !important;
}

body.arinacloud-theme .table-container .dataTables_wrapper {
    border: 0 !important;
    padding: 0 !important;
}

body.arinacloud-theme .dataTables_wrapper .dataTables_info,
body.arinacloud-theme .dataTables_wrapper .dataTables_length,
body.arinacloud-theme .dataTables_wrapper .dataTables_filter label,
body.arinacloud-theme .dataTables_wrapper .dataTables_length label {
    color: #94a3b8 !important;
}

body.arinacloud-theme .dataTables_wrapper .dataTables_filter input,
body.arinacloud-theme .dataTables_wrapper .dataTables_length select {
    background: #090e1c !important;
    border: 1px solid #1e293b !important;
    color: #f8fafc !important;
    border-radius: 8px !important;
}

body.arinacloud-theme .table-responsive {
    border: 0 !important;
}

/* --- Pagination ---------------------------------------------------------- */
body.arinacloud-theme .page-link,
body.arinacloud-theme .pagination > li > a,
body.arinacloud-theme .pagination > li > span {
    background: #0f172a !important;
    border-color: #1e293b !important;
    color: #cbd5e1 !important;
}

body.arinacloud-theme .page-item.active .page-link,
body.arinacloud-theme .pagination > .active > a {
    background: #00E2C5 !important;
    border-color: #00E2C5 !important;
    color: #020617 !important;
}

body.arinacloud-theme .page-item.disabled .page-link {
    color: #475569 !important;
}

/* --- Status labels ------------------------------------------------------- */
body.arinacloud-theme .label,
body.arinacloud-theme .badge {
    border-radius: 6px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

body.arinacloud-theme .status-active,
body.arinacloud-theme .status-paid,
body.arinacloud-theme .status-completed,
body.arinacloud-theme .status-open,
body.arinacloud-theme .status-answered {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #34d399 !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
}

body.arinacloud-theme .status-pending,
body.arinacloud-theme .status-unpaid,
body.arinacloud-theme .status-customer-reply,
body.arinacloud-theme .status-onhold,
body.arinacloud-theme .status-in-progress {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
}

body.arinacloud-theme .status-suspended,
body.arinacloud-theme .status-overdue,
body.arinacloud-theme .status-cancelled,
body.arinacloud-theme .status-terminated,
body.arinacloud-theme .status-fraud,
body.arinacloud-theme .status-expired,
body.arinacloud-theme .status-closed,
body.arinacloud-theme .status-collections,
body.arinacloud-theme .status-refunded {
    background: rgba(148, 163, 184, 0.12) !important;
    color: #cbd5e1 !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

body.arinacloud-theme .status-overdue,
body.arinacloud-theme .status-suspended,
body.arinacloud-theme .status-fraud {
    background: rgba(244, 63, 94, 0.15) !important;
    color: #fda4af !important;
    border-color: rgba(244, 63, 94, 0.35) !important;
}

/* --- Dashboard tiles (clientarea home) ----------------------------------- */
body.arinacloud-theme .tiles {
    margin-bottom: 24px !important;
}

body.arinacloud-theme .tiles .row {
    margin: 0 -8px !important;
}

body.arinacloud-theme .tiles .tile,
body.arinacloud-theme .tiles a.tile {
    display: block !important;
    background: linear-gradient(180deg, #0f172a 0%, #0b1329 100%) !important;
    border: 1px solid #1e293b !important;
    border-radius: 16px !important;
    margin: 8px !important;
    padding: 22px !important;
    color: #94a3b8 !important;
    text-decoration: none !important;
    position: relative !important;
    overflow: hidden !important;
    transition: border-color .2s ease, transform .2s ease !important;
}

body.arinacloud-theme .tiles .tile:hover {
    border-color: rgba(0, 226, 197, 0.6) !important;
    transform: translateY(-2px) !important;
}

body.arinacloud-theme .tiles .tile i {
    color: #00E2C5 !important;
    opacity: 0.35 !important;
}

body.arinacloud-theme .tiles .tile .stat {
    color: #ffffff !important;
    font-weight: 800 !important;
}

body.arinacloud-theme .tiles .tile .title {
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    font-size: 12px !important;
}

body.arinacloud-theme .tiles .tile .highlight {
    background: linear-gradient(90deg, #00E2C5, #38bdf8) !important;
    height: 3px !important;
}

body.arinacloud-theme .client-home-cards .card .card-header .btn,
body.arinacloud-theme .client-home-cards .card .card-header .bg-color-blue,
body.arinacloud-theme .client-home-cards .card .card-header .bg-color-green,
body.arinacloud-theme .client-home-cards .card .card-header .bg-color-red,
body.arinacloud-theme .client-home-cards .card .card-header .bg-color-gold {
    background: rgba(0, 226, 197, 0.12) !important;
    color: #00E2C5 !important;
    border: 1px solid rgba(0, 226, 197, 0.35) !important;
}

body.arinacloud-theme .client-home-cards .card .card-header .card-title i {
    color: #00E2C5 !important;
}

/* --- List groups inside content ----------------------------------------- */
body.arinacloud-theme .content-col .list-group-item,
body.arinacloud-theme .modal .list-group-item {
    background: transparent !important;
    border-color: #1e293b !important;
    color: #cbd5e1 !important;
}

body.arinacloud-theme .content-col a.list-group-item:hover,
body.arinacloud-theme .content-col .list-group-item-action:hover {
    background: rgba(0, 226, 197, 0.06) !important;
    color: #ffffff !important;
}

body.arinacloud-theme .content-col .list-group-item.active {
    background: rgba(0, 226, 197, 0.12) !important;
    border-color: rgba(0, 226, 197, 0.4) !important;
    color: #00E2C5 !important;
}

body.arinacloud-theme .div-service-item .div-service-name,
body.arinacloud-theme .div-service-item .text-domain {
    color: #ffffff !important;
}

/* --- Tabs ---------------------------------------------------------------- */
body.arinacloud-theme .nav-tabs {
    border-bottom-color: #1e293b !important;
}

body.arinacloud-theme .nav-tabs .nav-link,
body.arinacloud-theme .nav-tabs > li > a {
    color: #94a3b8 !important;
    background: transparent !important;
    border-color: transparent !important;
}

body.arinacloud-theme .nav-tabs .nav-link:hover {
    color: #ffffff !important;
    border-color: transparent transparent #334155 !important;
}

body.arinacloud-theme .nav-tabs .nav-link.active,
body.arinacloud-theme .nav-tabs .nav-item.show .nav-link,
body.arinacloud-theme .nav-tabs > li.active > a {
    background: #0b1329 !important;
    border-color: #1e293b #1e293b #0b1329 !important;
    color: #00E2C5 !important;
}

body.arinacloud-theme .tab-content,
body.arinacloud-theme .tab-content > .tab-pane {
    background: transparent !important;
    color: #cbd5e1 !important;
}

body.arinacloud-theme .nav-pills .nav-link.active {
    background: rgba(0, 226, 197, 0.15) !important;
    color: #00E2C5 !important;
}

/* --- Alerts -------------------------------------------------------------- */
body.arinacloud-theme .alert {
    border-radius: 12px !important;
}

body.arinacloud-theme .alert-success {
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    color: #6ee7b7 !important;
}

body.arinacloud-theme .alert-danger {
    background: rgba(244, 63, 94, 0.12) !important;
    border: 1px solid rgba(244, 63, 94, 0.35) !important;
    color: #fda4af !important;
}

body.arinacloud-theme .alert-warning {
    background: rgba(245, 158, 11, 0.12) !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
    color: #fcd34d !important;
}

body.arinacloud-theme .alert-info {
    background: rgba(56, 189, 248, 0.10) !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    color: #bae6fd !important;
}

body.arinacloud-theme .alert a,
body.arinacloud-theme .alert .alert-link {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* Email verification / validate-user banners */
body.arinacloud-theme .verification-banner,
body.arinacloud-theme .verification-banner.email-verification,
body.arinacloud-theme .verification-banner.user-validation {
    background: #0f172a !important;
    border-bottom: 1px solid #1e293b !important;
    color: #e2e8f0 !important;
}

body.arinacloud-theme .verification-banner .text i {
    color: #fbbf24 !important;
}

/* --- Modals, dropdowns, popovers, tooltips ------------------------------- */
body.arinacloud-theme .modal-content {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 18px !important;
    color: #e2e8f0 !important;
}

body.arinacloud-theme .modal-header,
body.arinacloud-theme .modal-footer {
    border-color: #1e293b !important;
    background: transparent !important;
}

body.arinacloud-theme .modal-title,
body.arinacloud-theme .modal-body {
    color: #e2e8f0 !important;
}

body.arinacloud-theme .modal .close,
body.arinacloud-theme .close {
    color: #94a3b8 !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

body.arinacloud-theme .modal-backdrop.show {
    opacity: 0.75 !important;
    background: #000 !important;
}

body.arinacloud-theme .dropdown-menu {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.7) !important;
}

body.arinacloud-theme .dropdown-item {
    color: #cbd5e1 !important;
}

body.arinacloud-theme .dropdown-item:hover,
body.arinacloud-theme .dropdown-item:focus {
    background: rgba(0, 226, 197, 0.08) !important;
    color: #ffffff !important;
}

body.arinacloud-theme .dropdown-divider {
    border-color: #1e293b !important;
}

body.arinacloud-theme .popover {
    background: #0b1329 !important;
    border-color: #1e293b !important;
}

body.arinacloud-theme .popover-body,
body.arinacloud-theme .popover-header {
    background: transparent !important;
    color: #e2e8f0 !important;
    border-color: #1e293b !important;
}

body.arinacloud-theme .popover .arrow::after {
    border-bottom-color: #0b1329 !important;
    border-top-color: #0b1329 !important;
}

/* --- Tickets ------------------------------------------------------------- */
body.arinacloud-theme .ticket-reply,
body.arinacloud-theme .ticket-reply .posted-by,
body.arinacloud-theme .ticket-reply .message {
    background: #0b1329 !important;
    border-color: #1e293b !important;
    color: #e2e8f0 !important;
}

body.arinacloud-theme .ticket-reply {
    border: 1px solid #1e293b !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    margin-bottom: 16px !important;
}

body.arinacloud-theme .ticket-reply .posted-by {
    background: #0f172a !important;
    border-bottom: 1px solid #1e293b !important;
}

body.arinacloud-theme .ticket-reply.staff,
body.arinacloud-theme .ticket-reply.staff .posted-by {
    border-color: rgba(0, 226, 197, 0.35) !important;
}

body.arinacloud-theme .ticket-reply.staff .posted-by {
    background: rgba(0, 226, 197, 0.08) !important;
}

body.arinacloud-theme .ticket-reply .attachments {
    border-color: #1e293b !important;
}

/* Markdown editor (ticket reply box) */
body.arinacloud-theme .md-editor,
body.arinacloud-theme .md-editor > textarea,
body.arinacloud-theme .md-editor .md-header,
body.arinacloud-theme .md-editor .md-footer,
body.arinacloud-theme .md-editor .md-preview {
    background: #090e1c !important;
    border-color: #1e293b !important;
    color: #f8fafc !important;
}

body.arinacloud-theme .md-editor .btn-default,
body.arinacloud-theme .md-editor .btn {
    background: #0f172a !important;
    color: #cbd5e1 !important;
    border-color: #1e293b !important;
}

/* --- Product details page ------------------------------------------------ */
body.arinacloud-theme .product-details .product-icon,
body.arinacloud-theme .product-status,
body.arinacloud-theme .product-details-tab-container {
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
    border-radius: 16px !important;
    color: #e2e8f0 !important;
}

body.arinacloud-theme .product-details .product-icon h3,
body.arinacloud-theme .product-details .product-icon h4 {
    color: #ffffff !important;
}

body.arinacloud-theme .product-details .product-icon .fa-stack .fa-circle {
    color: rgba(0, 226, 197, 0.15) !important;
}

body.arinacloud-theme .product-details .product-icon .fa-stack .fa-inverse {
    color: #00E2C5 !important;
}

body.arinacloud-theme .product-status-text {
    color: #020617 !important;
}

body.arinacloud-theme .bootstrap-switch {
    border-color: #334155 !important;
}

/* --- Knowledgebase / announcements / downloads --------------------------- */
body.arinacloud-theme .kb-search .form-control,
body.arinacloud-theme .kb-search .btn {
    min-height: 48px !important;
}

body.arinacloud-theme .kb-category a,
body.arinacloud-theme .kb-article-item {
    color: #e2e8f0 !important;
}

body.arinacloud-theme .kb-article-content,
body.arinacloud-theme .announcement-single,
body.arinacloud-theme .announcement-single .card-body {
    color: #cbd5e1 !important;
}

body.arinacloud-theme .kb-article-content h1,
body.arinacloud-theme .kb-article-content h2,
body.arinacloud-theme .kb-article-content h3 {
    color: #ffffff !important;
}

body.arinacloud-theme .kb-rate-article,
body.arinacloud-theme .kb-rate-article .btn {
    background: #0f172a !important;
    border-color: #1e293b !important;
    color: #cbd5e1 !important;
}

/* --- Misc ---------------------------------------------------------------- */
body.arinacloud-theme .breadcrumb {
    background: transparent !important;
}

body.arinacloud-theme .progress {
    background: #0f172a !important;
    border-radius: 999px !important;
}

body.arinacloud-theme .progress-bar {
    background: linear-gradient(90deg, #00E2C5, #38bdf8) !important;
}

body.arinacloud-theme .bg-white {
    background-color: #0b1329 !important;
}

body.arinacloud-theme .border,
body.arinacloud-theme .border-top,
body.arinacloud-theme .border-bottom {
    border-color: #1e293b !important;
}

body.arinacloud-theme .view-filter-btns a,
body.arinacloud-theme .view-filter-btns .list-group-item {
    background: #0f172a !important;
    color: #cbd5e1 !important;
    border-color: #1e293b !important;
}

body.arinacloud-theme #fullpage-overlay {
    background: rgba(2, 6, 23, 0.85) !important;
}

body.arinacloud-theme #fullpage-overlay .msg {
    color: #e2e8f0 !important;
}

body.arinacloud-theme pre,
body.arinacloud-theme code {
    background: #090e1c !important;
    color: #7dd3fc !important;
    border-color: #1e293b !important;
}

body.arinacloud-theme .content-col .card .list-group,
body.arinacloud-theme .content-col .card .list-group-flush,
body.arinacloud-theme .client-home-cards .card .card-body,
body.arinacloud-theme .client-home-cards .card .card-footer {
    border-color: #1e293b !important;
}

/* ==========================================================================
   11. FIXES: duplicate secondary sidebar on desktop + white <article> boxes
   ========================================================================== */
@media (min-width: 992px) {
    body.arinacloud-theme .sidebar.sidebar-secondary.d-lg-none,
    body.arinacloud-theme .content-col .sidebar-secondary {
        display: none !important;
    }
}

@media (max-width: 991px) {
    body.arinacloud-theme .sidebar-primary .d-none.d-lg-block {
        display: none !important;
    }
}

body.arinacloud-theme .content-col article,
body.arinacloud-theme .content-col blockquote,
body.arinacloud-theme .announcement-single article {
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
    border-left: 3px solid #00E2C5 !important;
    border-radius: 12px !important;
    color: #cbd5e1 !important;
    padding: 18px 22px !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

/* ==========================================================================
   12. ORDER FLOW: choose domain → configure → cart → checkout
   ========================================================================== */

/* --- Shared headings ---------------------------------------------------- */
#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined .font-size-36 {
    color: #ffffff !important;
}

#order-standard_cart .sub-heading {
    border-top: 1px solid #1e293b !important;
    height: auto !important;
    margin: 30px 0 20px !important;
    text-align: center !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading .primary-bg-color {
    position: relative !important;
    top: -13px !important;
    padding: 0 16px !important;
    background: #020617 !important;
    color: #94a3b8 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

#order-standard_cart .field-help-text,
#order-standard_cart .help-block,
#order-standard_cart .text-muted {
    color: #94a3b8 !important;
}

#order-standard_cart label,
#order-standard_cart .control-label {
    color: #cbd5e1 !important;
}

/* --- Step 1: choose a domain -------------------------------------------- */
#order-standard_cart .domain-selection-options .option {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 14px !important;
    margin-bottom: 10px !important;
    padding: 16px 20px !important;
    color: #cbd5e1 !important;
    transition: border-color .2s ease !important;
}

#order-standard_cart .domain-selection-options .option:hover {
    border-color: #334155 !important;
}

#order-standard_cart .domain-selection-options .option-selected,
#order-standard_cart .domain-selection-options .option.option-selected {
    background: radial-gradient(ellipse at top left, rgba(0, 226, 197, 0.10), transparent 60%), #0b1329 !important;
    border-color: rgba(0, 226, 197, 0.6) !important;
}

#order-standard_cart .domain-selection-options .option label {
    color: #e2e8f0 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

#order-standard_cart .domain-selection-options .option .domain-input-group {
    background: transparent !important;
    border: 0 !important;
    margin-top: 12px !important;
}

#order-standard_cart .domain-input-group .input-group-addon,
#order-standard_cart .domain-input-group .input-group-text {
    background: #0f172a !important;
    border-color: #1e293b !important;
    color: #94a3b8 !important;
    border-radius: 10px 0 0 10px !important;
}

#order-standard_cart .domain-input-group .form-control,
#order-standard_cart .domain-input-group select {
    background-color: #090e1c !important;
    border: 1px solid #1e293b !important;
    color: #f8fafc !important;
    min-height: 46px !important;
}

#order-standard_cart .domain-input-group .btn-primary {
    min-height: 46px !important;
}

/* iCheck radio / checkbox skin */
#order-standard_cart .iradio_square-blue,
#order-standard_cart .icheckbox_square-blue,
body.arinacloud-theme .iradio_square-blue,
body.arinacloud-theme .icheckbox_square-blue {
    filter: hue-rotate(-30deg) saturate(1.3) brightness(1.05);
}

/* Domain availability results under the options */
#order-standard_cart #DomainSearchResults,
#order-standard_cart .domain-lookup-primary-loader,
#order-standard_cart #primaryLookupResult,
#order-standard_cart #primaryLookupSearching {
    background: transparent !important;
    color: #e2e8f0 !important;
}

#order-standard_cart .domain-available,
#order-standard_cart .domain-checker-available {
    color: #34d399 !important;
}

#order-standard_cart .domain-unavailable,
#order-standard_cart .domain-checker-unavailable {
    color: #fda4af !important;
}

#order-standard_cart .domain-suggestions .domain-suggestion,
#order-standard_cart .suggested-domains .list-group-item {
    background: #0b1329 !important;
    border-color: #1e293b !important;
    color: #e2e8f0 !important;
}

/* --- Step 2: configure -------------------------------------------------- */
#order-standard_cart .product-info {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 16px !important;
    padding: 22px 24px !important;
    margin-bottom: 24px !important;
    color: #cbd5e1 !important;
}

#order-standard_cart .product-info .product-title {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    border-bottom: 1px solid #1e293b !important;
    padding-bottom: 12px !important;
    margin-bottom: 14px !important;
}

#order-standard_cart .product-info p,
#order-standard_cart .product-info li,
#order-standard_cart .product-info ul {
    color: #cbd5e1 !important;
    font-size: 14px !important;
}

#order-standard_cart .product-info br {
    display: none !important;
}

#order-standard_cart .product-info li {
    list-style: none !important;
    position: relative !important;
    padding: 6px 0 6px 22px !important;
    border-bottom: 1px dashed #16213a !important;
}

#order-standard_cart .product-info li::before {
    content: "\2713" !important;
    position: absolute !important;
    left: 2px; top: 6px;
    color: #00E2C5 !important;
    font-weight: 800 !important;
    font-size: 12px !important;
}

#order-standard_cart .product-info ul {
    padding-left: 0 !important;
    margin: 0 !important;
}

/* Billing cycle / config option boxes */
#order-standard_cart .field-container,
#order-standard_cart .product-configurable-options,
#order-standard_cart .addon-products .panel-addon,
#order-standard_cart .panel-addon,
#order-standard_cart .card-addon {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 14px !important;
    color: #cbd5e1 !important;
}

#order-standard_cart .field-container {
    padding: 16px 18px !important;
}

#order-standard_cart .panel-addon .panel-body,
#order-standard_cart .panel-addon .card-body {
    background: transparent !important;
    color: #cbd5e1 !important;
}

#order-standard_cart .panel-addon .panel-price,
#order-standard_cart .panel-price {
    background: #0f172a !important;
    color: #00E2C5 !important;
    border-top: 1px solid #1e293b !important;
    font-weight: 700 !important;
}

#order-standard_cart .panel-addon .panel-add,
#order-standard_cart .panel-add {
    background: rgba(0, 226, 197, 0.12) !important;
    color: #00E2C5 !important;
    border-top: 1px solid rgba(0, 226, 197, 0.3) !important;
}

#order-standard_cart .panel-addon-selected {
    border-color: rgba(0, 226, 197, 0.6) !important;
}

#order-standard_cart #productConfigurableOptions .form-group label,
#order-standard_cart .product-configurable-options label {
    color: #cbd5e1 !important;
}

/* --- Order summary sidebar (configure + cart) --------------------------- */
#order-standard_cart .order-summary,
#order-standard_cart #orderSummary .order-summary {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 18px 40px -16px rgba(0, 0, 0, 0.7) !important;
    margin-bottom: 16px !important;
}

#order-standard_cart .order-summary h2,
#order-standard_cart .order-summary .font-size-30 {
    background: #0f172a !important;
    color: #ffffff !important;
    border-bottom: 1px solid #1e293b !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    text-align: left !important;
}

#order-standard_cart .order-summary .summary-container,
#order-standard_cart .summary-container {
    background: transparent !important;
    border: 0 !important;
    color: #cbd5e1 !important;
    padding: 18px 20px !important;
    min-height: 0 !important;
}

#order-standard_cart .summary-container .product-name {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

#order-standard_cart .summary-container .product-group,
#order-standard_cart .summary-container .clearfix,
#order-standard_cart .summary-container span,
#order-standard_cart .summary-container .bordered-totals,
#order-standard_cart .summary-container .subtotal,
#order-standard_cart .summary-container .recurring-totals,
#order-standard_cart .summary-container .recurring-charges {
    color: #94a3b8 !important;
}

#order-standard_cart .summary-container .bordered-totals {
    border-color: #1e293b !important;
}

#order-standard_cart .summary-container .pull-right,
#order-standard_cart .summary-container .float-right {
    color: #e2e8f0 !important;
}

#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .summary-container .total-due-today {
    border-top: 1px solid #1e293b !important;
    padding-top: 14px !important;
    margin-top: 10px !important;
}

#order-standard_cart .order-summary .total-due-today .amt,
#order-standard_cart .total-due-today .amt,
#order-standard_cart #totalDueToday,
#order-standard_cart .order-summary .amt {
    color: #00E2C5 !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
}

#order-standard_cart .total-due-today span:not(.amt) {
    color: #94a3b8 !important;
}

#order-standard_cart .order-summary .loader {
    background: rgba(11, 19, 41, 0.85) !important;
    color: #00E2C5 !important;
}

#order-standard_cart .order-summary .btn-checkout,
#order-standard_cart #btnCompleteProductConfig,
#order-standard_cart #checkout {
    width: 100% !important;
    padding: 12px 18px !important;
    border-radius: 10px !important;
}

#order-standard_cart .order-summary .btn-continue-shopping {
    display: block !important;
    margin-top: 10px !important;
    color: #94a3b8 !important;
}

/* --- Step 3: view cart -------------------------------------------------- */
#order-standard_cart .view-cart-items-header {
    background: #0f172a !important;
    color: #94a3b8 !important;
    border: 1px solid #1e293b !important;
    border-bottom: 0 !important;
    border-radius: 14px 14px 0 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    padding: 12px 18px !important;
}

#order-standard_cart .view-cart-items {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 0 0 14px 14px !important;
    border-bottom: 1px solid #1e293b !important;
    overflow: hidden !important;
}

#order-standard_cart .view-cart-items .item {
    background: transparent !important;
    border-bottom: 1px solid #1e293b !important;
    color: #cbd5e1 !important;
    padding: 16px 18px !important;
}

#order-standard_cart .view-cart-items .item:last-child {
    border-bottom: 0 !important;
}

#order-standard_cart .view-cart-items .item-title {
    color: #ffffff !important;
    font-weight: 700 !important;
}

#order-standard_cart .view-cart-items .item-group,
#order-standard_cart .view-cart-items .item-domain {
    color: #00E2C5 !important;
}

#order-standard_cart .view-cart-items .item-price,
#order-standard_cart .view-cart-items .item-price span {
    color: #e2e8f0 !important;
}

#order-standard_cart .view-cart-items .item-price .cycle,
#order-standard_cart .view-cart-items .renewal {
    color: #94a3b8 !important;
}

#order-standard_cart .view-cart-items .btn-link,
#order-standard_cart .view-cart-items .btn-remove-from-cart {
    color: #fda4af !important;
}

#order-standard_cart .view-cart-empty,
#order-standard_cart .empty-cart {
    background: #0b1329 !important;
    color: #94a3b8 !important;
    border: 1px solid #1e293b !important;
    border-radius: 14px !important;
    padding: 30px !important;
}

#order-standard_cart .empty-cart .btn,
#order-standard_cart #btnEmptyCart {
    background: rgba(244, 63, 94, 0.12) !important;
    border: 1px solid rgba(244, 63, 94, 0.35) !important;
    color: #fda4af !important;
    border-radius: 8px !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs {
    border-bottom-color: #1e293b !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs .nav-link,
#order-standard_cart .view-cart-tabs .nav-tabs a {
    color: #94a3b8 !important;
    background: transparent !important;
    border-color: transparent !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active,
#order-standard_cart .view-cart-tabs .nav-tabs .active a {
    background: #0b1329 !important;
    color: #00E2C5 !important;
    border-color: #1e293b #1e293b #0b1329 !important;
}

#order-standard_cart .view-cart-tabs .tab-content {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
    padding: 18px !important;
}

/* --- Step 4: checkout --------------------------------------------------- */
#order-standard_cart .prepend-icon {
    position: relative !important;
}

#order-standard_cart .prepend-icon .field-icon {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 44px !important;
    height: 46px !important;
    line-height: 46px !important;
    text-align: center !important;
    color: #475569 !important;
    z-index: 3 !important;
    pointer-events: none !important;
}

#order-standard_cart .prepend-icon .field,
#order-standard_cart .prepend-icon .form-control,
#order-standard_cart .prepend-icon input,
#order-standard_cart .prepend-icon select {
    padding-left: 44px !important;
    min-height: 46px !important;
}

#order-standard_cart .prepend-icon .field:focus ~ .field-icon,
#order-standard_cart .prepend-icon .field:focus + .field-icon {
    color: #00E2C5 !important;
}

/* intl-tel-input phone: keep flag from overlapping */
#order-standard_cart .iti .form-control,
#order-standard_cart .intl-tel-input .form-control,
#order-standard_cart .prepend-icon .iti input {
    padding-left: 92px !important;
}

#order-standard_cart .iti__selected-flag,
#order-standard_cart .intl-tel-input .selected-flag {
    background: transparent !important;
}

#order-standard_cart .iti__selected-dial-code {
    color: #e2e8f0 !important;
}

#order-standard_cart .account-select-container .account,
#order-standard_cart .account-select-container .account.active,
#order-standard_cart #containerExistingAccountSelect .account {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 12px !important;
    color: #e2e8f0 !important;
}

#order-standard_cart .account-select-container .account.active {
    border-color: rgba(0, 226, 197, 0.6) !important;
}

#order-standard_cart .already-registered,
#order-standard_cart .already-registered p {
    color: #94a3b8 !important;
}

/* Card details box */
#order-standard_cart .cc-input-container,
#order-standard_cart #creditCardInputFields,
#order-standard_cart .paymethod-info,
#order-standard_cart #paymentGatewayInput,
#order-standard_cart .gateway-errors {
    background: #0b1329 !important;
    border: 1px solid #1e293b !important;
    border-radius: 14px !important;
    color: #cbd5e1 !important;
}

#order-standard_cart .cc-input-container label,
#order-standard_cart #creditCardInputFields label {
    color: #e2e8f0 !important;
}

#order-standard_cart .cc-input-container .form-control,
#order-standard_cart #creditCardInputFields .form-control,
#order-standard_cart .StripeElement,
#order-standard_cart .stripe-element {
    background-color: #090e1c !important;
    border: 1px solid #1e293b !important;
    color: #f8fafc !important;
    border-radius: 10px !important;
}

#order-standard_cart #cvvWhereLink,
#order-standard_cart .cc-input-container .input-group-btn .btn,
#order-standard_cart .cc-input-container .input-group-append .btn {
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
    color: #cbd5e1 !important;
}

#order-standard_cart .total-due-today.total-due-today-padded,
#order-standard_cart #totalDueToday.total-due-today {
    background: rgba(0, 226, 197, 0.08) !important;
    border: 1px solid rgba(0, 226, 197, 0.35) !important;
    border-radius: 12px !important;
    color: #e2e8f0 !important;
}

#order-standard_cart .gateway-selection label,
#order-standard_cart .payment-methods label,
#order-standard_cart .radio-inline {
    color: #e2e8f0 !important;
}

#order-standard_cart .marketing-email-optin,
#order-standard_cart .marketing-email-optin p {
    color: #cbd5e1 !important;
}

#order-standard_cart .bootstrap-switch {
    background: #0f172a !important;
    border-color: #1e293b !important;
}

#order-standard_cart .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
#order-standard_cart .bootstrap-switch .bootstrap-switch-label {
    background: #0f172a !important;
    color: #94a3b8 !important;
}

#order-standard_cart .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    background: #00E2C5 !important;
    color: #020617 !important;
}

#order-standard_cart .password-strength-meter .progress {
    background: #0f172a !important;
    border-radius: 999px !important;
}

#order-standard_cart .alert-warning.checkout-security-msg,
#order-standard_cart .checkout-security-msg {
    background: rgba(245, 158, 11, 0.08) !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    color: #fcd34d !important;
    border-radius: 12px !important;
}

#order-standard_cart .checkout-security-msg i {
    color: #fbbf24 !important;
}

#order-standard_cart #btnCompleteOrder {
    padding: 14px 34px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
}

/* Recommendations modal after adding to cart */
#recommendationsModal .modal-content,
.modal .product-recommendations .product-recommendation {
    background: #0b1329 !important;
    border-color: #1e293b !important;
    color: #e2e8f0 !important;
}

.modal .product-recommendations .product-recommendation .price {
    color: #00E2C5 !important;
}

#order-standard_cart .summary-container .bordered-totals,
#order-standard_cart .summary-container .subtotal,
#order-standard_cart .summary-container .recurring-totals,
#order-standard_cart .summary-container .clearfix,
#order-standard_cart .order-summary .summary-totals {
    border-color: #1e293b !important;
}