:root { --accent: #293548; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #fcfcfd }@media (min-width: 1200px){ .listing-main-buttons>ul>li>a[href*="tel:"] { display: none; } } /* Add listing button */ .header-right div.header-button a.buttons { background-color: #b49561; color: #fff; } /* Style on hover */ .header-right div.header-button a.buttons:hover { color: #b49561; background-color: #fff; } .wpcf7 .cf7-intro { padding-bottom: 20px; /* отступ сверху от заголовка */ display: block; /* на всякий случай */ } /* MyListing: кнопка Filters — фикс для desktop + sticky + mobile */ .explore-head-top-filters > a, .explore-head-top-filters > a:link, .explore-head-top-filters > a:visited, body .explore-head-top-filters > a, body.mobile .explore-head-top-filters > a, body.is-mobile .explore-head-top-filters > a, body.header-is-sticky .explore-head-top-filters > a, body.header-sticky .explore-head-top-filters > a { background: #293548 !important; background-color: #293548 !important; color: #ffffff !important; padding: 10px 16px !important; border-radius: 6px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; text-decoration: none !important; box-shadow: 0 6px 18px rgba(0,0,0,0.12) !important; position: relative !important; z-index: 50 !important; } /* Иконка (в MyListing часто иконки красятся отдельным правилом) */ .explore-head-top-filters > a i, .explore-head-top-filters > a svg { color: #ffffff !important; fill: #ffffff !important; opacity: 1 !important; } /* Hover/active */ .explore-head-top-filters > a:hover, .explore-head-top-filters > a:focus, .explore-head-top-filters > a:active { background: #1f2a3a !important; background-color: #1f2a3a !important; color: #ffffff !important; } /* MyListing: убираем любой правый отступ у блока Filters в мобильном top bar */ body .mobile-explore-head-top > .explore-head-top-filters{ margin-right: 0 !important; padding-right: 0 !important; right: 0 !important; } /* На случай, если отступ навешан на ссылку внутри */ body .mobile-explore-head-top > .explore-head-top-filters > a{ margin-right: 0 !important; padding-right: 0 !important; } /* Если тема добавляет отступ через "margin: 0 10px" — сбрасываем полностью и возвращаем нужное */ body .mobile-explore-head-top > .explore-head-top-filters{ margin: 0 !important; padding: 0 !important; } /* Даём кнопке дополнительный внутренний отступ справа, чтобы иконка не была впритык */ body .mobile-explore-head-top > .explore-head-top-filters > a{ padding-right: 16px !important; } /* Отступ между текстом и иконкой */ body .mobile-explore-head-top > .explore-head-top-filters > a > i{ margin-left: 10px !important; } /* Убираем колонки и разрешаем кнопкам тянуться по ширине текста */ .services-flex ul { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; padding: 0 !important; } .services-flex ul li { width: auto !important; /* Убираем фиксированную ширину 33% */ max-width: 100% !important; flex: 0 1 auto !important; } /* Убираем обрезание текста (троеточие) */ .services-flex ul li .category-name { white-space: normal !important; /* Разрешаем перенос строки, если очень длинно */ overflow: visible !important; text-overflow: clip !important; } /* Делаем их похожими на аккуратные кнопки */ .services-flex ul li a { display: flex; align-items: center; background: #f4f6f9; /* Светлый фон */ padding: 8px 15px; border-radius: 30px; border: 1px solid #e1e4e8; transition: all 0.3s ease; } .services-flex ul li a:hover { background: #202124; /* Темный при наведении */ color: #fff; } /* Привязываем стиль к нашему кастомному классу */ .region-columns .ml-details-row-content { column-count: 3; /* 3 колонки на ПК */ column-gap: 30px; column-rule: 1px solid #f0f0f0; padding: 20px 0; display: block !important; /* Важно, чтобы колонки сработали */ } /* Стили для ссылок-городов внутри этих колонок */ .region-columns .ml-details-row-content a, .region-columns .ml-details-row-content { display: block; font-size: 14px; line-height: 2.2; color: #555 !important; text-decoration: none; transition: all 0.2s; font-weight: 400; } /* Эффект при наведении */ .region-columns .ml-details-row-content a:hover { color: #000 !important; padding-left: 5px; } /* Адаптация для мобилок: 2 колонки */ @media (max-width: 768px) { .region-columns .ml-details-row-content { column-count: 2; } } /* Для совсем маленьких экранов: 1 колонка */ @media (max-width: 480px) { .region-columns .ml-details-row-content { column-count: 1; } }