/*
 * pdp-shell.css — общая оболочка новых страниц mkind под mk_pdp() (body.mkpdp): шапка M1 и подвал.
 * C3 Э5 (23.10.2026): вынесено из pdp-product.css (B3 Э5) без изменений, подключается на карточке,
 * странице размера и разделе (inc/pdp.php). Карточку правит B4 в pdp-product.css — шапку/подвал только здесь.
 */
/* ---------- шапка M1 под mkpdp (карточка, размер, раздел): логотип-сборка, «Заявка» залитая ---------- */
header.mk-header[data-mk-mod="M1"] { background: #fff; border-bottom: 1px solid #e6e9ec; box-shadow: none; }
header.mk-header[data-mk-mod="M1"] .mk-logo { gap: 10px; color: var(--mk-graphite-900); overflow: visible; }
header.mk-header[data-mk-mod="M1"] .mk-logo-mark { width: 40px; height: 40px; border-radius: 0; }
header.mk-header[data-mk-mod="M1"] .mk-logo span { display: flex; flex-direction: column; font: 700 19px/1.05 var(--mk-font-sans); letter-spacing: -0.01em; }
header.mk-header[data-mk-mod="M1"] .mk-logo span::after { content: "Завод металлоконструкций"; margin-top: 3px; font: 600 9px/1 var(--mk-font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--mk-orange-600); }
header.mk-header[data-mk-mod="M1"] .mk-cta { background: var(--mk-orange-600); border-color: var(--mk-orange-600); color: #fff; }
header.mk-header[data-mk-mod="M1"] .mk-cta:hover { background: var(--mk-orange-700); border-color: var(--mk-orange-700); color: #fff; }
header.mk-header[data-mk-mod="M1"] .mk-cta .mk-icon { display: none; }
@media (min-width: 900px) {
  header.mk-header[data-mk-mod="M1"] .mk3-row { max-width: 1440px; padding-inline: 32px; }
  header.mk-header[data-mk-mod="M1"] a.mk-phone > span { display: flex; flex-direction: column; font-weight: 700; line-height: 1.15; }
  header.mk-header[data-mk-mod="M1"] a.mk-phone > span::after { content: "Пн–Пт 9:00–18:00"; font: 400 12px var(--mk-font-sans); color: var(--mk-graphite-500); }
  /* 24.10.2026 geo_header_net: .mk-phone стал div (телефон + почта под ним) — правила выше только для старой a.mk-phone */
}
@media (max-width: 899px) {
  header.mk-header[data-mk-mod="M1"] .mk-wrap, header.mk-header[data-mk-mod="M1"] .mk3-row { padding: 8px 12px 8px 8px; gap: 4px; }
  header.mk-header[data-mk-mod="M1"] .mk-logo-mark { width: 32px; height: 32px; }
  header.mk-header[data-mk-mod="M1"] .mk-logo span { display: flex; font-size: 16px; }
  header.mk-header[data-mk-mod="M1"] .mk-logo span::after { font-size: 7.5px; letter-spacing: .06em; }
  header.mk-header[data-mk-mod="M1"] .mk3-catalog-btn { width: 40px; height: 40px; padding: 0; background: transparent; border: 0; box-shadow: none; color: var(--mk-graphite-900); }
  header.mk-header[data-mk-mod="M1"] .mk3-catalog-btn span { display: none; }
  header.mk-header[data-mk-mod="M1"] .mk3-search-icon-btn { width: 40px; height: 40px; background: none; box-shadow: none; border: 0; }
  header.mk-header[data-mk-mod="M1"] .mk-action { width: 40px; height: 40px; }
  /* B5 Э5: белый круг с тенью на кнопке поиска — не сама .mk3-search-icon-btn (та уже прозрачная),
     а родитель <form class="st-search mk3-search">: сетевой next.css (body.st-next .st-search)
     красит его в пилюлю (border-radius:999px;box-shadow;background:#fff;padding:5px) для десктопной
     строки поиска; на мобильном M1 форма сжимается до одной иконки 50×50 — та же пилюля остаётся
     вокруг неё белым кругом с тенью. form.st-search нужен as-is (next-motion.php::searchFx ищет
     именно этот класс для автодополнения) — снимаем только визуал, не класс. */
  header.mk-header[data-mk-mod="M1"] .mk3-search.st-search { background: none; box-shadow: none; border-radius: 0; padding: 0; }
  header.mk-header[data-mk-mod="M1"] .mk3-search.st-search:focus-within { box-shadow: none; }
}

/* ---------- подвал под mkpdp: логотип-сборка вместо голого текста, без разрывов слов ---------- */
body.mkpdp .mk-footer { border-top: 3px solid var(--mk-orange-600); }
body.mkpdp .mk-footer, body.mkpdp .mk-footer * { hyphens: manual; -webkit-hyphens: manual; word-break: normal; overflow-wrap: normal; }
body.mkpdp .mk-footer .mk-fbrand strong { display: block; width: 216px; height: 45px; margin: 0 0 12px; background: url("/wp-content/uploads/sites/12/brand/mkind-logo-light.svg") 0 50% / contain no-repeat; color: transparent; font-size: 0; line-height: 0; }
body.mkpdp .mk-footer .mk-fbrand .mk-footer-logo { display: none; }
/* B5 Э5 (п.3): подвал компактнее — 1440 те же 4 реальные колонки (брендблок/каталог/информация/
   контакты, см. mk_render_footer_html), только padding 32px сверху/снизу вместо 48/40 по умолчанию.
   «Каталог»/«Информация» печатаются как <details open> (inc/pdp-product.php) — на десктопе JS их
   не трогает, открыты всегда, разница только в скрытом треугольнике-маркере summary. */
body.mkpdp .mk-footer .mk-facc > summary::marker, body.mkpdp .mk-footer .mk-facc > summary::-webkit-details-marker { display: none; content: ""; }
@media (min-width: 721px) {
  body.mkpdp .mk-footer { padding: 32px 0 0; }
  body.mkpdp .mk-footer-grid { padding-bottom: 32px; }
  body.mkpdp .mk-footer .mk-facc > summary { pointer-events: none; }
}
@media (max-width: 720px) {
  body.mkpdp .mk-footer { padding-top: 20px; }
  body.mkpdp .mk-footer-grid { grid-template-columns: 1fr 1fr; gap: 14px 16px; padding-inline: 16px; padding-bottom: 16px; }
  body.mkpdp .mk-footer .mk-fbrand, body.mkpdp .mk-footer .mk-fcontacts { grid-column: 1 / -1; }
  body.mkpdp .mk-footer .mk-ft { font-size: 13px; margin-bottom: 6px; }
  /* «Каталог»/«Информация» — аккордеоном (details из inc/pdp-product.php), закрыт по умолчанию,
     ссылки те же 13 шт., просто не все видны сразу — это и держит подвал в пределах ~450px. */
  body.mkpdp .mk-footer .mk-facc > summary { list-style: none; cursor: pointer; position: relative; padding-right: 18px; margin-bottom: 0; }
  body.mkpdp .mk-footer .mk-facc > summary::-webkit-details-marker { display: none; }
  body.mkpdp .mk-footer .mk-facc > summary::after { content: "+"; position: absolute; right: 0; top: 0; font-size: 15px; font-weight: 700; color: var(--mk-orange-600); }
  body.mkpdp .mk-footer .mk-facc[open] > summary::after { content: "–"; }
  body.mkpdp .mk-footer .mk-facc > ul { margin-top: 8px; }
  /* ссылки каталога/информации (13 шт., не удаляем) — строкой с переносом, не по одной в столбик:
     при узкой 2-колоночной сетке почти каждая ссылка переносилась на 2 строки (ширина ~180px),
     подвал растягивался на ~650–800px. flex-wrap укладывает короткие пункты по 2–3 в строку. */
  body.mkpdp .mk-footer .mk-fcol:not(.mk-fbrand):not(.mk-fcontacts) ul { flex-direction: row; flex-wrap: wrap; gap: 4px 10px; }
  body.mkpdp .mk-footer li { margin: 0 0 6px; font-size: 12.5px; line-height: 1.3; }
  body.mkpdp .mk-footer .mk-fbrand p { font-size: 12.5px; line-height: 1.4; margin-top: 6px; }
  body.mkpdp .mk-footer .mk-fcontacts li { margin: 0 0 5px; }
  body.mkpdp .mk-footer .mk-fbar { font-size: 11px; padding: 10px 0 88px; }
}


/* раздел каталога: липкой панели покупки нет — запас 88 px под ней в подвале не нужен (C3 Э5) */
@media (max-width: 720px) { body.mkpdp.tax-product_cat .mk-footer .mk-fbar { padding-bottom: 24px; } }