/*
Theme Name: FitmentZone
Theme URI: https://fitmentzone.com/
Author: FitmentZone
Description: Premium automotive wheel fitment database theme with vehicle profiles, fitment guides, specification panels and responsive layouts.
Version: 14.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: fitmentzone
*/
:root{--fz-ink:#111913;--fz-dark:#0d1711;--fz-green:#168b3a;--fz-lime:#78d52a;--fz-paper:#f4f6f3;--fz-line:#dfe6df;--fz-muted:#68736b;--fz-white:#fff;--fz-soft:#edf7eb;--fz-radius:13px;--fz-shadow:0 8px 24px rgba(20,40,24,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--fz-paper);color:var(--fz-ink);font:15px/1.65 Inter,Arial,sans-serif}img{max-width:100%;height:auto}a{color:var(--fz-green);text-decoration:none}a:hover{color:#0e682b}button,input,select{font:inherit}.fz-container{width:min(1240px,calc(100% - 42px));margin-inline:auto}.fz-topbar{background:var(--fz-dark);color:#cbd4cc;font-size:11px;padding:7px 0}.fz-topbar .fz-container{display:flex;justify-content:space-between;gap:15px}.site-header{position:sticky;top:0;z-index:99;background:#fff;border-bottom:1px solid var(--fz-line);box-shadow:0 3px 14px rgba(15,35,20,.045)}.fz-header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.custom-logo-link{display:inline-flex;align-items:center;max-width:245px}.custom-logo{max-height:54px;width:auto}.fz-wordmark{font-size:27px;font-weight:950;font-style:italic;letter-spacing:-1.7px;line-height:1;color:#111}.fz-wordmark span{color:var(--fz-green)}.fz-wordmark small{display:block;text-align:center;font:800 8px/1.5 Arial;letter-spacing:2.2px;color:#536057}.fz-nav{display:flex;align-items:center;gap:25px}.fz-nav ul{list-style:none;display:flex;align-items:center;gap:24px;margin:0;padding:0}.fz-nav li{margin:0}.fz-nav a{color:#27332a;font-size:13px;font-weight:750}.fz-nav a:hover,.fz-nav .current-menu-item>a{color:var(--fz-green)}.fz-nav-cta,.fz-button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--fz-green);color:#fff!important;border:0;border-radius:7px;padding:12px 18px;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 5px 14px rgba(22,139,58,.15)}.fz-nav-cta:hover,.fz-button:hover,.wp-block-button__link:hover{background:#106f2e;color:#fff}.fz-menu-toggle{display:none;border:1px solid var(--fz-line);background:#fff;border-radius:7px;padding:9px 12px;color:var(--fz-ink)}
.fz-breadcrumbs{font-size:12px;color:var(--fz-muted);padding:14px 0}.fz-breadcrumbs a{color:#667168}.fz-breadcrumbs span{padding:0 8px;color:#a5afa7}.fz-section{padding:58px 0}.fz-section-white{background:#fff}.fz-eyebrow{color:var(--fz-green);font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:900}.fz-section-title{font-size:clamp(27px,3vw,38px);line-height:1.15;letter-spacing:-1.1px;margin:8px 0 12px}.fz-section-intro{color:var(--fz-muted);max-width:700px;margin:0 0 26px}.fz-card{background:#fff;border:1px solid var(--fz-line);border-radius:var(--fz-radius);box-shadow:var(--fz-shadow);overflow:hidden}.fz-card-body{padding:20px}.fz-grid{display:grid;gap:18px}.fz-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.fz-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.fz-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.fz-hero-home{background:linear-gradient(115deg,#0d1711 0%,#13251a 58%,#1c3925 100%);color:#fff;padding:64px 0;position:relative;overflow:hidden}.fz-hero-home:after{content:"";position:absolute;right:-130px;top:-190px;width:560px;height:560px;border:65px solid rgba(120,213,42,.08);border-radius:50%}.fz-hero-home .fz-container{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.fz-hero-home h1{font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-2.6px;margin:12px 0 16px;color:#fff}.fz-hero-home h1 em{font-style:normal;color:var(--fz-lime)}.fz-hero-home p{color:#d2ddd4;max-width:560px}.fz-hero-visual{min-height:300px;border-radius:18px;background:linear-gradient(135deg,#26382c,#101813);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);overflow:hidden}.fz-hero-visual img{width:100%;height:100%;object-fit:cover}.fz-search-panel{background:#fff;padding:20px;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.12);margin-top:25px}.fz-search-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px}.fz-field label{display:block;font-size:10px;font-weight:850;text-transform:uppercase;color:#667168;margin-bottom:4px}.fz-field select,.fz-field input{width:100%;border:1px solid var(--fz-line);border-radius:7px;padding:11px;background:#fbfcfa;color:#27332a}.fz-search-fields button{align-self:end}
.fz-make-card,.fz-vehicle-card,.fz-guide-card{background:#fff;border:1px solid var(--fz-line);border-radius:11px;overflow:hidden;transition:transform .18s,box-shadow .18s}.fz-make-card:hover,.fz-vehicle-card:hover,.fz-guide-card:hover{transform:translateY(-3px);box-shadow:var(--fz-shadow)}.fz-make-card{padding:22px;text-align:center;font-weight:850;color:#243128}.fz-vehicle-card img,.fz-guide-card img{width:100%;height:170px;object-fit:cover;display:block}.fz-vehicle-card .fz-card-body,.fz-guide-card .fz-card-body{padding:17px}.fz-vehicle-card h3,.fz-guide-card h3{font-size:18px;line-height:1.25;margin:0 0 7px}.fz-meta-line{font-size:12px;color:var(--fz-muted)}
.fz-page-hero{display:grid;grid-template-columns:1.04fr .96fr;background:var(--fz-dark);color:#fff;border-radius:15px;overflow:hidden;min-height:360px;box-shadow:0 16px 36px rgba(10,25,14,.14)}.fz-page-hero-image{min-height:360px;position:relative;background:#202923}.fz-page-hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fz-page-hero-content{padding:30px 34px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 90% 8%,rgba(91,168,67,.14),transparent 32%),linear-gradient(135deg,#0d1711,#19271d);position:relative}.fz-page-hero-content:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--fz-lime)}.fz-page-hero h1{font-size:clamp(30px,3.5vw,43px);line-height:1.08;letter-spacing:-1.5px;margin:10px 0;color:#fff}.fz-page-hero .fz-deck{font-size:13px;color:#c9d4cb;margin:0 0 18px}.fz-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(209,230,211,.22);border-radius:11px;overflow:hidden}.fz-spec{padding:11px 12px;border-right:1px solid rgba(209,230,211,.18);border-bottom:1px solid rgba(209,230,211,.18);min-height:65px}.fz-spec span{display:block;color:#aab8ad;font-size:9px;text-transform:uppercase;letter-spacing:.45px;font-weight:750}.fz-spec strong{display:block;color:#fff;font-size:13px;line-height:1.35}.fz-spec strong.accent{color:#9bea5c}.fz-generation-nav{display:flex;overflow:auto;gap:0;margin:14px 0;background:#fff;border:1px solid var(--fz-line);border-radius:10px;box-shadow:0 4px 14px rgba(20,40,24,.035)}.fz-generation-nav a{white-space:nowrap;padding:12px 15px;border-right:1px solid #e7ece6;font-size:11px;font-weight:800;color:#526056}.fz-generation-nav a:hover{color:var(--fz-green);background:#f3faf1}
.fz-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start;margin:22px 0 60px}.fz-article{background:#fff;border:1px solid var(--fz-line);border-radius:13px;padding:34px 40px;min-width:0;box-shadow:var(--fz-shadow)}.fz-article h2{font-size:26px;line-height:1.2;letter-spacing:-.7px;margin:38px 0 14px;padding-left:13px;border-left:4px solid var(--fz-green);scroll-margin-top:95px}.fz-article h2:first-child{margin-top:0}.fz-article p{font-size:14px;line-height:1.82;color:#39443c;margin:0 0 17px}.fz-article img{border-radius:9px}.fz-article table{border-collapse:collapse;width:100%;min-width:600px;font-size:12px;line-height:1.5}.fz-table-scroll{overflow:auto;border:1px solid var(--fz-line);border-radius:9px;margin:18px 0 26px}.fz-article th{background:#173521;color:#fff;text-align:left;padding:12px 13px;white-space:nowrap}.fz-article td{padding:10px 13px;border-top:1px solid var(--fz-line);color:#344037}.fz-article tbody tr:nth-child(even){background:#f1f5f0}.fz-article ul{padding-left:22px}.fz-article li{padding:3px 0;color:#354139}.fz-callout{background:#eff8eb;border:1px solid #d8ebd2;border-radius:9px;padding:15px 17px;margin:22px 0;color:#314536;box-shadow:inset 3px 0 0 #57bd42}.fz-sidebar{position:sticky;top:96px;display:grid;gap:13px}.fz-side-card{background:#fff;border:1px solid var(--fz-line);border-radius:11px;overflow:hidden;box-shadow:var(--fz-shadow)}.fz-side-title{background:linear-gradient(100deg,#14351e,#1c572b);color:#fff;padding:13px 16px;font-weight:850;font-size:14px}.fz-side-body{padding:13px 16px}.fz-toc a{display:block;padding:8px 0;border-bottom:1px solid #edf0ed;font-size:12px;color:#526056}.fz-toc a:before{content:"›";font-size:17px;color:var(--fz-green);font-weight:900;margin-right:9px}.fz-spec-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #edf0ed;font-size:11.5px}.fz-spec-row:last-child{border:0}.fz-spec-row span{color:#647168}.fz-spec-row b{text-align:right;color:#1d2b20}
.fz-table-wrap{overflow:auto}.fz-data-table{width:100%;border-collapse:collapse;min-width:620px;background:#fff}.fz-data-table th{background:#14251a;color:#fff;text-align:left;padding:12px;font-size:12px}.fz-data-table td{padding:11px 12px;border-bottom:1px solid var(--fz-line);font-size:13px}.fz-data-table tr:nth-child(even){background:#f4f7f3}
.fz-pagination{display:flex;gap:8px;justify-content:center;margin:30px 0}.fz-pagination a,.fz-pagination span{padding:9px 13px;background:#fff;border:1px solid var(--fz-line);border-radius:6px}.fz-pagination .current{background:var(--fz-green);color:#fff}
.site-footer{background:#101813;color:#dce5dd;padding:42px 0 22px;margin-top:40px}.site-footer a{color:#dce5dd}.fz-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}.fz-footer-grid h3{font-size:13px;color:#fff}.fz-footer-grid ul{list-style:none;padding:0;margin:0}.fz-footer-grid li{margin:7px 0;font-size:12px;color:#aab6ac}.fz-footer-bottom{border-top:1px solid #2c3a30;margin-top:30px;padding-top:18px;font-size:11px;color:#aab6ac}
.fz-post-content{background:#fff;border:1px solid var(--fz-line);border-radius:13px;padding:34px 40px}.fz-post-content h1{font-size:clamp(30px,4vw,44px);line-height:1.12}.fz-post-content img{border-radius:10px}.fz-search-results{display:grid;gap:14px}.fz-result{padding:18px;background:#fff;border:1px solid var(--fz-line);border-radius:10px}
@media(max-width:980px){.fz-content-layout{grid-template-columns:1fr}.fz-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.fz-footer-grid{grid-template-columns:repeat(2,1fr)}.fz-page-hero{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.fz-container{width:calc(100% - 26px)}.fz-header-inner{height:64px}.fz-nav{display:none;position:absolute;left:0;right:0;top:64px;background:#fff;padding:16px 20px;border-bottom:1px solid var(--fz-line)}.fz-nav.is-open{display:block}.fz-nav ul{display:block}.fz-nav li{padding:10px 0}.fz-menu-toggle{display:block}.fz-topbar .fz-container{font-size:9px}.fz-hero-home{padding:42px 0}.fz-hero-home .fz-container{grid-template-columns:1fr;gap:25px}.fz-hero-home h1{font-size:42px}.fz-search-fields{grid-template-columns:1fr 1fr}.fz-search-fields button{grid-column:1/-1}.fz-grid-3,.fz-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.fz-page-hero{grid-template-columns:1fr}.fz-page-hero-image{min-height:230px}.fz-page-hero-content{padding:25px 20px}.fz-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fz-content-layout{margin-top:16px}.fz-article,.fz-post-content{padding:24px 19px}.fz-article h2{font-size:23px}.fz-sidebar{grid-template-columns:1fr}.fz-footer-grid{grid-template-columns:1fr 1fr}.fz-generation-nav a{padding:11px 12px;font-size:10px}}
@media(max-width:430px){.fz-grid-2,.fz-grid-3,.fz-grid-4{grid-template-columns:1fr}.fz-search-fields{grid-template-columns:1fr}.fz-search-fields button{grid-column:auto}.fz-footer-grid{grid-template-columns:1fr}}


/* V2 unified content editor and archive polish */
.fz-admin-note{background:#f0f8ed;border-left:4px solid #168b3a;padding:12px 14px}
.fz-article .wp-block-heading{scroll-margin-top:100px}
.fz-article .wp-block-table{overflow-x:auto}
.fz-article .wp-block-table table{min-width:600px}
.fz-article .wp-block-image img{border-radius:10px}

/* V3: integrated vehicle-fitment fields in standard Posts editor */

/* V4 customizer polish */
.fz-nav-cta{white-space:nowrap}
.customize-partial-edit-shortcuts-shown .fz-hero-home,
.customize-partial-edit-shortcuts-shown .site-header{outline-offset:3px}
@media(max-width:700px){.fz-topbar .fz-container{flex-wrap:wrap}}


/* V5 hero image: transparent, card-free, size controlled by Customizer slider */
.fz-hero-visual{
    min-height:0;
    border:0;
    border-radius:0;
    background:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
    padding:0;
}
.fz-hero-visual img{
    display:block;
    width:85%;
    max-width:none;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 24px 24px rgba(0,0,0,.24));
}
@media(max-width:760px){
    .fz-hero-visual{margin-top:24px}
    .fz-hero-visual img{width:min(100%, var(--fz-hero-image-mobile, 100%))}
}


/* V6: remove the visible image container completely */
.fz-hero-home .fz-hero-visual,
.fz-hero-home .fz-hero-visual:hover,
.fz-hero-home .fz-hero-visual:before,
.fz-hero-home .fz-hero-visual:after{
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}
.fz-hero-home .fz-hero-visual{
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}
.fz-hero-home .fz-hero-visual img{
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    object-fit: contain !important;
}


/* V7: definitive hero image-only stage; also neutralize legacy theme card styles */
body .fz-hero-home .fz-hero-visual,
body .fz-hero-home div.fz-hero-visual,
body .fz-hero-home .fz-container > .fz-hero-visual {
    all: unset !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    position: relative !important;
}
body .fz-hero-home .fz-hero-visual::before,
body .fz-hero-home .fz-hero-visual::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}
body .fz-hero-home .fz-hero-visual img {
    display: block !important;
    max-width: none !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    object-fit: contain !important;
}


/* V8 announcement bar: editable, seamless scrolling ticker */
.fz-topbar{position:relative;z-index:100;overflow:hidden;font-size:12px;line-height:1.35}
.fz-topbar-viewport{width:100%;overflow:hidden;white-space:nowrap}
.fz-topbar-track{display:flex;width:max-content;min-width:200%;animation:fz-topbar-marquee 24s linear infinite;will-change:transform}
.fz-topbar-message{display:block;flex:0 0 50%;padding:0 4vw;white-space:nowrap}
.fz-topbar.is-scrolling:hover .fz-topbar-track{animation-play-state:paused}
.fz-topbar.is-static .fz-topbar-static{display:flex;justify-content:space-between;gap:18px}
@keyframes fz-topbar-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.fz-topbar-track{animation:none!important;transform:none!important}.fz-topbar-message:nth-child(2){display:none}}
@media(max-width:700px){.fz-topbar.is-static .fz-topbar-static{justify-content:center;text-align:center}.fz-topbar.is-static .fz-topbar-static span:last-child{display:none}.fz-topbar-message{padding:0 24px}}


/* V9: compact announcement ticker spacing */
.fz-topbar{font-size:11px;line-height:1.25}
.fz-topbar-viewport{width:100%;overflow:hidden;white-space:nowrap}
.fz-topbar-track{display:flex;width:max-content;min-width:0;animation:fz-topbar-marquee 28s linear infinite;will-change:transform}
.fz-topbar-group{display:flex;align-items:center;flex:0 0 auto;gap:22px;padding:0 28px}
.fz-topbar-message{display:inline-block;flex:0 0 auto;padding:0;white-space:nowrap}
.fz-topbar-separator{opacity:.65;flex:0 0 auto}
.fz-topbar-track{animation-duration:28s}
@keyframes fz-topbar-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:700px){.fz-topbar-group{gap:14px;padding:0 18px}}


/* V10: seamless marquee — next text enters from the right as current text exits left */
.fz-topbar-viewport{display:block;width:100%;overflow:hidden;white-space:nowrap}
.fz-topbar-track{
    display:flex;
    width:max-content;
    min-width:0;
    gap:0;
    animation-name:fz-topbar-seamless;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-play-state:running;
    will-change:transform;
}
.fz-topbar-group{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:flex-start;
    gap:22px;
    padding:0 28px;
}
.fz-topbar-sequence{display:flex;flex:0 0 auto;align-items:center;gap:0}
.fz-topbar-message{display:inline-block;flex:0 0 auto;padding:0;white-space:nowrap}
.fz-topbar-separator{flex:0 0 auto;opacity:.65}
.fz-topbar.is-scrolling:hover .fz-topbar-track{animation-play-state:paused}
@keyframes fz-topbar-seamless{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(calc(-1 * var(--fz-ticker-distance, 1000px)),0,0)}
}
@media(prefers-reduced-motion:reduce){
    .fz-topbar-track{animation:none!important;transform:none!important}
    .fz-topbar-sequence[aria-hidden="true"]{display:none!important}
}
@media(max-width:700px){.fz-topbar-group{gap:14px;padding:0 18px}}


/* V11: slightly taller, more legible announcement bar defaults */
.fz-topbar{
    font-size:12px;
    line-height:1.4;
}
.fz-topbar-group{
    gap:22px;
    padding-top:1px;
    padding-bottom:1px;
}


/* V12 vehicle finder: Make -> dependent Model; no Year field */
.fz-search-fields.fz-vehicle-finder{grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:14px}
.fz-vehicle-finder .fz-field select{min-height:58px;font-size:17px}
.fz-vehicle-finder button{min-height:58px;white-space:nowrap}
.fz-vehicle-finder select:disabled{opacity:.72;cursor:not-allowed;background:#f1f3f0}
@media(max-width:760px){
  .fz-search-fields.fz-vehicle-finder{grid-template-columns:1fr}
  .fz-vehicle-finder button{width:100%}
}


/* V13: announcement bar uses the FitmentZone brand green by default */
.fz-topbar{background:#168b3a}

/* V14 frontend fix: brand-green fallback; Customizer emits the selected color with !important. */
.fz-topbar{background-color:#168b3a !important;font-weight:700}
.fz-topbar-message,.fz-topbar-static span{font-weight:700}