/*
Theme Name: Mindenkilapja
Description: A Mindenkilapja szerkeszthető, blokkalapú bemutatkozó oldala.
Version: 0.2.2
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: mindenkilapja
*/

html{scroll-behavior:smooth}
body{margin:0}
.wp-site-blocks{overflow:hidden}
header.wp-block-template-part{border-bottom:1px solid #293a50;background:#0a1422}
.mk-brand img{display:block;width:180px;max-width:100%;height:auto}
header .wp-block-site-title a{text-decoration:none;color:#e8edf5;font-size:1.15rem;font-weight:800;letter-spacing:-.02em}
header .wp-block-navigation a{color:#c3d0e0;text-decoration:none}
.wp-block-button__link{padding:.85em 1.3em;transition:transform .15s ease,filter .15s ease}
.wp-block-button__link:hover{transform:translateY(-2px);filter:brightness(1.08)}
main.wp-block-group{background:radial-gradient(circle at 80% 3%,#1a3546 0,transparent 31rem),#08101d}
#mukodes .wp-block-columns{gap:16px;margin-top:38px}
#mukodes .wp-block-column{box-sizing:border-box;padding:26px;border:1px solid #293a50;border-radius:16px;background:#0b1523}
#mukodes .wp-block-column h3{margin-top:0;color:#68e0bb;font-size:1.15rem}
#mukodes .wp-block-column p{margin-bottom:0}
footer.wp-block-template-part{border-top:1px solid #293a50}
@media(max-width:781px){#mukodes .wp-block-columns{gap:12px}#mukodes .wp-block-column{padding:20px}}
.mk-hero,.mk-section,.mk-final-cta{box-sizing:border-box;padding-left:24px;padding-right:24px}
.mk-hero{padding-top:clamp(64px,9vw,120px);padding-bottom:clamp(58px,8vw,100px);max-width:1200px!important}
.mk-hero h1{max-width:850px;margin:18px 0 20px;font-size:clamp(42px,6.8vw,80px);font-weight:760;letter-spacing:-.045em}
.mk-eyebrow{color:#68e0bb;font-size:.77rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.mk-lead,.mk-section-intro{color:#b5c4d6;max-width:680px;font-size:clamp(17px,2vw,21px)}
.mk-actions{margin-top:30px!important}.mk-note{color:#9eafc5;font-size:.85rem;margin-top:20px}
.mk-section{padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(48px,6vw,80px)}
.mk-section h2,.mk-final-cta h2{max-width:780px;font-size:clamp(30px,4vw,48px);letter-spacing:-.03em;margin:10px 0 16px}
.mk-card-grid,.mk-step-grid{gap:16px;margin-top:32px!important}
.mk-card-grid .mk-feature,.mk-step-grid .wp-block-column{box-sizing:border-box;padding:26px;background:#111c2c;border:1px solid #293a50;border-radius:16px}
.mk-card-grid h3,.mk-step-grid h3{font-size:1.2rem;margin:16px 0 8px;color:#e8edf5}
.mk-card-grid p:not(.mk-card-number),.mk-step-grid p:not(.mk-step-number),.mk-final-cta>p:not(.mk-eyebrow){color:#b5c4d6}
.mk-card-number{font-size:.72rem;color:#68e0bb;letter-spacing:.11em;font-weight:700}
.mk-feature-accent{border-color:#438879!important;background:linear-gradient(145deg,#153a38,#111c2c)!important}
.mk-step-number{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#204a43;color:#89efd2;font-weight:750}
.mk-faq{max-width:1000px!important}.mk-faq .wp-block-details{background:#111c2c;border:1px solid #293a50;border-radius:12px;padding:17px 20px;margin:10px 0}
.mk-faq summary{cursor:pointer;font-weight:700}.mk-faq details p{color:#b5c4d6;margin-bottom:0}
.mk-final-cta{padding:clamp(34px,5vw,64px);margin-top:25px!important;margin-bottom:80px!important;border:1px solid #358b79;border-radius:20px;background:linear-gradient(125deg,#173e39,#111c2c 70%)}
.mk-final-cta .wp-block-buttons{margin-top:24px}
@media(max-width:781px){.mk-card-grid,.mk-step-grid{gap:12px}.mk-card-grid .mk-feature,.mk-step-grid .wp-block-column{padding:20px}.mk-final-cta{margin-left:16px!important;margin-right:16px!important}.mk-hero{padding-top:58px}.mk-actions .wp-block-button{width:100%}.mk-actions .wp-block-button__link{display:block;text-align:center}}

/* Keep the landing page comfortable to scan without excessive scrolling. */
.mk-hero{padding-top:clamp(48px,6vw,78px);padding-bottom:clamp(32px,4vw,52px)}
.mk-hero h1{margin:12px 0 14px}
.mk-actions{margin-top:20px!important}.mk-note{margin-top:12px}
.mk-section{padding-top:clamp(24px,3vw,38px);padding-bottom:clamp(24px,3vw,38px)}
.mk-section h2,.mk-final-cta h2{margin:7px 0 10px}
.mk-card-grid,.mk-step-grid{gap:12px;margin-top:20px!important}
.mk-card-grid .mk-feature,.mk-step-grid .wp-block-column{padding:20px}
.mk-card-grid h3,.mk-step-grid h3{margin:10px 0 6px}
.mk-faq .wp-block-details{padding:13px 16px;margin:8px 0}
.mk-final-cta{padding:clamp(26px,3vw,42px);margin-top:12px!important;margin-bottom:42px!important}
.mk-final-cta .wp-block-buttons{margin-top:16px}
@media(max-width:781px){.mk-hero{padding-top:38px}.mk-section{padding-top:26px;padding-bottom:26px}.mk-card-grid .mk-feature,.mk-step-grid .wp-block-column{padding:17px}}