/*
Theme Name: DA‑consulting Green FW (v6f13)
Theme URI: https://da-consulting.cz
Author: DA‑consulting
Description: v6f13 – full theme; fixed IČO label; sticky header; mobile-safe paddings; compact spacing; centered motto; hero subtitle tuned (desktop justify + last-left, mobile left); updated form links.
Version: 1.7.0
Text Domain: da-consulting-green-fw-v6f13
*/
:root{--bg:#f6fbf8;--surface:#ffffff;--text:#0b1020;--muted:#4b5563;--green:#22c55e;--green-dark:#16a34a;--ink:#14532d;--border:#e6ebf3;--shadow:0 10px 30px rgba(2,6,23,.06);--radius-lg:22px;--radius:16px;--maxw:1280px}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Noto Sans',sans-serif;color:var(--text);background:var(--bg);line-height:1.65}
a{color:var(--ink);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:var(--maxw);margin:0 auto;padding:0 28px}

/* Header */
.site-header{position:sticky;top:0;z-index:100;background:#ffffff;border-bottom:1px solid var(--border);box-shadow:0 2px 12px rgba(2,6,23,.05)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:14px}
.brand{display:flex;align-items:center;gap:14px;font-weight:800;color:var(--ink)}
.brand span{font-size:1.1rem}
.badge{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(180deg, var(--green) 0%, var(--green-dark) 100%); color:#fff;font-weight:800}
nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;flex-wrap:nowrap}
nav a{color:#1f2937;padding:2px 6px;border-radius:8px;font-size:.98rem}
nav a:hover{color:#14532d;text-decoration:none;background:#f3faf6}

/* Hero */
.hero{background:linear-gradient(180deg, #ecfdf5 0%, #ffffff 60%);padding:68px 0 18px}
.hero .title{font-size:clamp(32px,7vw,60px);line-height:1.06;margin:0 0 18px;font-weight:900;letter-spacing:-.02em;color:var(--ink);word-break:break-word;hyphens:auto}
.hero .subtitle{color:var(--muted);max-width:100%;margin:0 0 10px;font-size:clamp(20px,2.6vw,22px);line-height:1.45;text-align:justify;text-align-last:left;text-justify:inter-word}

/* Sections */
.section{padding:36px 0}
.section h2{font-size:clamp(24px,3.4vw,36px);margin:0 0 12px;color:var(--ink)}

.grid{display:grid;gap:22px}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.service{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(2,6,23,.06);transition:transform .2s ease, box-shadow .2s ease}
.service:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(2,6,23,.10)}

.interventions{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:10px}
.kv{display:flex;gap:10px;align-items:flex-start;margin:6px 0;color:#111827}
.kv .icon{font-size:20px;line-height:1}
.kv strong{font-weight:800}

.notice{background:#f0fdf4;border:1px solid #dcfce7;border-radius:16px;padding:16px}

.motto{text-align:center;margin-top:34px;margin-bottom:6px;font-size:clamp(18px,2.2vw,22px);font-style:italic;color:var(--ink)}

.band{background:#ffffff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}

/* Footer */
.site-footer{border-top:1px solid var(--border);background:#fff}
.site-footer .inner{padding:24px 28px;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;color:#6b7280;text-align:right}

/* Anchors under sticky header */
section[id]{scroll-margin-top:96px}

/* Fine-tuned section spacings */
#proc{padding-top:18px;padding-bottom:36px}
#kontakt{padding-top:22px;padding-bottom:36px}

/* Mobile comfort + safe areas */
@media (max-width: 640px){
  .container{padding-left:max(24px, env(safe-area-inset-left)); padding-right:max(24px, env(safe-area-inset-right));}
  .site-header .container{padding-left:max(26px, env(safe-area-inset-left)); padding-right:max(26px, env(safe-area-inset-right));}
  .header-inner{padding:16px 0;}
  .badge{width:50px;height:50px}
  .brand span{font-size:1rem}
  nav ul{gap:12px}
  nav a{font-size:.94rem;padding:2px 4px}
  section[id]{scroll-margin-top:84px}
  /* Mobile hero subtitle: left aligned, compact line-height, hyphenation */
  .hero .subtitle{font-size:clamp(18px,4.2vw,20px);line-height:1.35;text-align:left;text-align-last:auto;hyphens:auto;-webkit-hyphens:auto;word-break:normal}
}
@media (max-width:420px){
  .site-header .container{padding-left:max(28px, env(safe-area-inset-left)); padding-right:max(28px, env(safe-area-inset-right));}
  .badge{width:48px;height:48px}
  .brand{gap:10px}
  .brand span{font-size:.95rem}
  nav ul{gap:8px}
  nav a{font-size:.9rem;padding:2px 4px}
  .hero .title{font-size:clamp(28px,8.2vw,40px)}
}