/*
Theme Name: Toyota Service Brisbane
Theme URI: https://toyotaservicebrisbane.com.au/
Author: West End Service Centre
Description: Comprehensive Toyota servicing, repair, hybrid, EV, model and SEO content theme for West End Service Centre.
Version: 3.2.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: toyota-service-brisbane
*/
:root{--bg:#0a0c0f;--panel:#14181e;--panel2:#1b2027;--text:#f5f7f8;--muted:#abb1b8;--line:rgba(255,255,255,.11);--red:#e31837;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.tsb-wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.tsb-top{background:#07090b;border-bottom:1px solid var(--line);font-size:12px;color:#c9cdd2}.tsb-top .tsb-wrap{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.tsb-header{position:sticky;top:0;z-index:50;background:rgba(10,12,15,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.tsb-nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.tsb-brand{display:flex;gap:12px;align-items:center}.tsb-brand>b{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--red);font-size:22px}.tsb-brand strong,.tsb-brand small{display:block}.tsb-brand small{font-size:10px;letter-spacing:.18em;color:var(--muted)}.tsb-nav nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}.tsb-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:9px;background:var(--red);color:#fff;font-weight:800;border:1px solid var(--red)}.tsb-btn.ghost{background:transparent;border-color:rgba(255,255,255,.28)}.tsb-page-hero{padding:105px 0 85px;background:radial-gradient(circle at 85% 15%,rgba(227,24,55,.15),transparent 30%),linear-gradient(135deg,#0b0e12,#171b21);border-bottom:1px solid var(--line)}.tsb-page-hero h1,.tsb-model-hero h1{font-size:clamp(48px,7vw,90px);line-height:.98;letter-spacing:-.055em;margin:14px 0 24px;max-width:1000px}.tsb-page-hero>div>p:not(.tsb-kicker),.tsb-model-hero .inner>p:not(.tsb-kicker){font-size:20px;color:#d0d5da;max-width:780px}.tsb-kicker{color:#ff5369;text-transform:uppercase;letter-spacing:.17em;font-weight:900;font-size:11px}.tsb-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.tsb-section{padding:85px 0}.tsb-content{max-width:900px}.tsb-content .lead{font-size:22px;color:#e7eaed}.tsb-content h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:52px 0 16px}.tsb-content p,.tsb-content li{color:#c2c7cc}.tsb-content a{color:#ff596e;text-decoration:underline}.tsb-model-hero{min-height:620px;position:relative;display:flex;align-items:flex-end;overflow:hidden}.tsb-model-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tsb-model-hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,12,.96),rgba(7,9,12,.7) 48%,rgba(7,9,12,.18)),linear-gradient(0deg,rgba(7,9,12,.7),transparent 50%)}.tsb-model-hero .inner{position:relative;z-index:2;padding:90px 0}.tsb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tsb-card{display:block;padding:28px;border:1px solid var(--line);border-radius:17px;background:var(--panel);transition:.2s}.tsb-card:hover{transform:translateY(-3px);border-color:rgba(227,24,55,.55);background:var(--panel2)}.tsb-card h2{font-size:24px;line-height:1.15;margin:12px 0}.tsb-card p{color:var(--muted)}.tsb-card .read{color:#ff5369;font-weight:800}.tsb-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tsb-link-grid a{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.tsb-callout{margin-top:60px;padding:34px;border-left:3px solid var(--red);background:var(--panel)}.tsb-footer{padding:65px 0 25px;background:#07090b;border-top:1px solid var(--line)}.tsb-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.tsb-footer p,.tsb-legal{color:var(--muted)}.tsb-legal{border-top:1px solid var(--line);margin-top:35px;padding-top:22px;font-size:12px}.article-content{max-width:840px}.article.tsb-page-hero{padding-bottom:70px}@media(max-width:900px){.tsb-nav nav{display:none}.tsb-cards{grid-template-columns:repeat(2,1fr)}.tsb-footer-grid{grid-template-columns:1fr}.tsb-top .tsb-wrap{display:block}.tsb-model-hero{min-height:560px}}@media(max-width:600px){.tsb-wrap{width:min(calc(100% - 24px),var(--max))}.tsb-cards,.tsb-link-grid{grid-template-columns:1fr}.tsb-page-hero{padding:75px 0 60px}.tsb-model-hero h1,.tsb-page-hero h1{font-size:50px}}


/* v3.1 image-led SEO pages and standalone articles */
.tsb-photo-hero{min-height:590px;position:relative;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--line)}
.tsb-photo-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tsb-photo-hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,12,.96),rgba(7,9,12,.72) 50%,rgba(7,9,12,.2)),linear-gradient(0deg,rgba(7,9,12,.72),transparent 55%)}
.tsb-photo-hero .inner{position:relative;z-index:2;padding:90px 0;width:100%}
.tsb-photo-hero h1{font-size:clamp(48px,7vw,90px);line-height:.98;letter-spacing:-.055em;margin:14px 0 24px;max-width:1000px}
.tsb-photo-hero .inner>p:not(.tsb-kicker){font-size:20px;color:#d8dde1;max-width:780px}
.tsb-image-card{padding:0;overflow:hidden}
.tsb-image-card>img{width:100%;height:220px;object-fit:cover}
.tsb-image-card .card-body{padding:25px 28px 30px}
.article-library{align-items:stretch}
.article-library .tsb-card{height:100%}
.article-preview-card{padding:0!important;overflow:hidden;text-align:left}
.article-preview-card>img{width:100%;height:205px;object-fit:cover}
.article-preview-body{padding:26px 28px 30px}
.article-preview-card h3{margin-top:16px!important}
.article-read{display:inline-block;margin-top:12px;color:#ff5369;font-weight:800}
.tsb-related{background:#0d1014;border-top:1px solid var(--line)}
.tsb-section-title{font-size:clamp(34px,4vw,52px);letter-spacing:-.04em;line-height:1.05;margin:12px 0 35px}
@media(max-width:600px){.tsb-photo-hero{min-height:520px}.tsb-photo-hero .inner{padding:65px 0}.tsb-image-card>img,.article-preview-card>img{height:190px}}


/* v3.2 model-specific content + integrated photography */
.tsb-editorial-section{background:linear-gradient(180deg,#0a0c0f,#0d1014)}
.tsb-editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:64px;align-items:start}
.tsb-visual-rail{position:sticky;top:110px;display:grid;gap:18px}
.tsb-integrated-photo{position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--line);background:var(--panel);min-height:430px}
.tsb-integrated-photo img{width:100%;height:430px;object-fit:cover;display:block;transition:transform .45s ease}
.tsb-integrated-photo:hover img{transform:scale(1.025)}
.tsb-integrated-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(6,8,10,.9))}
.tsb-integrated-photo span{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em}
.tsb-rail-card{padding:27px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(227,24,55,.08),transparent 45%),var(--panel)}
.tsb-rail-card h3{font-size:27px;line-height:1.1;margin:10px 0 12px}.tsb-rail-card p{color:var(--muted)}.tsb-rail-card a{color:#ff5369;font-weight:800}
.tsb-photo-band{position:relative;isolation:isolate;padding:90px 0;background:#10141a;overflow:hidden;border-block:1px solid var(--line)}
.tsb-photo-band:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--band);background-size:cover;background-position:center;filter:saturate(.75)}
.tsb-photo-band:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,8,10,.96),rgba(6,8,10,.78) 50%,rgba(6,8,10,.48))}
.tsb-photo-band .tsb-wrap>div{max-width:780px}.tsb-photo-band h2{font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-.045em;margin:10px 0 18px}.tsb-photo-band p:not(.tsb-kicker){font-size:18px;color:#d3d8dd}
.index-photo-hero{min-height:520px}.index-photo-hero .inner{padding:80px 0}.index-photo-hero h1{font-size:clamp(48px,7vw,86px);line-height:.98;letter-spacing:-.055em;margin:14px 0 24px;max-width:1000px}
.tsb-image-card.model>img{height:235px}.tsb-image-card img{background:#171b20}
@media(max-width:980px){.tsb-editorial-grid{grid-template-columns:1fr}.tsb-visual-rail{position:static;grid-template-columns:1fr 1fr}.tsb-integrated-photo,.tsb-integrated-photo img{min-height:360px;height:360px}}
@media(max-width:650px){.tsb-visual-rail{grid-template-columns:1fr}.tsb-integrated-photo,.tsb-integrated-photo img{min-height:310px;height:310px}.tsb-photo-band{padding:65px 0}}


/* v3.2.1 – clickable homepage service cards */
.service-card-link {
  position: relative;
  display: block;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.service-card-link .service-card-arrow {
  position: absolute;
  right: 28px;
  bottom: 24px;
  color: var(--red, #e31837);
  font-size: 24px;
  font-weight: 800;
  transition: transform .2s ease;
}
.service-card-link:hover .service-card-arrow {
  transform: translateX(5px);
}
.service-card-link:focus-visible {
  outline: 3px solid var(--red, #e31837);
  outline-offset: 3px;
}