/* ⭐⭐⭐ ШИРИНА САЙТА KENDA. Правило Вени: как на 4bike, на ВСЕХ страницах.
   Замер образца 24.08.2026 (https://4bike.ru, только читали, ничего не трогали):

   ⚠️ Замер 24.08 делался при окне 1440 и промахнулся: на такой ширине оба
   сайта совпадают. Пересняли 25.08.2026 при окне 1920.

   | Что                | 4bike        | стало у kenda |
   |--------------------|--------------|---------------|
   | содержимое, внешн  | 1680, поля 48| 1680, поля 40 |
   | чистое при 1920    | 1584         | 1600          |
   | чистое при 1440    | 1354         | 1360          |
   | шапка, внешняя     | 1680, поля 40| 1680, поля 40 |

   ⚠️ Тема задаёт `max-width: 1425px; padding: 0 90px` в
   salient/css/salient-dynamic-styles.css, а это генерируемый файл: править
   его нельзя, при смене настроек темы он перезапишется. Поэтому ширина
   держится здесь, селекторами потяжелее и подключением последним по очереди
   (mu-plugins/kenda-shirina.php, приоритет 999).

   Разметку не трогаем: меняются только предельная ширина и боковые поля. */

/* ------------------------------------------- содержимое всех страниц
   ⭐ 1680, а не 1440: замер 25.08.2026 при окне 1920 показал, что на каталоге
   4bike содержимое занимает 1584 пикселя, а у нас занимало 1440. Прошлый
   замер делался при окне 1440, где оба сайта совпадают, и разницу не увидел.
   Поля 40, как у нашей шапки: так содержимое начинается ровно под ней. */
body .container-wrap .container,
body .container-wrap .container.main-content {
	max-width: 1680px;
	padding-left: 40px;
	padding-right: 40px;
}

/* подвал равняется по содержимому, иначе низ страницы уже верха */
body #footer-outer .container,
body #footer-widgets .container,
body #copyright .container {
	max-width: 1680px;
	padding-left: 40px;
	padding-right: 40px;
}

/* Шапка у образца шире содержимого: 1680 против 1440.
   ⚠️ Первый селектор повторяет темин `#header-outer[data-full-width="true"]
   header > .container { max-width:100%; padding:0 28px }`. Без атрибута в
   селекторе наше правило проигрывает по специфичности и шапка остаётся во
   всю ширину экрана. */
body #header-outer[data-full-width="true"] header > .container,
body #header-outer .container,
body #top .container,
body #header-secondary-outer .container {
	max-width: 1680px;
	padding-left: 40px;
	padding-right: 40px;
}

/* ------------------------------------ ряды во всю ширину у конструктора
   ⛔ Скрипт темы сам ставит таким рядам инлайн `margin-left: -90px`,
   рассчитанный на СТАРОЕ поле контейнера 90. После перехода на поле 40 ряд
   уезжал влево на 50 пикселей, а справа оставалась белая полоса той же
   ширины. Видно было на странице «Для дилеров»: правая колонка со снимком
   обрывалась, не доходя до края экрана.
   Инлайн-стиль перебивается только через `!important`. */
body .container-wrap .wpb_row.full-width-content {
	margin-left: -40px !important;
	margin-right: -40px !important;
	width: auto !important;
	max-width: none !important;
}

/* от 1280 у образца поля 32, а не 40 */
@media (min-width: 1000px) and (max-width: 1300px) {
	body .container-wrap .container,
	body .container-wrap .container.main-content,
	body #footer-outer .container,
	body #footer-widgets .container,
	body #copyright .container,
	body #header-outer[data-full-width="true"] header > .container,
	body #header-outer .container,
	body #top .container,
	body #header-secondary-outer .container {
		padding-left: 32px;
		padding-right: 32px;
	}

	body .container-wrap .wpb_row.full-width-content {
		margin-left: -32px !important;
		margin-right: -32px !important;
	}
}

/* ⛔ Ниже 1000 боковые поля остаются темины: там свои значения по
   брейкпоинтам, и подмена одним числом ломает планшет и телефон. */


/* ====================================================================
 * Телефон и планшет: единые боковые поля.
 *
 * Замер 4bike 26.08.2026: поля 10 на 390, 24 на 768, 32 на 1024. У нас были
 * вразнобой, 40 на главной и товаре против 22 на разделе, и на телефоне
 * содержимое теряло по 80 пикселей ширины из 390.
 *
 * ⛔⭐ 28.08.2026 Веня: «отступы в мобиле и планшете не такие как у 4байк,
 * сейчас длинные, нам полностью также». Новый замер образца показал поля
 * ШЕСТЬ и на 390, и на 768, а не 10 и 24. Ставим 6 на обеих ступенях:
 * карточка на 390 растёт со 175 до 186, ровно как у образца.
 * ==================================================================== */
@media (max-width: 690px) {
	body .container-wrap .container,
	body .container-wrap .container.main-content,
	body #footer-outer .container,
	body #footer-widgets .container,
	body #copyright .container {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}

	body .container-wrap .wpb_row.full-width-content {
		margin-left: -6px !important;
		margin-right: -6px !important;
	}
}

@media (min-width: 691px) and (max-width: 999px) {
	body .container-wrap .container,
	body .container-wrap .container.main-content,
	body #footer-outer .container,
	body #footer-widgets .container,
	body #copyright .container {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}

	body .container-wrap .wpb_row.full-width-content {
		margin-left: -6px !important;
		margin-right: -6px !important;
	}
}
/* ⭐ Слайдер главной на телефоне стоял на 6 px правее левого края. Веня
   02.09.2026: «убери отступ слева». Причина: тема компенсирует своим
   `left: -6px` только поле контейнера, а у колонки слайдера ниже 691 остаётся
   собственное поле 6 px (замер _arves/580: колонка x=6 при padding-left 6,
   обёртка x=12, слайдер x=6). Снимаем поле у колонки, и слайдер ложится
   на 0..390. Только главная, только первая полоса с классом top-level:
   у остальных полос компенсация другая (full-width-content). */
/* ⛔ `#ajax-content-wrap` в селекторе обязателен: поле колонке ставит
   glavnaya-tovary.css правилом `body.home #ajax-content-wrap .wpb_column`
   с идентификатором, и первая версия без идентификатора проигрывала ему при
   любом числе классов (нашло мерило _arves/582 через CDP, 02.09.2026). */
@media (max-width: 690px) {
	body.home #ajax-content-wrap .wpb_row.top-level.full-width-ns .wpb_column.no-extra-padding {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}


/* ⭐ Веня 02.09.2026: «сократи отступы у бургера и логотипа по краям в 2 раза».
   Ниже 1000 логотип стоял в 28 px от левого края плашки, бургер в 28 от правого
   (плашка 12..378, ряд 40..350 на 390). Поле контейнера 40 уменьшаем до 26:
   ряд становится 26..364, зазоры по 14. Плашка не двигается: её псевдоэлемент
   считает от контейнера, а не от ряда. Те же селекторы, что у правила выше,
   иначе проигрыш по специфичности темину `[data-full-width]`. */
@media (max-width: 999px) {
	body #header-outer[data-full-width="true"] header > .container,
	body #header-outer .container,
	body #top .container {
		padding-left: 26px;
		padding-right: 26px;
	}
}