/*
  Shootbulk premium dark theme.
  Loaded after Bootstrap, Martex, responsive.css, and page-specific stacks.
*/

:root {
    --sb-bg: #050908;
    --sb-bg-soft: #070a0a;
    --sb-section: #0b1210;
    --sb-surface: #101915;
    --sb-surface-hover: #14221b;
    --sb-border: #1c2b24;
    --sb-border-strong: #26382f;
    --sb-text: #f5f7f6;
    --sb-text-soft: #d8e1dd;
    --sb-text-muted: #9aa8a2;
    --sb-text-faint: #7f8c86;
    --sb-accent: #25d366;
    --sb-accent-dark: #128c4a;
    --sb-accent-light: #39e879;
    --sb-glow: rgba(37, 211, 102, 0.15);
    --sb-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
}

html,
body {
    background: var(--sb-bg);
    color: var(--sb-text-muted);
}

body,
#page,
.page,
.growth-payment-section,
.growth-payment-section .card,
.growth-payment-section form {
    background:
        radial-gradient(circle at 50% 0, rgba(37, 211, 102, 0.08), transparent 34rem),
        var(--sb-bg);
    color: var(--sb-text-muted);
}

section,
.division,
.content-section,
.features-section,
.reviews-section,
.brands-section,
.statistic-section,
.faqs-section,
.about-section,
.newsletter-section,
.blog-section,
.contacts-section {
    background-color: var(--sb-bg);
}

section:nth-of-type(even),
.bg--white-100,
.bg--white-200,
.bg--white-300,
.bg--white-400,
.bg--white-500,
.bg--graysmoke,
.bg--snow,
.bg--04,
.bg--fixed,
.shape--06 {
    background-color: var(--sb-bg-soft) !important;
    background-image: none !important;
}

.section-overlay {
    background:
        linear-gradient(180deg, rgba(37, 211, 102, 0.08), rgba(5, 9, 8, 0) 42%),
        transparent;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.text-black,
.text-dark,
.color--dark,
.section-title h1,
.section-title h2,
.section-title h3,
.inner-page-title h1,
.inner-page-title h2,
.inner-page-title h3 {
    color: var(--sb-text) !important;
}

p,
li,
small,
.p-sm,
.p-md,
.p-lg,
.color--grey,
.text-muted,
.txt-block p,
.section-title p,
.inner-page-title p,
.fbox-txt p,
.review-txt p,
.accordion-panel p,
.cbox-1-txt p {
    color: var(--sb-text-muted) !important;
}

a,
.color--theme,
.section-id,
.title-span,
.shape-ico,
.ico-wrap,
.review-ico,
.statistic-number,
.statistic-number span,
.count-element {
    color: var(--sb-accent) !important;
}

a:hover,
a:focus {
    color: var(--sb-accent-light) !important;
}

.block-shadow {
    box-shadow: var(--sb-shadow) !important;
}

.block-border,
.x-border,
.top-border,
.bottom-border,
.border,
.border-top,
.border-bottom,
hr {
    border-color: var(--sb-border) !important;
}

.tra-menu,
.white-scroll,
.dark-hero-header,
#header,
#header .header-wrapper,
.wsmainfull,
.wsmobileheader {
    background: rgba(5, 9, 8, 0.94) !important;
}

.white-scroll.scroll,
.scroll .header-wrapper,
.tra-menu.scroll,
#header.scroll,
#header.scroll .header-wrapper,
.tra-menu.white-scroll .wsmainfull.scroll {
    background: rgba(5, 9, 8, 0.94) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom: 1px solid var(--sb-border);
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
}

.wsmenu > .wsmenu-list > li > a,
.tra-menu .wsmenu > .wsmenu-list > li > a,
.tra-menu.navbar-dark .wsmenu > .wsmenu-list > li > a,
.header-nav .h-link {
    color: var(--sb-text-soft) !important;
}

.wsmenu > .wsmenu-list > li:hover > a,
.wsmenu > .wsmenu-list > li > a:hover,
.wsmenu > .wsmenu-list > li > a.active {
    color: var(--sb-accent) !important;
}

.wsmegamenu,
.wsmenu > .wsmenu-list > li > ul.sub-menu,
.wsmenu > .wsmenu-list > li > .wsmegamenu {
    background: #0a100e !important;
    border: 1px solid var(--sb-border) !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.45) !important;
}

.wsmegamenu p,
.wsmegamenu .link-list > p,
.wsmegamenu h6,
.wsmegamenu a {
    color: var(--sb-text) !important;
}

.wsmegamenu .fbox-11 {
    background: var(--sb-bg) !important;
    border-radius: 8px;
    border: none !important;
    /* transition: background-color 0.2s ease, border-color 0.2s ease; */
}

/* .wsmegamenu .fbox-11:hover {
    background: var(--sb-surface) !important;
} */

.wsmegamenu .fbox-txt p {
    color: var(--sb-text-faint) !important;
}

.wsanimated-arrow span,
.wsanimated-arrow span:before,
.wsanimated-arrow span:after {
    background: var(--sb-text) !important;
}

.overlapblackbg {
    background: rgba(0, 0, 0, 0.66) !important;
}

.btn,
button,
input[type="submit"] {
    border-radius: 6px;
}

.btn--theme,
.btn-success,
.btn-meta-blue,
.btn--tra-black,
.wsmenu .wsmenu-list .btn--tra-black,
.bg--theme,
.theme-bg,
.submit {
    background: linear-gradient(180deg, var(--sb-accent-light), var(--sb-accent)) !important;
    border-color: var(--sb-accent) !important;
    color: #041008 !important;
    box-shadow: 0 10px 30px rgba(37, 211, 102, 0.22);
}

.btn--theme:hover,
.btn-success:hover,
.btn-meta-blue:hover,
.btn--tra-black:hover,
.wsmenu .wsmenu-list .btn--tra-black:hover,
.hover--tra-white:hover,
.hover--theme:hover,
.submit:hover {
    background: #48f083 !important;
    border-color: #48f083 !important;
    color: #041008 !important;
    transform: translateY(-1px);
}

.hover--tra-black,
.hover--tra-white,
.btn-outline,
.btn-outline-success,
.btn-outline-white,
.btn.bg-white,
.btn-light,
.bg-white {
    background: rgba(16, 25, 21, 0.92) !important;
    border: 1px solid var(--sb-border-strong) !important;
    color: var(--sb-text) !important;
}

.hover--tra-black:hover,
.hover--tra-white:hover,
.btn-outline:hover,
.btn-outline-success:hover,
.btn-outline-white:hover,
.btn.bg-white:hover,
.btn-light:hover {
    background: var(--sb-accent) !important;
    border-color: var(--sb-accent) !important;
    color: #041008 !important;
}

.btn.bg-white:hover .shape-ico span,
.btn.bg-white:hover .shape-ico .flaticon-whatsapp {
    color: #041008 !important;
}

.fbox-7,
.fbox-11,
.fbox-12,
.review-1,
.card,
.pricing-table,
.price-card,
.payment-option-card,
.ty-card,
.more-questions-txt,
.accordion,
.accordion-item,
.footer-black-box,
.blog-post,
.post,
.sidebar-div,
.widget,
.form-right,
.gray-simple,
.gst-box {
    background: linear-gradient(180deg, rgba(20, 34, 27, 0.92), rgba(16, 25, 21, 0.96)) !important;
    border: 1px solid var(--sb-border) !important;
    color: var(--sb-text-muted) !important;
    box-shadow: var(--sb-shadow) !important;
}

.fbox-7:hover,
.review-1:hover,
.card:hover,
.payment-option-card:hover,
.blog-post:hover {
    background: var(--sb-surface-hover) !important;
    border-color: var(--sb-border-strong) !important;
}

.img-block,
.video-preview,
.brand-logo,
.fbox-ico {
    background-color: transparent !important;
}

.img-block img,
.fbox-ico img,
.video-preview img {
    border-radius: 8px;
}

.brand-logo {
    padding: 12px 18px;
    border-radius: 8px;
    border: 1px solid var(--sb-border);
    background: rgba(16, 25, 21, 0.7) !important;
}

.brand-logo img {
    filter: saturate(0.95) brightness(0.95);
}

.simple-list li:before,
.cbox-1-ico,
.fbox-icon,
.shape-ico span,
.flaticon-check,
.flaticon-whatsapp {
    color: var(--sb-accent) !important;
}

.statistic-1-wrapper,
.statistic-section .row.row-cols-1,
.business-details,
.growth-payment-section,
.business-growth-section {
    background: var(--sb-bg-soft) !important;
}

.statistic-block-digit h2,
.statistic-block-digit h3,
.statistic-number,
.statistic-number .count-element {
    color: var(--sb-accent) !important;
}

.review-ico span:before,
.review-ico span:after {
    color: rgba(37, 211, 102, 0.55) !important;
}

.review-avatar img {
    border: 1px solid var(--sb-border-strong);
}

.accordion {
    padding: 10px !important;
}

.accordion-item {
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    box-shadow: none !important;
}

.accordion-thumb h5,
.accordion-thumb span {
    color: var(--sb-text) !important;
}

.accordion-item.is-active,
.accordion-item:hover {
    background: var(--sb-surface-hover) !important;
}

.accordion-panel {
    border-top: 1px solid var(--sb-border);
}

input,
textarea,
select,
.form-control,
.form-select,
.input-group-text,
.select2-container--default .select2-selection--single {
    background-color: #0c1411 !important;
    border-color: var(--sb-border-strong) !important;
    color: var(--sb-text) !important;
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder {
    color: var(--sb-text-faint) !important;
}

label,
.form-label,
.input-header,
.contact-form p.fw-bold {
    color: var(--sb-text-soft) !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.form-select:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--sb-accent) !important;
    box-shadow: 0 0 0 0.2rem var(--sb-glow) !important;
}

.dropdown-menu,
.select2-dropdown,
.select2-results__option {
    background: #0a100e !important;
    border-color: var(--sb-border) !important;
    color: var(--sb-text-soft) !important;
}

.dropdown-item {
    color: var(--sb-text-soft) !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--sb-surface-hover) !important;
    color: var(--sb-accent) !important;
}

.table,
table {
    color: var(--sb-text-muted) !important;
    border-color: var(--sb-border) !important;
}

.table th,
table th {
    background: #0c1411 !important;
    color: var(--sb-text) !important;
    border-color: var(--sb-border) !important;
}

.table td,
table td {
    background: var(--sb-surface) !important;
    color: var(--sb-text-muted) !important;
    border-color: var(--sb-border) !important;
}

.page-link,
.pagination .page-item .page-link {
    background: var(--sb-surface) !important;
    border-color: var(--sb-border) !important;
    color: var(--sb-text-soft) !important;
}

.page-item.active .page-link,
.page-link:hover {
    background: var(--sb-accent) !important;
    border-color: var(--sb-accent) !important;
    color: #041008 !important;
}

.breadcrumb,
.breadcrumb-item,
.breadcrumb-item a {
    color: var(--sb-text-muted) !important;
}

.breadcrumb-item.active,
.breadcrumb-item a:hover {
    color: var(--sb-accent) !important;
}

.modal-content,
.modal-header,
.modal-body,
.modal-footer {
    background: var(--sb-surface) !important;
    border-color: var(--sb-border) !important;
    color: var(--sb-text-muted) !important;
}

.btn-close {
    filter: invert(1) grayscale(1);
}

.alert {
    background: rgba(16, 25, 21, 0.96) !important;
    border-color: var(--sb-border-strong) !important;
    color: var(--sb-text-soft) !important;
}

.alert-success,
.toast-success {
    background: rgba(18, 140, 74, 0.18) !important;
    border-color: rgba(37, 211, 102, 0.38) !important;
    color: #c9f8da !important;
}

.alert-danger,
.toast-error {
    background: rgba(220, 53, 69, 0.16) !important;
    border-color: rgba(220, 53, 69, 0.38) !important;
    color: #ffd6db !important;
}

#advisorBanner .bg-dark {
    background: linear-gradient(90deg, #06110d, #09331f) !important;
    border-top: 1px solid rgba(37, 211, 102, 0.25);
}

#advisorBanner .btn {
    box-shadow: none;
}

#footer-3,
.footer,
footer {
    background: #030605 !important;
    border-color: var(--sb-border) !important;
}

.footer h6,
.footer p,
.footer li,
.footer a,
.bottom-footer p {
    color: var(--sb-text-muted) !important;
}

.footer h6,
.footer a:hover,
.bottom-footer-socials a:hover {
    color: var(--sb-accent) !important;
}

.footer hr {
    border-color: var(--sb-border) !important;
    opacity: 1;
}

.business-growth-section .blur-background {
    background: radial-gradient(circle, rgba(37, 211, 102, 0.16), transparent 60%) !important;
}

.industry-chip {
    background: #0c1411 !important;
    border: 1px solid var(--sb-border-strong) !important;
    color: var(--sb-text-soft) !important;
}

.btn-check:checked + .industry-chip,
.payment-option-card.active {
    background: rgba(37, 211, 102, 0.14) !important;
    border-color: var(--sb-accent) !important;
    color: var(--sb-text) !important;
}

.login-section,
.register-page-wrapper,
.register-page-wrapper-1,
.register-page-form,
.login-form-left {
    background: var(--sb-bg) !important;
}

.feature-section-content,
.feature-section-content.feature-content,
.feature-section-content.feature-content-01 {
    background: var(--sb-surface) !important;
    border: 1px solid var(--sb-border) !important;
}

.separator-line {
    color: var(--sb-text-faint) !important;
}

.separator-line:before,
.separator-line:after {
    border-color: var(--sb-border) !important;
}

@media (max-width: 991px) {
    .wsmainfull,
    .wsmenu,
    .wsmenu > .wsmenu-list,
    .wsmobileheader {
        background: #050908 !important;
    }

    .wsmenu > .wsmenu-list > li,
    .wsmenu > .wsmenu-list > li > a {
        border-color: var(--sb-border) !important;
    }

    .wsmenu > .wsmenu-list > li > a,
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
        color: var(--sb-text-soft) !important;
    }

    .wsmegamenu {
        width: 100% !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}

@media (max-width: 767px) {
    body,
    #page {
        background: var(--sb-bg);
    }

    .section-title,
    .inner-page-title {
        margin-bottom: 32px;
    }

    .brand-logo {
        padding: 10px 12px;
    }
}

.wsmenu > .wsmenu-list > li a.btn.btn--tra-black,
#header .header-nav a.btn.btn--tra-black {
    border-color: var(--sb-accent) !important;
    background-color: var(--sb-accent) !important;
    background-image: linear-gradient(180deg, var(--sb-accent-light), var(--sb-accent)) !important;
    color: #041008 !important;
    -webkit-text-fill-color: #041008 !important;
}

.wsmenu > .wsmenu-list > li a.btn.btn--tra-black:hover,
.wsmenu > .wsmenu-list > li:hover a.btn.btn--tra-black,
#header .header-nav a.btn.btn--tra-black:hover,
#header .header-nav li:hover a.btn.btn--tra-black {
    border-color: #48f083 !important;
    background-color: #48f083 !important;
    background-image: none !important;
    color: #041008 !important;
    -webkit-text-fill-color: #041008 !important;
}

/* Swap the established default and hover colours for regular CTA buttons. */
.btn.btn--theme:not(.button-color-exempt),
.btn.btn-success:not(.button-color-exempt),
.btn.btn-meta-blue:not(.button-color-exempt),
.btn.btn--tra-black:not(.button-color-exempt) {
    background: #48f083 !important;
    border-color: #48f083 !important;
    color: #041008 !important;
}

.btn.btn--theme:not(.button-color-exempt):hover,
.btn.btn-success:not(.button-color-exempt):hover,
.btn.btn-meta-blue:not(.button-color-exempt):hover,
.btn.btn--tra-black:not(.button-color-exempt):hover {
    background: linear-gradient(180deg, var(--sb-accent-light), var(--sb-accent)) !important;
    border-color: var(--sb-accent) !important;
    color: #041008 !important;
}

.btn.hover--tra-black:not(.button-color-exempt),
.btn.hover--tra-white:not(.button-color-exempt),
.btn.btn-outline:not(.button-color-exempt),
.btn.btn-outline-success:not(.button-color-exempt),
.btn.btn-outline-white:not(.button-color-exempt),
.btn.btn.bg-white:not(.button-color-exempt),
.btn.btn-light:not(.button-color-exempt) {
    background: var(--sb-accent) !important;
    border-color: var(--sb-accent) !important;
    color: #041008 !important;
}

.btn.hover--tra-black:not(.button-color-exempt):hover,
.btn.hover--tra-white:not(.button-color-exempt):hover,
.btn.btn-outline:not(.button-color-exempt):hover,
.btn.btn-outline-success:not(.button-color-exempt):hover,
.btn.btn-outline-white:not(.button-color-exempt):hover,
.btn.btn.bg-white:not(.button-color-exempt):hover,
.btn.btn-light:not(.button-color-exempt):hover {
    background: rgba(16, 25, 21, 0.92) !important;
    border-color: var(--sb-border-strong) !important;
    color: var(--sb-text) !important;
}

body.wsactive,
body.wsactive #page,
body.wsactive .page {
    overflow-x: hidden !important;
}