/*
Theme Name: Motor-Profi Blue Tech
Theme URI: https://motor-profi.eu/
Author: Motor-Profi
Description: Eigenständiges responsives Automotive-Ratgebertheme mit durchgängigem Technik-Header, rechter Sidebar und WooCommerce-Unterstützung.
Version: 1.0.15
Requires PHP: 7.4
Text Domain: motor-profi-blue-tech
*/
:root{--navy:#061b32;--blue:#086ac3;--red:#ed2029;--ink:#10243c;--bg:#eef3f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:#0962aa;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{max-width:1200px;margin:auto;padding:0 20px}.site-header{background:#061a31;color:#fff}.topline{background:#031225;border-bottom:1px solid #204a6c;color:#b9d9f4;font-size:12px;padding:5px 0}.topline .wrap{display:flex;justify-content:space-between;gap:15px}.navline{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{font-size:28px;font-style:italic;font-weight:1000;letter-spacing:-1.5px;color:#fff;text-shadow:2px 2px #111}.brand b{color:#f32935}.brand img{max-width:280px;max-height:70px;width:auto}.menu{display:flex;list-style:none;gap:24px;margin:0;padding:0;flex-wrap:wrap}.menu a{color:white;font-weight:700;font-size:14px}.menu a:hover{color:#69c4ff}.hero{background:linear-gradient(90deg,#05172e 0%,#072b52 46%,rgba(5,26,50,.12) 100%),url('hero-car.webp') right center/auto 100% no-repeat;min-height:255px;display:flex;align-items:center;border-top:1px solid #24567b}.hero h1{font-size:clamp(29px,4vw,48px);font-weight:900;line-height:1.08;text-transform:uppercase;max-width:610px;margin:0;color:#fff}.hero h1 span{color:#55b7f9}.hero p{color:#e5f4ff;font-size:17px;margin:12px 0 0}.feature-strip{background:#08294b;border-top:1px solid #3973a0}.feature-strip .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px}.feature-strip a{color:#fff;font-weight:700;font-size:13px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin-top:24px;margin-bottom:40px;align-items:start}.content-area,.widget,.article-card{background:white;border:1px solid #dae3ec;border-radius:7px;box-shadow:0 3px 14px #102b4910}.content-area{padding:30px}.content-area h1,.content-area h2,.content-area h3{line-height:1.25;color:#071d38}.content-area h1{font-size:clamp(28px,3vw,39px);margin-top:0}.content-area h2{margin-top:32px}.content-area p{margin:0 0 1.25em}.content-area table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%;margin:20px 0}.content-area td,.content-area th{border:1px solid #cbd8e6;padding:10px 12px}.content-area th{background:#e9f3fc}.content-area blockquote{border-left:4px solid var(--blue);background:#f0f7ff;padding:14px 20px;margin:20px 0}.post-meta{font-size:13px;color:#60748b;margin-bottom:18px}.post-thumbnail img{width:100%;border-radius:5px;display:block}.post-preview{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid #dce6f0}.post-preview h2{margin:12px 0;font-size:25px}.post-preview .post-thumbnail img{max-height:340px;object-fit:cover}.readmore,.wp-block-button__link{display:inline-block;background:var(--red);color:white!important;padding:8px 17px;border-radius:4px;font-weight:700}.sidebar{display:grid;gap:15px}.widget{padding:19px}.widget h2,.widget-title{font-size:18px;margin:0 0 14px;color:#0b2748}.widget ul{padding-left:18px;margin:0}.widget li{margin:7px 0}.widget input[type=search],.widget input[type=text]{width:100%;padding:10px;border:1px solid #cad7e4;border-radius:4px}.widget button,.search-submit{background:#0767bd;color:#fff;border:0;padding:10px 14px;border-radius:4px;cursor:pointer}.site-footer{background:#031c35;color:#d8e8f5;border-top:4px solid #1177cb}.footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding-top:40px;padding-bottom:35px}.site-footer h3{color:#fff;font-size:16px;margin:0 0 12px}.site-footer a{color:#d7eaff}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:5px 0}.footer-bottom{border-top:1px solid #31506b;padding:14px 0;font-size:12px}.pagination{margin:25px 0}.pagination .page-numbers{padding:7px 12px;border:1px solid #ccd9e7;border-radius:3px}.pagination .current{background:#0a68b7;color:white}.screen-reader-text{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.wp-caption{max-width:100%}.aligncenter{display:block;margin:auto}.alignleft{float:left;margin-right:20px}.alignright{float:right;margin-left:20px}@media(max-width:850px){.main-grid{grid-template-columns:1fr}.footer-cols{grid-template-columns:repeat(2,1fr)}.navline{flex-direction:column;align-items:flex-start;padding-top:15px;padding-bottom:15px}.menu{gap:12px}.hero{background-position:right center;min-height:220px}.hero h1{font-size:32px;max-width:400px}}@media(max-width:550px){.content-area{padding:18px}.footer-cols{grid-template-columns:1fr}.hero{background:linear-gradient(90deg,#061b34dd,#061b34c9),url('hero-car.webp') center/cover}.hero h1{font-size:28px}.topline .wrap{display:block}.brand img{max-width:230px}.menu{gap:10px}.menu a{font-size:12px}}

/* Blue Tech 1.0.1: improved visual fidelity */
.nav-background{background:#04172b;border-bottom:1px solid #2678a7}.navline{min-height:74px}
.brand img{display:block;max-width:330px;max-height:75px;object-fit:contain;mix-blend-mode:multiply}
.hero{min-height:340px;background:linear-gradient(90deg,#04182ff7 0%,#052443ec 23%,#062b50a0 41%,transparent 68%),url('hero-car-v2.webp') right center/auto 100% no-repeat;background-color:#041b35}
.hero h1{font-size:clamp(34px,3.6vw,52px);letter-spacing:-1px;text-shadow:0 2px 9px #00172e}
.hero p{font-size:18px;text-shadow:0 2px 8px #00172e}
.feature-strip{background:linear-gradient(90deg,#05284b,#073b65);border-bottom:2px solid #2884c1}.feature-strip .wrap{gap:0}.feature-strip a{flex:1;text-align:center;padding:7px 10px;border-right:1px solid #28597e}
.main-grid{margin-top:17px}
.site-footer{background:linear-gradient(110deg,#03182f,#06335b 68%,#03182f);border-top:3px solid #1583cb}
.footer-brand{display:inline-block;margin-bottom:10px}.footer-brand img{display:block;max-width:275px;max-height:70px;object-fit:contain;mix-blend-mode:multiply}.footer-wordmark{color:white;font-size:26px;font-style:italic;font-weight:900;text-shadow:2px 2px #000}.footer-wordmark strong{color:#f32232}
@media(max-width:850px){.hero{background-position:right center;min-height:270px}.brand img{max-width:250px}.feature-strip a{flex:1 1 45%}}
@media(max-width:550px){.hero{background:linear-gradient(90deg,#04182ff2,#052443c9),url('hero-car-v2.webp') right center/auto 100% no-repeat;background-color:#04182f;min-height:250px}.hero h1{font-size:30px}}

/* Motor-Profi 1.0.2 */
.brand img{mix-blend-mode:normal!important;max-height:78px;object-fit:contain}
.footer-brand{display:block;max-width:290px;margin-bottom:15px}
.footer-brand img{max-height:85px;max-width:100%;width:auto;mix-blend-mode:normal!important;object-fit:contain}
.site-footer{background-color:#031b34}.site-footer .footer-cols{position:relative;z-index:1}
.home-intro-copy{max-height:245px;overflow:hidden;position:relative}
.home-intro-copy:not(.is-expanded):after{content:"";position:absolute;bottom:0;left:0;right:0;height:85px;background:linear-gradient(transparent,#fff)}
.home-intro-copy.is-expanded{max-height:none;overflow:visible}
.mpbt-toggle-intro{border:0;cursor:pointer;font-size:14px;margin-top:12px}
.mpbt-kicker{display:inline-block;background:#075da8;color:white;font-weight:800;font-size:10px;padding:3px 8px;letter-spacing:.04em}
.home-intro-heading h1{margin:12px 0 20px}
.mpbt-latest{border-top:1px solid #dbe5ee;margin-top:30px;padding-top:14px}
.mpbt-latest>h2{font-size:23px;margin:12px 0 20px}
.mpbt-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mpbt-post-card{min-width:0;border:1px solid #dae4ed;border-radius:5px;overflow:hidden;background:#fff}
.mpbt-post-card.mpbt-featured{grid-column:1/-1}
.mpbt-card-image img{display:block;width:100%;height:145px;object-fit:cover}
.mpbt-featured .mpbt-card-image img{height:270px}
.mpbt-card-body{padding:12px}.mpbt-card-body h3{font-size:17px;line-height:1.35;margin:9px 0}.mpbt-featured .mpbt-card-body h3{font-size:24px}
.mpbt-card-body h3 a{color:#0b213c}.mpbt-card-body p{font-size:14px}
.mpbt-card-body .readmore{font-size:12px;padding:6px 12px;background:#e30016}
@media(max-width:580px){.mpbt-post-grid{grid-template-columns:1fr}.mpbt-featured .mpbt-card-image img{height:190px}.mpbt-post-card.mpbt-featured{grid-column:auto}}

/* Footer 1.0.3: graphic without baked-in labels, readable live links */
.site-footer{background:#031b34 url('footer-tech-clean.webp') center center/cover no-repeat!important;}
.site-footer .footer-cols{position:relative;z-index:1;min-height:255px;align-items:start;}
.site-footer .footer-cols>div:first-child{padding-right:12px;}
.site-footer .footer-cols h3{color:#fff;text-shadow:0 2px 4px #00101f;}
.site-footer .footer-cols a,.site-footer .footer-cols p{color:#e6f2ff;text-shadow:0 1px 4px #00111f;}
.site-footer .footer-brand img{mix-blend-mode:normal!important;max-height:78px;object-fit:contain;}
.site-footer .footer-bottom{background:rgba(0,12,28,.78);}
@media(max-width:850px){.site-footer{background-position:center center!important}}

/* 1.0.4: footer art visible without dark overlay */
.site-footer{background-color:#031b34!important;background-blend-mode:normal!important;}
.site-footer .footer-bottom{background:rgba(0,12,28,.55)}

/* v1.0.5 new clean racing logo */
.site-header .brand{background:none!important;box-shadow:none!important;padding:0!important;line-height:0;flex-shrink:0}
.site-header .brand img{display:block!important;width:clamp(235px,23vw,330px)!important;max-width:100%!important;max-height:none!important;height:auto!important;object-fit:contain!important;mix-blend-mode:normal!important;background:transparent!important}
.navline{gap:26px}
@media(max-width:850px){.site-header .brand img{width:285px!important}}
@media(max-width:550px){.site-header .brand img{width:240px!important}}

/* v1.0.6 – active navigation and currently selected links in red */
:root{--mp-active-red:#ff3445}
.menu .current-menu-item>a,.menu .current-menu-ancestor>a,.menu .current-menu-parent>a,.menu .current_page_item>a,.menu .current_page_ancestor>a,.menu a[aria-current="page"],.menu a[aria-current="true"],.site-header nav a[aria-current="page"],.site-header nav .current-menu-item>a{color:var(--mp-active-red)!important;border-bottom:2px solid var(--mp-active-red);padding-bottom:4px}
.site-footer .current-menu-item>a,.site-footer .current_page_item>a,.site-footer a[aria-current="page"],.sidebar .current-menu-item>a,.sidebar .current-cat>a,.sidebar .current_page_item>a,.sidebar a[aria-current="page"],.widget .current-cat>a,.widget .current_page_item>a{color:var(--mp-active-red)!important;font-weight:800}
.menu a:hover,.site-footer a:hover,.sidebar a:hover,.widget a:hover,.feature-strip a:hover{color:var(--mp-active-red)!important}

/* 1.0.7 — design reference layout, no screenshot baked into page */
:root{--mp-red:#ec0016}
.site-header{background:#031b35!important}
.topline{background:#031a34;font-size:11px}
.nav-background{background:#03172d!important}
.navline{min-height:66px}
.hero{background-image:linear-gradient(90deg,rgba(2,15,35,.64) 0%,rgba(3,23,48,.45) 28%,rgba(3,23,48,0) 53%),url('hero-full-v107.webp')!important;background-size:cover,cover!important;background-position:center center!important;background-repeat:no-repeat!important;min-height:360px!important}
.hero .wrap{width:100%;padding-left:34px}
.hero h1{max-width:510px;font-size:clamp(33px,3.1vw,48px)!important;line-height:1.08;text-shadow:0 3px 12px #001020}
.hero p{font-size:16px}
.feature-strip{position:relative;z-index:2;background:linear-gradient(#082e56,#03182e)!important}
.feature-strip .wrap{max-width:1200px;padding-top:0;padding-bottom:0}
.feature-strip a{padding:14px 12px!important;border-right:1px solid #27557b;font-size:13px;min-height:48px}
.main-grid{max-width:1200px;grid-template-columns:minmax(0,1fr) 292px;gap:15px;margin-top:14px}
body.home .content-area{padding:0;background:transparent;border:0;box-shadow:none}
body.home .mpbt-latest{border:0;margin:0;padding:0}
body.home .mpbt-latest>h2{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
body.home .mpbt-post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
body.home .mpbt-post-card{box-shadow:0 2px 9px #12325216;border-color:#e5edf5}
body.home .mpbt-post-card.mpbt-featured{grid-column:1/-1;display:flex;flex-direction:column-reverse;padding:20px 20px 16px}
body.home .mpbt-featured .mpbt-card-body{padding:0}
body.home .mpbt-featured .mpbt-card-body h3{font-size:27px;margin:8px 0 10px}
body.home .mpbt-featured .mpbt-card-image img{height:230px;object-fit:cover;border-radius:3px}
body.home .mpbt-featured .mpbt-card-body p{font-size:14px;margin:8px 0 12px}
body.home .mpbt-featured .mpbt-card-body .readmore{margin-bottom:10px}
body.home .mpbt-post-card:not(.mpbt-featured) .mpbt-card-image img{height:110px}
body.home .mpbt-post-card:not(.mpbt-featured) .mpbt-card-body h3{font-size:14px}
body.home .mpbt-post-card:not(.mpbt-featured) .readmore{display:none}
body.home .mpbt-home-intro-section{margin-top:25px}
body.home .home-intro{background:white;padding:24px;border:1px solid #dce6f0;border-radius:5px}
body.home .home-intro-heading h1{font-size:25px}
.sidebar{gap:10px}.widget{padding:13px;border-radius:4px}.widget h2{font-size:15px;margin-bottom:8px}
.mp-mini-list{display:grid;gap:7px}.mp-mini-post{display:flex;align-items:center;gap:9px;color:#10243c}.mp-mini-post img{width:57px;height:44px;object-fit:cover;border-radius:3px;flex-shrink:0}.mp-mini-post strong{font-size:12px;line-height:1.2;display:block}.mp-mini-post small{font-size:10px;color:#71849a;display:block}
.mp-category-widget ul{list-style:none;padding:0}.mp-category-widget li{margin:0;padding:5px 2px;border-bottom:1px solid #e8edf4;font-size:12px}.mp-category-widget li:before{content:'⚙';color:#0b3970;margin-right:9px}.mp-category-widget li a{font-weight:600}.mp-category-widget li .count{float:right}
.mp-search-widget form{display:flex;gap:4px}.mp-search-widget input{min-width:0;flex:1}.mp-search-widget button{padding:8px 11px}
.readmore,.mpbt-toggle-intro{background:#e00013!important;color:white!important}
@media(max-width:850px){.hero{min-height:300px!important}.main-grid{grid-template-columns:minmax(0,1fr)}.hero .wrap{padding-left:20px}}
@media(max-width:580px){.hero{min-height:275px!important;background-position:57% center!important}.hero h1{font-size:29px!important}.mpbt-post-grid{grid-template-columns:1fr!important}.mpbt-post-card.mpbt-featured{grid-column:auto!important}.mpbt-post-card:not(.mpbt-featured) .mpbt-card-image img{height:165px!important}}

/* v1.0.8: clearer full-width hero and large feature strip icons */
.hero{background-image:linear-gradient(90deg,rgba(1,12,30,.33) 0%,rgba(1,16,36,.18) 27%,transparent 53%),url('hero-full-v108.webp')!important;background-size:cover,cover!important;background-position:center,center!important;min-height:360px!important}
.hero h1,.hero p{text-shadow:0 2px 5px rgba(0,12,28,.9)!important}
.feature-strip{background:linear-gradient(180deg,#0b345d,#03182e)!important}
.feature-strip .wrap{display:flex!important;gap:0!important;max-width:1200px!important;flex-wrap:nowrap!important}
.feature-strip a{display:flex!important;align-items:center!important;justify-content:center!important;gap:11px!important;flex:1 1 20%!important;min-width:0!important;min-height:66px!important;padding:9px 10px!important;text-align:left!important;text-decoration:none!important;border-right:1px solid #37618a!important}
.feature-strip a:first-child{border-left:1px solid #37618a!important}
.feature-strip .feature-icon{font-family:Arial,sans-serif;font-size:32px!important;line-height:1!important;color:#fff!important;flex:0 0 36px;text-align:center;text-shadow:0 2px 3px #001326}
.feature-strip .feature-copy{display:flex;flex-direction:column;gap:2px;line-height:1.2}
.feature-strip .feature-copy strong{font-size:12px;color:#fff}
.feature-strip .feature-copy small{font-size:10px;font-weight:400;color:#d4e7f8}
@media(max-width:900px){.feature-strip .wrap{flex-wrap:wrap!important}.feature-strip a{flex:1 1 33.33%!important}.feature-strip .feature-icon{font-size:28px!important}}
@media(max-width:550px){.hero{background-image:linear-gradient(90deg,rgba(2,18,40,.65),rgba(2,18,40,.15)),url('hero-full-v108.webp')!important}.feature-strip a{flex:1 1 50%!important;min-height:58px!important}.feature-strip .feature-icon{font-size:25px!important;flex-basis:30px}.feature-strip .feature-copy small{font-size:9px}}

/* Keine Datums-/Autorenangaben im Frontend */
.post-meta,.entry-meta,.byline,.posted-on,.mp-mini-post small{display:none!important}


/* v1.0.10: full-resolution hero, no zoom, text legibility */
.hero{
  background-image:linear-gradient(90deg,rgba(2,13,32,.83) 0%,rgba(2,13,32,.78) 19%,rgba(2,13,32,.5) 34%,rgba(2,13,32,0) 55%),url('hero-full-v110.webp')!important;
  background-size:100% 100%,100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  min-height:320px!important;
}
.hero .wrap{position:relative;z-index:1}
.hero h1,.hero p{position:relative;text-shadow:0 2px 6px #001125,0 0 2px #001125!important}
@media(max-width:850px){
 .hero{background-size:cover,cover!important;background-position:center,center!important}
}
@media(max-width:550px){
 .hero{background-image:linear-gradient(90deg,rgba(2,13,32,.88),rgba(2,13,32,.46)),url('hero-full-v110.webp')!important}
}

/* v1.0.12 - feature navigation: crisp, readable subtitles and selected link */
.feature-strip .feature-copy{gap:4px!important;line-height:1.32!important}
.feature-strip .feature-copy strong{font-size:14px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:0!important;text-shadow:none!important;-webkit-font-smoothing:antialiased}
.feature-strip .feature-copy small{font-size:12px!important;line-height:1.35!important;font-weight:500!important;color:#e7f3ff!important;letter-spacing:0!important;text-shadow:none!important;-webkit-font-smoothing:antialiased}
.feature-strip a{min-height:76px!important;transition:background-color .15s ease,color .15s ease}
.feature-strip a.is-current,.feature-strip a[aria-current="page"]{background:rgba(120,4,17,.20)!important;box-shadow:inset 0 -3px 0 #ff3344!important}
.feature-strip a.is-current .feature-copy strong,.feature-strip a[aria-current="page"] .feature-copy strong,.feature-strip a.is-current .feature-icon,.feature-strip a[aria-current="page"] .feature-icon{color:#ff394b!important}
.feature-strip a:hover .feature-copy strong,.feature-strip a:hover .feature-icon{color:#ff394b!important}
@media(max-width:900px){.feature-strip .feature-copy strong{font-size:13px!important}.feature-strip .feature-copy small{font-size:11px!important}}
@media(max-width:550px){.feature-strip a{min-height:70px!important}.feature-strip .feature-copy strong{font-size:12px!important}.feature-strip .feature-copy small{font-size:10.5px!important}}

/* v1.0.13: introduction first, 15 latest articles beneath */
body.home .mpbt-home-intro-section{margin:0 0 18px}
body.home .mpbt-latest{margin-top:0;padding-top:0}
body.home .mpbt-post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.home .mpbt-post-card:not(.mpbt-featured){min-width:0}
@media(max-width:580px){body.home .mpbt-post-grid{grid-template-columns:1fr}}

/* v1.0.15 - front page static introduction featured image */
body.home .mpbt-intro-featured-image{margin:0 0 18px;max-width:100%;overflow:hidden;border-radius:5px}
body.home .mpbt-intro-featured-image img{display:block;width:100%;height:auto;max-height:380px;object-fit:cover;object-position:center}
@media(max-width:600px){body.home .mpbt-intro-featured-image img{max-height:250px}}