/* ============================================================
   Dark Mode Overrides — Jared Lean Digital
   Loaded AFTER styles.css to convert all light sections to dark.
   ============================================================ */

/* ----- CSS Variable Overrides ----- */
/* Flip dark-text variables to light so ALL selectors using them
   automatically render white/light text on the dark background.
   Button text colors are hardcoded below to stay dark on their
   colored/white backgrounds. */
:root {
  --digital-marketing-black: #ffffff;
  --seo-black: #ffffff;
  --black: #ffffff;
  --branding-agency-black: #ffffff;
  --seo-marketing-blue: #c0c0ff;
  --paragraph: #b0b0b0;
  --white: #FFFFFF;
  --color-border-1: rgba(255, 255, 255, 0.08);
  --color-border-2: rgba(255, 255, 255, 0.08);
  --color-bg-3: #2a2a2a;
  --seo-gray-dark: #141314;
  --seo-marketing-gray: #141314;
  --bs-body-bg: #0a0a0a;
  --bs-body-color: #e8e8e8;
}

/* ----- Body & Base ----- */
body {
  background-color: #0a0a0a !important;
  color: #e8e8e8 !important;
}

/* ----- Typography ----- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #ffffff !important;
}

p {
  color: rgba(255, 255, 255, 0.75) !important;
}

.desc,
.text-body-1,
.text-body-2 {
  color: rgba(255, 255, 255, 0.75) !important;
}

.color-paragraph {
  color: #b0b0b0 !important;
}

.color-white,
.color-dt-light {
  color: #ffffff !important;
}

/* Utility text-color classes that were dark */
.color-dt-black {
  color: #ffffff !important;
}

.color-black {
  color: #ffffff !important;
}

.color-seo-black {
  color: #ffffff !important;
}

a {
  color: #e8e8e8;
}

a:hover {
  color: #61ce70;
}

/* ----- Sections — flip all light backgrounds to dark ----- */
section {
  background-color: #0a0a0a !important;
}

.section-strategy,
.section-services,
.section-blog,
.section-testimonial,
.section-faq,
.section-team,
.section-pricing,
.section-about,
.section-portfolio,
.section-contact,
.section-feature {
  background-color: #0a0a0a !important;
}

/* Page title / breadcrumb banner */
.page-title,
.section-page-title {
  background-color: #0a0a0a !important;
}

/* Hero SEO variant (was white bg) */
.section-hero.home-seo {
  background-color: #0a0a0a !important;
}

/* ----- Heading sections (used heavily across pages) ----- */
.heading-section .title {
  color: #ffffff !important;
}

.heading-section .sub-title,
.heading-section .sub-title span {
  color: #ffffff !important;
}

/* ----- Cards, Boxes, Panels ----- */
.marketing-card,
.box-icon-hero,
.box-team-card,
.card,
.box-feature,
.box-about,
.box-portfolio,
.box-services,
.box-pricing,
.box-blog,
.box-contact,
.box-icon {
  background-color: #1a1a1a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.box-icon-hero:hover,
.marketing-card:hover {
  border-color: rgba(97, 206, 112, 0.3) !important;
}

/* Service / accordion cards */
.according-item {
  background-color: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.according-item .title-according {
  color: #ffffff !important;
}

.according-item .title-according.collapsed {
  color: #ffffff !important;
}

.according-item .title-according.collapsed .icon {
  background-color: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.according-item .title-according.collapsed .icon i {
  color: #ffffff !important;
}

.according-item .title-according .icon {
  background-color: #61ce70 !important;
  color: #141314 !important;
}

.according-item .content-according {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Style-2 accordion */
.according-item.style-2 .title-according.collapsed {
  color: #ffffff !important;
}

.according-item.style-2 .title-according.collapsed .icon {
  background-color: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.according-item.style-2 .title-according.collapsed .icon i {
  color: #ffffff !important;
}

/* Awards accordion */
.awards-according .title-according {
  color: #ffffff !important;
}

/* Testimonial cards */
.testimonial-card,
.testimonial-card.style-2,
.testimonial-card.style-2.style-light {
  background-color: #1a1a1a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.testimonial-card .text,
.testimonial-card .desc {
  color: rgba(255, 255, 255, 0.75) !important;
}

.testimonial-card .name {
  color: #ffffff !important;
}

.testimonial-card.style-2.style-light .text {
  color: rgba(255, 255, 255, 0.75) !important;
}

.testimonial-card.style-2.style-light .testimonial-user .name {
  color: #ffffff !important;
}

.testimonial-card.style-2.style-light .testimonial-user .position {
  color: rgba(255, 255, 255, 0.5) !important;
}

.tes-item .top {
  background-color: #1a1a1a !important;
}

.tes-item .rating span {
  color: #ffffff !important;
}

.tes-item.style-2 .rating span {
  color: #ffffff !important;
}

/* Blog cards */
.blog-card,
.blog-article-item {
  background-color: #1a1a1a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.blog-card .title a,
.blog-article-item .title a {
  color: #ffffff !important;
}

.blog-card .title a:hover,
.blog-article-item .title a:hover {
  color: #61ce70 !important;
}

.blog-card .desc,
.blog-card .text,
.blog-article-item .desc {
  color: rgba(255, 255, 255, 0.7) !important;
}

.blog-card .date,
.blog-card .category,
.blog-card .meta,
.blog-article-item .meta {
  color: rgba(255, 255, 255, 0.5) !important;
}

.blog-card .meta a:hover {
  color: #61ce70 !important;
}

.blog-card .name-card {
  color: #ffffff !important;
}

.blog-card.style-2 .meta .position {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Sidebar */
.sidebar-content .title {
  color: #ffffff !important;
}

/* Portfolio / project cards */
.project-card,
.portfolio-card {
  background-color: #1a1a1a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.project-card .title,
.portfolio-card .title {
  color: #ffffff !important;
}

.project-card .desc,
.portfolio-card .desc {
  color: rgba(255, 255, 255, 0.7) !important;
}

.project-item .name-project {
  color: #ffffff !important;
}

/* Team cards */
.team-card {
  background-color: #1a1a1a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.team-card .name,
.team-card .name-team {
  color: #ffffff !important;
}

.team-card .position {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Founder card */
.founder-card .name-team {
  color: #ffffff !important;
}

/* Pricing cards */
.pricing-card,
.box-pricing {
  background-color: #1a1a1a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.pricing-card .title,
.pricing-card .price {
  color: #ffffff !important;
}

.pricing-card .desc,
.pricing-card li {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* FAQ accordion */
.flat-accordion .box,
.flat-accordion .flat-toggle {
  background-color: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.flat-toggle .toggle-title {
  color: #ffffff !important;
}

.flat-toggle .toggle-content {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Privacy page */
.privacy-content h2 {
  color: #ffffff !important;
}

.privacy-content strong {
  color: #ffffff !important;
}

/* ----- Buttons ----- */
/* IMPORTANT: Since we flipped --digital-marketing-black to white,
   all button text must use hardcoded dark values, not the variable. */

/* Green (accent) buttons → black text on green bg */
.tf-btn.style-color-dt-blue .text-btn {
  background-color: var(--digital-marketing-blue) !important;
  color: #141314 !important;
}

.tf-btn.style-color-dt-blue .icon-btn {
  background-color: var(--digital-marketing-blue) !important;
  color: #141314 !important;
}

/* Green button hover → green border, green text on transparent */
.tf-btn.style-color-dt-blue:hover .text-btn {
  background-color: transparent !important;
  border-color: var(--digital-marketing-blue) !important;
  color: var(--digital-marketing-blue) !important;
}

.tf-btn.style-color-dt-blue:hover .icon-btn {
  background-color: transparent !important;
  border-color: var(--digital-marketing-blue) !important;
  color: var(--digital-marketing-blue) !important;
}

/* Light / white buttons → keep white bg, dark text */
.tf-btn.style-color-dt-light .text-btn {
  background-color: #ffffff !important;
  color: #141314 !important;
}

.tf-btn.style-color-dt-light .icon-btn {
  background-color: #ffffff !important;
  color: #141314 !important;
}

/* Default .tf-btn (white bg) → dark text */
.tf-btn .text-btn {
  background-color: #ffffff;
  color: #141314;
}

.tf-btn .icon-btn {
  background-color: #ffffff;
  color: #141314;
}

/* Style-2 button hover — keep dark text on their bg */
.tf-btn.style-2:hover {
  color: #141314 !important;
}

.tf-btn.style-2:hover i {
  color: #141314 !important;
}

/* Link buttons (white bg circle + text) */
.link-btn .icon-btn {
  color: #141314 !important;
}

.link-btn .text-btn {
  color: #141314 !important;
}

/* Swiper nav arrows (white bg) */
.swiper-action-group .nav-prev-swiper,
.swiper-action-group .nav-next-swiper {
  background-color: #ffffff !important;
  color: #141314 !important;
}

/* ----- Navigation / Header ----- */
/* Sub-menu links */
.sub-menu {
  background-color: #1a1a1a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.sub-menu a {
  color: #e8e8e8 !important;
}

.sub-menu a:hover {
  color: #61ce70 !important;
}

.sub-menu_link {
  color: rgba(255, 255, 255, 0.6) !important;
}

.sub-menu_link:hover {
  color: #61ce70 !important;
}

/* Mobile navigation links */
.sub-nav-link {
  color: #ffffff !important;
}

.nav-ul-mb:not(.type-2) .mb-menu-link {
  color: #ffffff !important;
}

/* Modal sidebar */
.modal-sidebar .sidebar-header .icon {
  color: #ffffff !important;
}

/* ----- Forms — off-white fields with black text ----- */
input,
textarea,
select,
.form-control {
  background-color: #f5f5f5 !important;
  color: #141314 !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(0, 0, 0, 0.4) !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
  background-color: #ffffff !important;
  color: #141314 !important;
  border-color: #61ce70 !important;
  box-shadow: 0 0 0 0.2rem rgba(97, 206, 112, 0.15) !important;
}

/* Audit form inputs (on green card) — same off-white style */
.audit-form .audit-input {
  background-color: #f5f5f5 !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #141314 !important;
}

.audit-form .audit-input::placeholder {
  color: rgba(0, 0, 0, 0.45) !important;
}

.audit-form .audit-input:focus {
  background-color: #ffffff !important;
  border-color: #141314 !important;
}

/* Nice select dropdowns */
.nice-select {
  background-color: #f5f5f5 !important;
  color: #141314 !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}

.nice-select .list {
  background-color: #f5f5f5 !important;
}

.nice-select .option {
  color: #141314 !important;
}

.nice-select .option:hover,
.nice-select .option.selected {
  background-color: #e8e8e8 !important;
}

/* ----- Borders ----- */
.border,
[class*="border-"] {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

hr {
  border-color: rgba(255, 255, 255, 0.08);
}

/* ----- Tabs ----- */
.nav-tabs {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.nav-tabs .nav-link {
  color: rgba(255, 255, 255, 0.6) !important;
}

.nav-tabs .nav-link.active {
  color: #ffffff !important;
  background-color: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ----- Progress bars & counters ----- */
.progress {
  background-color: #2a2a2a !important;
}

/* ----- Pagination ----- */
.wg-pagination li {
  color: #ffffff !important;
}

.pagination .page-link {
  background-color: #1a1a1a !important;
  color: #e8e8e8 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.pagination .page-link:hover,
.pagination .active .page-link {
  background-color: #61ce70 !important;
  color: #141314 !important;
}

/* ----- Widgets / Sidebar ----- */
.widget,
.sidebar-widget {
  background-color: #1a1a1a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.widget .widget-title {
  color: #ffffff !important;
}

.widget a {
  color: rgba(255, 255, 255, 0.7) !important;
}

.widget a:hover {
  color: #61ce70 !important;
}

/* ----- Footer ----- */
.footer,
footer {
  background-color: #0a0a0a !important;
}

.footer a,
footer a {
  color: rgba(255, 255, 255, 0.6);
}

.footer a:hover,
footer a:hover {
  color: #61ce70;
}

/* Style-2 footer (uses seo-black for text — now overridden via variable) */
.footer.style-2 .input-newsletter input {
  color: #e8e8e8 !important;
}

.footer.style-2 .footer-content .title-mobile h3,
.footer.style-2 .footer-content .title-mobile i {
  color: #ffffff !important;
}

.footer.style-2 .footer-content .support-item-footer a:hover {
  color: #61ce70 !important;
}

.footer.style-2 .contact-footer-item a,
.footer.style-2 .contact-footer-item span {
  color: rgba(255, 255, 255, 0.7) !important;
}

.footer.style-2 .bottom-footer ul a:hover {
  color: #61ce70 !important;
}

/* ----- Misc Elements ----- */
/* Breadcrumbs */
.breadcrumb {
  color: rgba(255, 255, 255, 0.6) !important;
}

.breadcrumb a {
  color: rgba(255, 255, 255, 0.6) !important;
}

.breadcrumb a:hover {
  color: #61ce70 !important;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Go-top button */
.go-top {
  background-color: #61ce70 !important;
  color: #141314 !important;
}

/* Odometer / counter numbers */
.odometer {
  color: #ffffff !important;
}

/* Swiper pagination */
.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.3) !important;
}

.swiper-pagination-bullet-active {
  background: #61ce70 !important;
}

/* Image overlays / lightboxes */
.mfp-bg {
  background: #0a0a0a !important;
}

/* Video play buttons — hardcode dark text on colored bg */
.wg-video .icon {
  background-color: #61ce70 !important;
  color: #141314 !important;
}

.wg-video .icon i {
  color: #141314 !important;
}

.wg-video .icon:hover {
  background-color: #ffffff !important;
  color: #141314 !important;
}

.wg-video .icon:hover i {
  color: #141314 !important;
}

.wg-video.style-2 .icon:hover i {
  color: #141314 !important;
}

/* Infinite slide / marquee hover */
.infiniteSlide-app.style-border .marquee-item:hover {
  color: #ffffff !important;
}

/* ----- Blog detail page ----- */
.blog-detail,
.blog-detail-content,
.post-content {
  color: rgba(255, 255, 255, 0.8) !important;
}

.blog-detail h1,
.blog-detail h2,
.blog-detail h3,
.blog-detail h4 {
  color: #ffffff !important;
}

.blog-detail blockquote {
  background-color: #1a1a1a !important;
  border-left-color: #61ce70 !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

.blog-detail ul li,
.blog-detail ol li {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* Tags */
.tags a,
.tag-link {
  background-color: #1a1a1a !important;
  color: #e8e8e8 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.tags a:hover,
.tag-link:hover {
  background-color: #61ce70 !important;
  color: #141314 !important;
}

/* ----- Portfolio detail ----- */
.project-detail,
.portfolio-detail {
  color: rgba(255, 255, 255, 0.8) !important;
}

.project-info dt {
  color: #ffffff !important;
}

.project-info dd {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* ----- Green accent backgrounds — BLACK text ----- */
/* Any content sitting on a green (#61ce70) background must have black text */
.audit-card {
  color: #141314 !important;
}

.audit-card .title {
  color: #141314 !important;
}

.audit-card .desc {
  color: rgba(0, 0, 0, 0.7) !important;
}

.audit-card .eyebrow {
  color: #141314 !important;
}

.audit-card p {
  color: rgba(0, 0, 0, 0.7) !important;
}

.audit-card h1,
.audit-card h2,
.audit-card h3,
.audit-card h4,
.audit-card h5,
.audit-card h6 {
  color: #141314 !important;
}

.audit-form .audit-consent {
  color: rgba(0, 0, 0, 0.6) !important;
}

.audit-form .audit-consent a {
  color: #141314 !important;
}

.audit-form .audit-error {
  color: #cc0000 !important;
}

.audit-form .audit-success .success-title {
  color: #141314 !important;
}

.audit-form .audit-success .success-note {
  color: rgba(0, 0, 0, 0.7) !important;
}

/* Audit card quote footer */
.audit-card .quote-footer .quote {
  color: #141314 !important;
}

.audit-card .quote-footer .who {
  color: rgba(0, 0, 0, 0.7) !important;
}

/* Swiper arrows on green hover — keep white text */
.swiper-action-group .nav-prev-swiper:hover,
.swiper-action-group .nav-next-swiper:hover {
  color: #ffffff !important;
}

/* ----- Mobile Menu ----- */
.home-mobile-menu .hmm-panel {
  background: #141314 !important;
}

.home-mobile-menu .hmm-close {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

.home-mobile-menu .hmm-nav a {
  color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

.home-mobile-menu .hmm-nav a:hover {
  color: #61ce70 !important;
}

/* ----- Specific Overrides for Common White Sections ----- */

/* Strategy image containers */
.section-strategy .image {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Service item borders */
.section-services .according-item {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Tables */
table {
  color: #e8e8e8;
}

table th {
  color: #ffffff;
  background-color: #1a1a1a;
  border-color: rgba(255, 255, 255, 0.08);
}

table td {
  border-color: rgba(255, 255, 255, 0.08);
}

/* Selection / highlight */
::selection {
  background: rgba(97, 206, 112, 0.3);
  color: #ffffff;
}

/* Preloader */
.preload {
  background-color: #0a0a0a !important;
}

/* Ensure images with white-bg containers look right */
.img-box,
.image-box {
  background-color: transparent !important;
}

/* Number / stat labels */
.counter-item .title,
.stat .title {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* List item markers */
ul li::marker {
  color: #61ce70;
}

/* Bootstrap modal overrides */
.modal-content {
  background-color: #1a1a1a !important;
  color: #e8e8e8 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.modal-header {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.modal-footer {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

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

/* ----- Bootstrap dark-text utilities (safety net) ----- */
.text-dark {
  color: #ffffff !important;
}

.text-body {
  color: #e8e8e8 !important;
}

.text-muted {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-secondary {
  color: rgba(255, 255, 255, 0.6) !important;
}

.bg-white,
.bg-light {
  background-color: #1a1a1a !important;
}

.card-body,
.card-header,
.card-footer {
  background-color: #1a1a1a !important;
  color: #e8e8e8 !important;
}

/* Contact form labels (commonly use color-dt-black) */
label {
  color: #ffffff !important;
}


/* --- Content cards that were still white-on-white in dark mode (Fiord light template) --- */
.section-automate .automation-item,
.founder-card,
.why-choose-item{background-color:#161616 !important;border:1px solid rgba(255,255,255,.1) !important;}
.section-automate .automation-item .title,
.founder-card .name-team,
.why-choose-item .title{color:#ffffff !important;}
.section-automate .automation-item .desc,
.founder-card .bio,.founder-card .position,
.why-choose-item p{color:rgba(255,255,255,.72) !important;}
.section-automate .automation-item .num{border-color:rgba(97,206,112,.35) !important;}

/* Buttons: single pill only, drop the separate circular arrow chip (brand preference) */
html body .tf-btn span.icon-btn{display:none !important;}

/* Footer social icons */
.footer-social{display:flex;gap:12px;margin-top:14px;}
.footer-social a{width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border-3);display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;}
.footer-social a:hover{background:#61ce70;border-color:#61ce70;color:#000;transform:translateY(-2px);}
.footer-social svg{width:18px;height:18px;fill:currentColor;}

/* ============================================================
   Mobile friendliness (Oct 2026)
   ============================================================ */
/* Horizontal-overflow guard on phones/tablets. overflow-x:clip does
   NOT create a scroll container, so it cannot break a sticky header
   the way overflow:hidden would. Root causes are fixed below; this is
   a safety net against phantom side-scroll. */
@media(max-width:991px){
  html,body{overflow-x:clip;max-width:100%;}
}

/* Google review badge: on phones let it wrap and centre instead of
   forcing the whole page wider than the screen (was the side-scroll). */
@media(max-width:767px){
  .jld-reviews-badge{flex-wrap:wrap;max-width:100%;justify-content:center;row-gap:6px;text-align:center;}
}

/* Mobile AI-audit modal: never let the card exceed the viewport width. */
.audit-overlay-card{max-width:min(470px,calc(100vw - 32px)) !important;}

/* ============================================================
   Newsletter input (dark footer): the global `input:focus` rule
   above forces a white background, but this field keeps white
   text, so focusing it gave white-on-white (invisible text).
   Keep it dark + readable in every state, incl. Chrome autofill.
   ============================================================ */
.footer-content .form-newsletter-2 input,
.footer-content .form-newsletter-2 input:focus{
  background-color:rgba(255,255,255,0.05) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border-color:rgba(255,255,255,0.15) !important;
  box-shadow:none !important;
}
.footer-content .form-newsletter-2 input::placeholder{
  color:rgba(255,255,255,0.5) !important;
}
.form-newsletter-2 input:-webkit-autofill,
.form-newsletter-2 input:-webkit-autofill:hover,
.form-newsletter-2 input:-webkit-autofill:focus,
.form-newsletter-2 input:-webkit-autofill:active{
  -webkit-text-fill-color:#ffffff !important;
  -webkit-box-shadow:0 0 0 1000px #17171b inset !important;
  caret-color:#ffffff !important;
  transition:background-color 9999s ease-in-out 0s;
}

/* ============================================================
   Client logo marquee (all pages): dark client wordmarks need a
   white chip to read on the dark strip. Clearcut's logo is white,
   so invert it to black on the white chip.
   ============================================================ */
.list-brands .brand-item{background:#ffffff !important;border-color:rgba(255,255,255,.12) !important;}
.list-brands .brand-item img{opacity:1 !important;}
.list-brands .brand-item img[src*="client-logo-6"]{filter:brightness(0) !important;}

/* Section spacing is handled inline per page (see #jld-section-rhythm),
   scoped to <section> so nested .flat-spacing wrappers are not affected,
   because this external sheet loads async and does not apply reliably. */