/* Static-build additions: Jobber quote card in the former Gravity Forms slots (white "Jobber look-alike" card) */
.mgs-quote-card{background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(3,7,18,.35);padding:22px 20px 18px;max-width:490px;margin-left:auto;color:#334155}
.mgs-quote-footer{max-width:720px;margin:40px auto}
.mgs-quote-title{font-family:"DM Sans",sans-serif;font-weight:800;font-size:24px;color:#17375E!important;margin:0 0 4px}
.mgs-quote-sub{font-size:14px;color:#475569;margin:0 0 12px}
.mgs-quote-card [data-jobber]{min-height:420px}
@media(max-width:767px){.mgs-quote-card{margin:16px;max-width:none}}
.mgs-quote-page{max-width:720px;margin:30px auto}

/* 2026-10-26 cosmetic pass after the static cutover */
#top-bar-wrap{display:none}
html{scroll-behavior:smooth}
#get-quote{scroll-margin-top:24px}
.mgs-quote-footer,.mgs-quote-page{width:100%}
.mgs-quote-footer{max-width:760px}
.eael-adv-accordion .eael-accordion-header svg.fa-toggle,.eael-adv-accordion svg.fa-accordion-icon{width:1em;height:1em;flex:none}
/* Homepage hero: compact quote card (the full Jobber form lives in the footer card, #get-quote) */
.mgs-quote-hero{max-width:430px;width:100%;padding:28px 26px 24px}
.mgs-quote-list{list-style:none;margin:16px 0 20px;padding:0}
.mgs-quote-list li{position:relative;padding:9px 0 9px 32px;font-size:15px;line-height:1.4;color:#1e293b;border-bottom:1px solid #E2E8F0}
.mgs-quote-list li:last-child{border-bottom:0}
.mgs-quote-list li:before{content:"";position:absolute;left:0;top:9px;width:21px;height:21px;border-radius:50%;background:#23A455 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.mgs-quote-btn{display:block;text-align:center;background:#17375E;color:#fff!important;font-family:"DM Sans",sans-serif;font-weight:800;font-size:16px;padding:15px 18px;border-radius:10px;text-decoration:none;transition:background .2s}
.mgs-quote-btn:hover{background:#0f2744}
.mgs-quote-call{text-align:center;margin:12px 0 0;font-size:14px;color:#475569}
.mgs-quote-call a{color:#17375E;font-weight:700;text-decoration:none}
@media(max-width:767px){.mgs-quote-hero{margin:24px auto 8px;max-width:none;width:auto}}
/* leftover WooCommerce / OceanWP overlays that need JS we no longer ship */
#owp-qv-wrap,#oceanwp-cart-sidebar-wrap,.pswp,.oceanwp-cart-sidebar-overlay{display:none!important}
/* hero column wrapper kept the old form-card styling: let the quote card be the only card */
body .elementor-33 .elementor-element-9731eee>.elementor-widget-wrap{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
@media(max-width:767px){
body .elementor-33 .elementor-element-9731eee>.elementor-widget-wrap{padding:0!important;margin:8px 16px 30px!important}
body .mgs-quote-hero{margin:0}
body .elementor-widget-toggle>.elementor-widget-container{margin-top:0!important;padding-top:4px!important;padding-bottom:4px!important}
}
/* trust-card rows: fit 3 or 4 cards, long e-mail addresses wrap; 3-card rows stack on phones */
.mgs-trust{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
.mgs-tcard{min-width:0;overflow-wrap:anywhere}
@media(max-width:767px){.mgs-trust:has(>.mgs-tcard:nth-child(3):last-child){grid-template-columns:1fr!important}}/* About-us quote on phones: no justified text (big word gaps) */
@media(max-width:767px){.elementor-33 .elementor-element.elementor-element-74ca571{text-align:left!important}}