/* ARCH-02 / CNT-01 / TECH-04: шапка і футер нової головної на сторінках WordPress.
   Усі правила в межах .cwn, щоб не зачепити стилі теми. */
.cwn{display:contents;
  --ink:#1B1F3B;--ink-2:#4A4F6A;--ink-3:#7A7F98;--paper:#F6F7FA;--surface:#FFFFFF;--mist:#ECEEF5;--line:#DCDFEA;
  --approve:#1F9D6B;--approve-deep:#157A52;--band:#1B1F3B;--band-2:#262B4E;
  --radius-s:6px;--radius-m:10px;--radius-l:18px;--wrap:1200px;
  --font:"Onest","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
.cwn .site-header,.cwn .site-footer{font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.6;text-align:left}
.cwn .site-header *,.cwn .site-footer *{box-sizing:border-box}
.cwn ul{list-style:none;margin:0;padding:0}
.cwn li{margin:0;padding:0;list-style:none}
.cwn li::before,.cwn li::after{content:none}
.cwn a{color:inherit;text-decoration:none;box-shadow:none}
.cwn svg{max-width:100%;display:block}
.cwn h4{color:var(--ink);margin:0;line-height:1.15;letter-spacing:-.015em;font-family:var(--font);text-transform:none}
.cwn p{margin:0 0 1em;max-width:68ch}
.cwn button{font-family:var(--font);text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;line-height:1.6}
.cwn .wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.cwn :focus-visible{outline:3px solid var(--approve);outline-offset:3px;border-radius:4px}

.cwn .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 1rem/1 var(--font);padding:16px 24px;border-radius:var(--radius-s);text-decoration:none;border:1.5px solid transparent;transition:background .15s,border-color .15s,color .15s;cursor:pointer}
.cwn .btn-primary{background:var(--approve);color:#fff}
.cwn .btn-primary:hover{background:var(--approve-deep);color:#fff}

/* header */
.cwn .site-header{position:sticky;top:0;z-index:999;background:rgba(246,247,250,.96);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);font-size:17px;color:var(--ink-2)}
.admin-bar .cwn .site-header{top:32px}
.cwn .nav{display:flex;align-items:center;gap:28px;height:72px}
.cwn .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.25rem;letter-spacing:-.02em}
.cwn .menu{display:flex;gap:4px;list-style:none;margin:0 0 0 12px;padding:0}
.cwn .menu>li{position:relative}
.cwn .menu>li>a,.cwn .menu>li>button{display:block;padding:10px 12px;font:500 .98rem/1.6 var(--font);color:var(--ink);text-decoration:none;background:none;border:0;cursor:pointer;border-radius:var(--radius-s)}
.cwn .menu>li>button::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 0 3px 8px}
.cwn .menu>li:hover>button,.cwn .menu>li:focus-within>button,.cwn .menu>li.open>button{background:var(--mist)}
.cwn .drop{position:absolute;top:100%;left:0;min-width:260px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:10px;box-shadow:0 18px 40px -18px rgba(27,31,59,.35);list-style:none;margin:6px 0 0;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s;z-index:10}
.cwn .menu>li:hover .drop,.cwn .menu>li:focus-within .drop,.cwn .menu>li.open .drop{opacity:1;visibility:visible;transform:none}
.cwn .drop a{display:block;padding:9px 12px;border-radius:var(--radius-s);text-decoration:none;color:var(--ink);font-size:.95rem;line-height:1.4}
.cwn .drop a:hover{background:var(--mist);color:var(--ink)}
.cwn .nav-cta{margin-left:auto;display:flex;align-items:center;gap:18px}
.cwn .nav-cta .login{text-decoration:none;font-weight:500;color:var(--ink)}
.cwn .nav-cta .btn{padding:12px 18px}
.cwn .burger{display:none;margin-left:auto;background:none;border:1.5px solid var(--ink);border-radius:var(--radius-s);padding:8px 12px;font:600 .95rem var(--font);color:var(--ink);cursor:pointer}

/* footer */
.cwn .site-footer{background:var(--band);color:#AEB2CC;padding:80px 0 32px;font-size:.93rem}
.cwn .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1fr;gap:40px}
.cwn .site-footer .brand{color:#fff;margin-bottom:18px}
.cwn .site-footer p{color:#AEB2CC;font-size:.93rem;line-height:1.6}
.cwn .site-footer h4{color:#fff;font-size:.98rem;font-weight:700;margin-bottom:16px}
.cwn .site-footer li{margin-bottom:9px;line-height:1.6}
.cwn .site-footer a{color:#AEB2CC;text-decoration:none}
.cwn .site-footer a:hover{color:#fff}
.cwn .site-footer .btn-primary{color:#fff}
.cwn .site-footer .linkbtn{background:none;border:0;padding:0;color:#AEB2CC;font:inherit;cursor:pointer}
.cwn .site-footer .linkbtn:hover{color:#fff}
.cwn .sol-cols{columns:2;column-gap:24px}
.cwn .foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:64px;padding-top:24px;border-top:1px solid #3B4270}
.cwn .foot-legal{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.cwn .socials{display:flex;gap:10px}
.cwn .socials a{width:38px;height:38px;border:1px solid #3B4270;border-radius:50%;display:grid;place-items:center}
.cwn .socials a:hover{border-color:#fff}
.cwn .iso{display:inline-flex;align-items:center;gap:8px;border:1px solid #3B4270;border-radius:var(--radius-s);padding:6px 10px;color:#fff}

@media (max-width:1080px){
  .cwn .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .cwn .menu,.cwn .nav-cta .login{display:none}
  .cwn .nav-cta{margin-left:auto}
  .cwn .burger{display:block;margin-left:0}
  .cwn .menu.open{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);padding:12px 24px 20px;margin:0;max-height:calc(100vh - 72px);overflow-y:auto}
  .cwn .menu.open .drop{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 8px 12px;margin:0;display:none}
  .cwn .menu.open li.open .drop{display:block}
}
@media (max-width:640px){
  .cwn .foot-grid{grid-template-columns:1fr}
  .cwn .nav-cta .btn{display:none}
}

/* Липка шапка: тема на частині сторінок ставить #layout overflow:hidden, це вимикає sticky. clip ріже так само, але sticky працює. */
html body #layout,html body{overflow:visible!important;overflow-x:clip!important}

/* FUN-03: сторінки /demo/ і /demo/thank-you/ — вузька колонка по центру */
.page-id-27674 .cz_post_content,.page-id-27675 .cz_post_content{max-width:760px;margin:48px auto 72px;padding:0 16px}
.page-id-27674 .cz_post_content h1,.page-id-27675 .cz_post_content h1{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:0 0 16px}
.page-id-27674 .wpcf7 input[type=submit]{width:100%;max-width:320px;padding:14px 24px;font-size:16px;cursor:pointer}
.page-id-27674 .cz_post_content ul,.page-id-27675 .cz_post_content ul{padding-left:22px;margin:0 0 20px}
.page-id-27674 .cz_post_content li,.page-id-27675 .cz_post_content li{margin-bottom:6px}