/* ── Логотип в шапке и подвале ──────────────────────────────────────────────── */

/*
 * Ограничение размера логотипа
 * Для чего: PNG/JPG логотип из медиатеки может быть любого размера — сжимаем до max 200×27px
 * Зачем: Оригинальный SVG-лого в макете именно этих размеров; PNG должен вписываться
 * Как: max-width + max-height с width/height: auto сохраняют пропорции без растяжения
 * Применяется к: img и inline svg одновременно чтобы оба случая были покрыты
 */

.header__logo img,
.header__logo svg {
    max-width: 200px;
    max-height: 27px;
    width: auto;
    height: auto;
    display: block;
}

.footer__logo img,
.footer__logo svg {
    max-width: 200px;
    max-height: 27px;
    width: auto;
    height: auto;
    display: block;
}

/*
 * WordPress-патчи для подвала сайта ITV GROUP
 *
 * Для чего: Дополнение Vite-бандла (index-jMqdjw-a.css) — только то, чего не хватает
 * Зачем: Оригинальные стили .footer, .navigation-footer, .socials и т.д. уже
 *        есть в Vite-бандле. Здесь — только WordPress-специфичные патчи:
 *        1. Сброс стилей WP-меню (ul.menu-item и т.д.) в nav-footer
 *        2. Стили для предупреждений администратора (.vl-block-warn)
 *        3. Стили для ссылок в телефонах подвала (Vite рендерил без <a>)
 *        4. Скрытие WP-служебных классов в меню
 */

/* ── Сброс стандартных WP-классов в меню подвала ───────────────────────── */

/*
 * WordPress добавляет к пунктам меню стандартные классы:
 * .menu-item, .menu-item-has-children, .current-menu-item и т.д.
 * Walker Spravki_Walker_Footer_Nav заменяет их на navigation-footer__item,
 * но некоторые WP-стили могут конфликтовать с Vite-бандлом.
 * Здесь сбрасываем потенциальные конфликты.
 */

.navigation-footer .menu-item {
    list-style: none;
}

.navigation-footer .sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* ── Ссылки в телефонах ─────────────────────────────────────────────────── */

/*
 * В оригинальном Vue SPA телефоны выводятся как текст (<b>).
 * В WordPress мы добавляем <a href="tel:..."> для кликабельности на мобильных.
 * Убираем стандартное подчёркивание, наследуем цвет от родителя.
 */

.footer__phone-number a {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
}

.footer__phone-number a:hover {
    text-decoration: underline;
}

/* ── Предупреждения для администратора ──────────────────────────────────── */

/*
 * Класс .vl-block-warn используется для красных предупреждений
 * «Меню не назначено» — видны только залогиненным администраторам.
 * Зачем: В продакшене для посетителей — пусто, для администратора — подсказка.
 */

.vl-block-warn {
    font-size: 12px;
    color: #c00;
    background: #fff0f0;
    border: 1px solid #fcc;
    border-radius: 4px;
    padding: 4px 8px;
    margin: 4px 0;
    text-decoration: none !important;
    display: inline-block;
}

.vl-block-warn:hover {
    background: #ffe0e0;
}