/*
Theme Name: Airtel
Description: Тема сайта ТОО «Airtel» — поставки телекоммуникационного оборудования.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: airtel
*/

/* Строгий корпоративный сайт: белый фон, графитовый текст, один красный акцент */
:root{
  --bg:#FFFFFF;
  --bg-alt:#F4F3F3;
  --ink:#16171A;
  --muted:#5E5F66;
  --line:#E3E1E1;
  --red:#DC2A2F;
  --red-dark:#B51E23;
  --red-soft:#FCEBED;
  --on-red:#FFFFFF;
  --font-display:"Onest", "Segoe UI", Roboto, Arial, sans-serif;
  --font-body:"Onest", "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --wrap:1180px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6}
img{max-width:100%;height:auto}
[hidden]{display:none!important}
a{color:inherit}
h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;line-height:1.15}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;clip:auto;z-index:100;background:var(--ink);color:#fff;padding:8px 14px}

/* Шапка */
header.site{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line)}
body.admin-bar header.site{top:32px}
@media (max-width:782px){body.admin-bar header.site{top:0}}
header.site .wrap{display:flex;align-items:center;gap:24px;padding-block:14px;position:relative}
.logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}
.logo img{height:40px;width:auto;display:block;mix-blend-mode:multiply}
.logo .custom-logo-link{display:block}
.logo-text{font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--red)}
nav.main{margin-left:auto}
nav.main ul{display:flex;gap:4px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
nav.main a{display:block;text-decoration:none;font-size:14px;font-weight:500;padding:6px 10px;color:var(--muted)}
nav.main a:hover,nav.main .current-menu-item > a,nav.main .current_page_item > a{color:var(--red)}
.header-phone{font-weight:600;font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums;text-decoration:none}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line);padding:8px 12px;font:inherit;font-size:14px;cursor:pointer;color:var(--ink)}
@media (max-width:1060px){.header-phone{display:none}}
@media (max-width:860px){
  .menu-btn{display:block}
  nav.main{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}
  nav.main.open{display:block}
  nav.main ul{flex-direction:column}
  nav.main a{padding:10px 0;font-size:16px}
}

/* Кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;font:600 15px var(--font-body);text-decoration:none;border:1px solid transparent;cursor:pointer}
.btn-red{background:var(--red);color:var(--on-red)}
.btn-red:hover{background:var(--red-dark);color:var(--on-red)}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-line:hover{border-color:var(--red);color:var(--red)}

/* Подписи */
.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:24px;height:2px;background:var(--red)}

/* Главный экран */
.hero{border-bottom:1px solid var(--line);overflow:hidden}
.hero .wrap.hero-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center;padding-block:72px 64px}
.hero h1{font-size:clamp(27px,3.9vw,52px);font-weight:800;letter-spacing:-.02em;margin-top:18px;overflow-wrap:break-word}
.hero h1 em{font-style:normal;color:var(--red)}
.hero .lead{font-size:18px;color:var(--muted);max-width:540px;margin-top:20px}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.hero-visual{aspect-ratio:1/1;max-width:100%}
.hero-visual svg{width:100%;height:100%;display:block}
.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.hero-facts div{padding:22px 24px 22px 0;display:flex;flex-direction:column;gap:4px}
.hero-facts div + div{padding-left:24px;border-left:1px solid var(--line)}
.hero-facts b{font-family:var(--font-display);font-size:17px}
.hero-facts span{font-size:14px;color:var(--muted)}
@media (max-width:860px){
  .hero .wrap.hero-main{grid-template-columns:1fr;padding-block:48px 32px}
  .hero-visual{max-width:340px;justify-self:center}
}
@media (max-width:640px){
  .hero-facts{grid-template-columns:1fr}
  .hero-facts div,.hero-facts div + div{padding:16px 0;border-left:0;border-top:1px solid var(--line)}
  .hero-facts div:first-child{border-top:0}
}

/* Заголовок внутренних страниц */
.page-hero{background:var(--bg-alt);border-bottom:1px solid var(--line)}
.page-hero .wrap{padding-block:56px 48px}
.page-hero h1{font-size:clamp(32px,4.2vw,50px);font-weight:800;letter-spacing:-.02em;margin-top:14px}
.page-hero .lead{color:var(--muted);font-size:18px;max-width:640px;margin-top:14px}
.crumbs{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--red)}

/* Секции */
section.block{padding-block:88px;border-bottom:1px solid var(--line)}
section.alt{background:var(--bg-alt)}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 48px;align-items:end;margin-bottom:44px}
.sec-head h2{font-size:clamp(28px,3.4vw,40px);font-weight:700;letter-spacing:-.01em;margin-top:14px}
.sec-head p{color:var(--muted);max-width:520px}
.sec-more{margin-top:32px}
@media (max-width:760px){.sec-head{grid-template-columns:1fr}section.block{padding-block:60px}}
.about-text{display:flex;flex-direction:column;gap:16px;font-size:17px;max-width:68ch}

/* Текст страниц из редактора */
.entry{padding-block:64px 88px}
.entry-content{font-size:17px}
.entry-content > *{margin-top:0;margin-bottom:20px}
.entry-content > p,.entry-content > ul,.entry-content > ol,.entry-content > h2,.entry-content > h3,.entry-content > blockquote{max-width:70ch}
.entry-content h2{font-size:clamp(24px,2.6vw,32px);margin-top:44px;margin-bottom:16px}
.entry-content h3{font-size:20px;margin-top:28px;margin-bottom:10px}
.entry-content a{color:var(--red)}
.entry-content ul,.entry-content ol{padding-left:22px}
.entry-content li + li{margin-top:6px}
.entry-content blockquote{border-left:3px solid var(--red);margin-left:0;padding-left:20px;color:var(--muted)}
.entry-content figure{margin-left:0;margin-right:0}
.entry-content .wp-block-image img{border:1px solid var(--line)}
.entry-content .wp-block-gallery img{border:1px solid var(--line);background:#fff}
.entry-content .wp-block-columns{gap:24px;margin-block:32px}
.entry-content .airtel-cards .wp-block-column{border-top:3px solid var(--red);padding-top:20px}
.entry-content .airtel-cards h3{margin-top:0}
.entry-content .airtel-cards p{color:var(--muted);font-size:15px}
.entry-content .airtel-steps{gap:1px;background:var(--line);border:1px solid var(--line)}
.entry-content .airtel-steps .wp-block-column{background:var(--bg);padding:28px 24px}
.entry-content .airtel-steps h3{margin-top:0}
.entry-content .airtel-steps p{color:var(--muted);font-size:15px}
.entry-content .airtel-steps p.step{font-family:var(--font-mono);font-size:12px;color:var(--red);margin-bottom:8px}

/* Услуги */
.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.service{background:var(--bg);padding:28px 24px;display:flex;flex-direction:column;gap:12px}
.service .step{font-family:var(--font-mono);font-size:12px;color:var(--red)}
.service h3{font-size:19px}
.service p{color:var(--muted);font-size:15px}
@media (max-width:960px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.services{grid-template-columns:1fr}}

/* Каталог */
.cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.cats a{font:500 14px var(--font-body);padding:9px 16px;border:1px solid var(--line);background:var(--bg);color:var(--ink);text-decoration:none}
.cats a[aria-current="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.cats a:hover:not([aria-current="true"]){border-color:var(--red);color:var(--red)}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.product{background:var(--bg);border:1px solid var(--line);display:flex;flex-direction:column}
.product:hover{border-color:#BDBABA}
.product .img{position:relative;display:block;aspect-ratio:4/3;background:#FFFFFF;border-bottom:1px solid var(--line);max-width:100%;overflow:hidden}
.product .img img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;padding:16px}
.product .body{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}
.product .cat{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.product .model{font-size:20px;font-weight:700}
.product .model a{text-decoration:none}
.product .model a:hover{color:var(--red)}
.product .desc{color:var(--muted);font-size:15px;line-height:1.4}
.specs{display:flex;gap:6px;flex-wrap:wrap}
.specs span{font-family:var(--font-mono);font-size:12px;padding:3px 8px;background:var(--bg-alt);color:var(--ink)}
.product .btn{margin-top:auto;padding:12px 16px;font-size:14px}
.catalog-note{margin-top:24px;font-size:14px;color:var(--muted)}
.empty{border:1px dashed #C9C6C6;padding:28px;color:var(--muted)}
@media (max-width:960px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:580px){.products{grid-template-columns:1fr}}

/* Карточка товара */
.product-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;padding-block:56px 88px}
.product-photo{border:1px solid var(--line);background:#fff;aspect-ratio:1/1;position:relative;max-width:100%}
.product-photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;padding:32px}
.product-info{display:flex;flex-direction:column;gap:18px}
.product-info h1{font-size:clamp(30px,3.6vw,44px);font-weight:800}
.product-info .desc{font-size:18px;color:var(--muted)}
.product-info .specs span{font-size:13px;padding:5px 10px}
.product-info .entry-content{font-size:16px}
.request{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;gap:12px}
.request .contacts-line{font-size:15px;color:var(--muted)}
.request .contacts-line a{color:var(--ink);font-weight:600;text-decoration:none}
@media (max-width:860px){.product-page{grid-template-columns:1fr;gap:28px;padding-block:32px 60px}}

/* Партнёры */
.partners{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.partners div{background:var(--bg);height:110px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:.06em;color:#9A9898;text-align:center;padding:12px}
.partners div.named{color:var(--ink)}
.partners img{max-height:60px;width:auto}
@media (max-width:760px){.partners{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Новости */
.news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.news article{border:1px solid var(--line);display:flex;flex-direction:column;background:var(--bg)}
.news .thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--bg-alt);border-bottom:1px solid var(--line)}
.news .thumb img{width:100%;height:100%;object-fit:cover}
.news .news-body{padding:24px;display:flex;flex-direction:column;gap:10px}
.news time{font-family:var(--font-mono);font-size:12px;color:var(--red)}
.news h2,.news h3{font-size:19px}
.news h2 a,.news h3 a{text-decoration:none}
.news h2 a:hover,.news h3 a:hover{color:var(--red)}
.news p{color:var(--muted);font-size:15px}
@media (max-width:860px){.news{grid-template-columns:1fr}}
.post-meta{font-family:var(--font-mono);font-size:12px;color:var(--red);margin-top:14px}
.post-thumb{margin-bottom:32px}
.post-thumb img{border:1px solid var(--line)}
.pagination{margin-top:40px}
.pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap}
.pagination .page-numbers{padding:8px 14px;border:1px solid var(--line);text-decoration:none}
.pagination .page-numbers.current{background:var(--ink);border-color:var(--ink);color:#fff}

/* Контакты */
.contacts{background:var(--ink);color:#fff;border-bottom:0}
.contacts .sec-head p{color:#B9B9BF}
.contacts .eyebrow{color:#FF6B7C}
.contacts .eyebrow::before{background:#FF6B7C}
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#33343A;border:1px solid #33343A}
.contact-grid > div{background:var(--ink);padding:28px 24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.contact-grid .lbl{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#9C9CA3}
.contact-grid .val{font-family:var(--font-display);font-size:20px;font-weight:600;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;color:#fff;text-decoration:none}
.contact-grid a.val:hover{color:#FF6B7C}
.contact-grid .val.small{font-size:16px;font-weight:500;line-height:1.5}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}

footer.site{background:var(--ink);color:#9C9CA3;font-size:13px;border-top:1px solid #33343A}
footer.site .wrap{padding-block:24px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer.site a{color:#9C9CA3;text-decoration:none}
footer.site a:hover{color:#fff}