/*
 * MVP Insurance Blocks — adjustments so core block markup renders like the original
 * hand-written homepage (assets/home.css) and policy pages (assets/policy.css).
 * Loaded after those stylesheets.
 */

/* ---------- Shared ---------- */
figure.wp-block-image{margin:0}

/* ---------- Homepage: masthead ---------- */
.brandhead .brand-contact p{margin:0}
.brandhead figure.brandlogo{margin:0}
.brandhead figure.brandlogo img{display:block;width:100%;height:auto;max-width:100%}
/* Phone icon (was an inline SVG in the classic theme). */
.header-phone::before{content:"";display:block;width:17px;height:17px;flex-shrink:0;background-color:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.96.34 1.9.66 2.8a2 2 0 0 1-.45 2.11L8.05 9.91a16 16 0 0 0 6 6l1.28-1.27a2 2 0 0 1 2.11-.45c.9.32 1.84.54 2.8.66A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.96.34 1.9.66 2.8a2 2 0 0 1-.45 2.11L8.05 9.91a16 16 0 0 0 6 6l1.28-1.27a2 2 0 0 1 2.11-.45c.9.32 1.84.54 2.8.66A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:680px){.header-phone::before{width:14px;height:14px}}
.header-phone a{color:inherit;text-decoration:none}

/* ---------- Homepage: coverage grid ---------- */
/* 2.1.0: the hero heading is now the page's H1 (was H2); same look as the old .coverage-section h2 rules in home.css. */
.coverage-section h1{text-align:center;font-family:Georgia,serif;font-size:clamp(29px,3.4vw,43px);font-weight:400;letter-spacing:-.8px;line-height:1.2;margin:0}
@media(max-width:600px){.coverage-section h1{font-size:clamp(25px,7vw,36px)!important}}
.coverage-section .coverage p.coverage-name{margin:0}
.coverage-section .coverage-art img{vertical-align:middle}

/* ---------- Homepage: eyebrow labels were inline <span>s in a 16px line ----------
   Padding reproduces the 16px line box the span sat in, so headings below don't shift. */
.mvp-blocks-home p.eyebrow,
.mvp-blocks-home .quote > p.eyebrow{margin:0;padding:3px 0 1px;font-size:12px;line-height:14px;color:#777;max-width:none}

/* ---------- Homepage: review cards ---------- */
.review p.stars{flex:none;margin:0;font-size:19px;line-height:normal}
.review p.review-source{flex:none;margin:12px 0 0;color:#777;font-size:smaller;line-height:normal}
.reviews p.more{margin-bottom:0}
.reviews p.more a{color:inherit;font-weight:inherit}

/* ---------- Quote form ---------- */
.quote .notice:empty{display:none}
/* Jotform embed (2.0.2): the iframe fills the card; Jotform's handler sets its height. */
.quote .mvp-jotform{margin:12px -10px 0;border-top:1px solid #e4d9c7;padding-top:8px}
.quote .mvp-jotform iframe{display:block;width:100%;min-width:100%;max-width:100%;border:0;background:transparent}
@media(max-width:650px){.quote .mvp-jotform{margin-left:-8px;margin-right:-8px}}

/* ---------- Homepage footer: first two lines were <nav>/<div> with no margins ---------- */
footer .disclosure > p.legal-links,
footer .disclosure > p.footer-contact{margin:0 auto;line-height:1.6}
footer details.wp-block-details{box-sizing:border-box}

/* ---------- Policy pages ---------- */
.mvp-blocks-page-header p.mvp-blocks-sitelink{margin:0}
.mvp-blocks-page-header p.mvp-blocks-sitelink a{color:inherit;text-decoration:none;font-size:22px;font-weight:bold}
p.mvp-blocks-legal-nav{display:flex;gap:22px;flex-wrap:wrap;margin:32px 0 0;border-top:1px solid #ddd;padding-top:20px}
/* Core gives Post Content display:flow-root; the classic template let the title's bottom margin collapse into the first heading. */
.mvp-blocks-page .wp-block-post-content{display:block}

/* ---------- 2.1.1: black "Request a Free Quote" section (client request) ----------
   The section and the card behind the Jotform are black/near-black; the Jotform itself uses
   a matching #121212 background with light labels and gold accents (set in Jotform). */
.mvp-blocks-home .quotearea{background:#000}
.mvp-blocks-home .quotearea .quote{background:#121212;border:1px solid #2b2620;box-shadow:none!important;color:#f3eee4}
.mvp-blocks-home .quotearea .quote h2{color:#fff}
.mvp-blocks-home .quotearea .quote > p{color:#d8d0c2}
.mvp-blocks-home .quotearea .quote > p.eyebrow{color:#eab83f}
.mvp-blocks-home .quotearea .quote a{color:#f0c25d}
.mvp-blocks-home .quotearea .quote a:hover,.mvp-blocks-home .quotearea .quote a:focus{color:#eab83f}
.mvp-blocks-home .quotearea .quote .fine,.mvp-blocks-home .quotearea .quote .hint,.mvp-blocks-home .quotearea .quote small{color:#b9b0a1}
.mvp-blocks-home .quotearea .quote .notice{background:#2a2316;color:#f3eee4}
.mvp-blocks-home .quotearea .quote .mvp-jotform{border-top-color:#3d3628}
.mvp-blocks-home .quotearea .quote .mvp-jotform iframe{background:#121212}
.mvp-blocks-home .quotearea .quote .mvp-jotform noscript a{color:#f0c25d}
