/* Burnett clone glue: Elementor wrappers neutral, sticky header, toasts */
[data-elementor-type="header"]{position:sticky;top:0;z-index:50}
.admin-bar [data-elementor-type="header"]{top:32px}
@media (max-width:782px){.admin-bar [data-elementor-type="header"]{top:46px}}
.bp-wrap.e-con,.bp-wrap .e-con{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--container-max-width:100%;padding:0!important;gap:0!important}
.bp-wrap .elementor-widget,.bp-wrap .elementor-widget:not(:last-child){margin:0!important;--kit-widget-spacing:0px}
.bp-wrap .elementor-widget-html{width:100%}
[hidden]{display:none!important}
.bp-toast{margin-top:.5rem;border-radius:.5rem;background:hsl(var(--background));color:hsl(var(--foreground));border:1px solid hsl(var(--border));box-shadow:0 10px 15px -3px rgb(0 0 0/.1);padding:1rem 1.25rem;font-size:.875rem;font-weight:600}
/* 2026-11-03 Jeremy: bigger logo (source was 40px tall) */
html body [data-elementor-type="header"] header > div > a > img{height:52px;width:auto}
@media (min-width:1024px){html body [data-elementor-type="header"] header > div > a > img{height:68px}}
html body [data-elementor-type="header"] [data-bp-mobile]{top:76px}
html body [data-elementor-type="footer"] footer img[alt="Burnett Painting"]{height:60px;width:auto}
/* 2026-11-03 Jeremy: knockout rollover on every card-type section — brand brown fill + white text.
   Brown = brand accent hue (38deg) at 38% lightness so white text passes WCAG AA (4.7:1); the light gold accent would only give 2.5:1. */
:root{--bp-brown:hsl(38 50% 38%)}
html body .rounded-lg.border.bg-card.p-5.shadow-sm,
html body a.rounded-lg.border.bg-card.p-4,
html body a.group.overflow-hidden.rounded-lg.bg-card,
html body [data-bp-faq-item]{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
@media (hover:hover){
html body .rounded-lg.border.bg-card.p-5.shadow-sm:hover,
html body a.rounded-lg.border.bg-card.p-4:hover,
html body a.group.overflow-hidden.rounded-lg.bg-card:hover,
html body [data-bp-faq-item]:hover{background-color:var(--bp-brown)!important;border-color:var(--bp-brown)!important;color:#fff!important;box-shadow:0 10px 24px -8px rgb(0 0 0/.35)}
html body .rounded-lg.border.bg-card.p-5.shadow-sm:hover *,
html body a.rounded-lg.border.bg-card.p-4:hover *,
html body a.group.overflow-hidden.rounded-lg.bg-card:hover *,
html body [data-bp-faq-item]:hover *{color:#fff!important;border-color:rgb(255 255 255/.35)!important}
html body a.rounded-lg.border.bg-card.p-4:hover [class*="bg-accent"]{background-color:rgb(255 255 255/.18)!important}
}
/* 2026-11-03 mobile pass */
@media (max-width:1023px){html body [data-bp-burger]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-right:-10px}}
@media (max-width:1023px){
 html body footer a{display:inline-block;padding-top:6px;padding-bottom:6px}
 html body footer li{margin-top:0;margin-bottom:0}
}
@media (max-width:767px){
 html body form[data-bp-quote] input:not([type=checkbox]),html body form[data-bp-quote] select,html body form[data-bp-quote] textarea{font-size:16px}
 html body form[data-bp-quote] input[type=checkbox]{width:20px;height:20px}
 html body form[data-bp-quote] button[type=submit]{min-height:52px}
}
@media (max-width:1023px){
 html body #main-content a[href^="tel:"]:not([class*="px-"]),html body #main-content a[href^="mailto:"]:not([class*="px-"]),html body form[data-bp-quote] p a{padding-top:8px;padding-bottom:8px}
 html body #main-content a[href^="tel:"]:not([class*="px-"]):not([class*="flex"]),html body #main-content a[href^="mailto:"]:not([class*="px-"]):not([class*="flex"]),html body form[data-bp-quote] p a{display:inline-block}
}
/* 2026-11-03 mobile pass 2 */
@media (max-width:767px){
 /* project galleries: 2 per row instead of a 10-photo single column */
 html body .flex.flex-wrap.justify-center.gap-4 > button[aria-label^="View full size"]{width:calc(50% - 8px);max-width:none}
 html body .flex.flex-wrap.justify-center.gap-4:has(> button[aria-label^="View full size"]){gap:12px}
 html body .flex.flex-wrap.justify-center.gap-4 > button[aria-label^="View full size"]{width:calc(50% - 6px)}
 /* footer link lists in 2 columns */
 html body footer ul.space-y-2:has(a[href^="/areas/"]),html body footer ul.space-y-2:has(a[href^="/services/"]){columns:2;column-gap:16px}
 html body footer ul.space-y-2:has(a[href^="/areas/"]) > li,html body footer ul.space-y-2:has(a[href^="/services/"]) > li{break-inside:avoid;margin-top:0!important;margin-bottom:0!important}
 /* footer bottom bar centered */
 html body footer > .border-t .flex.flex-wrap.items-center.gap-4{justify-content:center;column-gap:16px;row-gap:0}
 html body footer > .border-t p{text-align:center}
 /* long Google review widget: show the first reviews, then a button to the full page */
 html body .bp-rev-cap{max-height:880px;overflow:hidden;position:relative}
 html body .bp-rev-cap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(to bottom,rgb(0 0 0/0),rgb(0 0 0/.75));pointer-events:none}
 html body .bp-rev-more{display:flex!important}
}
html body .bp-rev-more{display:none;justify-content:center;margin-top:20px;position:relative;z-index:10}
html body .bp-rev-more a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:6px;background:hsl(var(--accent));color:hsl(var(--primary));font-weight:700;font-size:16px}