/* ==========================================================================
   workingcell.ru — прототип сайта (надстройка над base.css)
   Доп. компоненты для многостраничного сайта
   ========================================================================== */

/* ---------- Навигация ---------- */
.wc-nav{display:flex;align-items:center;gap:26px;}
.wc-nav a{font-family:var(--font-brand);font-weight:600;font-size:15px;color:var(--color-navy-800);text-decoration:none;letter-spacing:.01em;transition:color .15s ease;white-space:nowrap;}
.wc-nav a:hover{color:var(--color-orange-600);}
.wc-burger{display:none;width:42px;height:42px;border-radius:var(--radius-md);background:var(--color-navy-50);border:none;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;}
@media(max-width:1080px){.wc-nav{display:none;}.wc-burger{display:flex;}}

/* ---------- Карточка модели услуги ---------- */
.wc-model{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:28px;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.wc-model:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);border-color:var(--color-orange-200);}
.wc-model__icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-orange-50);display:flex;align-items:center;justify-content:center;margin:0 0 16px;}
.wc-model h3{font-family:var(--font-brand);font-weight:800;font-size:21px;text-transform:uppercase;color:var(--color-navy-800);letter-spacing:.01em;margin:0 0 8px;line-height:1.12;}
.wc-model__sub{font-size:14px;color:var(--color-text-muted);margin:0 0 18px;line-height:1.5;}
.wc-model ul{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:11px;}
.wc-model li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--color-text-body);}
.wc-model li svg{flex-shrink:0;margin-top:2px;}

/* ---------- Карточка специальности ---------- */
.wc-spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:880px){.wc-spec-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.wc-spec-grid{grid-template-columns:1fr;}}
.wc-spec{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px 22px;display:flex;align-items:center;gap:16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.wc-spec:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--color-orange-200);}
.wc-spec__icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-orange-50);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wc-spec__body{display:flex;flex-direction:column;gap:5px;min-width:0;}
.wc-spec__name{font-family:var(--font-brand);font-weight:800;font-size:16px;text-transform:uppercase;color:var(--color-navy-800);letter-spacing:.01em;line-height:1.15;}
.wc-spec__price{font-family:var(--font-brand);font-weight:900;font-size:19px;color:var(--color-orange-600);line-height:1;}
.wc-spec__price span{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;}

/* ---------- Чип-логотип клиента ---------- */
.wc-logo-chip{display:inline-flex;align-items:center;height:72px;padding:0 22px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-brand);font-weight:700;font-size:15px;color:var(--color-navy-700);letter-spacing:.01em;box-shadow:var(--shadow-xs);}
.wc-logo-chip--img{padding:0 22px;}
.wc-logo-chip--img img{max-height:52px;max-width:180px;width:auto;display:block;}

/* ---------- Сетка карточек-преимуществ (3x2) ---------- */
.wc-bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:880px){.wc-bgrid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.wc-bgrid{grid-template-columns:1fr;}}
.wc-bcard{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:26px;display:flex;flex-direction:column;gap:12px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.wc-bcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);border-color:var(--color-orange-200);}
.wc-bcard__icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-orange-50);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wc-bcard h3{font-family:var(--font-brand);font-weight:800;font-size:16px;text-transform:uppercase;color:var(--color-navy-800);margin:0;line-height:1.2;letter-spacing:.01em;}
.wc-bcard p{font-size:14px;color:var(--color-text-muted);margin:0;line-height:1.55;}

/* ---------- Фото-блок отрасли ---------- */
.wc-ind{display:grid;grid-template-columns:300px 1fr;gap:0;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;}
.wc-ind__photo{position:relative;min-height:240px;background:var(--color-navy-800);}
.wc-ind__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.wc-ind__body{padding:28px;}
@media(max-width:760px){.wc-ind{grid-template-columns:1fr;}.wc-ind__photo{min-height:180px;}}

/* ---------- Карточка кейса ---------- */
.wc-case{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;display:flex;flex-direction:column;gap:12px;transition:transform .18s ease,box-shadow .18s ease;}
.wc-case:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}
.wc-case__logo{height:60px;display:flex;align-items:center;margin-bottom:6px;}
.wc-case__logo img{max-height:56px;max-width:210px;width:auto;display:block;}
.wc-case__top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.wc-case__name{font-family:var(--font-brand);font-weight:800;font-size:17px;color:var(--color-navy-800);text-transform:uppercase;letter-spacing:.01em;margin:0;line-height:1.15;}
.wc-case__since{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-orange-600);white-space:nowrap;}
.wc-case__desc{font-size:14px;color:var(--color-text-body);line-height:1.55;margin:0;}
.wc-case__svc{font-size:13px;color:var(--color-text-muted);line-height:1.5;margin:0;padding-top:12px;border-top:1px solid var(--color-border);}
.wc-case__svc b{color:var(--color-navy-800);font-weight:700;}

/* ---------- Шаги процесса ---------- */
.wc-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:880px){.wc-steps-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.wc-steps-grid{grid-template-columns:1fr;}}
.wc-step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);padding:28px 26px;display:flex;flex-direction:column;gap:0;transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.wc-step:hover{transform:translateY(-3px);border-color:rgba(255,73,0,.55);background:rgba(255,255,255,.09);}
.wc-step__num{width:50px;height:50px;border-radius:var(--radius-md);background:var(--color-orange-600);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-brand);font-weight:900;font-size:21px;margin-bottom:18px;box-shadow:0 8px 18px -5px rgba(255,73,0,.65);}
.wc-step h3{font-family:var(--font-brand);font-weight:800;font-size:18px;text-transform:uppercase;color:#fff;letter-spacing:.01em;margin:0 0 8px;line-height:1.15;}
.wc-step p{font-size:14px;color:rgba(255,255,255,.65);margin:0;line-height:1.55;}

/* ---------- Форма заявки (переработана под UX) ---------- */
.wc-form{display:flex;flex-direction:column;gap:16px;}
.wc-form__head{display:flex;align-items:center;gap:12px;}
.wc-form__badge{display:inline-flex;align-items:center;gap:6px;background:var(--color-orange-50);border:1px solid var(--color-orange-200);color:var(--color-orange-700);font-family:var(--font-brand);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:6px 12px;border-radius:999px;white-space:nowrap;}
.wc-form h3{font-family:var(--font-brand);font-weight:900;font-size:clamp(20px,2.4vw,24px);text-transform:uppercase;color:var(--color-navy-800);margin:0;line-height:1.08;}
.wc-form__sub{font-size:14px;color:var(--color-text-muted);margin:0;line-height:1.5;}

/* Поле с иконкой */
.wc-input-icon{position:relative;}
.wc-input-icon svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;}
.wc-input-icon .wc-field__control{padding-left:44px;height:54px;font-size:16px;}

/* Кнопка с подзаголовком */
.wc-form .wc-btn{height:56px;font-size:16px;}

/* Список доверия под формой */
.wc-trust{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.wc-trust li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--color-text-body);}
.wc-trust li svg{flex-shrink:0;}
.wc-trust b{color:var(--color-navy-800);font-weight:700;}

/* Разделитель «или позвоните» */
.wc-or{display:flex;align-items:center;gap:12px;color:var(--color-text-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;}
.wc-or::before,.wc-or::after{content:"";flex:1;height:1px;background:var(--color-border);}
.wc-callrow{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--color-navy-50);border:1px solid var(--color-navy-100);border-radius:var(--radius-md);text-decoration:none;transition:border-color .15s ease,background .15s ease;}
.wc-callrow:hover{border-color:var(--color-orange-600);background:var(--color-orange-50);}
.wc-callrow__num{font-family:var(--font-brand);font-weight:800;font-size:18px;color:var(--color-navy-800);letter-spacing:.01em;}

.wc-privacy{font-size:12px;color:var(--color-text-muted);margin:0;line-height:1.45;}
.wc-privacy a{color:var(--color-navy-700);}

/* ---------- Секция «География» с картой ---------- */
.wc-geo{position:relative;overflow:hidden;}
.wc-geo__map{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:min(620px,55%);opacity:.16;pointer-events:none;filter:brightness(0) invert(1);}
.wc-stat{display:flex;flex-direction:column;gap:2px;}
.wc-stat__num{font-family:var(--font-brand);font-weight:900;font-size:clamp(30px,4vw,44px);color:var(--color-orange-500);line-height:1;}
.wc-stat__label{font-size:14px;color:rgba(255,255,255,.72);}
@media(max-width:760px){.wc-geo__map{position:static;transform:none;width:100%;max-width:340px;margin:24px auto 0;display:block;opacity:.5;}}

/* ---------- Секция «Документы» ---------- */
.wc-doc{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease;display:block;}
.wc-doc:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}
.wc-doc__img{position:relative;aspect-ratio:3/4;background:var(--color-neutral-100);overflow:hidden;}
.wc-doc__img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}
.wc-doc__zoom{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;background:rgba(47,72,92,.9);display:flex;align-items:center;justify-content:center;}
.wc-doc__cap{padding:14px 16px;font-family:var(--font-brand);font-weight:700;font-size:14px;color:var(--color-navy-800);text-align:center;}

/* ---------- Футер ---------- */
.wc-footer{background:var(--color-navy-900);color:rgba(255,255,255,.7);position:relative;overflow:hidden;}
.wc-footer__bg{position:absolute;inset:0;background:url(../img/tile-white.png) 0 0;background-size:118px 96px;opacity:.03;pointer-events:none;}
.wc-footer a{color:rgba(255,255,255,.7);text-decoration:none;transition:color .15s ease;}
.wc-footer a:hover{color:var(--color-orange-500);}
.wc-footer__col h4{font-family:var(--font-brand);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin:0 0 16px;}

/* ---------- Центрирование hero на планшетах (768–1024), когда блок в одну колонку ---------- */
@media(min-width:641px) and (max-width:1024px){
  .wc-hero-text{text-align:center;}
  .wc-hero-text > p{margin-left:auto!important;margin-right:auto!important;}
  .wc-hero-bullets{align-items:center!important;margin-left:auto!important;margin-right:auto!important;}
  .wc-hero-cta{justify-content:center!important;}
  .wc-hero-promo{margin-left:auto!important;margin-right:auto!important;}
  .wc-hero-formcol{justify-content:center!important;}
}