/*
Theme Name: JJRODS Showroom
Version: 0.9.16
Description: Classic car showroom with native WordPress posts and galleries.
Author: JJRODS
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
:root{--ink:#171819;--paper:#f5f2eb;--red:#b52e30;--muted:#b9b7b1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{max-width:100%;height:auto}header{background:var(--ink);color:white;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.brand{text-decoration:none;font-size:35px;font-weight:900;letter-spacing:-2px}.brand span{color:#ef585a}nav ul{list-style:none;display:flex;gap:24px;flex-wrap:wrap;margin:0;padding:0}nav a{text-decoration:none;font-size:14px}main{min-height:65vh}.wrap{max-width:1360px;margin:auto;padding:60px 5%}.hero{background:var(--ink);color:var(--paper);padding:70px 5%;display:grid;grid-template-columns:1fr 1.15fr;gap:50px;align-items:center}.hero h1{font-size:clamp(44px,6vw,86px);line-height:1.02;letter-spacing:-3px;margin:20px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--red)}.hero .eyebrow{color:#ff3838}.hero p{max-width:470px;color:var(--muted)}.hero figure{margin:0}.hero img{width:100%;max-height:540px;object-fit:contain}.hero figcaption{font-size:13px;color:var(--muted);margin-top:12px}.button{display:inline-block;background:var(--red);color:white;padding:13px 23px;text-decoration:none;font-weight:700;font-size:14px;margin-top:16px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.section-head h2{font-size:38px;line-height:1.2;margin:8px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.car{background:white;border:1px solid #ddd9d1}.car>a{display:block;text-decoration:none}.car img{width:100%;height:260px;object-fit:contain;background:#eeece7}.car-copy{padding:23px}.car h2{font-size:23px;line-height:1.2;margin:12px 0}.badge{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:var(--red)}.price{font-weight:800;font-size:22px}.listing{max-width:1200px}.listing h1,.page-title{font-size:clamp(35px,5vw,64px);line-height:1.12;letter-spacing:-1.5px}.listing>.featured{display:block;margin:35px auto;max-height:700px;object-fit:contain}.content{overflow-wrap:anywhere}.content p{margin:1em 0}.content iframe{max-width:100%}.content .gallery{display:flex;flex-wrap:wrap;gap:16px}.content .gallery-item{margin:0!important;width:calc(33.333% - 16px)!important}.content .gallery img{border:0!important;width:100%;height:220px;object-fit:contain;background:#eee}.wp-block-gallery img{object-fit:contain!important}.inquiry{border-top:1px solid #ccc;padding-top:25px;margin-top:45px}.empty{border:1px dashed #aaa;padding:50px;text-align:center}.navigation.pagination{margin-top:35px}.page-numbers{padding:8px}footer{background:var(--ink);color:var(--paper);padding:45px 5%;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}footer p{font-size:14px;color:var(--muted)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:white;padding:15px;z-index:999}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}@media(max-width:900px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.grid{grid-template-columns:1fr}.wrap{padding-top:35px}.hero{padding-top:35px}.hero h1{letter-spacing:-1px}nav ul{gap:15px}.section-head{align-items:flex-start;flex-direction:column}.content .gallery-item{width:calc(50% - 16px)!important}.content .gallery img{height:150px}}

/* Approved showroom direction */
header{background:var(--paper);color:var(--ink)}.custom-logo-link{display:block}.custom-logo{width:185px;height:auto;display:block}h1,h2,h3{font-family:Georgia,serif;font-weight:normal}.hero h1{letter-spacing:-2px}.hero{grid-template-columns:.85fr 1.15fr}.jjrods-video{aspect-ratio:16/9;width:100%;margin:30px 0}.jjrods-video iframe{width:100%;height:100%;border:0}@media(max-width:900px){.hero{grid-template-columns:1fr}}

/* Full navigation, About, testimonials and visit section */
header{position:relative;z-index:10}header nav{flex:1;max-width:100%;margin-left:auto}header nav>ul,header nav .menu>ul{justify-content:flex-end;align-items:center;gap:17px}header nav a{font-size:13px}header nav li{position:relative}header summary{font-size:13px;cursor:pointer;padding:10px 0}header summary:focus-visible{outline:3px solid var(--red);outline-offset:3px}header nav .jj-dropdown,header nav .sub-menu{background:var(--paper);color:var(--ink);border:1px solid #ccc5b8;position:absolute;top:100%;left:0;min-width:210px;display:block;padding:10px;z-index:12}header nav .jj-dropdown a,header nav .sub-menu a{display:block;padding:9px}header nav .sub-menu{display:none}header nav li:hover>.sub-menu,header nav li:focus-within>.sub-menu{display:block}.jj-about{position:relative;isolation:isolate;overflow:hidden;min-height:380px;padding:60px 5%;background:#e9e3d7;color:var(--ink)}.jj-about-copy{max-width:47%}.jj-about h2,.jj-reviews h2,.jj-visit h2{font-size:38px;line-height:1.1;margin:16px 0 25px}.jj-building{position:absolute;right:0;top:0;width:64%;height:100%;object-fit:contain;opacity:.8;z-index:-2}.jj-about:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#e9e3d7 0%,#e9e3d7 33%,rgba(233,227,215,.92) 43%,rgba(233,227,215,.35) 65%,rgba(233,227,215,.08) 100%)}.jj-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-bottom:30px}.jj-quotes blockquote{margin:0;border-top:2px solid var(--red);padding:18px 0}.jj-quotes p{font:20px/1.6 Georgia,serif}.jj-quotes cite{font-style:normal;font-size:13px;color:#625c51}.jj-visit{background:var(--ink);color:var(--paper);padding:50px 5%;display:grid;grid-template-columns:1fr 1fr;gap:50px}.jj-visit .eyebrow{color:#ef8586}.jj-visit h2,.jj-visit p,.jj-visit a{color:var(--paper)}@media(max-width:800px){header nav{flex-basis:100%}header nav>ul,header nav .menu>ul{justify-content:flex-start}.jj-about-copy{max-width:100%}.jj-about{padding-bottom:0}.jj-building{position:relative;width:100%;height:auto;z-index:0;display:block;margin-top:20px}.jj-about:after{display:none}.jj-quotes,.jj-visit{grid-template-columns:1fr}}@media(max-width:450px){header nav .jj-dropdown,header nav .sub-menu{position:static;min-width:0;max-width:100%}}

.jj-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:30px 0}.jj-open-photo{background:transparent;border:0;padding:0;cursor:zoom-in}.jj-gallery-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#e9e3d7}.jj-featured-button{display:block;width:100%;margin:30px 0}.jj-featured-button .featured{max-height:700px;object-fit:contain}.jj-photo-viewer{width:96vw;max-width:1400px;height:94vh;max-height:94vh;padding:16px;background:#181817;color:#f4f1e9;border:0}.jj-photo-viewer::backdrop{background:rgba(0,0,0,.85)}.jj-photo-viewer[open]{display:flex;flex-direction:column;gap:12px}.jj-photo-large{width:100%;flex:1;min-height:0;object-fit:contain}.jj-photo-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.jj-photo-viewer button{font:600 15px/1.2 Arial,sans-serif;min-height:44px;background:#f4f1e9;color:#181817;padding:12px 16px;border:0;cursor:pointer}.jj-photo-close{align-self:flex-end}.jj-photo-viewer button:disabled{opacity:.45;cursor:default}@media(max-width:600px){.jj-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jj-photo-viewer{padding:10px}.jj-photo-viewer button{padding:12px;font-size:14px}}

/* Approved compact header, Contact Us feature and simple footer. */
header{gap:28px;padding:24px 4%;flex-wrap:nowrap}.jj-logo-lockup{width:210px;flex:0 0 210px}.jj-logo-lockup .custom-logo{width:100%;max-width:100%;height:auto}.jj-logo-location{display:block;color:#7d191b;font:700 15px/1.15 Georgia,serif;letter-spacing:1.4px;margin-top:-4px;padding-left:27%;white-space:nowrap}.jj-menu-toggle{display:none;font:800 20px/1.2 Arial,sans-serif;background:transparent;color:var(--ink);border:2px solid var(--ink);padding:13px 10px;min-height:56px;border-radius:3px}header nav{flex:1;min-width:0;margin:0}header nav>ul{flex-wrap:nowrap;justify-content:flex-end;gap:clamp(12px,1.2vw,24px)}header nav a,header summary{white-space:nowrap}header summary{list-style:none}header summary::-webkit-details-marker{display:none}header summary:after{content:' ▾'}.jj-about{display:grid;grid-template-columns:50% 50%;gap:0;min-height:0;padding:0;isolation:auto;align-items:center}.jj-about:after{display:none}.jj-about-copy{max-width:none;padding:35px clamp(24px,3.5vw,64px)}.jj-about h2{font-size:clamp(38px,3.4vw,56px);white-space:nowrap;line-height:1.1}.jj-about p{font-size:17px;line-height:1.55}.jj-showroom-photo{position:relative;line-height:0}.jj-showroom-photo .jj-building{position:static;display:block;width:100%;height:auto;margin:0;opacity:1;z-index:auto;object-fit:contain}.jj-showroom-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e9e3d7 0%,rgba(233,227,215,.55) 15%,rgba(233,227,215,0) 42%);pointer-events:none}.jj-simple-footer{background:var(--paper);color:var(--ink);border-top:1px solid #c9c1b5;align-items:center;padding:25px 4%}.jj-simple-footer .custom-logo{width:120px}.jj-simple-footer p{color:#625c51;margin:0}.jj-footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}
@media(max-width:1200px){header{flex-wrap:wrap;justify-content:space-between;gap:12px}.jj-logo-lockup{flex:0 1 auto}.jj-menu-toggle{display:block;cursor:pointer}#jj-main-menu{display:none;flex:0 0 100%;border-top:1px solid #c9c1b5;padding-top:12px}#jj-main-menu.jj-menu-open{display:block}header nav>ul{display:flex;flex-direction:column;align-items:stretch;gap:0}header nav a,header summary{display:block;padding:12px 6px;min-height:44px;font-size:15px}header nav .jj-dropdown,header nav .sub-menu{position:static;border:0;min-width:0;box-shadow:none;background:#e9e3d7;padding:6px 14px}}
@media(max-width:1000px){.jj-about{grid-template-columns:1fr}.jj-about-copy{padding:30px 5% 14px}.jj-about h2{font-size:36px;white-space:normal}.jj-showroom-photo:after{background:linear-gradient(180deg,#e9e3d7,rgba(233,227,215,0) 12%)}}
@media(max-width:760px){header{padding:14px 4%}.jj-logo-lockup{width:clamp(110px,35vw,165px)}.jj-logo-location{font-size:12px;letter-spacing:.8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.car img{height:180px}.car-copy{padding:15px}.car h2{font-size:20px}.jj-quotes{grid-template-columns:1fr}}
@media(max-width:360px){.grid{grid-template-columns:1fr}.jj-logo-location{font-size:11px;letter-spacing:.7px}}

/* Balanced vehicle heading and full-width responsive video. */
.listing{max-width:1280px;padding-top:35px}.jj-back-link{font-size:14px}.jj-listing-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:25px 0}.jj-listing-heading>div:first-child{min-width:0;flex:1}.jj-listing-heading .eyebrow{margin:0 0 12px}.jj-listing-heading h1{font-size:clamp(30px,3.5vw,48px);line-height:1.12;letter-spacing:-1px;margin:0;max-width:850px}.jj-asking-price{flex-shrink:0;white-space:nowrap}.jj-asking-price>span{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#655d50;margin-bottom:5px}.jj-asking-price .price{font-size:28px}.jj-featured-button{margin:25px 0 35px}.jj-featured-button .featured{width:100%;max-height:620px;object-fit:contain;display:block}.jj-video-section{margin:40px 0;padding-top:28px;border-top:1px solid #c9c1b5}.jj-video-section h2{font-size:30px;line-height:1.2;margin:0 0 20px}.content .jjrods-video{width:100%;aspect-ratio:16/9;margin:0;background:#181817}.content .jjrods-video iframe{width:100%!important;height:100%!important;display:block;border:0}.content iframe[src*="youtube.com"],.content iframe[src*="youtube-nocookie.com"]{display:block;width:100%!important;height:auto;aspect-ratio:16/9;max-width:100%}.content .wp-block-embed{margin:35px 0}.content .wp-block-embed__wrapper{width:100%}@media(max-width:700px){.jj-listing-heading{align-items:flex-start;flex-direction:column;gap:18px}.jj-listing-heading h1{font-size:32px}.jj-asking-price .price{font-size:26px}.jj-video-section{margin-top:30px}.jj-video-section h2{font-size:26px}}

/* Compact interior pages and imported page layouts. */
.jj-page{padding-top:26px;padding-bottom:48px}.jj-page .page-title{font-size:clamp(34px,3.8vw,50px);line-height:1.12;margin:0 0 30px;letter-spacing:-1px}.jj-page .content{font-size:17px;line-height:1.65}.jj-contact-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center}.jj-contact-details>p:first-child{margin-top:0}.jj-contact-details a{color:#8f2224;text-underline-offset:4px}.jj-contact-photo{margin:0;position:relative}.jj-contact-photo img{width:100%;height:auto;display:block}.jj-contact-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--paper),transparent 25%);pointer-events:none}.jj-contact-photo figcaption{font-size:13px;color:#625c51;margin-top:10px;text-align:right}.jj-testimonials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px}.jj-review{border-top:2px solid var(--red);padding-top:18px}.jj-page .jj-review h2{font-size:23px;line-height:1.3;margin:0 0 14px}.jj-review p{margin:0 0 14px}.jj-review summary{color:#8f2224;font-weight:700;font-size:14px;cursor:pointer;padding:8px 0}.jj-review details[open]{border-top:1px solid #d8d0c4;margin-top:15px;padding-top:8px}.jj-finance-provider{padding:24px 0;border-top:1px solid #c9c1b5;max-width:900px}.jj-finance-provider h2{font-size:29px;line-height:1.2;margin:0 0 18px}.hero h1{font-size:clamp(40px,4.7vw,68px)}
@media(max-width:700px){.jj-page{padding-top:22px;padding-bottom:35px}.jj-page .page-title{margin-bottom:24px}.jj-contact-layout,.jj-testimonials{grid-template-columns:1fr;gap:24px}.jj-contact-photo:before{background:linear-gradient(180deg,var(--paper),transparent 20%)}.jj-page .content{font-size:16px}.jj-page .jj-review h2{font-size:22px}}

/* Keep the contact composition together and interior headings close to navigation. */
body.page #main>.jj-page{padding-top:18px}.jj-contact-layout{background:#e9e3d7;gap:0;align-items:stretch}.jj-contact-details{padding:32px}.jj-contact-photo{align-self:center}.jj-contact-photo:before{background:linear-gradient(90deg,#e9e3d7,transparent 28%)}.jj-contact-photo figcaption{padding:0 20px 12px}.jj-contact-details p:first-child{font:26px/1.3 Georgia,serif;max-width:360px}.jj-contact-details p{margin:18px 0}.jj-contact-details p:last-child a{display:inline-block;background:var(--red);color:white;padding:11px 20px;text-decoration:none;font-weight:700;font-size:14px}.jj-page-contact .page-title{margin-bottom:24px}@media(max-width:700px){.jj-contact-details{padding:24px}.jj-contact-photo:before{background:linear-gradient(180deg,#e9e3d7,transparent 18%)}.jj-contact-details p:first-child{font-size:23px}}

/* Open contact page: form left, contact details and showroom right. */
.jj-contact-open{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,70px);align-items:start;background:transparent;border:0;box-shadow:none}.jj-contact-form,.jj-contact-side{min-width:0;background:transparent;border:0;box-shadow:none;padding:0}.jj-contact-form h2{font-size:28px;line-height:1.25;margin:0 0 20px}.jj-contact-info p:first-child{margin-top:0;font-size:17px}.jj-contact-info a{color:#8f2224;text-underline-offset:4px}.jj-contact-side .jj-contact-photo{margin:25px 0 0}.jj-contact-side .jj-contact-photo:before{background:linear-gradient(180deg,var(--paper),transparent 16%)}.jj-contact-form .wpforms-container{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.jj-contact-form .wpforms-field input:not([type=checkbox]):not([type=radio]),.jj-contact-form .wpforms-field textarea{max-width:100%!important;width:100%!important;border:1px solid #aaa398!important;border-radius:0!important;background:#fffdf8!important;color:var(--ink)!important;font-size:16px!important}.jj-contact-form .wpforms-submit{background:var(--red)!important;color:white!important;border:0!important;border-radius:0!important;padding:13px 24px!important;min-height:48px;font-weight:700!important}.jj-contact-form .wpforms-field-label{color:var(--ink)!important;font-size:15px!important}.jj-contact-form .wpforms-field{padding:12px 0!important}@media(max-width:700px){.jj-contact-open{grid-template-columns:1fr;gap:32px}.jj-contact-form h2{font-size:25px}}

/* Match dropdown label typography and alignment to the other navigation links. */
@media(min-width:1201px){#jj-main-menu>ul{align-items:center}#jj-main-menu>ul>li>a,#jj-main-menu>ul>li>details>summary{display:flex;align-items:center;min-height:44px;margin:0;padding:10px 0;font:400 13px/1.5 system-ui,sans-serif}#jj-main-menu>ul>li>details>summary:after{font-size:10px;margin-left:5px}}

/* Consistent video size, including older Gutenberg embed wrappers. */
.listing .content .jj-video-section,.listing .content .wp-block-embed.is-provider-youtube{max-width:800px;width:100%;margin:32px auto}.listing .content .wp-block-embed__wrapper:before,.listing .content .wp-block-embed__wrapper:after{display:none!important;padding:0!important}.listing .content .wp-block-embed__wrapper{position:relative}.listing .content .jjrods-video{max-width:800px;margin:0 auto;aspect-ratio:16/9}.listing .content .jjrods-video iframe{position:absolute;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto}.listing .content .jjrods-video{position:relative}.listing .content .wp-block-embed .jj-video-section{padding-top:0;border-top:0;margin:0 auto}.listing .content iframe[src*="youtube"]{max-width:800px!important;margin-left:auto;margin-right:auto}

.jj-inventory-filters{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 30px}.jj-inventory-filters .jj-filter{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #b7ada0;padding:12px 22px;text-decoration:none;font-size:15px;font-weight:700;background:transparent;color:var(--ink)}.jj-inventory-filters .jj-filter:hover{border-color:var(--red);color:var(--red)}.jj-inventory-filters .jj-filter.is-selected{background:var(--red);border-color:var(--red);color:white}@media(max-width:600px){.jj-inventory-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jj-inventory-filters .jj-filter{font-size:14px;padding:10px}}

/* More readable showroom navigation. */
@media(min-width:1201px){#jj-main-menu>ul>li>a,#jj-main-menu>ul>li>details>summary{font:600 16px/1.5 system-ui,sans-serif;min-height:48px;padding:12px 0}#jj-main-menu>ul{gap:clamp(14px,1.2vw,24px)}}
@media(max-width:1200px){#jj-main-menu a,#jj-main-menu summary{font-size:17px;font-weight:600;min-height:48px}}

/* Prominent link to the complete inventory. */
.jj-view-all{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--red);color:white;font-size:19px;font-weight:800;line-height:1.3;min-height:54px;padding:16px 26px;text-decoration:none;white-space:nowrap}.jj-view-all:hover{background:#8f2224}@media(max-width:600px){.jj-view-all{width:100%;font-size:18px}}

.jj-inventory-view-toggle{display:flex;justify-content:center;margin-top:28px}

.car[hidden]{display:none}

.jj-showroom-tour{max-width:900px;margin:56px auto 0;padding-top:36px;border-top:1px solid #c9c1b5}.jj-showroom-tour h2{font-size:clamp(27px,3vw,38px);line-height:1.2;margin:0 0 24px}.jj-showroom-tour .jjrods-video{position:relative;aspect-ratio:16/9;margin:0;background:#171819}.jj-showroom-tour iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}.jj-showroom-tour p{margin:14px 0 0;font-size:15px}.jj-showroom-tour a{color:#8f2224;text-underline-offset:4px}@media(max-width:700px){.jj-showroom-tour{margin-top:36px;padding-top:28px}}