/*
Theme Name: Ascensus Agency
Theme URI: https://example.com/ascensus-agency
Author: Your Agency
Author URI: https://example.com
Description: Быстрая и безопасная тема для SEO/PR агентства. Лендинг, блог-плитка, форма заявки, CTA в шапке. Палитра доверия и роста.
Version: 1.4.0
License: GPL-2.0-or-later
Text Domain: ascensus
*/

:root{
  --brand:#0F6CFF;     /* интеллект/доверие */
  --accent:#12B886;    /* рост/энергия */
  --text:#121212;
  --muted:#6B7280;
  --bg:#F7F7F9;
  --card:#ffffff;
  --radius:16px;
  --shadow:0 10px 30px rgba(0,0,0,.08);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}
a{color:var(--brand);text-decoration:none}
img{max-width:100%;height:auto;border-radius:12px}
.container{max-width:1180px;margin:0 auto;padding:0 18px}
.card{background:var(--card);border:1px solid #E6E8EF;border-radius:var(--radius);box-shadow:var(--shadow)}
.grid{display:grid;gap:22px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:960px){.grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.grid-3,.grid-2{grid-template-columns:1fr}}

.btn{display:inline-block;padding:12px 20px;border-radius:999px;background:var(--brand);color:white;font-weight:700;transition:.2s box-shadow,.2s transform;border:0}
.btn:hover{box-shadow:0 8px 24px rgba(15,108,255,.35);transform:translateY(-1px)}
.btn-outline{background:transparent;border:1px solid var(--brand);color:var(--text)}

.site-header{position:sticky;top:0;z-index:50;background:#ffffffd9;backdrop-filter:blur(8px);border-bottom:1px solid #E6E8EF}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px}
.brand .logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#5aa1ff)}
.brand .name{font-weight:800;letter-spacing:.3px}
.menu{display:flex;gap:18px;align-items:center}
.menu a{color:#111}
.menu-toggle{display:none}
@media(max-width:820px){.menu{display:none}.menu-toggle{display:block;background:none;border:0;color:#111;font-size:22px}body.menu-open .menu{display:flex;position:absolute;right:18px;top:60px;flex-direction:column;background:#fff;padding:12px;border:1px solid #E6E8EF;border-radius:12px}}

.hero{padding:80px 0;background:radial-gradient(1200px 500px at 70% -20%,rgba(15,108,255,.12),transparent),radial-gradient(700px 400px at -10% 20%,rgba(18,184,134,.10),transparent)}
.hero h1{margin:0 0 14px;font-size:44px}
.hero p{color:var(--muted);max-width:760px}
.hero-cta{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}

.section{padding:56px 0}
.sec-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}
.sec-head h2{margin:0}

.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kpi{padding:18px;border-left:4px solid var(--accent)}
.kpi strong{display:block;font-size:28px}
.help{color:var(--muted);font-size:14px}

.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:960px){.posts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.posts{grid-template-columns:1fr}}
.post-card{overflow:hidden}
.post-card .thumb{height:180px;overflow:hidden}
.post-card h3{margin:12px 0 8px;font-size:18px}
.post-card p{color:var(--muted)}

.site-footer{padding:36px 0;border-top:1px solid #E6E8EF;color:#444}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr}}

.form{display:grid;gap:12px}
.input, textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #E2E4EA;background:#fff;color:#111}
.input:focus, textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(15,108,255,.15)}
.alert{padding:12px;border-radius:12px}
.alert-success{background:rgba(18,184,134,.10);border:1px solid rgba(18,184,134,.35)}
.alert-error{background:rgba(255,81,102,.08);border:1px solid rgba(255,81,102,.3)}


/* --- v1.2.0 Header Nav improvements --- */
.menu{display:flex;align-items:center}
.menu .list{display:flex;align-items:center;gap:18px;margin:0;padding:0;list-style:none}
.menu .list > li > a{display:inline-block;padding:8px 6px;color:#111}
.menu .lang-switch{margin-left:8px}
.menu .list .nav-cta{margin-left:8px}
.menu-toggle{display:none}
@media(max-width:820px){
  .menu{display:none}
  .menu-toggle{display:block;background:none;border:0;color:#111;font-size:22px}
  body.menu-open .menu{display:flex;position:absolute;right:12px;top:64px;flex-direction:column;background:#fff;padding:14px;border:1px solid #E6E8EF;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.12);min-width:220px}
  body.menu-open .menu .list{flex-direction:column;align-items:stretch}
  body.menu-open .menu .list > li > a{padding:10px 12px;border-radius:10px}
  body.menu-open .menu .list .nav-cta{margin:6px 0 0}
}
.site-header .nav{gap:16px}


/* --- v1.3.0 Footer grid (3 cols, 33% each) --- */
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.footer-col{min-width:0}
.footer-col h4{margin:0 0 10px 0}
.footer-menu ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.footer-menu ul li a{color:#111}
@media(max-width:900px){.footer-menu ul{grid-template-columns:1fr}}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr}}

.brand-note{color:#444;max-width:320px}
.contact-list p{margin:.25rem 0}

/* Content responsiveness */
.content img, .entry-content img, .content figure img{max-width:100%;height:auto}
.content iframe{max-width:100%}
.content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.content table th, .content table td{border:1px solid #E6E8EF;padding:8px 10px;text-align:left;vertical-align:top}
.content ul, .content ol{padding-left:1.2rem}
.content blockquote{margin:1rem 0;padding:12px 16px;border-left:4px solid var(--brand);background:#fff}


/* --- v1.4.0 KPI responsive + content safety --- */
.kpis{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.kpi{padding:18px;border-left:4px solid var(--accent);background:var(--card)}
.kpi strong{display:block;font-size:26px}
.breadcrumbs{font-size:14px;color:var(--muted);margin:10px 0 16px}
.breadcrumbs a{color:#555}
/* Content responsiveness */
.content img, .entry-content img, .content figure img{max-width:100%;height:auto}
.content iframe{max-width:100%}
.content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.content table th, .content table td{border:1px solid #E6E8EF;padding:8px 10px;text-align:left;vertical-align:top}
.content ul, .content ol{padding-left:1.2rem}
.content blockquote{margin:1rem 0;padding:12px 16px;border-left:4px solid var(--brand);background:#fff}


/* === Desktop menu separators (added) === */
@media (min-width: 1024px) {
  .main-navigation ul.menu > li {
    position: relative;
    padding: 0 16px;
  }
  .main-navigation ul.menu > li + li {
    border-left: 1px solid rgba(0,0,0,0.12);
  }
  .main-navigation ul.menu > li > a {
    display: inline-block;
    padding: 12px 0;
    text-decoration: none;
  }
  .main-navigation ul.menu > li > a:hover {
    opacity: .85;
  }
}



/* === Custom logo sizing and alignment === */
.custom-logo{max-height:56px;height:auto;width:auto}
.custom-logo-link{display:inline-flex;align-items:center;gap:10px}

/* === Desktop menu separators (v2) === */
@media (min-width: 1024px){
  .menu > li{list-style:none}
  .menu > li + li{border-left:1px solid rgba(0,0,0,0.12); margin-left:16px; padding-left:16px}
  .menu > li > a{display:inline-block; padding:12px 0}
}



/* === Menu separators fix for .menu .list > li === */
@media (min-width:1024px){
  nav.menu > ul.list > li + li{border-left:1px solid rgba(0,0,0,.12)}
  nav.menu > ul.list > li{padding-left:16px;margin-left:16px}
}