/*
Theme Name: FixMyHeadlights
Theme URI: https://fixmyheadlights.com
Author: EZ4U2 Inc.
Description: The FixMyHeadlights.com website: mobile headlight restoration in Miami-Dade and Broward. Includes the five site pages, before/after sliders, video testimonials, quote form and search engine setup.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: fmh
*/
@font-face{font-family:Archivo;font-weight:700;font-style:normal;font-display:swap;src:url(assets/fonts/archivo-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Archivo;font-weight:800;font-style:normal;font-display:swap;src:url(assets/fonts/archivo-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:400;font-style:normal;font-display:swap;src:url(assets/fonts/source-sans-3-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:600;font-style:normal;font-display:swap;src:url(assets/fonts/source-sans-3-latin-600-normal.woff2) format("woff2")}
:root{--navy:#0F2233;--navy2:#1C3347;--deep:#0A1825;--amber:#F5B301;--grey:#4A5A68;--bg:#F3F5F7;--line:#DDE3E8;--soft:#D3DCE4;--link:#175E9C}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--navy);background:var(--bg);font-size:18px;line-height:1.55;-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
a{color:var(--link)}
a:hover{color:var(--navy)}
h1,h2,h3,h4{font-family:Archivo,system-ui,sans-serif;line-height:1.15;margin:0;color:inherit}
h1{font-weight:800;font-size:clamp(34px,5vw,50px);line-height:1.1}
h2{font-weight:800;font-size:clamp(27px,3.6vw,36px)}
h3{font-weight:700;font-size:22px;line-height:1.25}
:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed!important;left:12px;top:12px;width:auto;height:auto;clip:auto;background:#fff;color:var(--navy);padding:12px 18px;z-index:100;border-radius:6px}

/* Header */
.fmh-header{background:#fff;border-bottom:1px solid var(--line)}
.fmh-header__in{max-width:1208px;margin:0 auto;padding:16px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px}
.fmh-brand{text-decoration:none;color:var(--navy);display:flex;flex-direction:column}
.fmh-brand__name{font-family:Archivo,sans-serif;font-weight:800;font-size:24px;line-height:1.2}
.fmh-brand__sub{font-size:13px;color:var(--grey)}
.fmh-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 28px;align-items:center}
.fmh-nav a{display:block;color:var(--navy);text-decoration:none;font-weight:600;padding:12px 0;border-bottom:3px solid transparent}
.fmh-nav a:hover{border-bottom-color:var(--line)}
.fmh-nav .current-menu-item>a,.fmh-nav .current_page_item>a{border-bottom-color:var(--amber)}
.fmh-call{background:var(--amber);color:var(--navy);text-decoration:none;font-weight:600;padding:12px 22px;border-radius:6px;white-space:nowrap}
.fmh-call:hover{background:#FFC93C;color:var(--navy)}
.fmh-navtoggle{display:none;font:inherit;font-weight:600;background:#fff;color:var(--navy);border:2px solid var(--navy);border-radius:6px;padding:10px 16px;cursor:pointer}
@media (max-width:980px){
.fmh-js .fmh-navtoggle{display:block;order:2}
.fmh-call{order:1;margin-left:auto}
.fmh-nav{order:3;width:100%}
.fmh-js .fmh-nav{display:none}
.fmh-js .fmh-nav.is-open{display:block}
.fmh-nav ul{flex-direction:column;align-items:stretch;gap:0}
.fmh-nav a{padding:14px 0;border-bottom:1px solid var(--line)}
.fmh-nav .current-menu-item>a,.fmh-nav .current_page_item>a{border-bottom-color:var(--line);box-shadow:inset 4px 0 0 var(--amber);padding-left:14px}
}
@media (max-width:520px){.fmh-header__in{padding:12px 16px;gap:8px}.fmh-brand__sub{display:none}.fmh-brand__name{font-size:20px}.fmh-call{padding:9px 12px}.fmh-navtoggle{padding:7px 12px}.fmh-call__num{display:none}}
@media (min-width:521px){.fmh-call__short{display:none}}

/* Sections */
.fmh-section{margin:0;padding:80px max(24px,calc((100% - 1160px)/2));display:flex;flex-direction:column;gap:36px}
.fmh-section.alignfull{max-width:none;width:auto;margin-left:0;margin-right:0}
.fmh-section :where(p,h1,h2,h3,h4,figure,blockquote,ul,ol){margin:0}
.fmh-section :where(.wp-block-group){display:flex;flex-direction:column;gap:12px;min-width:0}
.fmh-section>*,.fmh-section .wp-block-group>*{margin-block:0}
.fmh-dark{background:var(--navy);color:#fff}
.fmh-dark a{color:#fff}
.fmh-white{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fmh-accent{background:var(--amber)}
.fmh-accent a{color:var(--navy);font-weight:600}
.fmh-eyebrow{font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}
.fmh-lead{font-size:20px;color:var(--soft);max-width:720px}
.fmh-muted{color:var(--grey)}
.fmh-dark .fmh-muted,.fmh-soft,.fmh-small{color:var(--soft)}
.fmh-small{font-size:16px}
.fmh-strong{font-weight:600}
.fmh-pagehero{padding-top:72px;padding-bottom:72px;gap:16px}
.fmh-pagehero h1{max-width:800px}
.fmh-split{flex-direction:row;flex-wrap:wrap;gap:48px;align-items:center}
.fmh-split>*{flex:1 1 420px;min-width:0}
.fmh-split.fmh-top{align-items:flex-start;gap:40px}
.fmh-split__text{gap:18px}
.fmh-row{flex-direction:row;flex-wrap:wrap;gap:24px}
.fmh-row>*{flex:1 1 280px;min-width:0}
.fmh-section .fmh-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:32px 24px;align-items:start}
.fmh-section .fmh-grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px 24px;align-items:start}
.fmh-head{max-width:720px;gap:12px}
.fmh-headrow{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 16px}
.fmh-more a{font-weight:600}
.fmh-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px;gap:10px}
.fmh-card--dark{background:var(--navy);border-color:var(--navy);color:#fff}
.fmh-card--dark a{color:#fff}
.fmh-strip{padding-top:32px;padding-bottom:32px}
.fmh-statbox{gap:2px}
.fmh-stat{font-family:Archivo,sans-serif;font-weight:800;font-size:28px;line-height:1.2}
.fmh-card--dark .fmh-stat{font-size:22px}
.fmh-step{border-top:4px solid var(--amber);padding-top:20px;gap:10px}
.fmh-stepno{font-family:Archivo,sans-serif;font-weight:800;font-size:18px;color:var(--grey)}
.fmh-section .wp-block-quote.fmh-quote{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px;margin:0;display:flex;flex-direction:column;gap:12px;font-size:18px;font-style:normal}
.fmh-quote p{font-size:18px;font-style:normal}
.fmh-quote cite{font-style:normal;color:var(--grey);font-size:16px}
.fmh-narrow{padding-left:max(24px,calc((100% - 820px)/2));padding-right:max(24px,calc((100% - 820px)/2));gap:28px}
.fmh-faq{border-top:1px solid #C9D2DA;padding-top:20px;gap:8px}
.fmh-faq h3{font-size:20px}
.fmh-cta{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-top:64px;padding-bottom:64px}
.fmh-cta__text{flex:1 1 460px;gap:6px}
.fmh-cta h2{font-size:clamp(26px,3.4vw,34px)}
.fmh-article{padding:72px max(24px,calc((100% - 760px)/2));gap:16px}
.fmh-article h2{font-size:clamp(26px,3.4vw,32px);line-height:1.2;margin-top:32px}
.fmh-callout{background:var(--navy);color:#fff;border-radius:8px;padding:28px 32px;gap:6px}
.fmh-nooo{font-family:Archivo,sans-serif;font-weight:800;font-size:44px;line-height:1.1;color:var(--amber)}
.fmh-tight{padding-top:40px;padding-bottom:32px}
.fmh-tightb{padding-top:72px;padding-bottom:32px}
.fmh-tightt{padding-top:40px}
.fmh-reviewbox{background:var(--navy2);border-radius:8px;padding:28px;gap:6px;flex:0 1 380px}
.fmh-stars{color:var(--amber);font-size:30px;letter-spacing:4px;line-height:1.1}
@media (max-width:700px){.fmh-section{padding-top:56px;padding-bottom:56px;gap:28px}.fmh-strip{padding-top:28px;padding-bottom:28px}.fmh-tight,.fmh-tightt{padding-top:32px}.fmh-tight,.fmh-tightb{padding-bottom:24px}.fmh-split{gap:32px}.fmh-nooo{font-size:38px}}

/* Buttons */
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px}
.wp-block-button{margin:0}
.wp-block-button .wp-block-button__link,.fmh-btn{display:inline-block;font:inherit;font-weight:600;font-size:18px;line-height:1.4;background:var(--amber);color:var(--navy);text-decoration:none;padding:14px 26px;border-radius:6px;border:0;cursor:pointer}
.wp-block-button .wp-block-button__link:hover,.fmh-btn:hover{background:#FFC93C;color:var(--navy)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:inherit;border:2px solid currentColor;padding:12px 24px}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:rgba(255,255,255,.12);color:inherit}
.wp-block-button.is-style-fmh-dark .wp-block-button__link{background:var(--navy);color:#fff}
.wp-block-button.is-style-fmh-dark .wp-block-button__link:hover{background:var(--navy2);color:#fff}

/* Photos */
.fmh-section .wp-block-image{margin:0}
.fmh-section .wp-block-image img{display:block;width:100%;height:auto;border-radius:6px}
.fmh-section .wp-block-image figcaption,.fmh-section .wp-block-embed figcaption{margin:10px 0 0;font-size:16px;color:var(--grey);text-align:left}
.fmh-section .fmh-photo img{height:320px;object-fit:cover;border-radius:8px}
.fmh-section .fmh-archive img{height:300px;object-fit:contain;background:var(--navy)}
.fmh-section .fmh-archive figcaption,.fmh-videos figcaption{font-weight:600;color:var(--navy)}
.fmh-cap{font-weight:600}
.fmh-dark .fmh-cap{font-weight:400;font-size:15px;color:var(--soft)}
.fmh-section .fmh-pair,.fmh-section .fmh-slider{display:grid;grid-template-columns:1fr 1fr;gap:10px 4px}
.fmh-pair>.fmh-cap,.fmh-slider>.fmh-cap{grid-column:1/-1}
.fmh-pair>figure,.fmh-slider>figure{position:relative;min-width:0}
.fmh-section .fmh-pair>figure img,.fmh-section .fmh-slider>figure img{height:260px;object-fit:cover;border-radius:0}
.fmh-section .fmh-pair>figure:nth-of-type(1) img,.fmh-section .fmh-slider>figure:nth-of-type(1) img{border-radius:6px 0 0 6px}
.fmh-section .fmh-pair>figure:nth-of-type(2) img,.fmh-section .fmh-slider>figure:nth-of-type(2) img{border-radius:0 6px 6px 0}
.fmh-pair>figure::after,.fmh-slider>figure::after,.fmh-slider__tag{position:absolute;bottom:10px;font-size:14px;font-weight:600;line-height:1.4;padding:3px 10px;border-radius:4px}
.fmh-pair>figure:nth-of-type(1)::after,.fmh-slider>figure:nth-of-type(1)::after{content:"Before";left:10px;background:var(--navy);color:#fff}
.fmh-pair>figure:nth-of-type(2)::after,.fmh-slider>figure:nth-of-type(2)::after{content:"After";right:10px;background:var(--amber);color:var(--navy)}
@media (max-width:520px){.fmh-section .fmh-pair>figure img,.fmh-section .fmh-slider>figure img{height:170px}}

/* Before/after slider (front end, when scripts run) */
.fmh-js .fmh-section .fmh-slider{grid-template-columns:1fr;--pos:50%}
.fmh-js .fmh-slider>figure{grid-area:1/1}
.fmh-js .fmh-slider>figure::after{display:none}
.fmh-js .fmh-section .fmh-slider>figure img{aspect-ratio:4/3;height:auto;border-radius:8px}
.fmh-js .fmh-slider>figure:nth-of-type(1){z-index:2;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.fmh-js .fmh-slider>.fmh-cap{grid-row:2}
.fmh-slider__ui{grid-area:1/1;position:relative;z-index:3;border-radius:8px;overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.fmh-slider__tag--b{left:12px;background:var(--navy);color:#fff}
.fmh-slider__tag--a{right:12px;background:var(--amber);color:var(--navy)}
.fmh-slider__line{position:absolute;top:0;bottom:0;left:var(--pos);width:4px;margin-left:-2px;background:var(--amber)}
.fmh-slider__handle{position:absolute;top:50%;left:var(--pos);width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:var(--amber);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(10,24,37,.35)}
.fmh-slider__ui input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.fmh-slider__ui input:focus-visible~.fmh-slider__handle{outline:3px solid #fff;outline-offset:2px}

/* Videos */
.fmh-section .wp-block-embed{margin:0}
.fmh-yt__link{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:var(--navy);border-radius:8px;overflow:hidden;text-decoration:none}
.fmh-yt--tall .fmh-yt__link{aspect-ratio:9/16}
.fmh-yt__link img,.fmh-yt__link iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.fmh-yt__play{position:relative;width:72px;height:72px;border-radius:50%;background:var(--amber);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(10,24,37,.4);transition:transform .15s}
.fmh-yt__link:hover .fmh-yt__play{transform:scale(1.08)}
.fmh-article .wp-block-embed,.fmh-article .wp-block-image{max-width:640px;margin-top:8px;margin-bottom:8px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fmh-yt__play{transition:none}}

/* Contact */
.fmh-contact{flex-direction:row;flex-wrap:wrap;gap:40px;align-items:flex-start}
.fmh-contact>.fmh-formcard{flex:999 1 520px;padding:32px;gap:20px}
.fmh-formcard h2{font-size:28px}
.fmh-aside{flex:1 1 300px;gap:24px}
.fmh-h3{font-size:22px}
.fmh-label{font-size:15px;color:var(--grey);margin-top:6px!important}
.fmh-phone a{font-family:Archivo,sans-serif;font-weight:700;font-size:24px;color:var(--navy);text-decoration:none}
.fmh-email a,.fmh-hours{font-weight:600;overflow-wrap:anywhere}
.fmh-form{display:flex;flex-direction:column;gap:20px}
.fmh-form__row{display:flex;flex-wrap:wrap;gap:20px}
.fmh-field{min-width:0;display:flex;flex-direction:column;gap:6px}
.fmh-form__row>.fmh-field{flex:1 1 220px}
.fmh-field label{font-weight:600}
.fmh-field input[type=text],.fmh-field input[type=tel],.fmh-field input[type=email],.fmh-field textarea{font:inherit;width:100%;padding:12px 14px;border:1px solid #6B7C8A;border-radius:6px;background:#fff;color:var(--navy)}
.fmh-field textarea{resize:vertical;min-height:130px}
.fmh-field input[type=file]{font:inherit;padding:8px 0;max-width:100%}
.fmh-field small{color:var(--grey);font-size:15px}
.fmh-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fmh-notice{border-radius:6px;padding:16px 18px;font-weight:600}
.fmh-notice--ok{background:#E3F4E8;color:#14532D;border:1px solid #9CD3AC}
.fmh-notice--err{background:#FDECEC;color:#8A1C1C;border:1px solid #F0B4B4}
@media (max-width:520px){.fmh-contact>.fmh-formcard{padding:22px}.fmh-card{padding:22px}}

/* Footer */
.fmh-footer{background:var(--deep);color:var(--soft);font-size:16px}
.fmh-footer__in{max-width:1208px;margin:0 auto;padding:48px 24px;display:flex;flex-wrap:wrap;gap:32px 64px}
.fmh-footer__col{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:6px}
.fmh-footer__name{font-family:Archivo,sans-serif;font-weight:800;font-size:20px;color:#fff}
.fmh-footer a{color:var(--soft);padding:7px 0;overflow-wrap:anywhere}
.fmh-footer a:hover{color:#fff}
.fmh-footer a.fmh-footer__tel{color:#fff;font-weight:600}
.fmh-footer__legal{max-width:1208px;margin:0 auto;padding:16px 24px 32px;border-top:1px solid #24384A}

/* Ordinary pages and posts */
.fmh-plain{max-width:808px;margin:0 auto;padding:64px 24px;display:block}
.fmh-plain h1{margin-bottom:24px}
.fmh-plain h2{margin:32px 0 12px}
.fmh-plain article+article{margin-top:40px;padding-top:40px;border-top:1px solid var(--line)}