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

:root {
    --sb-bg: #ADD0BA;
    --sb-bg-soft: #f6f8f7;
    --sb-section: #ffffff;
    --sb-surface: #ffffff;
    --sb-surface-hover: #f1f8f4;
    --sb-border: #dbe6e0;
    --sb-border-strong: #c5d5cc;
    --sb-text: #17211c;
    --sb-text-soft: #314139;
    --sb-text-muted: #5c6c64;
    --sb-text-faint: #728078;
    --sb-accent: #25d366;
    --sb-accent-dark: #128c4a;
    --sb-accent-light: #39e879;
    --sb-glow: rgba(37, 211, 102, 0.18);
    --sb-shadow: 0 16px 42px rgba(24, 54, 38, 0.10);
}

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.07), 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-section);
}

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);
    background-image: none;
}

.section-overlay {
    background: linear-gradient(180deg, rgba(37, 211, 102, 0.06), transparent 42%);
}

.bg-dark,
.bg-black,
.bg--black-400,
.bg--black-500,
.newsletter-section-main {
    background-color: var(--sb-bg-soft) !important;
    color: var(--sb-text) !important;
}

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;
}

body .text-white,
body .color--white {
    color: var(--sb-surface) !important;
}

body .text-light{
    color: var(--sb-bg) !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);
}

a:hover,
a:focus {
    color: var(--sb-accent-dark) !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(255, 255, 255, 0.96) !important;
}

.white-scroll.scroll, .scroll .header-wrapper, .tra-menu.scroll, #header.scroll,
#header.scroll .header-wrapper, .tra-menu.white-scroll .wsmainfull.scroll {
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--sb-border);
    box-shadow: 0 10px 28px rgba(24, 54, 38, 0.08);
}

.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-dark) !important;
}

.wsmegamenu,
.wsmenu > .wsmenu-list > li > ul.sub-menu,
.wsmenu > .wsmenu-list > li > .wsmegamenu {
    background: #ffffff !important;
    border: 1px solid #DCE8E0 !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 36px rgba(24, 36, 29, 0.12) !important;
}

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

.wsmegamenu .fbox-11 {
    padding: 12px 10px;
    background: #FFFFFF !important;
    border: 1px solid #DCE8E0 !important;
    border-radius: 10px;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.wsmegamenu .link-list > .row {
    row-gap: 12px;
}

.wsmegamenu .fbox-11:hover,
.wsmegamenu .fbox-11:focus-within {
    background: #F0FBF5 !important;
    border-color: #B7E4C7 !important;
}

.wsmegamenu .fbox-11 a:focus-visible {
    border-radius: 4px;
    outline: 2px solid #128C4A;
    outline-offset: 2px;
}

.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(23, 33, 28, 0.35) !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.20);
}

.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: #ffffff !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-item, .footer-black-box, .blog-post, .post,
.sidebar-div, .widget, .form-right, .gray-simple, .gst-box {
    background: #ffffff;
    border: 1px solid var(--sb-border);
    color: var(--sb-text-muted);
    box-shadow: var(--sb-shadow);
}

.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: #ffffff;
}

.brand-logo img {
    filter: saturate(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);
}

.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: #FFF !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,
.business-growth-section .contact-form .form-control,
.business-growth-section .contact-form .form-select {
    background-color: #ffffff !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: #ffffff !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-dark) !important;
}

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

.table th, table th {
    background: var(--sb-bg-soft) !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: #ffffff !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-dark) !important;
}

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

.btn-close {
    filter: none;
}

.alert {
    background: #ffffff !important;
    border-color: var(--sb-border-strong) !important;
    color: var(--sb-text-soft) !important;
}

.alert-success,
.toast-success {
    background: rgba(37, 211, 102, 0.12) !important;
    border-color: rgba(37, 211, 102, 0.42) !important;
    color: #155c32 !important;
}

.alert-danger,
.toast-error {
    background: rgba(220, 53, 69, 0.08) !important;
    border-color: rgba(220, 53, 69, 0.35) !important;
    color: #8f2633 !important;
}

#advisorBanner .bg-dark {
    background: #f1f8f4 !important;
    border-top: 1px solid rgba(37, 211, 102, 0.30);
}

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

/* The site footer intentionally retains its established dark treatment. */
#footer-3,
.footer,
footer {
    background: #030605 !important;
    border-color: #1c2b24 !important;
}

#footer-3 .text-white,
.footer .text-white,
footer .text-white,
.footer h6,
.footer p,
.footer li,
.footer a,
.bottom-footer p {
    color: #f5f7f6 !important;
}

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

.footer hr {
    border-color: #1c2b24 !important;
    opacity: 1;
}

#footer-3.bg-black,
.footer.bg-black,
footer.bg-black {
    background: #030605 !important;
}

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

.business-growth-section .form-right .form-consultation,
.business-growth-section .form-right .more-questions {
    background: #ffffff !important;
    color: var(--sb-text) !important;
}

.industry-chip {
    background: #ffffff !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: #ffffff !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: #ffffff !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;
}

.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: #ffffff !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;
}

.fbox-6, .fbox-11, .fbox-12, .review-1, .card, .pricing-table,
.price-card, .payment-option-card, .ty-card, .more-questions-txt, 
.accordion-item, .footer-black-box, .blog-post, .post,
.sidebar-div, .widget, .form-right, .gray-simple, .gst-box {
    background: #ffffff;
    border: 1px solid var(--sb-border);
    color: var(--sb-text-muted);
    /* box-shadow: var(--sb-shadow) !important; */
    padding: 5px;
}

.fbox-6: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;
}

.text-accent { 
    color: var(--sb-accent) !important;
}