/*
Theme Name: MIETCLEAN Pro V6
Theme URI: https://mietclean.de
Author: MIETCLEAN
Description: Eigenständiges MIETCLEAN Mietmaschinen-Theme mit Bildverlauf, Maschinenkategorien und VikRentItems-Shortcodebereich.
Version: 6.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mietclean
*/
:root{--lime:#b7ff00;--dark:#090d0f;--panel:#111719;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1440px;margin:auto;padding:0 34px}.site-header{height:77px;background:#080c0e;border-bottom:1px solid #202629;display:flex;align-items:center;position:relative;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px}.brand{display:flex;align-items:center;gap:11px;min-width:240px}.brand img{width:64px;height:64px;object-fit:cover;border-radius:12px}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-name{font-size:31px;letter-spacing:-1.5px;font-weight:900}.brand-name em{font-style:normal;color:var(--lime)}.tagline{font-size:9px;font-weight:700;letter-spacing:.15px;margin-top:5px}.nav{display:flex;gap:29px;align-items:center;font-size:13px;font-weight:600}.nav a:hover,.nav a:first-child{color:var(--lime)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:7px;padding:15px 24px;background:var(--lime);color:#0b1006;font-weight:800;font-size:14px;border:0}.btn-outline{background:#101416a6;color:#fff;border:1px solid #a6a9a9}.hero{position:relative;isolation:isolate;min-height:420px;display:flex;align-items:center;overflow:hidden;background:#0a0e10}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/hero.jpg') right center/auto 100% no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080b0d 0%,#080b0df5 25%,#080b0dbe 45%,#080b0d35 78%,#080b0d25 100%)}.hero-content{padding-top:35px;padding-bottom:35px;width:100%}.eyebrow{font-size:12px;color:var(--lime);letter-spacing:2.1px;font-weight:800}.hero h1{font-size:clamp(38px,4.1vw,66px);line-height:.99;letter-spacing:-1.6px;margin:14px 0 18px;max-width:730px;font-weight:900}.lime{color:var(--lime)}.hero p{font-size:17px;line-height:1.5;max-width:590px;color:#f1f1f1}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:19px 0}.ticks{display:flex;flex-wrap:wrap;gap:23px;font-size:12px;font-weight:700;margin-top:22px}.ticks span:before{content:'✓';display:inline-grid;place-items:center;color:var(--lime);border:1px solid var(--lime);border-radius:50%;width:18px;height:18px;margin-right:8px}.categories{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;padding-top:12px;padding-bottom:18px}.category{background:linear-gradient(#182024,#0c1113);border:1px solid #303b3e;border-radius:15px;min-height:135px;text-align:center;overflow:hidden;transition:border-color .2s}.category:hover{border-color:var(--lime)}.category img{width:100%;height:95px;object-fit:cover;display:block;mix-blend-mode:screen}.category strong{font-size:12px;display:block;padding:4px 4px 12px}.benefits{background:#0d1214;border-top:1px solid #293032;border-bottom:1px solid #293032}.benefit-row{display:grid;grid-template-columns:repeat(4,1fr);padding-top:22px;padding-bottom:22px;gap:25px}.benefit{display:flex;gap:16px;align-items:center;border-right:1px solid #253033}.benefit:last-child{border:0}.benefit-icon{font-size:31px;color:var(--lime);min-width:43px}.benefit strong{font-size:15px}.benefit small{display:block;color:#b3b9b9;margin-top:8px;font-size:12px}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid #2a3133}.feature-photo{min-height:350px;position:relative;background:url('assets/work.jpg') center/cover}.feature-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b0de8,#080b0d20)}.feature-copy{position:relative;padding:45px 7%;max-width:570px}.feature-copy h2{font-size:clamp(26px,2.5vw,38px);line-height:1.05;margin:10px 0}.feature-copy p{font-size:14px;line-height:1.55}.product-section{padding:34px 32px;background:#0b1012}.section-top{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:19px}.section-top h2{margin:5px 0;font-size:31px}.section-top a{font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product{background:#f5f5f5;border-radius:10px;color:#111;overflow:hidden}.product img{width:100%;height:155px;object-fit:cover;display:block}.product .inside{padding:13px}.product h3{font-size:14px;margin:0 0 8px}.product p{font-size:12px;margin:0;color:#5a5a5a}.notice{background:#151c1f;border:1px solid #374145;padding:18px;border-radius:10px;color:#cfd5d5;font-size:13px}.rental{padding:65px 34px}.rental h2,.how h2,.contact h2{font-size:34px;margin:7px 0 22px}.rental-box{border:1px solid #364045;border-radius:15px;padding:25px;background:#12191c}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{padding:22px;background:#151d20;border:1px solid #30393c;border-radius:12px}.step b{color:var(--lime);font-size:28px}.step h3{margin:10px 0}.step p{color:#bbc4c6;line-height:1.5;font-size:13px}.how{padding:35px 34px 70px}.contact{background:#12191b;padding:55px 34px}.contact p{color:#c1c9c9;line-height:1.6}.site-footer{border-top:1px solid #333b3d;padding:30px 0;color:#b9c1c2;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-inner a{margin-right:18px}.page-content{max-width:1100px;margin:60px auto;padding:0 25px;min-height:45vh}.page-content a{color:var(--lime)}.screen-reader-text{position:absolute;left:-10000px}.menu-toggle{display:none}@media(max-width:1150px){.nav{gap:13px}.brand-name{font-size:25px}.categories{grid-template-columns:repeat(4,1fr)}.showcase{grid-template-columns:1fr}.feature-photo{min-height:300px}.product-section{padding:30px}.benefit-row{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(2){border:0}}@media(max-width:760px){.wrap{padding-left:18px;padding-right:18px}.site-header{height:auto;min-height:72px}.brand{min-width:0}.brand img{width:48px;height:48px}.brand-name{font-size:22px}.tagline{font-size:7px}.menu-toggle{display:block;background:transparent;color:white;border:1px solid #444;border-radius:5px;padding:10px}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0b1012;padding:20px;flex-direction:column;align-items:start}.nav.is-open{display:flex}.header-cta{display:none}.hero{min-height:540px;align-items:end}.hero:before{background-size:auto 58%;background-position:right top}.hero:after{background:linear-gradient(0deg,#080b0d 2%,#080b0de8 45%,#080b0d30 100%)}.hero h1{font-size:39px}.hero p{font-size:14px}.categories{grid-template-columns:repeat(2,1fr);gap:9px}.benefit-row{grid-template-columns:1fr 1fr;gap:15px}.benefit{border:0}.benefit-icon{font-size:25px;min-width:25px}.benefit strong{font-size:12px}.benefit small{font-size:11px}.product-grid{grid-template-columns:repeat(2,1fr)}.product img{height:120px}.steps{grid-template-columns:1fr 1fr}.section-top h2{font-size:25px}}@media(max-width:410px){.steps{grid-template-columns:1fr}.brand-name{font-size:19px}.brand img{width:43px;height:43px}.benefit-row{grid-template-columns:1fr}}

/* MIETCLEAN V2: corrected desktop grid, alignment and hero visual */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{font-family:Arial,Helvetica,sans-serif!important}
.site-header{height:78px!important;min-height:78px;width:100%;display:block!important}
.site-header .header-inner{max-width:1510px!important;margin:0 auto!important;width:100%!important;height:100%!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding:0 32px!important}
.site-header .brand{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;gap:12px!important;flex:0 0 auto!important;min-width:0!important;white-space:nowrap!important}
.site-header .brand img{width:75px!important;height:65px!important;object-fit:contain!important;flex:0 0 75px!important;border-radius:0!important}
.site-header .brand-text{display:flex!important;flex-direction:column!important;align-items:flex-start!important;white-space:nowrap!important;line-height:1!important}
.site-header .brand-name{display:block!important;font-size:32px!important;letter-spacing:-1.2px!important;line-height:1.05!important;font-weight:900!important}
.site-header .tagline{display:block!important;font-size:9px!important;margin-top:4px!important;letter-spacing:.05px!important;line-height:1.1!important}
.site-header .nav{display:flex!important;flex:0 1 auto!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:clamp(13px,1.8vw,31px)!important;white-space:nowrap!important;margin-left:auto!important}
.site-header .nav a{font-size:13px!important}
.site-header .header-cta{flex:0 0 auto!important;white-space:nowrap!important;padding:14px 19px!important}
.hero{min-height:410px!important;display:flex!important;align-items:center!important;background:#080c0e!important}
.hero:before{background-image:url('assets/hero.jpg')!important;background-position:center center!important;background-size:cover!important}
.hero:after{background:linear-gradient(90deg,rgba(5,8,10,.99) 0%,rgba(5,8,10,.93) 27%,rgba(5,8,10,.55) 51%,rgba(5,8,10,.06) 78%)!important}
.hero .hero-content{max-width:1450px!important;margin:0 auto!important;padding:32px 45px!important}
.hero h1{font-size:clamp(42px,4.5vw,67px)!important;max-width:780px!important;line-height:.97!important;margin:14px 0!important}
.hero p{font-size:16px!important;max-width:550px!important}
.categories.wrap{max-width:1510px!important;width:100%!important;display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:13px!important;padding:14px 32px 20px!important}
.categories .category{min-width:0!important;min-height:130px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:0!important}
.categories .category img{width:100%!important;height:100px!important;display:block!important;object-fit:contain!important;mix-blend-mode:normal!important}
.categories .category strong{width:100%!important;text-align:center!important;font-size:12px!important;line-height:1.25!important;overflow-wrap:anywhere!important;padding:3px 4px 10px!important}
.benefits .benefit-row{max-width:1450px!important}
.showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.product-section{min-width:0!important}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.product img{object-fit:contain!important;background:#f4f4f4!important}
@media(max-width:1250px){.site-header .header-inner{gap:12px!important;padding:0 20px!important}.site-header .brand img{width:57px!important;flex-basis:57px!important;height:56px!important}.site-header .brand-name{font-size:25px!important}.site-header .tagline{font-size:7px!important}.site-header .nav{gap:12px!important}.site-header .nav a{font-size:12px!important}.site-header .header-cta{padding:12px!important;font-size:12px!important}.categories.wrap{grid-template-columns:repeat(4,minmax(0,1fr))!important}.showcase{grid-template-columns:1fr!important}}
@media(max-width:900px){.site-header .nav{display:none!important;position:absolute!important;top:100%;left:0;right:0;background:#0b1012;padding:20px!important;flex-direction:column!important;align-items:flex-start!important}.site-header .nav.is-open{display:flex!important}.site-header .menu-toggle{display:block!important;margin-left:auto}.site-header .header-cta{display:none!important}}
@media(max-width:650px){.site-header{height:72px!important;min-height:72px!important}.site-header .header-inner{padding:0 15px!important}.site-header .brand img{width:50px!important;flex-basis:50px!important;height:50px!important}.site-header .brand-name{font-size:22px!important}.site-header .tagline{font-size:6.5px!important}.hero{min-height:540px!important;align-items:flex-end!important}.hero:before{background-position:64% top!important;background-size:auto 70%!important;background-repeat:no-repeat!important}.hero:after{background:linear-gradient(0deg,#080b0d 5%,rgba(8,11,13,.94) 43%,rgba(8,11,13,.05) 100%)!important}.hero .hero-content{padding:20px 18px 28px!important}.hero h1{font-size:clamp(37px,9vw,49px)!important}.categories.wrap{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px 14px 20px!important}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* V3: full-width showroom, hero visual on the right, large category tiles */
.hero{min-height:510px!important}
.hero:before{background-position:right center!important;background-size:auto 112%!important;background-repeat:no-repeat!important}
.hero:after{background:linear-gradient(90deg,#070a0c 0%,rgba(7,10,12,.98) 27%,rgba(7,10,12,.80) 42%,rgba(7,10,12,.18) 66%,rgba(7,10,12,.03) 100%)!important}
.hero .hero-content{max-width:1500px!important;padding:54px 55px!important}
.hero h1{font-size:clamp(48px,5.3vw,82px)!important;max-width:810px!important}
.hero p{max-width:570px!important;font-size:18px!important}
.categories.wrap{max-width:1600px!important;padding:19px 35px 25px!important;gap:15px!important}
.categories .category{min-height:155px!important;border-radius:16px!important}
.categories .category img{height:117px!important;object-fit:contain!important}
.categories .category strong{font-size:13px!important}
.page-content{max-width:1250px;min-height:50vh}
.mc-page-hero{padding:56px 0 28px;background:linear-gradient(110deg,#0d1517,#070a0c);border-bottom:1px solid #273134}
.mc-page-hero h1{font-size:clamp(32px,4vw,56px);margin:12px 0}
.mc-page-hero p{color:#c9d1d1;max-width:720px;line-height:1.6}
.mc-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}
.mc-page-card{display:block;background:#12191c;border:1px solid #2e3a3e;border-radius:14px;padding:18px}
.mc-page-card img{width:100%;height:190px;object-fit:contain}
.mc-page-card h3{margin:10px 0;color:#fff}
.mc-page-card p{color:#b8c2c4}
.mc-page-card:hover{border-color:var(--lime)}
.mc-note{padding:20px;border:1px solid #354447;border-radius:12px;background:#12191c;line-height:1.7}
@media(max-width:1000px){.hero:before{background-position:75% center!important;background-size:cover!important}.hero:after{background:linear-gradient(90deg,#070a0cf7,#070a0cbd 55%,#070a0c33)!important}.mc-page-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.hero{min-height:560px!important}.hero:before{background-position:70% top!important;background-size:auto 67%!important}.hero:after{background:linear-gradient(0deg,#080b0d 8%,rgba(8,11,13,.95) 46%,rgba(8,11,13,.08) 100%)!important}.hero .hero-content{padding:20px 18px 30px!important}.hero h1{font-size:clamp(37px,9vw,50px)!important}.hero p{font-size:14px!important}.categories .category{min-height:142px!important}.categories .category img{height:103px!important}.mc-page-grid{grid-template-columns:1fr}}

/* V4 accessible dropdown navigation */
.site-header{z-index:100!important;overflow:visible!important}
.site-header .nav{overflow:visible!important}
.nav-group{position:relative;display:flex;align-items:center;min-height:48px}
.nav-group-head{display:flex;align-items:center;gap:3px}
.nav-group-head>a{padding:12px 0}
.dropdown-toggle{cursor:pointer;color:#fff;background:transparent;border:0;font-size:18px;padding:9px 5px;line-height:1;border-radius:4px}
.dropdown-toggle:hover,.dropdown-toggle:focus-visible{color:var(--lime)}
.nav-dropdown{display:none;position:absolute;top:calc(100% - 2px);left:-18px;min-width:245px;padding:10px;background:#12191c;border:1px solid #334044;border-radius:10px;box-shadow:0 18px 40px #000a;z-index:110;white-space:normal}
.site-header .nav .nav-dropdown a{display:block!important;font-size:13px!important;padding:12px 13px!important;color:#f4f7f7!important;border-radius:6px;line-height:1.3}
.site-header .nav .nav-dropdown a:hover,.site-header .nav .nav-dropdown a:focus-visible{background:#293522!important;color:var(--lime)!important}
.nav-group.is-expanded .nav-dropdown,.nav-group:focus-within .nav-dropdown{display:block}
@media(hover:hover) and (pointer:fine){.nav-group:hover .nav-dropdown{display:block}}
@media(max-width:900px){.site-header .nav{max-height:calc(100vh - 78px);overflow-y:auto!important;gap:4px!important}.nav-group{width:100%;display:block;min-height:0}.nav-group-head{justify-content:space-between}.nav-group-head>a{flex:1;padding:13px 0}.dropdown-toggle{min-width:46px;min-height:44px;border:1px solid #364146}.nav-dropdown{position:static;box-shadow:none;width:100%;margin:0 0 10px;min-width:0}.nav-group:not(.is-expanded) .nav-dropdown{display:none}.nav-group.is-expanded .nav-dropdown{display:block}.site-header .nav>a{padding:13px 0}}
.mc-filter-title{font-size:26px;margin:26px 0 12px}.mc-filter-link{display:inline-flex;margin:12px 0 25px;font-size:14px}.mc-filter-note{background:#141e21;border:1px solid #364448;border-radius:10px;padding:18px;margin:22px 0;line-height:1.6;color:#d9e0e1}

/* MIETCLEAN V5 – active top-level navigation (including category query pages) */
.site-header .nav > a:first-child:not(.mc-nav-active){color:#fff!important}
.site-header .nav > a.mc-nav-active,
.site-header .nav > .nav-group.mc-nav-active > .nav-group-head > a{color:#b7ff00!important}
.site-header .nav > a.mc-nav-active,
.site-header .nav > .nav-group.mc-nav-active > .nav-group-head > a{position:relative}
.site-header .nav > a.mc-nav-active::after,
.site-header .nav > .nav-group.mc-nav-active > .nav-group-head > a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:#b7ff00;border-radius:2px}
.site-header .nav > .nav-group.mc-nav-active > .nav-group-head > .dropdown-toggle{color:#b7ff00}
@media(max-width:900px){.site-header .nav > a.mc-nav-active::after,.site-header .nav > .nav-group.mc-nav-active > .nav-group-head > a::after{bottom:4px}}

/* V6: seamless centered hero image and strictly exclusive active navigation */
.hero{background:#080c0e!important}
.hero::before{background-image:url('assets/hero.jpg')!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
.hero::after{background:linear-gradient(90deg,rgba(7,10,12,.94) 0%,rgba(7,10,12,.80) 22%,rgba(7,10,12,.43) 43%,rgba(7,10,12,.07) 65%,rgba(7,10,12,.03) 100%)!important}
.site-header .nav > a,.site-header .nav > .nav-group > .nav-group-head > a,.site-header .nav > .nav-group > .nav-group-head > .dropdown-toggle{color:#fff!important}
.site-header .nav > a::after,.site-header .nav > .nav-group > .nav-group-head > a::after{display:none!important}
.site-header .nav > a.mc-nav-active,.site-header .nav > .nav-group.mc-nav-active > .nav-group-head > a,.site-header .nav > .nav-group.mc-nav-active > .nav-group-head > .dropdown-toggle{color:#b7ff00!important}
.site-header .nav > a.mc-nav-active::after,.site-header .nav > .nav-group.mc-nav-active > .nav-group-head > a::after{display:block!important}
.site-header .nav > a:hover,.site-header .nav > .nav-group > .nav-group-head > a:hover{color:#b7ff00!important}
@media(max-width:900px){.hero::before{background-size:cover!important;background-position:60% center!important}}
@media(max-width:650px){.hero::before{background-size:auto 70%!important;background-position:65% top!important}.hero::after{background:linear-gradient(0deg,#080b0d 7%,rgba(8,11,13,.95) 44%,rgba(8,11,13,.05) 100%)!important}}