/* HP BETA 03.31 — consistent dark surfaces in recently introduced modules.
   Loaded after the existing styles, affects night mode ONLY. Company logos and
   user-uploaded hero backgrounds are deliberately not recolored. */
html[data-hpt-theme="dark"] .hpc-app{
 --hpt331-surface:#15273e;
 --hpt331-raised:#1c324e;
 --hpt331-soft:#1e3958;
 --hpt331-border:#355272;
 --hpt331-text:#edf5ff;
 --hpt331-muted:#b4cae5;
 --hpt331-link:#8abfff;
}
html[data-hpt-theme="dark"] body,
html[data-hpt-theme="dark"] .hpc-app,
html[data-hpt-theme="dark"] .hpc-app .hpc-page-container{
 background-color:#0b1628!important;color:var(--hpt331-text,#edf5ff);
}
/* Homepage: leave user-uploaded banner imagery intact while darkening opaque
   wrappers introduced after the initial night-mode stylesheet. */
html[data-hpt-theme="dark"] .hpc-app :is(.hpt24-home,.hpt24-home-listing,.hpt322-section,.hpt324-why,.hpt324-home-blog,.hpt326-providers){
 background-color:transparent!important;border-color:transparent!important;
}
html[data-hpt-theme="dark"] .hpc-app :is(.hpt322-head,.hpt326-section-heading,.hpt324-section-head){
 background:transparent!important;
}
html[data-hpt-theme="dark"] .hpc-app :is(.hpt326-section-heading h2,.hpt324-section-head h2,.hpt322-head h2,.hpt322-name,.hpt324-why-card h3,.hpt324-blog-body h3 a){
 color:var(--hpt331-text)!important;
}
html[data-hpt-theme="dark"] .hpc-app :is(.hpt326-section-heading p,.hpt324-section-head p,.hpt322-head p,.hpt324-why-card p,.hpt324-blog-meta,.hpt322-price-label,.hpt322-specs>span){
 color:var(--hpt331-muted)!important;
}
/* The 03.26 stylesheet forces these cards white with !important. */
html[data-hpt-theme="dark"] .hpc-app :is(.hpt324-why-card,.hpt324-blog-card,.hpt324-blog-body,.hpt322-offer,.hpt322-empty){
 background:var(--hpt331-surface)!important;
 border-color:var(--hpt331-border)!important;
 color:var(--hpt331-text)!important;
 box-shadow:0 5px 16px rgba(0,0,0,.13)!important;
}
html[data-hpt-theme="dark"] .hpc-app .hpt322-offer.hpt322-sponsored{
 background:linear-gradient(115deg,#322b20 0%,#17283f 35%,#17283f 100%)!important;
 border-color:#ac8644!important;
}
html[data-hpt-theme="dark"] .hpc-app .hpt324-why-icon{
 background:#24436d!important;color:#9dcbff!important;
}
html[data-hpt-theme="dark"] .hpc-app .hpt324-blog-media{
 background:#1c3554!important;border-color:var(--hpt331-border)!important;
}
html[data-hpt-theme="dark"] .hpc-app :is(.hpt322-category,.hpt324-blog-cat){
 background:#244365!important;color:#a8d3ff!important;
}
html[data-hpt-theme="dark"] .hpc-app :is(.hpt322-sort-btn:not(.is-active),.hpt322-compare,.hpt322-all){
 background:var(--hpt331-raised)!important;border-color:var(--hpt331-border)!important;color:#d7eaff!important;
}
html[data-hpt-theme="dark"] .hpc-app .hpt322-specs{background:#1d3551!important;border-color:var(--hpt331-border)!important}
/* Firm carousel: dark card shell, not a bright white block. Keep native logo
   colors; a compact light patch behind logos is allowed for dark brand marks. */
html[data-hpt-theme="dark"] .hpc-app .hpt326-carousel-item>a{
 background:var(--hpt331-surface)!important;border-color:var(--hpt331-border)!important;
 box-shadow:0 5px 15px rgba(0,0,0,.12)!important;
}
html[data-hpt-theme="dark"] .hpc-app .hpt326-carousel-arrow{
 background:var(--hpt331-raised)!important;border-color:var(--hpt331-border)!important;
 color:var(--hpt331-link)!important;
}
html[data-hpt-theme="dark"] .hpc-app .hpt326-carousel-item .hpc-logo-fallback{
 background:var(--hpt331-soft)!important;color:var(--hpt331-link)!important;
}
/* Current home three-column comparison, domain extension chips and headings. */
html[data-hpt-theme="dark"] .hpc-app :is(.hpt0321-trio>.hptv2-trio-card,.hpt0321-stat-bar,.hpt0321-tld,.hpt260-domain,.hpt260-offer,.hpt260-no-offers){
 background:var(--hpt331-surface)!important;border-color:var(--hpt331-border)!important;
 color:var(--hpt331-text)!important;
}
html[data-hpt-theme="dark"] .hpc-app :is(.hpt0321-tld>strong,.hpt0321-trio .hptv2-trio-head h2,.hpt0321-trio .hptv2-trio-item-name,.hpt260-offer-tld,.hpt260-title-copy h2){color:var(--hpt331-text)!important}
html[data-hpt-theme="dark"] .hpc-app :is(.hpt260-tab:not(.is-active),.hpt260-arrow,.hpt0321-compare-link){
 background:var(--hpt331-raised)!important;border-color:var(--hpt331-border)!important;color:#d5e8ff!important;
}
html[data-hpt-theme="dark"] .hpc-app :is(.hpt260-title-copy p,.hpt0321-compare-body>p,.hpt260-offer-price .hpc-convert-price small){color:var(--hpt331-muted)!important}
html[data-hpt-theme="dark"] .hpc-app .hpt0321-trio .hpt0321-firm-row{
 border-color:var(--hpt331-border)!important;color:var(--hpt331-text)!important;
}
html[data-hpt-theme="dark"] .hpc-app .hpt0321-trio .hpt0321-firm-row:hover{background:var(--hpt331-soft)!important}
/* Blog embeds and article detail: no white islands around sponsored offers,
   technical specs or the in-article call-to-action. */
html[data-hpt-theme="dark"] .hpc-app :is(.hpt-article-content,.hpt-article-sidebar,.hpt0328-blog-panel,.hpt2818-blog-panel,.hpt0328-blog-offer,.hpt2818-blog-ranked,.hpt-article-cta){
 background:var(--hpt331-surface)!important;border-color:var(--hpt331-border)!important;color:var(--hpt331-text)!important;
}
html[data-hpt-theme="dark"] .hpc-app .hpt0328-blog-offer.is-sponsored{
 background:linear-gradient(100deg,#362e22,#172c46 44%)!important;border-color:#aa884c!important;
}
html[data-hpt-theme="dark"] .hpc-app :is(.hpt0328-blog-head h2,.hpt0328-blog-name,.hpt2818-blog-ranked b){color:var(--hpt331-text)!important}
html[data-hpt-theme="dark"] .hpc-app :is(.hpt0328-blog-specs,.hpt0328-blog-category,.hpt0328-blog-compare){
 background:var(--hpt331-soft)!important;border-color:var(--hpt331-border)!important;color:#a8d2ff!important;
}
html[data-hpt-theme="dark"] .hpc-app .hpt0328-blog-specs>span{color:var(--hpt331-muted)!important}
/* Package detail, reviews, filters, firm pages and ranking pages. */
html[data-hpt-theme="dark"] .hpc-app :is(.hpt239-package-hero,.hpt239-feature-box,.hpt239-feature-tile,.hpt239-price-card,.hpt239-overview-card,.hpt239-review-panel,.hpt239-detailed-feature,.hpt239-review-item,.hpt239-total-row,.hpt239-trust-strip,.hpt239-tab-panel,.hpc-provider-card,.hpc-provider,.hpc-plan,.hpt264-offer,.hpc-filter-block,.hpc-side-card,.hpc-data-table thead,.hpc-data-table tbody tr){
 background-color:var(--hpt331-surface)!important;border-color:var(--hpt331-border)!important;color:var(--hpt331-text)!important;
}
html[data-hpt-theme="dark"] .hpc-app :is(.hpt239-feature-tile,.hpt239-total-row,.hpt239-trust-strip,.hpt239-detailed-feature){background-color:var(--hpt331-raised)!important}
html[data-hpt-theme="dark"] .hpc-app :is(.hpt239-package-page h1,.hpt239-package-page h2,.hpt239-package-hero h1,.hpt239-detailed-feature strong,.hpt239-overview-card h2,.hpt239-feature-tile strong,.hpc-provider-card h2,.hpc-plan-subtitle,.hpt264-name){color:var(--hpt331-text)!important}
html[data-hpt-theme="dark"] .hpc-app :is(.hpt239-feature-tile small,.hpt239-total-row small,.hpt239-review-item p,.hpc-data-table td){color:var(--hpt331-muted)!important}
html[data-hpt-theme="dark"] .hpc-app :is(.hpt239-package-tabs button:not(.is-active),.hpt239-all-features,.hpc-page:not(.is-active),.hpc-sort:not(.is-active)){
 background:var(--hpt331-raised)!important;border-color:var(--hpt331-border)!important;color:#d5e8ff!important;
}
/* Preserve branding and intentional call-to-action colors. */
html[data-hpt-theme="dark"] .hpc-app :is(.hpt322-inspect,.hpt0328-blog-detail,.hpc-button-primary,.hpt260-tab.is-active,.hpt239-price-compare){color:#fff!important}
html[data-hpt-theme="dark"] .hpc-app .hpt322-sponsor-rail,
html[data-hpt-theme="dark"] .hpc-app .hpt0328-blog-sponsored{color:#fff!important}