/*
Theme Name: RVF400 Racing
Theme URI: https://rvf400.de/
Author: RVF400.de
Description: Zweisprachiges Motorsport-Theme für das private Honda RVF400 Projekt. Für Polylang vorbereitet.
Version: 1.5.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rvf400-racing
*/
:root{--bg:#0c0e10;--panel:#15181c;--line:#373b40;--text:#f5f6f6;--muted:#b9bdc2;--accent:#dfff00;--width:1360px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;height:auto}.wrap{width:min(calc(100% - 48px),var(--width));margin:auto}.site-header{background:#0b0c0eeF;border-bottom:1px solid var(--line);position:relative;z-index:5}.topbar{min-height:98px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:inline-flex;flex-direction:column;line-height:1}.brand-main{font-size:clamp(31px,5vw,58px);font-weight:1000;font-style:italic;letter-spacing:-3px}.brand-main em{font-style:italic;color:var(--accent)}.brand-main small{font-size:.54em;letter-spacing:-1px}.brand-sub{font-size:12px;letter-spacing:7px;color:var(--muted);margin-top:7px}.header-right{text-align:right}.tagline{font-size:12px;letter-spacing:3px;color:var(--muted);text-transform:uppercase}.langs{margin-top:12px;display:flex;justify-content:flex-end;gap:6px}.langs a{border:1px solid #53565b;padding:3px 14px;font-size:12px}.langs a.active,.langs a:hover{border-color:var(--accent);color:var(--accent)}.nav-shell{border-top:1px solid var(--line);background:#111315}.nav-inner{display:flex;align-items:center;gap:24px;min-height:57px}.nav-inner ul{display:flex;flex-wrap:wrap;align-items:center;gap:25px;list-style:none;margin:0;padding:0}.nav-inner a{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:white;padding:8px 12px}.hero{position:relative;min-height:630px;display:flex;align-items:center;overflow:hidden;background:#111}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.62) 29%,rgba(0,0,0,.1) 75%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 45%),var(--hero-image) center center / cover no-repeat;filter:brightness(.8)}.hero-content{position:relative;padding:90px 0;max-width:var(--width)}.hero-copy{max-width:420px}.eyebrow{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:4px;text-transform:uppercase}.hero h1{font-size:clamp(55px,8.4vw,116px);font-style:italic;font-weight:1000;letter-spacing:-5px;line-height:.9;margin:20px 0 25px;text-transform:uppercase}.hero h1:after{content:"";display:block;width:90px;height:4px;background:var(--accent);margin-top:25px}.hero p{color:#e3e4e5;font-size:17px;line-height:1.6}.btn{display:inline-block;border:1px solid var(--accent);color:var(--accent);padding:12px 23px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-top:18px}.btn:hover{background:var(--accent);color:#0b0b0b}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;padding:17px 0 35px}.feature-card{min-height:145px;display:flex;flex-direction:column;justify-content:flex-end;padding:17px;background:linear-gradient(0deg,#080808,rgba(12,12,12,.35)),var(--card-image,linear-gradient(135deg,#25292c,#0b0c0d));background-size:cover;background-position:center;border:1px solid #515151;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:var(--accent)}.feature-card strong{font-size:14px;line-height:1.2;text-transform:uppercase}.feature-card span{color:var(--muted);font-size:11px;letter-spacing:2px;text-transform:uppercase}.section{padding:70px 0}.section h2,.content h1{font-size:clamp(30px,4vw,48px);line-height:1.12;text-transform:uppercase;letter-spacing:-1px;margin:0 0 25px}.section h2:after,.content h1:after{content:"";display:block;background:var(--accent);width:65px;height:3px;margin-top:16px}.section p,.content p{color:#c7c9cb;max-width:790px}.site-footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:12px;letter-spacing:1px}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.content{padding:65px 0;min-height:55vh}.content article{max-width:900px}.content a:not(.btn){color:var(--accent)}.entry-meta{color:var(--muted);font-size:12px}.post-card{border-bottom:1px solid var(--line);padding:20px 0}.post-card h2{margin:0}.wp-block-image img{height:auto}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{position:static;clip:auto;height:auto;width:auto}input,textarea{max-width:100%}@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr)}.tagline{display:none}.nav-inner ul{gap:13px}.hero{min-height:560px}.hero:before{background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.15)),var(--hero-image) 56% center / cover no-repeat}}@media(max-width:650px){.wrap{width:min(calc(100% - 30px),var(--width))}.topbar{min-height:82px}.brand-main{font-size:37px}.brand-sub{font-size:8px;letter-spacing:4px}.nav-inner{display:block;padding:10px 0}.menu-toggle{display:block}.nav-inner ul{display:none;flex-direction:column;align-items:flex-start;padding:18px 0}.nav-inner ul.is-open{display:flex}.hero{min-height:550px;align-items:flex-end}.hero:before{background:linear-gradient(0deg,rgba(0,0,0,.96),rgba(0,0,0,.15) 80%),var(--hero-image) 54% center / cover no-repeat}.hero-content{padding:70px 0 45px}.hero h1{font-size:65px}.hero p{font-size:15px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card{min-height:125px;padding:12px}.feature-card strong{font-size:12px}.header-right{align-self:center}}

/* v1.1: original RVF400 photograph in the first viewport, beside the headline */
.hero-v2{min-height:640px;isolation:isolate;background:radial-gradient(ellipse at 72% 52%,#333940 0%,#171a1e 58%,#0a0b0c 100%);border-bottom:1px solid #4b4e50}
.hero-v2:before{display:none}
.hero-v2 .hero-visual{position:absolute;z-index:-1;top:0;bottom:0;right:0;width:79%;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 96%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 96%)}
.hero-v2 .hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,10,12,.77),transparent 24%,transparent 75%,rgba(9,10,12,.30)),linear-gradient(90deg,rgba(9,10,12,.62),transparent 55%);pointer-events:none}
.hero-v2 .hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:brightness(.79) contrast(1.12)}
.hero-v2 .hero-content{min-height:640px;display:flex;align-items:center;justify-content:space-between;padding-top:56px;padding-bottom:56px}
.hero-v2 .hero-copy{max-width:360px;text-shadow:0 2px 14px #08090a}
.hero-v2 h1{font-size:clamp(65px,7.4vw,108px)}
.hero-side-note{align-self:center;text-align:right;font-size:12px;font-weight:800;letter-spacing:4px;line-height:2.1;text-shadow:0 2px 12px #000;margin-top:245px}
.hero-side-note:after{content:"";display:block;background:var(--accent);width:55px;height:3px;margin:12px 0 0 auto}
.feature-rvf400,.feature-galerie{background-image:linear-gradient(0deg,rgba(0,0,0,.93),rgba(0,0,0,.25)),url('assets/images/rvf400-original.jpg');background-position:center 47%;background-size:cover}
.feature-galerie{background-position:75% 30%}
.feature-einspritzung{background-image:linear-gradient(0deg,#090a0c,rgba(16,20,25,.45)),repeating-linear-gradient(125deg,#252c31 0 3px,#14191d 4px 28px)}
.feature-rennstrecke{background-image:linear-gradient(0deg,#090a0c,rgba(17,20,24,.2)),linear-gradient(150deg,#44484b 0 43%,#d9dadb 44% 47%,#962f2d 48% 53%,#171b1e 54%)}
.feature-presse{background-image:linear-gradient(0deg,#090a0c,rgba(16,18,22,.3)),repeating-linear-gradient(0deg,#414347 0 2px,#202327 3px 13px)}
@media(max-width:900px){.hero-v2,.hero-v2 .hero-content{min-height:570px}.hero-v2 .hero-visual{width:88%}.hero-v2 h1{font-size:clamp(58px,8vw,83px)}.hero-side-note{display:none}}
@media(max-width:650px){.hero-v2{min-height:680px;align-items:flex-end}.hero-v2 .hero-visual{top:0;bottom:auto;height:430px;width:100%;mask-image:linear-gradient(0deg,transparent,#000 25%);-webkit-mask-image:linear-gradient(0deg,transparent,#000 25%)}.hero-v2 .hero-visual img{object-position:center 43%}.hero-v2 .hero-content{min-height:680px;align-items:flex-end;padding-bottom:42px}.hero-v2 .hero-copy{max-width:100%}.hero-v2 h1{font-size:64px;margin:10px 0 16px}.hero-v2 p{max-width:340px}.hero-v2 .hero-visual:after{background:linear-gradient(0deg,#0b0d10 0%,transparent 58%)} }

/* v1.2: robust hero image using bundled original, avoid invisible cropped image */
.hero-v2 .hero-visual{width:75%;mask-image:linear-gradient(90deg,transparent 0%,#000 22%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%)}
.hero-v2 .hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:brightness(.64) contrast(1.12)}
.hero-v2 .hero-visual:after{background:linear-gradient(90deg,rgba(8,9,10,.70),transparent 65%),linear-gradient(0deg,rgba(8,9,10,.48),transparent 27%)}
@media(max-width:650px){.hero-v2 .hero-visual{width:100%;height:410px}.hero-v2 .hero-visual img{object-position:center 40%}}

/* v1.3: complete cut-out motorcycle; no cover crop or garage background */
.hero-v2{min-height:620px;background:radial-gradient(ellipse at 72% 48%,#30353b 0%,#1b1e22 46%,#0b0d10 100%)}
.hero-v2 .hero-visual{inset:0 0 0 auto;width:79%;height:100%;display:flex;align-items:center;justify-content:flex-end;overflow:visible;mask-image:none;-webkit-mask-image:none}
.hero-v2 .hero-visual img{display:block;width:100%;height:auto;max-height:94%;object-fit:contain;object-position:right center;filter:drop-shadow(0 20px 28px rgba(0,0,0,.72)) brightness(.96) contrast(1.05)}
.hero-v2 .hero-visual:after{background:linear-gradient(90deg,#0b0d10 0%,rgba(11,13,16,.82) 12%,transparent 39%);pointer-events:none}
.hero-v2 .hero-content{min-height:620px}
.hero-v2 .hero-copy{position:relative;z-index:2}
.hero-side-note{position:relative;z-index:2}
.nav-inner ul{width:100%;justify-content:space-between;gap:clamp(9px,1.25vw,22px)}
.nav-inner a{font-size:clamp(12px,.92vw,14px);letter-spacing:.25px}
@media(max-width:1050px){.hero-v2 .hero-visual{width:82%}.hero-v2 .hero-visual img{max-height:85%}.nav-inner ul{justify-content:flex-start;gap:15px}}
@media(max-width:650px){.hero-v2{min-height:680px}.hero-v2 .hero-visual{top:0;bottom:auto;width:100%;height:365px;justify-content:center;align-items:center}.hero-v2 .hero-visual img{width:100%;height:auto;max-height:100%;object-fit:contain}.hero-v2 .hero-visual:after{background:linear-gradient(0deg,#0b0d10,transparent 50%)}.hero-v2 .hero-content{min-height:680px}.nav-inner ul{width:auto;align-items:flex-start;justify-content:flex-start}}

/* v1.4: true transparent image, full motorcycle always visible */
.hero-v2{min-height:570px;background:radial-gradient(ellipse at 76% 50%,#32363a 0%,#191d20 50%,#0a0c0e 100%)}
.hero-v2 .hero-visual{position:absolute;inset:0 0 0 auto;width:75%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;mask-image:none;-webkit-mask-image:none}
.hero-v2 .hero-visual img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center center;filter:drop-shadow(0 22px 18px rgba(0,0,0,.75))}
.hero-v2 .hero-visual:after{background:linear-gradient(90deg,#0b0d10 0%,rgba(11,13,16,.9) 7%,transparent 30%)}
.hero-v2 .hero-content{min-height:570px}
@media(max-width:900px){.hero-v2 .hero-visual{width:82%}}
@media(max-width:650px){.hero-v2{min-height:680px}.hero-v2 .hero-visual{inset:0 0 auto 0;width:100%;height:370px}.hero-v2 .hero-visual img{width:100%;height:100%;object-fit:contain}.hero-v2 .hero-visual:after{background:linear-gradient(0deg,#0b0d10,transparent 50%)}.hero-v2 .hero-content{min-height:680px}}

/* v1.5 – technical articles */
.rvf-tech{max-width:1040px}.rvf-tech .intro{font-size:1.15rem;max-width:840px;color:#f0f0f0}
.rvf-tech h2{margin:46px 0 15px;text-transform:uppercase;line-height:1.2}
.rvf-tech h2:before{content:"";display:inline-block;width:5px;height:23px;background:var(--accent);margin-right:12px;vertical-align:-3px}
.rvf-tech h3{color:var(--accent);margin:25px 0 9px}
.rvf-tech table{border-collapse:collapse;width:100%;margin:18px 0 32px;font-size:15px}
.rvf-tech th,.rvf-tech td{border-bottom:1px solid #45484c;padding:11px 14px;text-align:left;vertical-align:top}
.rvf-tech th{background:#24282b;color:var(--accent)}
.rvf-tech figure{margin:24px 0 34px}.rvf-tech figure img{width:100%;max-height:670px;object-fit:contain;background:#151719}
.rvf-tech figcaption{font-size:13px;color:#bfc2c6;padding:9px 0}
.rvf-tech .note{border-left:4px solid var(--accent);background:#1a1d1f;padding:17px 22px;margin:30px 0;color:#e5e5e5}
.feature-einspritzung{background-image:linear-gradient(0deg,#090a0c,rgba(16,20,25,.25)),url('assets/images/jenvey-detail-2.jpg');background-size:cover;background-position:center}