/*
Theme Name: Mejer Kloak – Ren & Moderne
Template: kadence
Description: Lyst, minimalistisk tema med petroleumsblå og varm sand. Fokus på whitespace, visuel ro og professionelt udtryk.
Author: A Gamborg aps
Version: 2.0
*/

:root{
  --mk-primary:#0E7C86;
  --mk-primary-dark:#0B5D64;
  --mk-primary-soft:#E6F2F3;
  --mk-accent:#E7A33C;
  --mk-accent-dark:#C88624;
  --mk-bg:#FFFFFF;
  --mk-soft:#F5F8F9;
  --mk-border:#E4EAED;
  --mk-ink:#1F2937;
  --mk-muted:#5B6B75;
  --mk-radius:14px;
  --mk-radius-lg:22px;
  --mk-shadow-sm:0 1px 2px rgba(16,32,40,.06),0 1px 3px rgba(16,32,40,.04);
  --mk-shadow:0 4px 14px rgba(16,32,40,.08),0 2px 4px rgba(16,32,40,.04);
  --mk-shadow-lg:0 18px 40px rgba(16,32,40,.12),0 4px 10px rgba(16,32,40,.06);
  --mk-section-y:clamp(3.5rem,6vw,6rem);
}

html{scroll-behavior:smooth}
body{font-family:"Inter",system-ui,-apple-system,sans-serif;color:var(--mk-ink);background:var(--mk-bg);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{font-family:"Inter",system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;color:var(--mk-ink);line-height:1.2}
h1{font-size:clamp(2rem,4.2vw,3.25rem);font-weight:800;letter-spacing:-.03em}
h2{font-size:clamp(1.6rem,2.8vw,2.25rem)}
h3{font-size:clamp(1.15rem,1.6vw,1.4rem)}
.entry-content p{max-width:68ch}
.entry-content a{color:var(--mk-primary);text-decoration-thickness:1px;text-underline-offset:3px}
.entry-content a:hover{color:var(--mk-primary-dark)}

/* Header + logo alignment */
.site-header{background:#fff;border-bottom:1px solid var(--mk-border);box-shadow:none}
.site-header .site-header-row-container-inner,.site-header-main-section{padding-top:.75rem;padding-bottom:.75rem}
.site-branding,.site-branding-inner-wrap,.header-logo-area{display:flex;align-items:center}
.site-branding .custom-logo-link,.site-branding a{display:inline-flex;align-items:center;line-height:0}
.site-branding img.custom-logo,.site-logo img,.custom-logo-link img{max-height:64px;width:auto;height:auto;object-fit:contain;display:block}
@media(max-width:782px){.site-branding img.custom-logo,.site-logo img,.custom-logo-link img{max-height:52px}}
.main-navigation a,.header-navigation a{font-weight:500;color:var(--mk-ink);letter-spacing:.01em}
.main-navigation a:hover,.header-navigation a:hover{color:var(--mk-primary)}
.header-button .button,.header-button a{background:var(--mk-accent)!important;color:#fff!important;border-radius:999px!important;padding:.75em 1.4em!important;font-weight:600!important}
.header-button .button:hover{background:var(--mk-accent-dark)!important}

/* Buttons */
.wp-block-button__link{background:var(--mk-primary);color:#fff;border-radius:999px;padding:.9em 1.9em;font-weight:600;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;box-shadow:var(--mk-shadow-sm)}
.wp-block-button__link:hover{background:var(--mk-primary-dark);transform:translateY(-1px);box-shadow:var(--mk-shadow)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border:2px solid currentColor;color:#fff;box-shadow:none}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:rgba(255,255,255,.12)}
.wp-block-button.is-style-accent .wp-block-button__link{background:var(--mk-accent)}
.wp-block-button.is-style-accent .wp-block-button__link:hover{background:var(--mk-accent-dark)}

/* Hero cover */
.wp-block-cover.alignfull{min-height:clamp(480px,70vh,680px);position:relative}
.wp-block-cover.alignfull::before{background:linear-gradient(135deg,rgba(11,93,100,.82) 0%,rgba(11,93,100,.55) 45%,rgba(31,41,55,.6) 100%)!important;opacity:1!important}
.wp-block-cover__inner-container{max-width:880px;padding:0 1.25rem}
.wp-block-cover h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.wp-block-cover p{color:#fff;font-size:1.125rem;max-width:640px;margin-left:auto;margin-right:auto}

/* Section rhythm */
.entry-content > .wp-block-group,.entry-content > .wp-block-columns{padding-top:var(--mk-section-y);padding-bottom:var(--mk-section-y)}
.wp-block-group.mk-soft{background:var(--mk-soft)}
.wp-block-group.mk-tinted{background:linear-gradient(180deg,var(--mk-primary-soft) 0%,#fff 100%)}

/* Image cards via native columns */
.wp-block-columns .wp-block-column{background:#fff;border:1px solid var(--mk-border);border-radius:var(--mk-radius-lg);padding:1.5rem;box-shadow:var(--mk-shadow-sm);transition:transform .25s ease,box-shadow .25s ease}
.wp-block-columns .wp-block-column:hover{transform:translateY(-4px);box-shadow:var(--mk-shadow-lg)}
.wp-block-columns .wp-block-column h3{color:var(--mk-primary);margin-top:.25rem;font-size:1.2rem}
.wp-block-columns .wp-block-column > .wp-block-image:first-child{margin:-1.5rem -1.5rem 1rem}
.wp-block-columns .wp-block-column > .wp-block-image:first-child img{aspect-ratio:16/10;width:100%;object-fit:cover;border-radius:var(--mk-radius-lg) var(--mk-radius-lg) 0 0}
.mk-plain-cols .wp-block-column{background:transparent;border:0;padding:0;box-shadow:none}
.mk-plain-cols .wp-block-column:hover{transform:none;box-shadow:none}
.mk-plain-cols .wp-block-column > .wp-block-image{margin:0}
.mk-plain-cols .wp-block-column > .wp-block-image img{border-radius:var(--mk-radius-lg)}

/* Trust strip */
.mk-trust.wp-block-columns{background:#fff;border:1px solid var(--mk-border);border-radius:var(--mk-radius-lg);box-shadow:var(--mk-shadow);padding:1.5rem;margin-top:-3rem;position:relative;z-index:2}
.mk-trust.wp-block-columns .wp-block-column{background:transparent;border:0;box-shadow:none;padding:0}
.mk-trust.wp-block-columns .wp-block-column:hover{transform:none;box-shadow:none}
.mk-trust.wp-block-columns h3{color:var(--mk-ink);font-size:1rem;margin:0 0 .2rem}
.mk-trust.wp-block-columns p{margin:0;color:var(--mk-muted);font-size:.9rem}

/* CTA band */
.mk-cta-band.wp-block-group{background:linear-gradient(135deg,var(--mk-primary) 0%,var(--mk-primary-dark) 100%);color:#fff;border-radius:var(--mk-radius-lg);padding:clamp(2rem,4vw,3.5rem)!important;text-align:center}
.mk-cta-band h2,.mk-cta-band p{color:#fff}
.mk-cta-band p{opacity:.95;max-width:60ch;margin:0 auto}

/* Quote */
.mk-quote.wp-block-quote{background:var(--mk-primary);color:#fff;border-radius:var(--mk-radius-lg);padding:2.5rem clamp(1.5rem,3vw,3rem);border:0;box-shadow:var(--mk-shadow-lg);margin:0}
.mk-quote.wp-block-quote p{color:#fff;font-size:1.2rem;line-height:1.55}
.mk-quote.wp-block-quote cite{color:#fff;opacity:.9}

/* Process / steps */
.mk-steps .wp-block-column{background:transparent;border:0;box-shadow:none;padding:0;position:relative;padding-top:3.5rem;counter-increment:mk-step}
.mk-steps .wp-block-column:hover{transform:none;box-shadow:none}
.mk-steps{counter-reset:mk-step}
.mk-steps .wp-block-column::before{content:counter(mk-step);position:absolute;top:0;left:0;width:2.5rem;height:2.5rem;border-radius:999px;background:var(--mk-primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.1rem}
.mk-steps .wp-block-column h3{color:var(--mk-ink)}

/* Footer */
.site-footer{background:#0F2B2E;color:#CBD5D7}
.site-footer a{color:#CBD5D7}
.site-footer a:hover{color:#fff}
.site-footer h2,.site-footer h3,.site-footer .widget-title{color:#fff}

/* Page hero */
.mk-page-hero.wp-block-group{background:linear-gradient(135deg,var(--mk-primary-soft) 0%,#fff 100%);padding:clamp(2.5rem,5vw,4.5rem) 0!important}
.mk-page-hero h1{margin:0 0 .75rem}
.mk-page-hero .mk-lead{font-size:1.15rem;color:var(--mk-muted);max-width:60ch}

/* Utility */
.mk-eyebrow{display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mk-primary);margin-bottom:.5rem}
.mk-center{text-align:center}
.mk-lead{font-size:1.15rem;color:var(--mk-muted);max-width:60ch;margin-left:auto;margin-right:auto}
.wp-block-image img{border-radius:var(--mk-radius)}
.alignfull .wp-block-image img,.wp-block-cover .wp-block-image img{border-radius:0}
a[href^="tel:"]{font-weight:600}