/*
 * Etcetera Carbon AMOLED Theme
 * Pure black (#000000) backgrounds with amber (#f59e0b) accents
 * This file loads AFTER all.min.css - overrides win via !important
 * Version: 1.0.0
 */

/* ============================================================
   1. ROOT VARIABLES & CRITICAL OVERRIDES
   ============================================================ */
:root {
    --amoled-black: #000000;
    --amoled-dark: #0a0a0a;
    --amoled-dark-gray: #111111;
    --amoled-mid-gray: #1a1a1a;
    --amoled-border: #2a2a2a;
    --amoled-text: #e5e5e5;
    --amoled-text-muted: #9ca3af;
    --amoled-amber: #f59e0b;
    --amoled-amber-hover: #d97706;
    --amoled-blue: #60a5fa;
    --amoled-blue-hover: #3b82f6;
}

/* ============================================================
   2. BODY & PRIMARY BACKGROUND (CRITICAL - fixes 80% of issues)
   ============================================================ */
html,
body,
body.primary-bg-color,
body[class*="primary-bg"],
body#page-wrapper,
#page-wrapper,
#main-body,
#content {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #e5e5e5 !important;
}

/* ============================================================
   3. COMPREHENSIVE ELEMENT RESET - FORCE BLACK EVERYWHERE
   ============================================================ */
*,
*::before,
*::after,
div,
span,
applet,
object,
iframe,
h1, h2, h3, h4, h5, h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

/* ============================================================
   4. HEADER, NAVBAR & NAVIGATION
   ============================================================ */
header,
header.header,
header.main-header,
.header,
.main-header,
.navbar,
.navbar-light,
.navbar-dark,
.navbar-expand-lg,
.navbar-nav,
.nav-header,
.site-header,
.top-nav,
.main-nav {
    background-color: #000000 !important;
    background: #000000 !important;
    border-bottom: 1px solid #2a2a2a !important;
}

.navbar-brand,
.navbar-light .navbar-brand,
.navbar-dark .navbar-brand,
.nav-link,
.navbar-light .nav-link,
.navbar-dark .nav-link,
.navbar-nav .nav-link,
.nav-item,
.nav-item a,
.header-nav a,
.main-menu a,
.main-nav a {
    color: #e5e5e5 !important;
}

.navbar-brand:hover,
.nav-link:hover,
.navbar-light .nav-link:hover,
.navbar-dark .nav-link:hover {
    color: #f59e0b !important;
}

.navbar-toggler,
.navbar-toggler-icon,
.nav-toggler {
    background-color: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
}

/* ============================================================
   5. BOOTSTRAP COMPONENTS
   ============================================================ */

/* Cards */
.card,
.card-body,
.card-header,
.card-footer,
.card-title,
.card-text,
.card-subtitle,
.card-link,
.card-group .card,
.card-columns > .card,
.bootstrap-select .dropdown-menu,
.dropdown-menu,
.dropdown-item,
.dropdown-header {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.card-header,
.card-footer {
    border-top: 1px solid #2a2a2a !important;
    border-bottom: 1px solid #2a2a2a !important;
}

/* Panels */
.panel,
.panel-default,
.panel-primary,
.panel-success,
.panel-info,
.panel-warning,
.panel-danger,
.panel-dark,
.panel-body,
.panel-heading,
.panel-title,
.panel-footer,
.panel-group .panel {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.panel-heading,
.panel-default > .panel-heading,
.panel-primary > .panel-heading {
    background-color: #0a0a0a !important;
    border-bottom: 1px solid #2a2a2a !important;
}

/* Tables */
.table,
.table-bordered,
.table-striped,
.table-hover,
.table-dark,
.table-light,
.table-responsive,
.table td,
.table th,
.table thead,
.table tbody,
.table tfoot,
tr, tr td, tr th,
thead, thead td, thead th,
tbody, tbody td, tbody th,
tfoot, tfoot td, tfoot th,
.table-inverse {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.table-striped tbody tr:nth-of-type(odd),
.table-striped > tr:nth-of-type(odd),
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #0a0a0a !important;
}

.table-hover tbody tr:hover,
.table-hover > tr:hover,
.table-hover > tbody > tr:hover {
    background-color: #0a0a0a !important;
}

/* Forms */
.form-control,
.form-control-plaintext,
input.form-control,
textarea.form-control,
select.form-control,
.form-group,
.form-row,
.form-check,
.form-check-input,
.form-check-label,
label,
.form-label,
.form-text,
.input-group,
.input-group-text,
.input-group-addon,
.custom-select,
.custom-control,
.custom-control-input,
.custom-control-label,
.custom-file,
.custom-file-input,
.custom-file-label,
select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="file"] {
    background-color: #111111 !important;
    background: #111111 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.form-control:focus,
.form-control-plaintext:focus,
input.form-control:focus {
    background-color: #111111 !important;
    color: #e5e5e5 !important;
    border-color: #f59e0b !important;
    box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.25) !important;
}

.form-control::placeholder {
    color: #6b7280 !important;
}

/* Buttons */
.btn,
.btn-default,
.btn-primary,
.btn-secondary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-dark,
.btn-light,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-warning,
.btn-outline-danger,
.btn-outline-dark,
.btn-outline-light,
button.btn,
a.btn {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.btn:hover,
.btn-primary:hover,
.btn-default:hover,
.btn-secondary:hover {
    background-color: #2a2a2a !important;
    color: #e5e5e5 !important;
}

.btn-primary,
.btn-amber {
    background-color: #f59e0b !important;
    color: #000000 !important;
    border-color: #f59e0b !important;
}

.btn-primary:hover,
.btn-amber:hover {
    background-color: #d97706 !important;
    border-color: #d97706 !important;
    color: #000000 !important;
}

.btn-outline-primary {
    border-color: #f59e0b !important;
    color: #f59e0b !important;
}

.btn-outline-primary:hover {
    background-color: #f59e0b !important;
    color: #000000 !important;
}

.btn-link {
    background-color: transparent !important;
    color: #60a5fa !important;
}

/* Modals */
.modal,
.modal-content,
.modal-header,
.modal-body,
.modal-footer,
.modal-title,
.modal-dialog,
.modal-backdrop,
.fade,
.show {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #e5e5e5 !important;
}

.modal-header {
    border-bottom: 1px solid #2a2a2a !important;
}

.modal-footer {
    border-top: 1px solid #2a2a2a !important;
}

.modal-backdrop {
    background-color: #000000 !important;
}

/* Dropdowns */
.dropdown-menu,
.dropdown-item,
.dropdown-divider,
.bootstrap-select .dropdown-menu,
.bootstrap-select .dropdown-item {
    background-color: #111111 !important;
    background: #111111 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.bootstrap-select .dropdown-item:hover {
    background-color: #1a1a1a !important;
    color: #f59e0b !important;
}

/* Tabs & Pills */
.nav-tabs,
.nav-pills,
.nav-tabs .nav-link,
.nav-pills .nav-link,
.nav-item,
.nav-item .nav-link,
.tabs-nav,
.tab-content,
.tab-pane,
.tab-content > .tab-pane,
.nav-tabs .nav-item.show .nav-link,
.nav-pills .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.nav-tabs .nav-link:hover,
.nav-pills .nav-link:hover {
    border-color: #2a2a2a !important;
    color: #f59e0b !important;
}

.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
    background-color: #1a1a1a !important;
    color: #f59e0b !important;
    border-bottom-color: #f59e0b !important;
}

/* Alerts */
.alert,
.alert-success,
.alert-info,
.alert-warning,
.alert-danger,
.alert-dark,
.alert-light,
.alert-dismissible {
    background-color: #111111 !important;
    background: #111111 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.alert-success {
    border-left: 4px solid #10b981 !important;
}

.alert-info {
    border-left: 4px solid #60a5fa !important;
}

.alert-warning {
    border-left: 4px solid #f59e0b !important;
}

.alert-danger {
    border-left: 4px solid #ef4444 !important;
}

/* Badges */
.badge,
.badge-default,
.badge-primary,
.badge-success,
.badge-info,
.badge-warning,
.badge-danger,
.badge-dark,
.badge-light,
.tag,
.tag-default,
.tag-primary,
.label,
.label-default,
.label-primary,
.label-success,
.label-info,
.label-warning,
.label-danger {
    background-color: #1a1a1a !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.badge-primary,
.label-primary {
    background-color: #f59e0b !important;
    color: #000000 !important;
}

.badge-success,
.label-success {
    background-color: #10b981 !important;
    color: #000000 !important;
}

.badge-danger,
.label-danger {
    background-color: #ef4444 !important;
    color: #ffffff !important;
}

/* Pagination */
.pagination,
.pagination li,
.page-link,
.page-item,
.page-item .page-link,
.pager,
.pager li,
.pager li a {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.page-link:hover,
.page-item:hover .page-link {
    background-color: #1a1a1a !important;
    color: #f59e0b !important;
}

.page-item.active .page-link,
.page-link.active {
    background-color: #f59e0b !important;
    color: #000000 !important;
}

/* Breadcrumbs */
.breadcrumb,
.breadcrumb-item,
.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-item a {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #9ca3af !important;
}

.breadcrumb-item.active {
    color: #e5e5e5 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #6b7280 !important;
}

/* Progress bars */
.progress,
.progress-bar,
.progress-bar-success,
.progress-bar-info,
.progress-bar-warning,
.progress-bar-danger {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
}

.progress-bar {
    background-color: #f59e0b !important;
    color: #000000 !important;
}

.progress-bar-success {
    background-color: #10b981 !important;
}

.progress-bar-danger {
    background-color: #ef4444 !important;
}

/* Tooltips & Popovers */
.tooltip,
.tooltip-inner,
.popover,
.popover-header,
.popover-body {
    background-color: #111111 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-bottom .arrow::before,
.bs-popover-top .arrow::before,
.bs-popover-bottom .arrow::before {
    border-top-color: #111111 !important;
}

/* ============================================================
   6. WHMCS-SPECIFIC COMPONENTS
   ============================================================ */

/* Client Area */
#client-area,
.client-area,
.client-home,
#clientHome {
    background-color: #000000 !important;
}

.client-home .card,
#clientHome .card,
.clientarea .card {
    background-color: #000000 !important;
    border-color: #2a2a2a !important;
}

/* Sidebar */
.sidebar,
aside,
#sidebar,
.sidebar-nav,
.side-nav,
.left-nav,
.col-lg-4,
.col-xl-3,
.col-md-4,
.col-sm-4,
.widget,
.widget-area,
aside[class*="col-"] {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Primary Content */
.primary-content,
.main-content,
.content,
.main-body,
.content-body,
.col-lg-8,
.col-xl-9,
.col-md-8,
.col-sm-8,
.col-lg-9,
main,
#main-content {
    background-color: #000000 !important;
}

/* WHMCS Invoice */
.invoice,
.invoice-theme,
.invoice-details,
.invoice-items,
.invoice-total,
.invoice-table {
    background-color: #000000 !important;
    color: #e5e5e5 !important;
}

/* Domain Search */
.home-domain-search,
.domain-search,
.domain-search-box,
.domain-checker,
.domain-search-container {
    background-color: #000000 !important;
}

/* Store Components */
.store,
.store-container,
.product-details,
.product-grid,
.product-list,
.pricing,
.pricing-table,
.pricing-column,
.pricing-header,
.pricing-price,
.pricing-features,
.pricing-item {
    background-color: #000000 !important;
}

/* Cart & Checkout */
.cart-container,
.cart-wrapper,
.checkout-wrapper,
.order-checkout {
    background-color: #000000 !important;
}

/* Domain WHOIS */
.whois-form,
.whois-results,
.domain-lookup-results {
    background-color: #000000 !important;
}

/* Support Tickets */
.ticket-list,
.ticket-replies,
.ticket-reply,
.ticket-message,
.support-tickets {
    background-color: #000000 !important;
}

/* ============================================================
   7. CONTAINERS & WRAPPERS
   ============================================================ */
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.wrapper,
.main-wrapper,
.page-wrapper,
.content-wrapper,
.section,
.section-wrapper,
.row,
.col,
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-auto,
.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4,
.col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9,
.col-xs-10, .col-xs-11, .col-xs-12,
.col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4,
.col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-sm-10, .col-sm-11, .col-sm-12,
.col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4,
.col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-md-10, .col-md-11, .col-md-12,
.col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4,
.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-lg-10, .col-lg-11, .col-lg-12,
.col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4,
.col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9,
.col-xl-10, .col-xl-11, .col-xl-12 {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Row inside content area */
.content .row,
.main .row,
.page-content .row {
    background-color: #000000 !important;
}

/* ============================================================
   8. LINKS - BLUE
   ============================================================ */
a,
a:visited,
a:focus,
a:hover,
.link,
.nav-link,
.nav-link:visited,
.nav-link:focus,
.nav-link:hover,
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: #60a5fa !important;
    text-decoration: none !important;
}

a:hover {
    color: #3b82f6 !important;
}

a.text-primary,
a.link-primary {
    color: #60a5fa !important;
}

/* ============================================================
   9. TEXT COLORS
   ============================================================ */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.heading-1, .heading-2, .heading-3,
.heading, .title, .page-title,
.text-primary,
.text-secondary,
.text-success,
.text-info,
.text-warning,
.text-danger,
.text-dark,
.text-muted,
.text-white,
.text-black,
p,
.lead,
.lead p,
.list-group-item {
    color: #e5e5e5 !important;
}

.text-muted,
.text-secondary,
.muted {
    color: #9ca3af !important;
}

.text-warning {
    color: #f59e0b !important;
}

.text-success {
    color: #10b981 !important;
}

.text-danger {
    color: #ef4444 !important;
}

.text-info {
    color: #60a5fa !important;
}

/* ============================================================
   10. BACKGROUND COLOR UTILITIES
   ============================================================ */
.bg-primary,
.bg-secondary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger,
.bg-dark,
.bg-light,
.bg-white,
.bg-black,
.bg-transparent,
.bg-default,
.bg-f1f1f1,
.bg-f5f5f5,
.bg-f8f9fa,
.bg-fafafa,
.bg-body,
.bg-body-color,
[class*="bg-white"],
[class*="bg-light"],
[class*="bg-f1"],
[class*="bg-f5"],
[class*="bg-f8"],
[class*="bg-faf"],
div[style*="rgb(255"],
div[style*="rgb(245"],
div[style*="rgb(241"],
div[style*="rgb(248"],
div[style*="#fff"],
div[style*="#f1f1f1"],
div[style*="#f5f5f5"],
div[style*="#f8f9fa"],
div[style*="#fafafa"],
div[style*="#ffffff"],
div[style*="#FFFFFF"],
div[style*="background-color: rgb(255"],
div[style*="background-color: rgb(245"],
div[style*="background-color: rgb(241"],
div[style*="background-color: rgb(248"],
span[style*="rgb(255"],
span[style*="rgb(241"],
span[style*="#fff"],
p[style*="rgb(255"],
p[style*="#fafafa"] {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Catch-all for inline style backgrounds */
[style*="background: rgb"],
[style*="background-color: rgb"],
[style*="background:#fff"],
[style*="background:#f1f1f1"],
[style*="background:#f5f5f5"],
[style*="background:#f8f9fa"],
[style*="background:#fafafa"],
[style*="background: #fff"],
[style*="background: #f1f1f1"],
[style*="background: #f5f5f5"],
[style*="background: #f8f9fa"],
[style*="background: #fafafa"] {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* ============================================================
   11. BORDERS
   ============================================================ */
.border,
.border-0,
.border-1,
.border-2,
.border-3,
.border-4,
.border-top,
.border-bottom,
.border-left,
.border-right,
.border-primary,
.border-secondary,
.border-success,
.border-info,
.border-warning,
.border-danger,
.border-light,
.border-dark,
.table-bordered,
.table-bordered td,
.table-bordered th {
    border-color: #2a2a2a !important;
}

/* ============================================================
   12. IMAGES & LOGOS
   ============================================================ */
.logo-img,
.logo img,
.site-logo img,
.header-logo img,
.navbar-brand img,
img[src*="logo"],
img.logo {
    background-color: transparent !important;
    filter: none !important;
}

img {
    background-color: transparent !important;
}

/* ============================================================
   13. FOOTER
   ============================================================ */
footer,
.footer,
.site-footer,
.main-footer,
.footer-wrapper,
.footer-content,
.footer-area {
    background-color: #000000 !important;
    color: #9ca3af !important;
    border-top: 1px solid #2a2a2a !important;
}

/* ============================================================
   14. SCROLLBAR - DARK
   ============================================================ */
::-webkit-scrollbar {
    background-color: #000000 !important;
    width: 8px !important;
}

::-webkit-scrollbar-track {
    background: #000000 !important;
}

::-webkit-scrollbar-thumb {
    background: #2a2a2a !important;
    border-radius: 4px !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #3a3a3a !important;
}

/* ============================================================
   15. SELECT / DROPDOWN TOUCHUPS
   ============================================================ */
select option {
    background-color: #111111 !important;
    color: #e5e5e5 !important;
}

/* ============================================================
   16. MISC UTILITIES
   ============================================================ */
hr,
.separator,
.divider {
    border-color: #2a2a2a !important;
    background-color: #2a2a2a !important;
    color: #2a2a2a !important;
}

.list-group,
.list-group-item,
.list-group-item-action,
.list-group-item-success,
.list-group-item-danger,
.list-group-item-warning,
.list-group-item-info {
    background-color: #000000 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    background-color: #0a0a0a !important;
}

/* Blockquote */
blockquote,
blockquote.blockquote,
.blockquote {
    background-color: #0a0a0a !important;
    border-left-color: #f59e0b !important;
    color: #e5e5e5 !important;
}

blockquote p {
    color: #e5e5e5 !important;
}

/* Code */
code,
pre,
.code {
    background-color: #0a0a0a !important;
    color: #f59e0b !important;
}

pre {
    border: 1px solid #2a2a2a !important;
}

/* ============================================================
   17. AMBER ACCENT - BUTTONS, HIGHLIGHTS, FOCUS STATES
   ============================================================ */
:focus,
:focus-visible,
input:focus,
select:focus,
textarea:focus,
button:focus,
.btn:focus,
.form-control:focus,
a:focus {
    outline-color: #f59e0b !important;
    box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.25) !important;
}

::selection {
    background-color: #f59e0b !important;
    color: #000000 !important;
}

/* Amber highlights */
mark,
.highlight,
.text-accent {
    background-color: #f59e0b !important;
    color: #000000 !important;
}

/* ============================================================
   18. ORDER FORM / CART OVERRIDES (shared styles)
   ============================================================ */
.order-form,
.cart-section,
.checkout-section,
.product-config {
    background-color: #000000 !important;
}

/* ============================================================
   19. BOOTSTRAP 5 OVERRIDES (if used)
   ============================================================ */
.text-bg-primary,
.text-bg-secondary,
.text-bg-success,
.text-bg-info,
.text-bg-warning,
.text-bg-danger,
.text-bg-dark,
.text-bg-light {
    background-color: #1a1a1a !important;
    color: #e5e5e5 !important;
}

.accordion,
.accordion-item,
.accordion-header,
.accordion-button,
.accordion-collapse,
.accordion-body {
    background-color: #000000 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.accordion-button:not(.collapsed) {
    background-color: #1a1a1a !important;
    color: #f59e0b !important;
}

.offcanvas,
.offcanvas-body,
.offcanvas-header,
.offcanvas-title {
    background-color: #000000 !important;
    color: #e5e5e5 !important;
}

/* ============================================================
   20. FINAL CATCH-ALL - NO WHITE ESCAPES
   ============================================================ */

/* Anything with white/lighter inline background */
div[style*="255, 255, 255"],
div[style*="241, 241, 241"],
div[style*="248, 248, 248"],
div[style*="250, 250, 250"],
div[style*="245, 245, 245"],
section[style*="rgb(255"],
section[style*="#fff"],
article[style*="rgb(255"],
article[style*="#fff"],
aside[style*="rgb(255"],
aside[style*="#fff"] {
    background-color: #000000 !important;
}

/* Spinner / loading indicators */
.spinner-border,
.spinner-grow,
.loading,
.loader,
.ajax-loading {
    border-color: #f59e0b !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
}

/* ============================================================
   21. INTL-TELEPHONE-INPUT FLAG SPRITES - PROTECT FROM RESET
   ============================================================ */
/* The universal * { background: #000 !important } shorthand resets
   background-image to initial value (none), breaking flag sprites.
   Restore them explicitly. */
.intl-tel-input .iti-flag,
.iti-flag {
    background-image: url(/templates/etcnet.carbon/img/flags.png) !important;
    background-repeat: no-repeat !important;
    background-color: #dbdbdb !important;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .intl-tel-input .iti-flag,
    .iti-flag {
        background-image: url(/templates/etcnet.carbon/img/flags@2x.png) !important;
    }
}