/*
Theme Name: ManniBest Games
Author: ManniBest
Description: Bearbeitbares Block-Theme für Games, Apps und Datenschutzseiten.
Version: 1.5.2
Requires at least: 6.6
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: mannibest-games
*/
html{scroll-behavior:smooth}body{margin:0}.wp-site-blocks{overflow:clip}a{text-underline-offset:.22em}a:focus-visible,button:focus-visible{outline:3px solid #adf07b;outline-offset:5px}.mb-header{border-bottom:1px solid #303c4e}.mb-hero{padding-block:clamp(64px,10vw,130px)}.mb-hero h1{max-width:900px;font-size:clamp(2.8rem,7vw,6rem);line-height:1.02;letter-spacing:-.055em}.mb-eyebrow{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#adf07b}.mb-card{height:100%;border:1px solid #303c4e;border-radius:24px;padding:28px;background:#172131}.mb-card h2,.mb-card h3{letter-spacing:-.025em}.mb-card .wp-block-post-featured-image img{border-radius:16px;aspect-ratio:16/10;object-fit:cover}.mb-icon{font-size:3rem;line-height:1.3}.mb-footer{border-top:1px solid #303c4e;margin-top:80px}.wp-block-post-content{overflow-wrap:anywhere}.wp-block-button__link{transition:transform .15s}.wp-block-button__link:hover{transform:translateY(-2px)}@media(max-width:600px){.mb-header{padding-block:20px!important}.mb-card{padding:22px}.mb-footer{margin-top:48px}.wp-block-post-template.is-layout-grid{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wp-block-button__link{transition:none}}

.mb-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mb-project-grid .mb-card{height:auto}.mb-project-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px}.mb-project-grid h3{font-size:1.5rem}@media(max-width:700px){.mb-project-grid{grid-template-columns:1fr}}

.mb-navigation{display:flex;gap:12px 24px;flex-wrap:wrap;align-items:center}.mb-navigation a{font-size:.9rem;font-weight:600}.wp-block-post-content img{max-width:100%;height:auto;border-radius:16px}.wp-block-post-content figure{margin-block:28px}.wp-block-post-content figure img{display:block;margin-inline:auto;max-height:650px;object-fit:contain}.mb-privacy-list{line-height:2}.wp-block-post-content h2{margin-top:48px}@media(max-width:600px){.mb-navigation{gap:10px 16px}}

/* Startseiten-Banner */
.mb-home-banner{overflow:hidden;border:1px solid #334561;border-radius:28px;background:linear-gradient(120deg,#18273d,#20372c);box-shadow:0 20px 70px #0003;margin-block:36px 0!important}.mb-home-banner .mb-banner-art{margin:0!important}.mb-home-banner .mb-banner-art img{width:100%;height:auto;max-height:none;border-radius:0;display:block}.mb-banner-bar{padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.mb-banner-caption{margin:0;font-size:1.1rem;font-weight:700;color:#f5f7fb}.mb-banner-bar .wp-block-buttons{margin:0}.mb-home-banner+.mb-hero{padding-block:48px 60px}.mb-hero h1{font-size:clamp(2.5rem,5.2vw,4.4rem)}@media(max-width:600px){.mb-home-banner{border-radius:20px;margin-top:24px!important}.mb-banner-bar{padding:20px;display:block}.mb-banner-caption{font-size:1rem;margin-bottom:16px}.mb-banner-bar .wp-block-button{width:100%}.mb-banner-bar .wp-block-button__link{box-sizing:border-box;width:100%;font-size:.9rem;text-align:center}.mb-home-banner+.mb-hero{padding-block:34px 38px}}

/* Neue App-Banner ohne Anschnitt */
.mb-card-banner{position:relative;display:block;overflow:hidden;border-radius:16px;background:#10243b;isolation:isolate}.mb-card-banner .mb-project-image{display:block;width:100%;height:auto;aspect-ratio:16/9;contain-intrinsic-size:none;object-fit:contain;border-radius:0}.mb-card-banner-label{position:absolute;left:7%;top:50%;transform:translateY(-50%);width:42%;color:#143c44;text-shadow:0 1px 12px #ffffff60;line-height:1.15;font-size:clamp(16px,2.1vw,26px);font-weight:800;letter-spacing:-.025em;overflow-wrap:normal}.mb-card-banner-label small{display:block;margin-top:8px;font-size:.55em;line-height:1.35;font-weight:600;letter-spacing:0}.mb-card-banner.dark .mb-card-banner-label{color:#f4fcff;text-shadow:0 2px 14px #00172d}.mb-card-banner.light:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff35,transparent 55%);z-index:-1}

.mb-language-switch{display:flex;gap:12px;margin-top:10px;font-size:.9rem}.mb-language-switch a[aria-current="page"]{font-weight:800;text-decoration:underline;text-underline-offset:5px}html[lang="en-GB"] .mb-banner-art img{max-height:440px;object-fit:cover;object-position:center}
/* Wimmelwiesel: scoped styles for the existing ManniBest theme */
.ww-page{--ww-green:#adf07b;--ww-muted:#c4cfdd;max-width:1120px;margin-inline:auto;color:#f5f7fb;line-height:1.65}.ww-page *{box-sizing:border-box}.ww-page section{margin-block:72px;scroll-margin-top:24px}.ww-page h2{font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.15;letter-spacing:-.035em;margin:0 0 22px!important}.ww-page h3{font-size:1.25rem;line-height:1.3;margin:20px 0 10px}.ww-page p{color:var(--ww-muted)}.ww-page .ww-eyebrow{color:var(--ww-green);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:750;margin:0 0 16px}.ww-hero{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:48px;padding:44px;border:1px solid #3b5049;border-radius:32px;background:radial-gradient(ellipse at 100% 0,#34533855,transparent 65%),#172131}.ww-hero h2{font-size:clamp(2.3rem,4.5vw,3.8rem)}.ww-lead{font-size:1.1rem}.ww-badges{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:24px 0}.ww-badges li{border:1px solid #506a51;border-radius:99px;padding:5px 12px;color:#dbf5ca;font-size:.82rem}.ww-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.ww-page .ww-button{display:inline-block;background:var(--ww-green);color:#102016;padding:13px 20px;font-weight:750;text-decoration:none;border-radius:14px}.ww-page a:focus-visible,.ww-page summary:focus-visible{outline:3px solid var(--ww-green);outline-offset:5px}.ww-small{font-size:.82rem}.ww-page figure{margin:0!important}.ww-page figure img{width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:18px;display:block}.ww-device{padding:12px;border:1px solid #5b6960;border-radius:28px;background:#0c1420;box-shadow:0 24px 60px #0005;max-width:300px;justify-self:center}.ww-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.ww-card{background:#172131;border:1px solid #354458;border-radius:22px;padding:24px}.ww-card>img{display:block;width:100%;height:150px;object-fit:contain}.ww-card p{font-size:.95rem;margin-bottom:0}.ww-split{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.ww-paper{background:#edf2e9;border-radius:24px;padding:24px;box-shadow:0 20px 60px #0003}.ww-steps{padding-left:24px}.ww-steps li{padding:10px 0 10px 8px}.ww-steps li::marker{color:var(--ww-green);font-weight:800}.ww-steps span{display:block;color:var(--ww-muted);font-size:.95rem}.ww-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.ww-mini-grid article{padding:8px 24px;border-left:3px solid var(--ww-green);background:#172131;border-radius:0 14px 14px 0}.ww-screen{max-width:300px;justify-self:center}.ww-faq details{padding:20px 0;border-bottom:1px solid #354458}.ww-faq summary{cursor:pointer;font-weight:650;line-height:1.5}.ww-faq details p{margin-bottom:0}.ww-contact{background:#22382d;padding:30px;border:1px solid #4b6649;border-radius:24px;display:flex;gap:24px;justify-content:space-between;align-items:center}.ww-contact h2{font-size:1.6rem}.ww-contact p{margin-bottom:0}.ww-contact .ww-button{flex-shrink:0}
@media(min-width:960px){.wp-block-post-content:has(.ww-page){max-width:1120px!important}.wp-block-post-content>.ww-page{max-width:1120px!important}main:has(.ww-page){max-width:1120px!important}}
@media(max-width:760px){.ww-page section{margin-block:48px}.ww-hero,.ww-split{grid-template-columns:1fr;gap:28px}.ww-hero{padding:26px;border-radius:24px}.ww-grid{grid-template-columns:1fr}.ww-card>img{height:130px}.ww-mini-grid{grid-template-columns:1fr}.ww-contact{display:block}.ww-contact .ww-button{margin-top:20px}.ww-device{max-width:240px}.ww-page h2{overflow-wrap:normal}}
/* Drei Modulbilder in einer gemeinsamen, gleich hohen Reihe */
.ww-page .ww-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px}
.wp-block-post-content .ww-page .ww-card>img{display:block;width:100%;height:180px;max-height:180px;object-fit:contain;margin-inline:auto}
.ww-page .ww-card{min-width:0}
@media(max-width:600px){.ww-page .ww-grid{grid-template-columns:1fr}.wp-block-post-content .ww-page .ww-card>img{height:160px;max-height:160px}}

/* 1.5.0: compact navigation, readable banners and app facts */
.mb-header-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.mb-header-links .mb-language-switch{margin:0}.mb-app-badges{display:flex;gap:6px;flex-wrap:wrap;list-style:none;padding:0;margin:16px 0}.mb-app-badges li{border:1px solid #506548;border-radius:99px;padding:4px 10px;color:#d8f4c9;font-size:.78rem;line-height:1.35}.mb-project-grid .mb-card h2,.mb-project-grid .mb-card h3{font-size:1.5rem;line-height:1.25;margin-top:24px}.mb-download-panel{padding:18px 22px;border:1px solid #455a45;background:#1c3028;border-radius:18px;margin:20px 0 32px}.mb-store-status{margin:0 0 10px}.mb-home-banner .mb-banner-art img,html[lang="en-GB"] .mb-home-banner .mb-banner-art img{aspect-ratio:3/1;width:100%;height:auto;max-height:360px;object-fit:cover;object-position:center top}.mb-banner-bar{padding:16px 22px}.mb-home-banner+.mb-hero{padding-block:28px 40px}.mb-hero h1{font-size:clamp(2.1rem,4.5vw,4rem)}@media(max-width:600px){.mb-header{padding-block:14px!important;gap:12px!important}.mb-header .wp-block-site-title{font-size:18px!important}.mb-header-links{width:100%;gap:8px 16px;justify-content:space-between}.mb-navigation{gap:10px 14px}.mb-navigation a,.mb-language-switch a{font-size:.8rem}.mb-home-banner .mb-banner-art img,html[lang="en-GB"] .mb-home-banner .mb-banner-art img{aspect-ratio:2.4/1;max-height:160px}.mb-banner-bar{display:flex;padding:14px 18px;gap:12px}.mb-banner-caption{font-size:.95rem;margin:0}.mb-home-banner+.mb-hero{padding-block:24px 28px}.mb-hero h1{font-size:2.2rem}.mb-card-banner-label{font-size:clamp(15px,4.8vw,22px)}}