Rising gasoline prices are a double blow for drivers who use their own vehicles for work - apnews.com

The spike in U.S. gas prices is having a big impact on workers who drive their personal cars for a living. Prices are up $1 per gallon since the Iran war began. Many California drivers are paying more than $6 per gallon. (AP Video/Terry Chea) 2 of 6 |  Leslie Sherman-Shafer, an Uber driver, drives her car in Alameda, Calif, March 23, 2026. (AP Photo/Terry Chea) 3 of 6 |  Leslie Sherman-Shafer, an Uber driver, fills up her car at a gas station in Alameda, Calif, March 23, 2026. (AP Photo/Terry Chea) 4 of 6 |  Molly Kenefick, owner of Doggy Lama Pet Care, gives treats to her clients’ dogs in the back of her car in Oakland, Calif. on March 26, 2026. (AP Photo/Terry Chea) 5 of 6 |  A Chevron gas station in Alameda, Calif. displays gas prices on March 23, 2026. (AP Photo/Terry Chea) 6 of 6 |  Protesting truck and bus drivers slow traffic down along Paris’ ring road to denounce higher fuel prices, Monday, March 30, 2026. (AP Photo/Thibault Camus) The spike in U.S. gas prices is having a big impact on workers who drive their personal cars for a living. Prices are up $1 per gallon since the Iran war began. Many California drivers are paying more than $6 per gallon. (AP Video/Terry Chea) Add AP News as your preferred source to see more of our stories on Google. Share Share Facebook Copy Link copied Email X LinkedIn Bluesky Flipboard Pinterest Reddit Read More 2 of 6 |  Leslie Sherman-Shafer, an Uber driver, drives her car in Alameda, Calif, March 23, 2026. (AP Photo/Terry Chea) Leslie Sherman-Shafer, an Uber driver, drives her car in Alameda, Calif, March 23, 2026. (AP Photo/Terry Chea) Add AP News as your preferred source to see more of our stories on Google. Share Share Facebook Copy Link copied Email X LinkedIn Bluesky Flipboard Pinterest Reddit Read More 3 of 6 |  Leslie Sherman-Shafer, an Uber driver, fills up her car at a gas station in Alameda, Calif, March 23, 2026. (AP Photo/Terry Chea) Leslie Sherman-Shafer, an Uber driver, fills up her car at a gas station in Alameda, Calif, March 23, 2026. (AP Photo/Terry Chea) Add AP News as your preferred source to see more of our stories on Google. Share Share Facebook Copy Link copied Email X LinkedIn Bluesky Flipboard Pinterest Reddit Read More 4 of 6 |  Molly Kenefick, owner of Doggy Lama Pet Care, gives treats to her clients’ dogs in the back of her car in Oakland, Calif. on March 26, 2026. (AP Photo/Terry Chea) Molly Kenefick, owner of Doggy Lama Pet Care, gives treats to her clients’ dogs in the back of her car in Oakland, Calif. on March 26, 2026. (AP Photo/Terry Chea) Add AP News as your preferred source to see more of our stories on Google. Share Share Facebook Copy Link copied Email X LinkedIn Bluesky Flipboard Pinterest Reddit Read More 5 of 6 |  A Chevron gas station in Alameda, Calif. displays gas prices on March 23, 2026. (AP Photo/Terry Chea) A Chevron gas station in Alameda, Calif. displays gas prices on March 23, 2026. (AP Photo/Terry Chea) Add AP News as your preferred source to see more of our stories on Google. Share Share Facebook Copy Link copied Email X LinkedIn Bluesky Flipboard Pinterest Reddit Read More 6 of 6 |  Protesting truck and bus drivers slow traffic down along Paris’ ring road to denounce higher fuel prices, Monday, March 30, 2026. (AP Photo/Thibault Camus) Protesting truck and bus drivers slow traffic down along Paris’ ring road to denounce higher fuel prices, Monday, March 30, 2026. (AP Photo/Thibault Camus) Add AP News as your preferred source to see more of our stories on Google. Share Share Facebook Copy Link copied Email X LinkedIn Bluesky Flipboard Pinterest Reddit Read More By  DEE-ANN DURBIN and MATT SEDENSKY Updated : , ,   Leer en español  Add AP News on Google Add AP News as your preferred source to see more of our stories on Google. Share (function () { const counter = document.getElementById("scrollToComments"); const HEADER_OFFSET = 120; function findCommentsModule() { return document.querySelector('.vf3-comments, #vf-conversations, '); } function maybeShowCounter() { if (findCommentsModule()) { counter.style.display = "inline-flex"; } else { counter.style.display = "none"; } } // Show only when Viafoura is present maybeShowCounter(); // Watch DOM for late loads const observer = new MutationObserver(maybeShowCounter); observer.observe(document.documentElement, { childList: true, subtree: true }); // Scroll action counter.addEventListener("click", function () { const el = findCommentsModule(); if (!el) return; const top = el.getBoundingClientRect().top + window.scrollY - HEADER_OFFSET; window.scrollTo({ top, behavior: "smooth" }); }); })(); .thin-line-button { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ccc; height: 30px; padding: 0 10px; cursor: pointer; border-radius: 5px; background: none; text-align: center; font-size: 1.4rem; font-weight: 700; white-space: nowrap; flex-shrink: 0; color: inherit; transition: none; /* Remove animation effect */ } .thin-line-button { color: #000; background: white; } /* Remove hover effect */ .thin-line-button:hover { border: 1px solid #ccc; } .comment-icon { width: 20px; height: 20px; min-width: 20px; min-height: 20px; flex: 0 0 20px; object-fit: contain; display: inline-block; } .Page-actions-commentCounter .embed-caption { display: none; } .vf-comments-count.vf-is-logged-in { margin-left: 4px; } Leslie Sherman-Shafer, an Uber driver in the San Francisco Bay Area, likes to start each shift with a full tank of gas. It used to cost her around $25 to fill up her Toyota Corolla. She’s spent closer to $40 since the Iran war began and pushed up the average U.S. price for a gallon of regular gasoline by $1. Sherman-Shafer, a retired dental office assistant who picks up Uber passengers five days a week, said she’s putting in extra hours to cover the difference. “We don’t get reimbursed for gas. We rely on the generosity of the tip,” Sherman-Shafer said. Some passengers have tipped more to compensate for higher gas prices, but most don’t tip at all, she said. Driving a car, van or truck is a big part of many Americans’ workdays. Nearly 27% of civilian workers cited driving as a physical demand of their jobs last year, according to the U.S. Bureau of Labor Statistics. Millions of drivers use personal vehicles for their work, from delivery and ride-share providers like Sherman-Shafer to self-employed electricians, nannies, home health care aides and real estate agents. As the war enters a fifth week and continues to disrupt global oil supplies. many of those workers are now scrambling to make ends meet. The national average price for gas reached $3.99 per gallon on Monday, up 34% from a month earlier, according to AAA. DoorDash offers added payments to US and Canadian drivers as gas prices soar 1 MIN READ DoorDash exits 4 markets, including Japan, to focus on growth elsewhere 1 MIN READ DoorDash sees strong quarterly growth in sales and orders but warns of big costs 1 MIN READ “With everything going up, it’s impossible to save a dime,” Sherman-Shafer said. Some companies compensate employees for using their own vehicles, including the cost of gas. In the U.S., the Internal Revenue Service sets a standard mileage rate every year that businesses and private contractors can use to calculate tax deductions. Alpine Maids, a housekeeping company based in Denver, pays cleaners the 2026 federal reimbursement rate of 72.5 cents per mile for the distance they drive to clients’ homes. But with gas prices spiking, that money is not going as far, said Chris Willatt, a former geologist who now runs Alpine Maids. “Our maids drive their own cars, so it’s kind of like their paycheck got smaller,” Willatt said. “They’re all upset.” Willatt said he reduced how often maids must report to the office, from daily to once a week, and rejiggered cleaning assignments so employees aren’t driving as far between clients. If gas prices climb further, he said he might increase what he charges customers so he can pay workers more. Molly Kenefick, the owner of Doggy Lama Pet Care Inc. in Oakland, California, said she recently raised her gas reimbursement rate to 80 cents per mile for 15 employees who use their own vehicles to pick up dogs and take them for hikes around the Bay Area. The rate increase will stay in place until gas prices in their area drop below $5 for at least a month, she said. Kenefick said she planned to raise prices for the company’s services in May. But she doesn’t want to increase them too much because she’s worried she’ll lose clients. So Kenefick is also dipping into her savings to pay for gas. “The economy is hard for people. Everybody’s under strain,” she said. “I can take some of the load and the company can take some of the load, provided this doesn’t go on too long.” Ride-hailing and food delivery platforms that rely on gig workers don’t reimburse drivers for gas, but some are offering temporary incentives in response to rising gas prices. DoorDash, Uber, Lyft and Instacart are providing more than the usual cash back on gas purchases for drivers who use company-branded debit cards. DoorDash and Instacart are giving a weekly fuel payment to drivers who travel 125 miles or more making deliveries. Sarah Noell, who spends about 20 hours a week making deliveries for DoorDash in Lynchburg, Virginia, said the measures help somewhat. But she said she’s noticed more customers declining to add tips to their orders as gas prices have increased. Noell has started refusing any order that won’t average out to $1 per mile, including the $2.50 per order she gets from DoorDash. That cancels out many users who aren’t tipping or give only small tips. “It takes nearly double the cost to fill my tank,” Noell said. “Ten dollars used to get me a decent amount. Now it only gets me 3 gallons.” Owners of diesel-powered vehicles have seen even steeper fuel price increases since the war started on Feb. 28, affecting drivers around the world. Drivers of diesel-powered “jeepneys” in the Philippines, went on strike for two days last week to protest their higher costs. In France, dozens of buses and trucks drove slowly on the Paris ring road Monday to demonstrate their concerns about rising diesel prices. Drivers and businesses want the French government to provide aid to mitigate the impact. “The major difficulty right now is finding our balance on our business since we sold services with the vehicles at a certain price for diesel that was much cheaper. And we’re not going to ask customers to pay that difference,” Sarah Bahezre, manager of the bus transportation company Ulysse Cars, told The Associated Press. Average U.S. diesel prices climbed 44% over the last month, according to AAA. A few weeks ago, Rachel Hunter paid $3.62 a gallon to fill the single diesel truck used by Cactus Crew Junk Removal & Thrift Store, a Phoenix business she and her husband co-founded. The same fuel now costs $6.09 per gallon in Phoenix, according to AAA. The truck carries all kinds of heavy cargo, from slabs of solid maple bowling lanes to loads of concrete paver tiles. So fuel costs quickly add up, Hunter said, particularly with a truck that only gets 12 or 13 miles to the gallon. Hunter has started quoting prices that reflect the jump in prices. She worries she’s in a “vicious circle” that could hurt the business if oil prices remain high. “We don’t want to get a bad name for being overpriced,” she says. “I’ll be able to explain it where people can understand, but it doesn’t mean they can afford it.” MATT SEDENSKY Sedensky is a national writer for The Associated Press. twitter mailto window.vfQ = window.vfQ || ; // Tags that always block comments on ANY story, regardless of section. Example const COMMENT_BLOCK_TAGS = ; // Section name we care about (as it appears in ). // We'll normalize to lowercase, so "World News" -> "world news". const WORLD_NEWS_SECTION = 'world news'; // Tags that block comments ONLY when the story is in the World News section. const WORLD_NEWS_EXCLUSION_TAGS = ; window.vfQ = window.vfQ || ; // Zephr mod handling + prepublish + login failure handling setTimeout(() => { const all = document.querySelectorAll('.Zephr.Zephr-mod'); // If there's more than one of this element, delete the one with ID if (all.length > 1) { const withId = document.getElementById('viafoura-zephr-mod'); if (withId) withId.remove(); return } // prepublish → Zephr auth / walls handling window.vfQ.push(() => { if (!window.vf || typeof window.vf.$prepublish !== 'function') return; window.vf.$prepublish((channel, event, ...args) => { if (channel === 'authentication' && event === 'required') { window.vf.$publish && window.vf.$publish('tray', 'close'); window.Zephr?.openModal?.(); // window.location.href = `/login?target=${window.location.pathname}` return false; } else if (channel === 'walls' && event === 'post-attempt') { if (window.zephrQueue && typeof window.zephrQueue.enqueue === 'function') { window.zephrQueue.enqueue(async (zephr) => { if ( !zephr?.accessDetails?.authenticated || !window.Zephr?.openModal ) { return; } window.Zephr.openModal(); }); } return { channel, event, args }; } else { return { channel, event, args }; } }); }); // login failure → show ban message + tooltip window.vfQ.push(() => { if (!window.vf || typeof window.vf.$subscribe !== 'function') return; window.vf.$subscribe('login', 'failure', (errorContext) => { if (!errorContext) return; const isBanned = errorContext.error_key === 'login_banned'; if (!isBanned) return; let reasonText = 'Your account has been permanently banned from posting.'; if (errorContext.isPermanent === 0) { const date = new Date(errorContext.endDate); const formatted = date.toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric', hour: 'numeric', minute: '2-digit', hour12: true, }); reasonText = 'Your account has been banned from posting until ' + formatted; } waitForEditorWrapper((wrapper) => { if (wrapper && !document.querySelector('.vf-ban-container')) { const container = document.createElement('div'); container.className = 'vf-ban-container'; // Message const message = document.createElement('div'); message.className = 'vf-ban-message'; message.innerHTML = '❗' + '' + reasonText + ''; // Tooltip trigger if (errorContext.reason) { const tooltip = document.createElement('span'); tooltip.className = 'vf-ban-tooltip'; tooltip.textContent = ' — WHY WAS I BANNED?'; const tooltipContent = document.createElement('div'); tooltipContent.className = 'vf-ban-tooltip-content'; tooltipContent.textContent = errorContext.reason; tooltip.appendChild(tooltipContent); message.appendChild(tooltip); } container.appendChild(message); wrapper.parentNode.insertBefore(container, wrapper.nextSibling); } }); }); }); }, 50); function waitForEditorWrapper(callback, maxTries = 50, interval = 100) { let tries = 0; const iv = setInterval(() => { const wrapper = document.querySelector('.vf-new-content__content-editor-wrapper'); if (wrapper) { clearInterval(iv); callback(wrapper); } else if (++tries >= maxTries) { clearInterval(iv); } }, interval); } function pageHasBlockedTag(tagsToBlock = COMMENT_BLOCK_TAGS) { const metas = Array.from( document.querySelectorAll(', 'meta' ].join(',')) ); const pageTags = metas .map(m => (m.getAttribute('content') || '')) .flatMap(c => c.split(',')) .map(s => s.trim().toLowerCase()) .filter(Boolean); const blockSet = new Set( (tagsToBlock || ).map(t => String(t).trim().toLowerCase()).filter(Boolean) ); return pageTags.some(t => blockSet.has(t)); } function getPageSection() { // Look for // or just in case. const meta = document.querySelector( 'meta, meta' ); if (!meta) return ''; return (meta.getAttribute('content') || '').trim().toLowerCase(); } function replaceBellIconInNav(container) { if (!container) return; const bellButtons = container.querySelectorAll( '.comment-nav-right .vf-tray-trigger.comment-nav-right__icon, .vf-tray-trigger' ); bellButtons.forEach((btn) => { if (btn.dataset.iconSwapped === '1') return; const bellSvg = btn.querySelector('.vf-icon_bell_icon'); if (bellSvg) bellSvg.remove(); const img = document.createElement('img'); img.src = 'https://assets.apnews.com/75/e2/83fe757647f790e4a0bf06370f10/comment-2.png'; img.alt = 'Comments'; img.style.height = '24px'; img.style.width = '24px'; img.style.verticalAlign = 'middle'; img.setAttribute('data-ap-bell', '1'); // precise selector for dark-mode tweak btn.appendChild(img); btn.dataset.iconSwapped = '1'; }); } function injectNoticeInContainer(container) { if (!container) return false; if (container.querySelector('.vf-guidelines-notice')) return true; const header = container.querySelector('.vf-comment-header'); if (!header) return false; const notice = document.createElement('div'); notice.className = 'vf-guidelines-notice'; notice.innerHTML = 'All comments are subject to our ' + 'Community Guidelines.' + 'Please note that comments are not moderated immediately — every post is reviewed before appearing publicly to ensure it meets our community guidelines. This means there may be a delay before your comment is visible.'; header.parentNode.insertBefore(notice, header.nextSibling); return true; } function hideFloatingBellButton() { document.querySelectorAll('.vf-tray-trigger--floating').forEach((btn) => { btn.style.display = 'none'; }); } function moveTrendingAboveCommentsFooter() { const trendingHost = document.getElementById('ap-trending-host'); if (!trendingHost || trendingHost.dataset.moved === '1') return; const footer = document.querySelector('#vf-conversations > div > section > div > footer'); if (footer && footer.parentNode) { footer.parentNode.insertBefore(trendingHost, footer); trendingHost.dataset.moved = '1'; } } function onCommentingLoaded() { const container = document.getElementById('ap-comments'); if (!container) return; injectNoticeInContainer(container); replaceBellIconInNav(container); moveTrendingAboveCommentsFooter(); } function wireViafoura() { if (window.vf && typeof window.vf.$subscribe === 'function') { window.vf.$subscribe('commenting', 'loaded', onCommentingLoaded); } } /* ----------------- DARK THEME HANDLING ----------------- */ function isDarkColor(rgb) { if (!rgb) return false; const m = rgb.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/i); if (!m) return false; const r = +m, g = +m, b = +m; const lum = (0.2126*r + 0.7152*g + 0.0722*b) / 255; return lum < 0.5; } function shouldUseDarkTheme() { if (document.querySelector('')) return true; const carrier = document.querySelector('') || document.body || document.documentElement; const bg = carrier ? getComputedStyle(carrier).backgroundColor : ''; return isDarkColor(bg); } function getEffectiveDarkBg() { const carrier = document.querySelector('') || document.body || document.documentElement; const bg = carrier ? getComputedStyle(carrier).backgroundColor : ''; return bg && bg !== 'rgba(0, 0, 0, 0)' && bg !== 'transparent' ? bg : '#0b0b0b'; } // NEW: normalize dropdown/menu background in dark mode (solid dark, non-transparent) function fixDarkModeDropdowns() { if (!shouldUseDarkTheme()) return; const bg = getEffectiveDarkBg(); const text = 'rgba(255,255,255,0.85)'; const dropdowns = document.querySelectorAll( ',,.vf-dropdown__menu,.vf-select__menu' ); dropdowns.forEach((el) => { const cs = getComputedStyle(el); const bgColor = cs.backgroundColor; // Only fix ones that are effectively transparent / not already dark if ( bgColor === 'rgba(0, 0, 0, 0)' || bgColor === 'transparent' ) { el.style.setProperty('--default-color', bg); el.style.setProperty('--background-color', bg); el.style.setProperty('--light-text-on-default-color', text); el.style.setProperty('--dark-text-on-default-color', '#ffffff'); el.style.setProperty('--light-text-on-background-color', text); el.style.setProperty('--dark-text-on-background-color', '#ffffff'); el.style.backgroundColor = bg; el.style.color = text; } }); } function applyDarkThemeIfNeeded() { const container = document.getElementById('ap-comments'); if (!container) return; const useDark = shouldUseDarkTheme(); const bg = useDark ? getEffectiveDarkBg() : null; container.classList.toggle('ap-comments--dark', useDark); if (useDark) { container.style.setProperty('--apc-bg', bg); container.style.setProperty('--apc-text', '#e8e8e8'); container.style.setProperty('--apc-link', '#9ecbff'); container.setAttribute('data-theme', 'dark'); container.style.setProperty('background', 'var(--apc-bg)', 'important'); // Normalize Viafoura / AP-style variables INSIDE the comments container container.style.setProperty('--default-color', bg); container.style.setProperty('--background-color', bg); container.style.setProperty('--light-text-on-default-color', 'rgba(255, 255, 255, 0.8)'); container.style.setProperty('--dark-text-on-default-color', '#ffffff'); container.style.setProperty('--light-text-on-background-color', 'rgba(255, 255, 255, 0.8)'); container.style.setProperty('--dark-text-on-background-color', '#ffffff'); } else { container.removeAttribute('data-theme'); container.style.removeProperty('background'); .forEach(v => container.style.removeProperty(v)); } const elConv = document.getElementById('vf-conv'); const elTrend = document.getElementById('vf-trending'); const realConv = document.querySelector('#vf-conversations'); const realTrend = document.querySelector('#vf-trending-articles'); .forEach(el => { if (!el) return; if (useDark) { el.setAttribute('data-vf-theme', 'dark'); el.setAttribute('vf-theme', 'dark'); el.setAttribute('theme', 'dark'); el.style.removeProperty('background'); el.style.color = 'var(--apc-text)'; } else { .forEach(a => el.removeAttribute(a)); el.style.removeProperty('background'); el.style.removeProperty('color'); } }); .forEach((root) => { if (!root) return; if (useDark) { root.classList.add('ap-vf-dark'); root.setAttribute('data-theme', 'dark'); } else { root.classList.remove('ap-vf-dark'); root.removeAttribute('data-theme'); } }); // fix dropdowns / sort menus any time theme is recalculated if (useDark) { fixDarkModeDropdowns(); } } const vfObserver = new MutationObserver(() => { applyDarkThemeIfNeeded(); }); (function bootComments() { const container = document.getElementById('ap-comments'); if (!container) return; // Initial theme & dropdown fix applyDarkThemeIfNeeded(); // --------- NEW: Global block tags (e.g. no_comment) ---------- // If the page has ANY of the COMMENT_BLOCK_TAGS, hide comments on all stories. if (pageHasBlockedTag(COMMENT_BLOCK_TAGS)) { container.innerHTML = ''; container.classList.remove('viafoura'); container.id = 'comments-hidden'; hideFloatingBellButton(); return; } // --------- NEW: Section-specific logic (World News) ---------- const section = getPageSection(); // Only apply this rule if the story is in World News. if (section === WORLD_NEWS_SECTION) { // If a World News story has any tag in WORLD_NEWS_EXCLUSION_TAGS (e.g. Israel), // hide the embed. Other sections with those tags are still allowed. if (pageHasBlockedTag(WORLD_NEWS_EXCLUSION_TAGS)) { container.innerHTML = ''; container.classList.remove('viafoura'); container.id = 'comments-hidden'; hideFloatingBellButton(); return; } } // --------- Existing Viafoura boot logic ---------- if (!window.vf && !document.querySelector('script')) { const s = document.createElement('script'); s.async = true; s.src = '//cdn.viafoura.net/entry/index.js'; document.head.appendChild(s); } if (document.readyState === 'complete' || document.readyState === 'interactive') { wireViafoura(); } else { document.addEventListener('DOMContentLoaded', wireViafoura); } (function startCappedRetry() { let tries = 0; const maxTries = 120; const iv = setInterval(() => { injectNoticeInContainer(container); replaceBellIconInNav(container); hideFloatingBellButton(); moveTrendingAboveCommentsFooter(); applyDarkThemeIfNeeded(); if (++tries >= maxTries) clearInterval(iv); }, 100); })(); try { vfObserver.observe(container, { childList: true, subtree: true }); } catch (e) {} })(); .vf-guidelines-notice { font-family: var(--primary-font, 'AP', sans-serif); font-size: 1.0em; color: #666; margin: 0 0 10px 0; padding-left: 4px; opacity: 0.85; line-height: 1.4; } .vf-guidelines-notice a { text-decoration: underline; font-weight: 500; } #vf-trending-articles > div > div > h2 { font-size: 14px !important; line-height: 1.2; text-transform: uppercase; } #vf-trending-articles p.vf-trending-article__comment-count { font-size: 16px !important; line-height: 1.1; } #comments-hidden { display: none; } /* ---------- Dark theme for AP comments ---------- */ #ap-comments.ap-comments--dark { --apc-bg: #0b0b0b; --apc-text: #e8e8e8; --apc-muted: #a7a7a7; --apc-border: #2a2a2a; --apc-link: #9ecbff; background: var(--apc-bg) !important; color: var(--apc-text); color-scheme: dark; } /* DO NOT touch every descendant’s colors anymore – that was killing badges/icons */ #ap-comments.ap-comments--dark a { color: var(--apc-link); } #ap-comments.ap-comments--dark a:hover, #ap-comments.ap-comments--dark a:focus { text-decoration: underline; } #ap-comments.ap-comments--dark hr, #ap-comments.ap-comments--dark .vf-divider, #ap-comments.ap-comments--dark .vf-comment + .vf-comment, #ap-comments.ap-comments--dark .vf-card { border-color: var(--apc-border) !important; } #ap-comments.ap-comments--dark .vf-guidelines-notice { color: var(--apc-muted); } #ap-comments.ap-comments--dark #vf-trending-articles > div > div > h2, #ap-comments.ap-comments--dark p.vf-trending-article__comment-count { color: var(--apc-text) !important; } #ap-comments.ap-comments--dark #vf-conversations.ap-vf-dark, #ap-comments.ap-comments--dark #vf-trending-articles.ap-vf-dark { background: transparent !important; color: var(--apc-text) !important; color-scheme: dark; } #ap-comments.ap-comments--dark #vf-conversations, #ap-comments.ap-comments--dark #vf-trending-articles { background-color: var(--apc-bg) !important; } /* Removed “*:not(input)” background/color override so badges keep their own colors */ #ap-comments.ap-comments--dark #vf-conversations section, #ap-comments.ap-comments--dark #vf-conversations article, #ap-comments.ap-comments--dark #vf-conversations header, #ap-comments.ap-comments--dark #vf-conversations footer, #ap-comments.ap-comments--dark #vf-conversations .vf-card, #ap-comments.ap-comments--dark #vf-trending-articles section, #ap-comments.ap-comments--dark #vf-trending-articles article, #ap-comments.ap-comments--dark #vf-trending-articles header, #ap-comments.ap-comments--dark #vf-trending-articles footer, #ap-comments.ap-comments--dark #vf-trending-articles .vf-card { background-color: transparent !important; border-color: var(--apc-border) !important; } #ap-comments.ap-comments--dark .vf-content-editor-form, #ap-comments.ap-comments--dark .vf-editor-area { background-color: rgba(255,255,255,0.08) !important; border: 1px solid rgba(255,255,255,0.24) !important; border-radius: 6px !important; } #ap-comments.ap-comments--dark .vf-content-editor-input { color: var(--apc-text) !important; caret-color: var(--apc-text) !important; } #ap-comments.ap-comments--dark .vf-content-editor-input::placeholder { color: #cfcfcf !important; opacity: 1 !important; } #ap-comments.ap-comments--dark .vf-content-editor-input:focus, #ap-comments.ap-comments--dark .vf-editor-area:focus-within { outline: none !important; border-color: rgba(255,255,255,0.36) !important; box-shadow: 0 0 0 2px rgba(255,255,255,0.12) !important; } #ap-comments.ap-comments--dark .vf-dropdown-button, #ap-comments.ap-comments--dark .vf-dropdown-button__text { background-color: transparent !important; color: var(--apc-text) !important; border-color: var(--apc-border) !important; } #ap-comments.ap-comments--dark .vf-dropdown-button:hover, #ap-comments.ap-comments--dark .vf-dropdown-button:focus { background-color: rgba(255,255,255,0.06) !important; } /* Only tweak the swapped bell icon in dark mode; leave other badges alone */ #ap-comments.ap-comments--dark .vf-tray-trigger img { filter: invert(1) hue-rotate(180deg) brightness(1.1); opacity: 1; mix-blend-mode: normal; } /* Ban message styles */ .vf-ban-container { margin: 10px 0 15px; padding: 10px 12px; border-radius: 4px; background-color: #fff3cd; border: 1px solid #ffeeba; } .vf-ban-message { font-family: var(--primary-font, 'AP', sans-serif); font-size: 0.95em; color: #856404; display: flex; align-items: center; flex-wrap: wrap; } .vf-ban-icon { margin-right: 8px; } .vf-ban-tooltip { margin-left: 4px; font-weight: 600; text-decoration: underline; cursor: pointer; position: relative; } .vf-ban-tooltip-content { display: none; position: absolute; z-index: 9999; top: 120%; left: 0; width: 260px; padding: 8px 10px; background: #fff; border: 1px solid #ccc; border-radius: 4px; font-weight: 400; text-decoration: none; color: #333; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .vf-ban-tooltip:hover .vf-ban-tooltip-content { display: block; }