/*
Theme Name: Pride Car Customs
Theme URI: https://pridecarcustoms.com/
Author: Pride Car Customs
Description: Premium, image-rich, Elementor-friendly WordPress theme for Pride Car Customs.
Version: 2.8.0
Text Domain: pride-car-customs
*/
:root{--pcc-black:#07090b;--pcc-charcoal:#101318;--pcc-panel:#15191f;--pcc-red:#D99000;--pcc-white:#fff;--pcc-muted:#a8adb5;--pcc-border:rgba(255,255,255,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pcc-black);color:var(--pcc-white);font-family:var(--pcc-font-family,Arial,Helvetica,sans-serif);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1200px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:999;background:rgba(7,9,11,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--pcc-border)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:var(--pcc-brand-size,21px);font-weight:900;letter-spacing:1.5px}.brand span{color:var(--pcc-red)}.main-nav ul{list-style:none;display:flex;gap:25px;margin:0;padding:0;align-items:center}.main-nav a{font-weight:var(--pcc-nav-weight,700);font-size:var(--pcc-nav-size,13px);text-transform:uppercase;letter-spacing:.8px;color:#ddd}.main-nav a:hover{color:#fff}.quote-btn,.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--pcc-red);color:#fff;padding:14px 22px;border-radius:4px;font-weight:800;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--pcc-red);transition:.2s}.quote-btn:hover,.btn:hover{transform:translateY(-2px);background:#E6A11A}.hero{min-height:760px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(7,9,11,.93) 0%,rgba(7,9,11,.68) 48%,rgba(7,9,11,.35) 100%),url('assets/images/hero-craftsmanship.png');background-size:cover;background-position:center}.hero-copy{max-width:720px;padding:100px 0}.eyebrow{color:var(--pcc-red);font-weight:900;text-transform:uppercase;letter-spacing:3px;font-size:13px}.hero h1{font-size:clamp(46px,7vw,82px);line-height:.98;margin:18px 0 25px;font-weight:900;letter-spacing:-2px}.hero h1 span,.accent{color:var(--pcc-red)}.hero p{font-size:19px;color:#d0d3d7;max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn.secondary{background:transparent;border-color:rgba(255,255,255,.3)}.section{padding:100px 0}.section.dark{background:#0d1014}.section-heading{max-width:760px;margin-bottom:45px}.section-heading h2{font-size:clamp(34px,5vw,58px);line-height:1.02;margin:12px 0}.section-heading p{color:var(--pcc-muted);font-size:17px}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--pcc-panel);border:1px solid var(--pcc-border);overflow:hidden}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card-body{padding:28px}.card h3{margin-top:0;font-size:25px}.card p{color:var(--pcc-muted)}.process{counter-reset:step}.step{position:relative;padding:30px;background:#11151a;border:1px solid var(--pcc-border)}.step:before{counter-increment:step;content:'0' counter(step);color:var(--pcc-red);font-weight:900;font-size:14px;letter-spacing:2px}.step h3{margin:10px 0}.split-image{min-height:520px;background-size:cover;background-position:center;border:1px solid var(--pcc-border)}.image-workshop{background-image:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.35)),url('assets/images/leather-cutting-workshop.png')}.image-wheel{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.25)),url('assets/images/finished-steering-wheel.png')}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.gallery img{width:100%;height:100%;min-height:220px;object-fit:cover}.gallery .large{grid-row:span 2}.cta{background:linear-gradient(90deg,#160b0b,#11151a);border-top:1px solid var(--pcc-border);border-bottom:1px solid var(--pcc-border)}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.video-card{background:var(--pcc-panel);border:1px solid var(--pcc-border);overflow:hidden}.video-frame{aspect-ratio:16/9;background:#000}.video-frame iframe{width:100%;height:100%;display:block}.video-placeholder{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:radial-gradient(circle at center,#252a31 0%,#0b0d10 70%);color:#fff}.video-placeholder small{display:block;color:var(--pcc-muted);margin-top:10px;max-width:240px}.play-icon{width:62px;height:62px;border:2px solid var(--pcc-red);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--pcc-red);font-size:22px;margin-bottom:15px;padding-left:3px}.video-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}@media(max-width:800px){.video-grid{grid-template-columns:1fr}}.site-footer{background:#050607;border-top:1px solid var(--pcc-border);padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.site-footer p,.site-footer li{color:#969ca4}.site-footer ul{list-style:none;padding:0}.copyright{margin-top:45px;padding-top:20px;border-top:1px solid var(--pcc-border);color:#777;font-size:13px}.page-hero{padding:130px 0 90px;background:linear-gradient(90deg,rgba(7,9,11,.9),rgba(7,9,11,.55)),url('assets/images/steering-wheel-workshop.png') center/cover}.page-hero h1{font-size:clamp(42px,6vw,70px);line-height:1;margin:10px 0}.content-area{padding:80px 0}.content-area h2{font-size:38px}.content-area p,.content-area li{color:#c0c4ca}.menu-toggle{display:none;background:none;border:1px solid var(--pcc-border);color:#fff;padding:9px 12px}@media(max-width:800px){.main-nav{display:none}.main-nav.open{display:block;position:absolute;left:0;right:0;top:76px;background:#090b0d;padding:20px}.main-nav ul{flex-direction:column;align-items:flex-start}.menu-toggle{display:block}.quote-btn{display:none}.hero{min-height:680px}.hero-copy{padding:90px 0}.grid-2,.grid-3,.footer-grid,.gallery{grid-template-columns:1fr}.gallery .large{grid-row:auto}.section{padding:75px 0}.split-image{min-height:360px}}
/* Editing and accessible video library */
.pcc-video-scroll{max-height:760px;max-height:min(75vh,760px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:6px 14px 6px 6px;border:1px solid var(--pcc-border);position:relative}
.pcc-video-scroll .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pcc-video-scroll .video-card{min-width:0}.pcc-video-content iframe,.pcc-video-content video{width:100%;height:auto;aspect-ratio:16/9;border:0}.pcc-video-content figure{margin:0 0 1em}.pcc-video-content{overflow-wrap:anywhere}.pcc-video-pagination{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.pcc-video-status{min-height:1.65em}.pcc-video-more[aria-disabled=true]{opacity:.65;cursor:wait}
:focus-visible{outline:3px solid #ffc35a;outline-offset:4px}.skip-link{position:absolute;left:12px;top:-100px;background:#fff;color:#111;padding:12px;z-index:10000}.skip-link:focus{top:12px}.custom-logo{max-width:200px;max-height:65px;width:auto;object-fit:contain}.footer-widgets{padding-top:30px;display:flex;flex-wrap:wrap;gap:24px}.footer-widget{flex:1 1 240px}.site-footer a:hover{text-decoration:underline}.main-nav ul{flex-wrap:wrap}.main-nav .sub-menu{display:none;position:absolute;background:#101318;padding:16px;min-width:180px}.main-nav li{position:relative}.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:block}.main-nav .sub-menu li{margin:8px 0}.header-inner{padding:12px 0}.brand{flex-shrink:0}.site-footer{overflow-wrap:anywhere}
@media(max-width:1100px){.main-nav{display:none}.main-nav.open{display:block;position:absolute;left:0;right:0;top:100%;background:#090b0d;padding:20px;max-height:75vh;overflow-y:auto}.main-nav ul{flex-direction:column;align-items:flex-start}.menu-toggle{display:block}.quote-btn{display:none}.main-nav .sub-menu{display:block;position:static}.header-inner{min-height:76px}}
@media(max-width:600px){.pcc-video-scroll .video-grid{grid-template-columns:1fr}.brand{font-size:17px;flex-shrink:1}.hero h1{font-size:clamp(32px,10vw,46px);overflow-wrap:anywhere}.pcc-video-scroll{max-height:70vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* A single desktop navigation row, with an accessible compact menu when needed. */
.site-header .header-inner{width:96%;max-width:1800px;gap:16px;flex-wrap:nowrap}
.site-header .custom-logo-link{flex:0 0 auto;width:var(--pcc-header-logo-width,230px);max-width:48vw}
.site-header .custom-logo{width:100%;max-width:100%;max-height:88px;height:auto;object-fit:contain}
.site-header .main-nav{flex:0 0 auto;margin-left:auto}
.site-header .main-nav>ul{flex-wrap:nowrap;gap:var(--pcc-menu-gap,10px)}
.site-header .main-nav a{text-transform:none;letter-spacing:0;white-space:nowrap}
.site-header .quote-btn{flex:0 0 auto;white-space:nowrap;font-size:12px;padding:10px 14px}
.pcc-footer-left{display:flex;flex-direction:column;align-items:flex-start}
.pcc-footer-logo-link{display:block;margin-top:auto;padding-top:24px;max-width:100%}
.pcc-footer-logo{width:var(--pcc-footer-logo-width,200px);height:auto;max-width:100%}
@media(min-width:801px){
.site-header .main-nav{display:block}.site-header .menu-toggle{display:none}.site-header .quote-btn{display:inline-flex}
.site-header .main-nav>ul{flex-direction:row;align-items:center}.site-header .main-nav .sub-menu{display:none;position:absolute}.site-header .main-nav li:hover>.sub-menu,.site-header .main-nav li:focus-within>.sub-menu{display:block}
/* Allow intrinsic-width measurement before choosing the compact menu. */
.site-header:not(.pcc-compact) .main-nav{flex-shrink:1;min-width:0}
.site-header:not(.pcc-compact) .main-nav>ul{width:max-content}
}
.site-header.pcc-compact .main-nav{display:none}.site-header.pcc-compact .menu-toggle{display:block;margin-left:auto}.site-header.pcc-compact .quote-btn{display:none}
.site-header.pcc-compact .main-nav.open{display:block;position:absolute;left:0;right:0;top:100%;background:#090b0d;padding:20px;max-height:75vh;overflow:auto}
.site-header.pcc-compact .main-nav>ul{flex-direction:column;align-items:flex-start;width:auto}
.site-header.pcc-compact .main-nav .sub-menu{display:block;position:static}
@media(max-width:800px){.site-header .main-nav.open{top:100%}.site-header .main-nav{margin-left:0}.site-header .main-nav>ul{flex-direction:column;align-items:flex-start}.site-header .menu-toggle{margin-left:auto}.site-header .main-nav a{white-space:normal}.site-header .custom-logo{max-height:76px}}
/* Comfortable phone and tablet layouts. */
.hero h1,.page-hero h1,h2,h3,.brand{overflow-wrap:anywhere}
.hero h1,.page-hero h1{line-height:1.08}.section h2{line-height:1.15}
.grid>*,.footer-grid>*,.gallery>*{min-width:0}
.content-area img,.content-area video,.content-area iframe{max-width:100%}
.content-area .wp-block-table{overflow-x:auto}.content-area pre{overflow-x:auto}
.btn,.quote-btn,.menu-toggle{min-height:44px}.menu-toggle{cursor:pointer;border-radius:4px}
.site-header .main-nav a{display:block;padding:10px 0}
.site-header.pcc-compact .main-nav a{white-space:normal;overflow-wrap:anywhere;min-height:44px}
.site-header.pcc-compact .main-nav.open{max-height:calc(100dvh - 110px)}
.site-header.pcc-compact .main-nav>ul{align-items:stretch}
.site-header .main-nav .sub-menu{max-width:min(360px,90vw)}
.site-header .main-nav .sub-menu a{white-space:normal}
@media(min-width:601px) and (max-width:1000px){
.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery .large{grid-row:auto;grid-column:span 2}
.hero{min-height:620px}.hero-copy{padding:70px 0}.section{padding:64px 0}
}
@media(max-width:800px){
.site-header .main-nav>ul{align-items:stretch;width:100%}.site-header .main-nav a{min-height:44px}
.site-header .main-nav.open{max-height:calc(100dvh - 100px);overflow:auto}
.site-header .header-inner{min-height:72px;padding:8px 0}.site-header .brand{max-width:70%;white-space:normal}
.site-header .custom-logo-link{max-width:60vw}.site-header .custom-logo{max-height:72px}
.grid-2{grid-template-columns:1fr}.footer-grid{gap:28px}.split-image{min-height:300px}
}
@media(max-width:600px){
.container{width:90%}.hero{min-height:0;background-position:60% center}.hero-copy{padding:64px 0 56px;max-width:90%}
.hero h1{letter-spacing:-.6px;margin:16px 0 22px}.hero p{line-height:1.65}
.hero-actions{display:grid;grid-template-columns:1fr;gap:12px}.hero-actions .btn{width:100%}
.section{padding:48px 0}.section-heading{margin-bottom:26px}.section-heading h2{margin:12px 0 18px}
.grid-3,.gallery,.footer-grid{grid-template-columns:1fr}.gallery .large{grid-row:auto}.gallery img{min-height:0;aspect-ratio:4/3}
.card-body,.step{padding:22px}.split-image{min-height:260px}.eyebrow{font-size:11px;letter-spacing:1.6px}
.page-hero{padding:58px 0 42px}.content-area{padding:40px 0}.video-actions{display:grid;grid-template-columns:1fr}
.video-actions .btn,.pcc-video-pagination .btn{width:100%}.pcc-video-pagination{display:grid;grid-template-columns:1fr}
.pcc-video-scroll{max-height:72dvh;padding:4px 8px 4px 4px}.pcc-video-scroll .card-body{padding:16px}
.site-footer{padding:40px 0 24px}.footer-grid{gap:30px}.site-footer h3{margin:0 0 12px}
.site-footer a{display:inline-block;padding:4px 0}.site-footer .pcc-footer-logo-link{padding-top:18px}
.copyright{margin-top:28px}.footer-widgets{display:block}.footer-widget{margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Full post blocks: keep media visible in both listings and individual posts. */
.pcc-post-container{max-width:960px}.pcc-full-post{min-width:0;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--pcc-border)}
.pcc-full-post h1,.pcc-full-post h2{overflow-wrap:anywhere}.pcc-post-date{color:var(--pcc-muted)}
.pcc-post-featured{display:block;margin:24px 0}.pcc-post-featured img{width:100%;height:auto}
.entry-content{overflow-wrap:anywhere}.entry-content:after{content:"";display:table;clear:both}
.entry-content figure{max-width:100%;margin:24px 0}.entry-content img{max-width:100%;height:auto}
.entry-content .wp-block-gallery figure{margin:0}.entry-content iframe,.entry-content video{max-width:100%;width:100%;height:auto;aspect-ratio:16/9}
.entry-content audio{width:100%}.entry-content .wp-block-embed.is-type-video .wp-block-embed__wrapper{position:relative}
.entry-content .wp-embed-aspect-4-3 iframe{aspect-ratio:4/3}.entry-content .wp-embed-aspect-9-16 iframe{aspect-ratio:9/16}
.entry-content .alignwide,.entry-content .alignfull{width:100%;max-width:100%;margin-left:0;margin-right:0}
.pcc-video-post-link{display:inline-block;min-height:44px;padding:10px 0;text-decoration:underline;text-underline-offset:4px;color:#ffc35a}
.video-card h3 a:hover{text-decoration:underline}.post-navigation .nav-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}
.pagination,.pcc-post-pages{margin:24px 0}.page-numbers,.post-page-numbers{display:inline-block;padding:8px 14px;border:1px solid var(--pcc-border)}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
@media(max-width:600px){.pcc-full-post{margin-bottom:32px}.entry-content figure{margin:18px 0}.post-navigation .nav-links{display:block}.post-navigation .nav-next{margin-top:16px}}
/* Editable native Details blocks for the expanded FAQ. */
.content-area .wp-block-details{margin:14px 0;border:1px solid var(--pcc-border);border-radius:8px;background:var(--pcc-panel)}
.content-area .wp-block-details summary{padding:20px 24px;cursor:pointer;font-weight:700;line-height:1.45;min-height:48px}
.content-area .wp-block-details summary:hover{color:#ffc35a}.content-area .wp-block-details[open] summary{color:#ffc35a;border-bottom:1px solid var(--pcc-border)}
.content-area .wp-block-details>p{padding:0 24px;margin:20px 0}.content-area .wp-block-details+h2{margin-top:44px}
@media(max-width:600px){.content-area .wp-block-details summary{padding:16px}.content-area .wp-block-details>p{padding:0 16px}}
/* Booking enquiry form. */
.pcc-booking{max-width:860px;margin:48px auto 0;padding:32px;background:var(--pcc-panel);border:1px solid var(--pcc-border);border-radius:10px}
.pcc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pcc-booking-form label{display:block;margin:18px 0 8px;font-weight:700}
.pcc-booking-form input:not([type=checkbox]):not([type=hidden]),.pcc-booking-form textarea{display:block;width:100%;min-width:0;padding:13px 14px;border:1px solid #68717e;border-radius:5px;background:#fff;color:#171a20;font:inherit;font-size:16px;line-height:1.5}
.pcc-booking-form textarea{resize:vertical;min-height:150px}.pcc-booking-form .pcc-form-consent{display:flex;align-items:flex-start;gap:12px;font-weight:400}.pcc-form-consent input{flex:none;width:20px;height:20px;margin-top:3px}
.pcc-booking .g-recaptcha{margin:24px 0}.pcc-booking .pcc-captcha-note{font-size:13px;line-height:1.5}.pcc-booking a{text-decoration:underline;text-underline-offset:3px}
.pcc-form-error,.pcc-form-success,.pcc-form-notice{padding:16px;margin:20px 0;border:1px solid #ffc35a;border-radius:5px}.pcc-form-error{border-color:#ff9191}.pcc-form-success{border-color:#89d2a4}
.pcc-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.pcc-booking-contact{margin-top:24px}
@media(max-width:600px){.pcc-booking{padding:20px 16px;margin-top:32px}.pcc-form-grid{grid-template-columns:1fr;gap:0}.pcc-booking-form .btn{width:100%}}