/* Generated by scripts/build-public-assets.mjs. Preserve source order. */

/* Source: wgh672-public.css */
/* Text on animated blue surfaces must win over the shared dark paragraph rule.
   Target marketing copy, not the white website/editor previews inside the section. */
body main .wgh664-blue .wgh664-generator-top p,
body main .wgh664-blue .wgh664-generator-bottom>p,
body main .wgh664-blue .wgh664-stage-heading>p,
body main .wgh664-blue .wgh664-edit-grid>div>p,
body main .wgh659-blue .wgh61-hero-main>p,
body main .wgh659-blue .wgh61-proof>span,
body main .wgh659-blue .wgh660-showcase-copy>p,
body main .wgh659-blue .wgh660-step-grid>div>p,
body main .wgh659-blue .wgh660-belief-list p,
body main .wgh659-blue.wgh660-final p,
body main .wgh659-blue.wgh660-cta p{color:#fff;opacity:1}
body main .wgh664-blue .wgh664-status{color:#e9f1ff}
body main .wgh664-blue :is(.wgh664-number,.wgh664-generator-features),
body main .wgh659-blue .wgh660-step-number{color:#fff}
body main .wgh659-blue :is(.wgh61-hero-main,.wgh660-showcase-copy,.wgh57-final-copy) :is(h2,h3){color:#fff}
/* Closing CTA copy sits directly in the grid, without a copy wrapper. */
body main .wgh659-blue.wgh660-final .wgh57-final-grid>div :is(h2,h3){color:#fff;opacity:1}
/* Decorative light stays below the content; its opacity cannot wash out text. */
.wgh659-blue>.wgh57-shell,.wgh659-blue>.site-shell{position:relative;z-index:1}
.wgh659-atmosphere,.wgh664-atmosphere{pointer-events:none}
/* Keep the brightest decorative overlap restrained so white text remains readable. */
body main .wgh659-atmosphere,body main .wgh664-atmosphere{opacity:.35}
body main .wgh664-blue,
body main .wgh659-blue,
body.roofers-v632 main .wgh61-hero.wgh659-blue{background-image:linear-gradient(118deg,#083b9d 0%,#1450bb 55%,#2058bb 100%)}


/* Source: wgh6115-template-cards.css */
/* Shared screenshot-led template cards: gallery, quick start, intake and editor.
   The ID in :is retains priority over historical gallery CSS; data-catalog covers all selectors. */
:is(#wgh-template-gallery,[data-catalog]) .wgh-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;align-items:start}
:is(#wgh-template-gallery,[data-catalog]) .wgh-catalog-card.wgh106-design{position:relative;display:flex;flex-direction:column;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transform:none;transition:none}
:is(#wgh-template-gallery,[data-catalog]) .wgh-catalog-card.wgh106-design:hover{border:0;box-shadow:none;transform:none}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-canvas{position:relative;flex:none;padding:22px 0 0;background:#f0f5fc;border-radius:8px;box-shadow:0 0 0 1px #d4dfee,0 10px 24px #15385e0c;overflow:hidden}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-canvas::before{content:"";position:absolute;inset:0 0 auto;height:22px;background:radial-gradient(circle at 13px 11px,#2459c5 0 2px,transparent 2.5px),radial-gradient(circle at 22px 11px,#7a9edc 0 2px,transparent 2.5px),radial-gradient(circle at 31px 11px,#a9c2eb 0 2px,transparent 2.5px),#f0f5fc;border-bottom:1px solid #dbe5f2;box-sizing:border-box}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh-catalog-shot{position:relative;display:block;aspect-ratio:1348/926;width:100%;height:auto;max-height:none;margin:0;border:0;border-radius:0;overflow:hidden;background:#fff;box-shadow:none}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design img.wgh105-thumbnail{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1348/926;object-fit:contain;object-position:top;transform:none;border-radius:0;filter:none}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design-footer{position:static;display:block;padding:17px 0 0;margin:0;background:transparent;border:0}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;padding:0;margin:0;background:transparent}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-heading h3{margin:0!important;color:#15345b!important;font:650 23px/1.25 "Wix Madefor Display",Arial,sans-serif!important;letter-spacing:-.025em!important;overflow-wrap:anywhere}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-heading>span{display:inline-flex;align-items:center;flex-shrink:0;min-height:28px;padding:4px 9px;border:1px solid #d3e0f5;border-radius:4px;background:#edf3ff;color:#244f95;font:500 13px/1.35 "Wix Madefor Text",Arial,sans-serif;white-space:nowrap}
/* Always-visible controls are the baseline for touch, hybrid devices and small screens. */
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch;justify-content:normal;flex-wrap:nowrap;min-height:0;width:100%;margin:14px 0 0;padding:0;border:0;background:transparent}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions a,
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;width:100%;min-height:48px;margin:0;padding:12px 14px;border:1px solid #afc2de;border-radius:5px;background:#fff!important;color:#183f78!important;font:650 15px/1.4 "Wix Madefor Text",Arial,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .16s,border-color .16s}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions a svg{display:none}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions button{background:#1d50c7!important;color:#fff!important;border-color:#1d50c7}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions a:hover{background:#eaf1ff!important;color:#123c79!important;border-color:#638ac8;text-decoration:none}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions button:hover{background:#143e9f!important;color:#fff!important;border-color:#143e9f}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh-catalog-shot:focus-visible{outline:3px solid #1d50c7;outline-offset:-4px}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions :focus-visible{outline:3px solid #e8a32b;outline-offset:4px}
/* Hidden controls remain keyboard reachable. Visible keyboard focus reveals the entire overlay; mouse-click focus does not pin it.
   No JS: cards loaded by filtering or Show more get identical behavior immediately. */
@media(hover:hover) and (pointer:fine) and (min-width:701px){
 :is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions{position:absolute;z-index:2;top:22px;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;aspect-ratio:1348/926;height:auto;margin:0;padding:0;border-radius:0 0 8px 8px;background:rgb(10 30 59 / 68%);opacity:0;pointer-events:none;transition:opacity .18s ease}
 :is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions a,
 :is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions button{width:180px;max-width:calc(100% - 40px);min-height:50px;pointer-events:none}
 :is(#wgh-template-gallery,[data-catalog]) .wgh106-design:hover .wgh105-design-actions,
 :is(#wgh-template-gallery,[data-catalog]) .wgh106-design:has(:focus-visible) .wgh105-design-actions{opacity:1}
 :is(#wgh-template-gallery,[data-catalog]) .wgh106-design:hover .wgh105-design-actions a,
 :is(#wgh-template-gallery,[data-catalog]) .wgh106-design:hover .wgh105-design-actions button,
 :is(#wgh-template-gallery,[data-catalog]) .wgh106-design:has(:focus-visible) .wgh105-design-actions a,
 :is(#wgh-template-gallery,[data-catalog]) .wgh106-design:has(:focus-visible) .wgh105-design-actions button{pointer-events:auto}
}
@media(max-width:1180px){:is(#wgh-template-gallery,[data-catalog]) .wgh-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}}
@media(max-width:700px){:is(#wgh-template-gallery,[data-catalog]) .wgh-catalog-grid{grid-template-columns:minmax(0,1fr);gap:34px}:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-heading h3{font-size:25px!important}:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions a,:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions button{font-size:16px;min-height:50px;padding:12px 10px}}
@media(any-pointer:coarse){:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions{position:static;display:grid;grid-template-columns:1fr 1fr;aspect-ratio:auto;margin:14px 0 0;padding:0;background:transparent;opacity:1;pointer-events:auto}:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions a,:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions button{width:100%;max-width:none;pointer-events:auto}}
@media(max-width:360px){:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions{gap:8px}:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions a,:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions button{font-size:14px;gap:6px;padding:12px 8px}}
@media(prefers-reduced-motion:reduce){:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions,:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions a,:is(#wgh-template-gallery,[data-catalog]) .wgh106-design .wgh105-design-actions button{transition:none}}

/* Fit compact selectors to their available width, not the full viewport width. */
:is(#wgh-template-gallery,[data-catalog]) .wgh-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
#wgh-template-gallery .wgh-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design.is-selected{outline:3px solid #1d50c7;outline-offset:6px;border-radius:8px}
:is(#wgh-template-gallery,[data-catalog]) .wgh106-design.is-selected .wgh105-design-heading>span{background:#1d50c7;color:#fff;border-color:#1d50c7}
@media(max-width:1180px){#wgh-template-gallery .wgh-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){:is(#wgh-template-gallery,[data-catalog]) .wgh-catalog-grid{grid-template-columns:minmax(0,1fr)}}


/* Source: wgh6117-accessibility.css */
/* v0.6.117: preserve the approved visual design, improve interaction states. */
.nav-industries.has-disclosure-controller .industry-submenu[hidden]{display:none!important}
.nav-industries.has-disclosure-controller.is-open .industry-submenu{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
.brand-header:focus-within{transform:translateY(0)!important}
.wgh117-field-error{display:block;margin-top:8px;color:#a72121;font-size:14px;line-height:1.5}
[data-wgh-error-summary] a{color:inherit;text-decoration:underline;text-underline-offset:3px}
[aria-invalid="true"]:is(input,textarea,select){border-color:#a72121!important}
.hero24.wgh117-motion-settled *,.hero24.wgh117-motion-settled *::before,.hero24.wgh117-motion-settled *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.hero24 *,.hero24 *::before,.hero24 *::after{animation:none!important;transition:none!important}}

