/*
Theme Name: V C Lubricants
Author: V C Lubricants
Description: A responsive company and product catalogue theme for V C LUBRICANTS, with guided optional content setup and self-contained assets.
Version: 1.1.0
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vc-lubricants
*/
:root{--ink:#10191d;--navy:#071217;--gold:#b79751;--muted:#616a6e;--paper:#f2f3f4;--line:#dce0e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,h4,p{margin:0 0 22px}h1,h2,h3,h4{font-weight:500;line-height:1.14;letter-spacing:-.025em}h1{font-size:clamp(38px,4.3vw,60px)}h2{font-size:clamp(30px,3.2vw,44px)}h3{font-size:27px}h4{font-size:22px}p{color:var(--muted)}a{color:inherit;text-decoration:none}a:hover{color:#856526}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}button,.button{cursor:pointer}button{border:0}.wrap{max-width:1120px;margin:auto;width:calc(100% - 64px)}.wide{max-width:1440px;margin:auto;width:calc(100% - 40px)}.section{padding:100px 0}.section.white{background:white}.eyebrow{display:block;margin-bottom:16px;color:#8c6d31;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.section-title{margin-bottom:40px}.section-title h2{max-width:640px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--gold);color:#071217;padding:19px 28px;min-height:58px;font-size:14px;border:1px solid var(--gold)}.button:hover{background:#c7ab6c;color:var(--ink)}.button.secondary{background:transparent;border-color:var(--line)}.text-link{font-size:14px;display:inline-flex;gap:22px;align-items:center}.text-link:after{content:'⟶';font-size:24px}.skip-link{position:absolute;left:20px;top:-80px;background:white;padding:12px;z-index:999}.skip-link:focus{top:12px}.site-header{background:#fff;height:88px;display:flex;align-items:center;position:relative;z-index:40;border-bottom:1px solid #eee}.header-inner{width:100%;padding-left:40px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:13px;min-width:235px}.logo-mark{font-family:Georgia,serif;color:var(--gold);font-size:54px;line-height:1;border-right:1px solid var(--gold);padding-right:12px;letter-spacing:-5px}.logo-words strong{display:block;font-size:19px;line-height:1.2;letter-spacing:.02em}.logo-words small{display:block;font-size:9px;letter-spacing:.16em;margin-top:7px;color:var(--muted)}.main-nav{margin-left:auto}.main-nav ul{list-style:none;display:flex;gap:27px;padding:0;margin:0}.main-nav li{position:relative}.main-nav a{font-size:14px;white-space:nowrap;display:block}.main-nav .current-menu-item>a{border-bottom:1px solid var(--gold)}.main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:white;padding:18px;min-width:220px;box-shadow:0 10px 24px #0002}.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:block}.main-nav .sub-menu li{padding:5px 0}.header-phone{font-size:14px;white-space:nowrap}.menu-toggle{height:88px;min-width:88px;background:var(--gold);font-size:27px;color:var(--navy);margin-left:8px}.menu-toggle .menu-label{font-size:10px;display:block;letter-spacing:.12em}.hero{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;background:var(--navy)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.3))}.hero-content{position:relative;z-index:1;padding:90px 0;width:calc(100% - 80px);max-width:1440px;margin:auto}.hero h1{max-width:940px;color:white}.hero p{max-width:630px;font-size:18px;color:#e4e7e8;margin-bottom:42px}.hero .eyebrow{color:#e8cc8c}.hero-controls{position:absolute;bottom:28px;right:40px;z-index:2;display:flex;gap:8px}.hero-controls button{color:white;background:#0006;border:1px solid #ffffff4a;width:48px;height:48px;font-size:22px}.hero-controls button[aria-pressed=true]{background:var(--gold);color:var(--navy)}.story-title{display:flex;gap:20px;align-items:flex-start}.story-title .eyebrow{writing-mode:vertical-rl;transform:rotate(180deg);margin-top:9px}.story{display:grid;grid-template-columns:1.1fr .9fr 1.25fr;gap:20px}.story-panel{background:white;padding:42px 36px;display:flex;flex-direction:column;justify-content:center}.story-panel p{font-size:15px}.story-image{height:100%;min-height:360px;object-fit:cover}.gold{color:#8c6d31}.bullet-list{padding:0;list-style:none;margin:0}.bullet-list li{padding:0 0 16px 19px;position:relative;color:var(--muted);font-size:15px}.bullet-list li:before{content:'▪';color:var(--gold);position:absolute;left:0}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 28px}.product-card{min-width:0}.product-card .photo{aspect-ratio:1/1;overflow:hidden;background:#dce0e2}.product-card img{height:100%;width:100%;object-fit:cover;transition:transform .35s}.product-card:hover img{transform:scale(1.04)}.product-card small{display:block;text-transform:uppercase;color:#8c6d31;font-size:11px;letter-spacing:.12em;margin:17px 0 7px}.product-card h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin-bottom:12px}.product-card .text-link{font-size:12px}.section-end{margin-top:48px}.intro-band{padding:65px 0;background:var(--navy);color:white}.intro-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.intro-band h2{font-size:34px;margin-bottom:12px}.intro-band p{color:#c3cbce;margin:0;max-width:640px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.info-grid article{background:white;padding:36px}.info-grid .number{font-family:Georgia,serif;font-size:36px;color:var(--gold);display:block;margin-bottom:25px}.brands{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.brand{min-height:100px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:25px;font-weight:700;letter-spacing:-.04em}.caption{font-size:12px;margin-top:22px;max-width:820px}.faq{max-width:920px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:20px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;line-height:1.5}.faq summary:after{content:'+';color:#8c6d31}.faq details[open] summary:after{content:'−'}.faq details p{margin:18px 0 0;max-width:810px}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.contact-info address{font-style:normal;color:var(--muted);max-width:360px}.contact-line{border-top:1px solid var(--line);padding:20px 0}.contact-line small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8c6d31;margin-bottom:7px}.contact-line a{overflow-wrap:anywhere}.enquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:19px}.enquiry-form label{font-size:13px;color:var(--muted)}.enquiry-form input,.enquiry-form textarea,.enquiry-form select{border:1px solid #cbd1d4;background:white;width:100%;padding:13px 14px;color:var(--ink);border-radius:0;margin-top:7px;min-width:0}.enquiry-form textarea{height:130px;resize:vertical}.enquiry-form .full{grid-column:1/-1}.enquiry-form .button{width:max-content}.form-help{font-size:12px;margin:0}.honeypot{position:absolute;left:-9999px}.notice{padding:18px 22px;background:#fff6dc;border-left:4px solid var(--gold);margin-bottom:25px;scroll-margin-top:30px}.site-footer{background:var(--navy);color:#fff;padding:70px 0 0}.site-footer .logo{margin-bottom:28px}.site-footer .logo-words small{color:#c5cccf}.footer-grid{display:grid;grid-template-columns:1.2fr .75fr 1.15fr 1fr;gap:40px}.site-footer h3{font-size:18px;margin-bottom:24px}.site-footer p,.site-footer address{font-style:normal;color:#bdc5c9;font-size:14px}.site-footer a{overflow-wrap:anywhere}.footer-links{display:grid;gap:9px;font-size:14px;color:#bdc5c9}.copyright{margin-top:50px;border-top:1px solid #ffffff20;padding:23px 0;font-size:12px;color:#a9b4ba}.float-contact{position:fixed;bottom:24px;right:24px;z-index:45;display:flex;gap:10px}.float-contact a{background:var(--gold);color:var(--navy);box-shadow:0 3px 14px #0002;padding:12px 17px;border-radius:30px;font-size:13px}.page-banner{position:relative;min-height:300px;background:var(--navy);color:white;display:flex;align-items:center;overflow:hidden}.page-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.page-banner .wrap{position:relative;z-index:1;padding:65px 0}.page-banner h1{margin-bottom:10px}.breadcrumb{font-size:13px;color:#e1e5e7}.detail-banner{min-height:390px}.detail-grid{display:grid;grid-template-columns:1.65fr .85fr;gap:70px}.detail-body .lead{font-size:19px}.detail-body h2{font-size:32px;margin-top:38px}.detail-body ul{color:var(--muted);padding-left:20px}.detail-aside{align-self:start;background:white;padding:34px}.detail-aside h3{font-size:24px}.detail-aside p{font-size:14px}.detail-aside .button{width:100%;margin-top:15px;font-size:13px;gap:15px}.detail-photo{width:100%;aspect-ratio:16/9;object-fit:cover;margin-top:35px}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:40px}.filter-bar label{font-size:13px}.filter-bar input,.filter-bar select{border:1px solid var(--line);background:#fff;padding:12px;font:inherit;min-width:0}.filter-bar input{flex:1;max-width:450px}.filter-count{font-size:13px;color:var(--muted)}[hidden]{display:none!important}.entry-content{max-width:1120px;margin:auto;width:calc(100% - 64px);padding:75px 0}.entry-content>p,.entry-content>ul{max-width:850px}.entry-content .alignwide{max-width:100%}.entry-content .alignfull{margin-left:calc((1120px - 100vw)/2);max-width:100vw}.entry-content iframe{max-width:100%}.wp-block-image img{height:auto}.posts-grid{display:grid;gap:28px}.post-card{background:white;padding:35px}.post-meta{font-size:12px;color:var(--muted)}.page-links,.pagination{margin-top:35px}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute!important}.admin-bar .site-header{top:0}
@media(min-width:1101px){.main-nav.is-open{position:absolute;right:0;top:88px;background:white;padding:35px;box-shadow:0 10px 22px #0002;min-width:290px}.main-nav.is-open ul{display:grid;gap:15px}.main-nav.is-open .sub-menu{position:static;box-shadow:none;padding:10px}}
@media(max-width:1100px){.header-inner{padding-left:25px;gap:15px}.main-nav{display:none;position:absolute;left:0;right:0;top:88px;background:#fff;padding:25px;box-shadow:0 10px 18px #0002}.main-nav.is-open{display:block}.main-nav ul{display:grid;gap:18px}.main-nav .sub-menu{position:static;box-shadow:none}.header-phone{margin-left:auto}.menu-toggle{margin-left:0}.story{grid-template-columns:1fr 1fr}.story>.story-panel:last-child{grid-column:1/-1}.products-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.contact-grid{gap:40px}.detail-grid{gap:35px}}
@media(max-width:720px){.wrap,.wide{width:calc(100% - 36px)}.section{padding:60px 0}.site-header{height:76px}.header-inner{padding-left:18px;gap:10px}.logo{min-width:0;gap:10px}.logo-mark{font-size:42px}.logo-words strong{font-size:15px}.logo-words small{font-size:7px;letter-spacing:.1em}.header-phone{display:none}.menu-toggle{min-width:70px;height:76px;margin-left:auto}.main-nav{top:76px}.hero{min-height:560px}.hero-content{width:calc(100% - 36px);padding:70px 0 100px}.hero h1{font-size:38px;max-width:620px}.hero p{font-size:16px}.hero-controls{right:18px;bottom:20px}.story{grid-template-columns:1fr}.story>.story-panel:last-child{grid-column:auto}.story-panel{padding:32px 28px}.story-image{height:280px;min-height:0;width:100%}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.product-card h3{font-size:18px}.product-card small{font-size:9px}.info-grid{grid-template-columns:1fr}.brands{grid-template-columns:repeat(2,1fr)}.brand{font-size:22px;min-height:85px}.intro-band .wrap{display:block}.intro-band .button{margin-top:26px}.contact-grid,.detail-grid{grid-template-columns:1fr;gap:35px}.enquiry-form{gap:16px}.footer-grid{grid-template-columns:1fr;gap:25px}.site-footer{padding-top:50px}.site-footer .logo{max-width:250px}.page-banner{min-height:240px}.detail-banner{min-height:290px}.filter-bar input{max-width:none;width:100%;flex-basis:100%}.filter-bar select{flex:1}.float-contact{bottom:14px;right:14px}.float-contact a{font-size:12px;padding:10px 13px}.entry-content{width:calc(100% - 36px);padding:50px 0}.entry-content .alignfull{margin:0}.copyright{padding-bottom:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.product-layout{grid-template-columns:1fr}.product-layout .detail-body{max-width:1000px}.product-layout .detail-body h1{font-size:clamp(34px,3.5vw,46px)}.product-layout .detail-aside{max-width:100%;display:flex;flex-wrap:wrap;gap:14px;align-items:center}.product-layout .detail-aside .eyebrow,.product-layout .detail-aside h3,.product-layout .detail-aside p{flex-basis:100%;margin:0}.product-layout .detail-aside .button{width:auto}.product-layout .detail-photo{max-width:860px;aspect-ratio:21/9}.detail-banner img{opacity:.82}.detail-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07121775,transparent)}.detail-banner .breadcrumb{background:#071217b3;padding:10px 15px;display:inline-block}.enquiry-form select{height:54px}