/*
* celeris-overrides.css
* Небольшие Joomla/JoomShopping-специфичные правки поверх 1:1-копии темы.
* (Оригинальный custom-styles.css/theme.css держим нетронутыми.)
*/
/* Скрыть GPL-кредит free-версии JoomShopping ("Copyright MAXXmarketing GmbH"),
которого нет в оригинале. По согласованию с заказчиком. */
#mxcpr {
display: none !important;
}
/* Слик-лоадер: theme.css ссылается на мёртвый /wp-content/.../ajax-loader.gif (404).
Переопределяем путь на локальную копию рядом с этим файлом. */
.slick-loading .slick-list {
background-image: url(ajax-loader.gif);
}
/* Карусель «Вдохновитесь» на главной — фикс растянутых фото.
1) Ссылка-ячейка должна быть блоком, чтобы её фикс-высота (height:240px)
применилась (в оригинале блочность даёт CSS, которого нет в нашей копии
custom-styles.css; без него остаётся inline → height игнорируется).
2) figure имеет padding-bottom:3.7% — проценты верт. padding считаются от
ШИРИНЫ контейнера, а slick-track с нашими 167 слайдами ~47000px → padding
раздувается до ~1748px, фото вытягивается (object-fit по умолчанию = fill).
Высоту ячейки и так задаёт (240px), поэтому обнуляем padding-bottom.
Оба правила обязаны действовать ДО init slick. */
.home-gallery-template .my-gallery figure a {
display: block;
}
.home-gallery-template .my-gallery figure {
padding-bottom: 0;
}
/* ФИКС: страница не прокручивается на мобильных (≤425px).
custom-styles.css содержит `@media (max-width:425px){ .template-index{ overflow-y:hidden } }`
(.template-index = класс ). Поскольку имеет overflow:visible, браузер
по правилу propagation переносит overflow тела на ВЬЮПОРТ → весь экран становится
неприкручиваемым по вертикали (наследие исходной Shopify→WP темы; на проде та же тема).
Возвращаем вертикальную прокрутку. overflow-x:hidden на body сохраняется (антигоризонт-скролл),
поэтому overflow-y:visible эффективно даёт auto. Не трогаем 1:1-копию custom-styles.css. */
@media screen and (max-width: 425px) {
body.template-index {
overflow-y: visible;
}
}
/* ПДн/ТГП (152-ФЗ): фон-иконка