/*
Theme Name: ATS Solutions – Blue (v4.7)
Author: ChatGPT
Description: Светлая тема. Автосоздание страниц: Главная, Услуги, Связаться, Заказать услугу, Техподдержка. CF7 + fallback.
Version: 4.7.9-icons-center
Text Domain: ats
*/
:root{--ats-blue:#2d6fb6;--ats-blue-dark:#1e3a8a;--ats-text:#1f2937;--ats-light:#f7f9fc;--ats-border:#e5e7eb}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ats-text);background:#fff}
a{color:var(--ats-blue);text-decoration:none}
img{max-width:100%;height:auto}
.site-header{background:#fff;border-bottom:1px solid var(--ats-border);box-shadow:0 1px 4px rgba(0,0,0,.04);position:sticky;top:0;z-index:50}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.navbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:72px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:56px;width:auto;border-radius:0;background:transparent;padding:0}
.brand .title{font-weight:800;letter-spacing:.2px}
.nav{display:flex;align-items:center;gap:14px;flex-wrap:nowrap;white-space:nowrap}
.nav li{list-style:none}
.nav a{color:var(--ats-blue-dark);font-weight:600;padding:8px 10px;border-radius:8px}
.nav a:hover{background:rgba(29,78,216,.08)}
.header-contacts{display:flex;align-items:center;gap:10px}
.app-icons a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#e6efff;border-radius:8px}
.app-icons a:hover{background:#d8e7ff}
.app-icons svg{width:20px;height:20px}
.hero{background:linear-gradient(180deg,#0e2f5f 0%,#2d6fb6 100%);color:#fff;padding:56px 0 40px}
.hero .h1{font-size:34px;line-height:1.15;margin:0 0 10px;font-weight:900}
.hero p{margin:0 0 18px;opacity:.95}
.btn{display:inline-block;padding:12px 16px;border-radius:10px;font-weight:700;border:0;cursor:pointer}
.btn-primary{background:#fff;color:var(--ats-blue-dark)}
.section{padding:36px 0}
.section h2{font-size:26px;margin:0 0 18px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{background:var(--ats-light);border:1px solid var(--ats-border);border-radius:14px;padding:16px;display:block}
.card h3{margin:8px 0 6px;font-size:18px}
.card p{margin:0}
.main{padding:24px 0}
.form-wrap{background:var(--ats-light);border:1px solid var(--ats-border);border-radius:14px;padding:16px;margin-bottom:16px}
label{display:block;font-weight:600;margin:8px 0 4px}
input[type=text],input[type=tel],input[type=email],textarea{width:100%;padding:10px;border:1px solid var(--ats-border);border-radius:8px;background:#fff}
textarea{min-height:120px}
button[type=submit]{background:var(--ats-blue);color:#fff}
.site-footer{background:#f3f4f6;color:#374151;margin-top:40px}
.site-footer .footer-top{border-top:4px solid var(--ats-blue);padding:24px 0}
.footer-grid{display:grid;grid-template-columns:1fr;gap:12px;align-items:center}
.footer-brand{display:flex;align-items:center;gap:10px}
.footer-brand img{height:44px;width:auto;border-radius:0;object-fit:contain;background:transparent}
.copy{padding:16px 0;border-top:1px solid #e5e7eb;font-size:13px;text-align:center;color:#6b7280}
@media (max-width:900px){.grid{grid-template-columns:1fr 1fr}.navbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:72px}}
@media (max-width:620px){.grid{grid-template-columns:1fr}.brand .title{display:none}}
.brand .logo-link img{height:56px;width:auto;border-radius:0;background:transparent;padding:0}

.app-icons{justify-self:center}


/* === ATS custom: top-right label for front page === */
.ats-top-right-nsk{
  position: fixed;
  top: 12px;
  right: 16px;
  z-index: 9999;
  background: rgba(255,255,255,0.92);
  padding: 6px 10px;
  border-radius: 10px;
  font-weight: 600;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}
@media (prefers-color-scheme: dark){
  .ats-top-right-nsk{ background: rgba(20,20,20,0.92); color:#fff;}
}


/* === ATS top bar city/phone === */
.ats-top-bar-location {
  position: absolute;
  top: 8px;
  right: 20px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ats-top-bar-location .ats-city {
  color: #c00;
}
.ats-top-bar-location .ats-phone {
  color: #004080;
  text-decoration: none;
}
.ats-top-bar-location .ats-phone:hover {
  text-decoration: underline;
}



/* === ATS top bar city/phone (front page only) === */
.ats-top-bar-location{
  width: 100%;
  background: #f3f5f9;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  font-weight: 600;
  font-size: 17px; /* slightly larger */
  line-height: 1.2;
}
.ats-top-bar-location .ats-top-bar-inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 6px 16px;
  display: flex;
  justify-content: flex-end; /* align to right */
  align-items: center;
  gap: 8px;
}
.ats-top-bar-location .ats-city{ color:#c1121f; } /* red pin color */
.ats-top-bar-location .ats-phone{ color:#0b4a9e; text-decoration: none; }
.ats-top-bar-location .ats-phone:hover{ text-decoration: underline; }
.ats-top-bar-location .ats-sep{ opacity: 0.5; }
@media (max-width: 480px){
  .ats-top-bar-location{ font-size: 15px; }
  .ats-top-bar-location .ats-top-bar-inner{ padding: 6px 12px; }
}


/* === FIX: prevent header squish, align city|phone to the right === */
.site-header .navbar{
  display: flex;
  align-items: center;
  gap: 16px;
}
.site-header .brand{ flex: 0 0 auto; }
.site-header .nav{ flex: 1 1 auto; display:flex; justify-content: center; }
.site-header .header-contacts{
  flex: 0 0 auto;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  font-weight: 600;
}
/* ensure menu items stay on one line on wide screens */
@media (min-width: 900px){
  .site-header .nav li{ display:inline-block; margin:0 10px; }
}
/* Reduce wrapping on medium screens */
@media (max-width: 899px){
  .site-header .navbar{ flex-wrap: wrap; }
  .site-header .nav{ order: 3; width: 100%; justify-content: center; }
  .site-header .header-contacts{ order: 2; margin-left: 0; }
}