/* PERFORMA-HEADER: начало (шапка в стиле подвала v2, боевая версия; разметку и пункты меню не меняет).
   Подключается в header.php сразу после custom.css (версия в ссылке = дата файла). */
/* Как в подвале: Montserrat, мелкий кегль, чёрный на белом, тонкая линия #EBEBEB вместо тени,
   без красного и подчёркиваний; при наведении цвет за 0,2 с плавно приглушается до #5A5A5A.
   Поля по краям как у подвала: 32 px, до 1199 px — 24 px, на телефоне — 20 px */
header{--ph-fg:#000;--ph-dim:#5A5A5A;--ph-line:#EBEBEB;background:#FFF;border-bottom:1px solid var(--ph-line);box-shadow:none}
header .navbar{padding-left:32px;padding-right:32px}
header a,header a:visited{transition:color .2s}
header a:hover,header a:focus{text-decoration:none}
header a:focus,header button:focus,header .btn:focus{outline:none;box-shadow:none}
header a:focus-visible,header button:focus-visible{outline:2px solid var(--ph-fg);outline-offset:2px}

/* Телефон */
header a.phone,header a.phone:visited{display:inline-flex;align-items:center;color:var(--ph-fg);font-size:14px;font-weight:500;line-height:18px;letter-spacing:.01em}
header a.phone i{font-size:12px}

/* Избранное и поиск: чёрные, сердце контурное, как лупа */
header .head-btns .btn-link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 6px;border:0;color:var(--ph-fg)!important;text-decoration:none;transition:color .2s}
header .head-btns .fa-heart{font-size:16px;font-weight:400}
header .search-btn svg{width:18px;height:18px}
header .search-btn svg path{stroke:currentColor;stroke-width:1.75}

/* Меню: без красного, без подложки и тени у пунктов подменю */
header .navbar-nav li a{color:var(--ph-fg);transition:color .2s}
header .navbar-nav li a:hover{color:var(--ph-fg);text-decoration:none}
header .navbar-nav ul.sub-menu a:hover{background:transparent;box-shadow:none}
header .head-btns .btn-link:hover{color:var(--ph-fg)!important}

/* Плавное приглушение при наведении — только на устройствах с мышью (на телефоне цвет не «залипает» после касания) */
@media (hover:hover){
  header a.phone:hover,header .navbar-nav li a:hover{color:var(--ph-dim)}
  header .head-btns .btn-link:hover{color:var(--ph-dim)!important}
}

/* Десктоп: меню в строку, шапка 80 px (как у Poliform), выпадающие списки — белые с тонкой рамкой, без скругления и тени */
@media (min-width:1526px){
  header .navbar{padding-top:0;padding-bottom:0}
  header .logo{padding:0;max-width:160px}
  header .navbar-nav > li > a{padding:31px 14px;font-size:14px;font-weight:500;line-height:18px;letter-spacing:.01em}
  header .navbar-nav li > ul{padding:10px 0;background:#FFF;border:1px solid var(--ph-line);border-radius:0;box-shadow:none;min-width:260px;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
  header .navbar-nav li:hover > ul{transform:translateY(0)}
  header .navbar-nav li > ul > li:first-child{margin-top:0}
  header .navbar-nav li > ul > li:last-child{margin-bottom:0}
  header .navbar-nav li > ul > li > ul{top:-11px}
  header .navbar-nav ul.sub-menu a{padding:7px 20px;font-size:13px;font-weight:400;line-height:18px}
}

/* Меню-бургер (до 1525 px): шапка 56 px, тонкая иконка без рамки, пункты 14/13 px, выровнены по логотипу */
@media (max-width:1525px){
  header .navbar{padding-top:6px;padding-bottom:6px}
  header .navbar-toggler{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:0;transition:opacity .2s}
  header .navbar-light .navbar-toggler-icon{width:24px;height:24px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M3 7h18M3 12h18M3 17h18' fill='none' stroke='%23000' stroke-width='1.5'/%3e%3c/svg%3e")}
  header .navbar-nav{padding-top:12px}
  header .navbar-nav li a{padding-left:0;padding-right:0}
  header .navbar-nav > li > a{font-size:14px;font-weight:500;line-height:18px}
  header .navbar-nav li > ul{padding-left:16px}
  header .navbar-nav li > ul a{font-size:13px;font-weight:400;line-height:18px;color:var(--ph-fg)}
  header .pf-sub-toggle::before{border-right:1.5px solid var(--ph-fg);border-bottom:1.5px solid var(--ph-fg)}
}
@media (max-width:1525px) and (hover:hover){
  header .navbar-toggler:hover{opacity:.65}
}
@media (max-width:1199px){
  header .navbar{padding-left:24px;padding-right:24px}
}
@media (max-width:767px){
  header .navbar{padding-left:20px;padding-right:20px}
  header a.phone{justify-content:center;min-width:36px;height:36px}
  header a.phone i{font-size:14px;padding-right:0!important}
  header .head-btns{margin-left:4px!important}
}
/* PERFORMA-HEADER: конец */

/* PERFORMA-ICONS: начало. Иконки Telegram и MAX — чёрно-белые, как кнопка «Отправить» (30.10.2026):
   у форм связи, в карточках товаров (рядом с «Заказать») и на странице «Контакты» (у телефонов).
   Лежит в этом файле, потому что он подключён в <head> на всех страницах: цветные иконки не мелькают при загрузке.
   Картинки те же (/telegram-ms-icon/, /max_logo_2025/, max_logo_2025-optimized.png), перекраска фильтром:
   синий и фиолетовый фон → #000, значок → #FFF. Наведение как в подвале: за 0,2 с приглушается, только с мышью. */
img[src*="telegram-ms-icon"],img[src*="max_logo_2025"]{filter:grayscale(1) brightness(.61) contrast(7);transition:opacity .2s}
@media (hover:hover){
  a:hover>img[src*="telegram-ms-icon"],a:hover>img[src*="max_logo_2025"]{opacity:.65}
}
/* PERFORMA-ICONS: конец */

/* PERFORMA-FORMS: начало. Формы Contact Form 7 на всех страницах (30.10.2026).
   1) Кнопка отправки при наведении остаётся чёрной (была красная).
   2) Ошибки — только после нажатия «Отправить»: пустое поле и неотмеченная галочка подсвечиваются красным, как раньше,
      а подсказка появляется красной плашкой со стрелкой под полем. Кнопка теперь всегда активна, проверку при нажатии включает
      мини-плагин wp-content/mu-plugins/performa-cf7-validation.php.
   3) Галочка согласия — квадратная чёрная, без синего цвета браузера. */
.wpcf7-form .wpcf7-submit,.wpcf7-form .btn-primary{transition:background-color .2s}
/* селекторы с .wpcf7 form.wpcf7-form сильнее красных правил темы (.btn-primary:hover, section.ptrnbg.dark .btn-primary:hover,
   .pf-cta__form …:hover, .equipment-form-btn:hover, :active) */
.wpcf7 form.wpcf7-form .wpcf7-submit:hover,.wpcf7 form.wpcf7-form .btn-primary:hover,
.wpcf7 form.wpcf7-form .wpcf7-submit:active,.wpcf7 form.wpcf7-form .btn-primary:not(:disabled):not(.disabled):active{background-color:#000;border-color:#000;color:#FFF}
/* в блоке формы на тёмной подложке тема при наведении увеличивала шрифт и добавляла красную рамку */
section.ptrnbg.dark .wpcf7 form.wpcf7-form .btn-primary:hover{font-size:1rem;padding:0 43px;border:0}
.wpcf7 form.wpcf7-form .wpcf7-submit:disabled:hover,.wpcf7 form.wpcf7-form .btn-primary:disabled:hover{background-color:#5A5A5A}
/* общее сообщение под формой «Одно или несколько полей содержат ошибочные данные…» не показываем:
   об ошибках говорят подсказки у полей и у галочки (для экранных дикторов CF7 дублирует его в скрытом блоке) */
.wpcf7 form.wpcf7-form.invalid .wpcf7-response-output,.wpcf7 form.wpcf7-form.unaccepted .wpcf7-response-output{display:none}
/* остальные ошибки отправки (сбой почты, спам) — сообщение остаётся, рамка красная вместо красно-жёлтых цветов CF7 */
.wpcf7 form.wpcf7-form.failed .wpcf7-response-output,.wpcf7 form.wpcf7-form.spam .wpcf7-response-output,
.wpcf7 form.wpcf7-form.aborted .wpcf7-response-output{border-color:#C4161C}

.wpcf7-form .wpcf7-not-valid-tip{display:table;position:relative;margin:8px 0 2px;padding:5px 10px;background:#C4161C;color:#FFF;font-size:12px;font-weight:500;line-height:1.35;animation:pf-tip-in .2s ease-out}
.wpcf7-form .wpcf7-not-valid-tip::before{content:"";position:absolute;left:12px;top:-5px;border:5px solid transparent;border-top:0;border-bottom-color:#C4161C}
@keyframes pf-tip-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wpcf7-form .wpcf7-not-valid-tip{animation:none}}

.wpcf7-acceptance input[type="checkbox"]{-webkit-appearance:none;appearance:none;display:inline-block;width:16px;height:16px;margin:0 8px 0 0;padding:0;border:1.5px solid #000;border-radius:0;background:#FFF no-repeat center/11px 11px;vertical-align:-3px;cursor:pointer;transition:background-color .2s}
.wpcf7-acceptance input[type="checkbox"]:checked{background-color:#000;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M2 6.3l2.6 2.6L10 3.3' fill='none' stroke='%23fff' stroke-width='1.8'/%3e%3c/svg%3e")}
.wpcf7-acceptance input[type="checkbox"]:focus{outline:none}
.wpcf7-acceptance input[type="checkbox"]:focus-visible{outline:2px solid #000;outline-offset:2px}
.wpcf7-acceptance.wpcf7-not-valid input[type="checkbox"]{border-color:#C4161C;box-shadow:0 0 0 1px #C4161C}
/* галочку поставили — красная подсказка у неё сразу пропадает, не дожидаясь новой отправки */
.wpcf7-acceptance.wpcf7-not-valid input[type="checkbox"]:checked{border-color:#000;box-shadow:none}
.wpcf7-form-control-wrap:has(.wpcf7-acceptance input:checked) .wpcf7-not-valid-tip{display:none}
/* подсказки и красная подсветка — только после нажатия «Отправить». Пока форму не отправляли (класс init)
   или она уже отправлена (sent), CF7 при изменении полей всё равно их проверяет — эти результаты не показываем */
.wpcf7-form.init .wpcf7-not-valid-tip,.wpcf7-form.sent .wpcf7-not-valid-tip{display:none}
.wpcf7-form.init .form-control.wpcf7-not-valid,.wpcf7-form.sent .form-control.wpcf7-not-valid{border-bottom-color:#5A5A5A!important}
.wpcf7-form.init .form-control.wpcf7-not-valid:focus,.wpcf7-form.sent .form-control.wpcf7-not-valid:focus{border-bottom-color:#000!important}
.wpcf7-form.init .wpcf7-acceptance.wpcf7-not-valid input[type="checkbox"],.wpcf7-form.sent .wpcf7-acceptance.wpcf7-not-valid input[type="checkbox"]{border-color:#000;box-shadow:none}
/* ссылки в тексте согласия («согласие», «Политикой конфиденциальности») сразу подчёркнуты чёрным, без красного при наведении */
.wpcf7-form .wpcf7-acceptance a,.wpcf7-form .wpcf7-acceptance a:hover,.wpcf7-form .wpcf7-acceptance a:focus{color:#000;text-decoration:underline;text-decoration-color:#000;text-decoration-thickness:1px;text-underline-offset:2px}
/* PERFORMA-FORMS: конец */