:root { --accent: ; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(36, 36, 41, 1), -10px 10px rgba(36, 36, 41, 0.2), -10px -10px rgba(36, 36, 41, 1), 10px -10px rgba(36, 36, 41, 0.2); } 25% { box-shadow: -10px 10px rgba(36, 36, 41, 0.2), -10px -10px rgba(36, 36, 41, 1), 10px -10px rgba(36, 36, 41, 0.2), 10px 10px rgba(36, 36, 41, 1); } 50% { box-shadow: -10px -10px rgba(36, 36, 41, 1), 10px -10px rgba(36, 36, 41, 0.2), 10px 10px rgba(36, 36, 41, 1), -10px 10px rgba(36, 36, 41, 0.2); } 75% { box-shadow: 10px -10px rgba(36, 36, 41, 0.2), 10px 10px rgba(36, 36, 41, 1), -10px 10px rgba(36, 36, 41, 0.2), -10px -10px rgba(36, 36, 41, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }/* Telegram */ .quick-actions a .fa-telegram, .quick-actions a .fa-telegram-plane { color: #229ED9 !important; /* Telegram blue */ } /* Viber */ .quick-actions a .fa-viber { color: #7360F2 !important; /* Viber purple */ } /* WhatsApp (на будущее) */ .quick-actions a .fa-whatsapp { color: #25D366 !important; /* WhatsApp green */ } .block-type-details ul.details-block-content > li > i{ background:#e91e63 !important; } .block-type-details ul.details-block-content > li > i, .block-type-details ul.details-block-content > li > i:before{ color:#fff !important; }@media (min-width: 992px) { .block-type-details ul.details-block-content { display: grid; grid-template-columns: 33.33% 33.33% 33.33%; grid-column-gap: 20px; grid-row-gap: 12px; } .block-type-details ul.details-block-content > li { margin-bottom: 0 !important; } } /* 3 колонки только на ПК */ @media (min-width: 992px) { .block-type-details ul.details-block-content { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 28px; row-gap: 14px; } } /* каждый пункт — мини-карточка */ .block-type-details ul.details-block-content > li{ display: flex; align-items: center; min-height: 64px; padding: 10px 12px; border-radius: 14px; background: rgba(0,0,0,0.02); } /* иконка чуть компактнее, чтобы не “кричала” */ .block-type-details ul.details-block-content > li > i{ width: 36px !important; height: 36px !important; min-width: 36px !important; margin-right: 12px !important; border-radius: 999px !important; } /* текст: аккуратнее и не расползается */ .block-type-details ul.details-block-content > li > span{ display: block; font-size: 15px; line-height: 1.35; } /* === WOW-стиль для блока деталей (3 карточки) === */ /* карточки */ .block-type-details ul.details-block-content > li{ background: #fff; border-radius: 16px; padding: 14px 16px; transition: transform .22s ease, box-shadow .22s ease; box-shadow: 0 4px 14px rgba(0,0,0,0.05); } /* hover карточки */ .block-type-details ul.details-block-content > li:hover{ transform: translateY(-4px); box-shadow: 0 10px 26px rgba(0,0,0,0.09); } /* иконка — subtle gradient (фон) */ .block-type-details ul.details-block-content > li > i{ width: 38px !important; height: 38px !important; min-width: 38px !important; margin-right: 14px !important; border-radius: 999px !important; /* градиент фона вместо однотонного */ background: linear-gradient(135deg, #ff2f7a 0%, #ff6aa5 100%) !important; /* белая иконка */ color: #fff !important; } /* лёгкая анимация иконки при hover */ .block-type-details ul.details-block-content > li > i{ transition: transform .22s ease, filter .22s ease; } .block-type-details ul.details-block-content > li:hover > i{ transform: rotate(-6deg) scale(1.06); filter: brightness(1.05); } /* текст */ .block-type-details ul.details-block-content > li > span{ font-size: 15px; font-weight: 500; letter-spacing: .2px; } /* === зелёный badge для "ВІДЧИНЕНО" === */ /* в твоём блоке это 3-й пункт, поэтому last-child */ .block-type-details ul.details-block-content > li:last-child span{ display: inline-block; padding: 6px 10px; border-radius: 999px; background: rgba(28, 163, 74, 0.12); color: #1ca34a; font-weight: 700; letter-spacing: .3px; } /* чтобы badge не прилипал к иконке (чуть воздуха) */ .block-type-details ul.details-block-content > li:last-child{ gap: 10px; } .block-type-details ul.details-block-content > li:empty { display: none !important; } .block-type-details ul.details-block-content > li span:empty { display: none !important; } @media (min-width: 992px) { .block-type-details ul.details-block-content { display: flex; justify-content: center; gap: 28px; } .block-type-details ul.details-block-content > li { flex: 1 1 0; max-width: 360px; } } /* Левая кнопка — как правая */ .bizok-actions-bar__left .bizok-btn-primary { background: #0f5e78 !important; /* тот же цвет что справа */ color: #ffffff !important; border: none !important; border-radius: 14px !important; padding: 12px 22px !important; font-weight: 700 !important; letter-spacing: 0.3px; box-shadow: 0 6px 18px rgba(15, 94, 120, 0.25); transition: all 0.25s ease; } /* Hover */ .bizok-actions-bar__left .bizok-btn-primary:hover { background: #0c4d63 !important; transform: translateY(-3px); box-shadow: 0 10px 26px rgba(15, 94, 120, 0.35); } /* Общий стиль для обеих кнопок */ .bizok-actions-bar__left .bizok-btn-primary, .bizok-actions-bar__right .bizok-btn-review { background: #05668D !important; color: #ffffff !important; border: none !important; border-radius: 12px !important; padding: 10px 18px !important; font-size: 14px !important; font-weight: 600 !important; display: inline-flex !important; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(5, 86, 141, 0.25); transition: all 0.25s ease; } /* Hover */ .bizok-actions-bar__left .bizok-btn-primary:hover, .bizok-actions-bar__right .bizok-btn-review:hover { background: #045775 !important; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(5, 86, 141, 0.35); } /* === BizOK Clean Details Style === */ /* карточки */ .block-type-details ul.details-block-content > li{ background: #ffffff; border-radius: 14px; padding: 12px 16px; box-shadow: 0 3px 10px rgba(0,0,0,0.04); transition: box-shadow .2s ease; } /* лёгкий hover — без подъёма */ .block-type-details ul.details-block-content > li:hover{ box-shadow: 0 6px 16px rgba(0,0,0,0.06); } /* иконка */ .block-type-details ul.details-block-content > li > i{ width: 34px !important; height: 34px !important; min-width: 34px !important; margin-right: 12px !important; border-radius: 50% !important; background: #f2f5f7 !important; color: #1f3f52 !important; } /* ссылка вместо кнопки */ .block-type-details ul.details-block-content > li a{ background: none !important; padding: 0 !important; font-weight: 500; color: #1f3f52; text-decoration: none; } .block-type-details ul.details-block-content > li a:hover{ text-decoration: underline; } /* === Details в столбик на мобильном === */ @media (max-width: 768px){ .block-type-details ul.details-block-content{ display: flex !important; flex-direction: column !important; gap: 14px !important; } .block-type-details ul.details-block-content > li{ width: 100% !important; } } /* === Ссылки в "Інформація для гостей" без вида кнопки === */ .block-type-details .button, .block-type-details .buttons a, .block-type-details .buttons .btn, .block-type-details ul.details-block-content > li a { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; display: inline !important; color: #0f5e78 !important; /* цвет ссылки */ font-weight: 500; } /* ховер — просто подчёркивание */ .block-type-details ul.details-block-content > li a:hover { text-decoration: underline; } /* === Убираем кнопку внутри "Інформація для гостей" === */ .block-type-details .button, .block-type-details .buttons a, .block-type-details .btn { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; display: inline !important; color: #1f3f52 !important; /* твой фирменный тёмно-синий */ font-weight: 500 !important; } /* Hover — просто подчёркивание */ .block-type-details .button:hover, .block-type-details .buttons a:hover, .block-type-details .btn:hover { background: transparent !important; text-decoration: underline !important; } /* Увеличиваем шрифт ссылок в Details */ .block-type-details ul.details-block-content > li a { font-size: 18px !important; /* можно 17px если нужно крупнее */ font-weight: 600 !important; line-height: 1.4; } /* ========================================= BIZOK — Медицина / Послуги (premium) ========================================= */ /* ссылка-item */ .single-job_listing .outlined-list.details-list li a{ display: flex; align-items: center; gap: 16px; text-decoration: none; } /* круг */ .single-job_listing .outlined-list.details-list .term-icon.image-icon{ width: 58px; height: 58px; min-width: 58px; border-radius: 999px; background: linear-gradient(135deg, #0A7AA6 0%, #05668D 100%); border: 1px solid #05668D; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(5,102,141,.16); transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease; } /* картинка/иконка внутри */ .single-job_listing .outlined-list.details-list .term-icon.image-icon img{ width: 28px; height: 28px; object-fit: contain; filter: brightness(0) invert(1); transition: transform .22s ease, filter .22s ease; } /* текст */ .single-job_listing .outlined-list.details-list li a span{ color: #123B52; font-weight: 600; line-height: 1.35; transition: color .22s ease; } /* hover */ .single-job_listing .outlined-list.details-list li a:hover .term-icon.image-icon{ transform: translateY(-3px) scale(1.04); background: linear-gradient(135deg, #0C88B8 0%, #04597A 100%); border-color: #04597A; box-shadow: 0 12px 24px rgba(5,102,141,.24); } .single-job_listing .outlined-list.details-list li a:hover .term-icon.image-icon img{ transform: scale(1.08); filter: brightness(0) invert(1); } .single-job_listing .outlined-list.details-list li a:hover span{ color: #05668D; } /* ================================ MOBILE: Напрямки в 1 колонку + полный текст ================================ */ @media (max-width: 576px){ /* список: 1 колонка */ .single-job_listing .outlined-list.details-list{ display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; padding: 0 !important; margin: 0 !important; } /* убираем сдвиги */ .single-job_listing .outlined-list.details-list > li{ margin: 0 !important; padding: 0 !important; list-style: none !important; } /* строка занимает всю ширину */ .single-job_listing .outlined-list.details-list > li > a{ display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; padding: 10px 6px !important; } /* круг чуть компактнее для моб */ .single-job_listing .outlined-list.details-list .term-icon.image-icon{ width: 64px !important; height: 64px !important; flex: 0 0 64px !important; } .single-job_listing .outlined-list.details-list .term-icon.image-icon img{ width: 34px !important; height: 34px !important; filter: none !important; } /* текст НЕ обрезаем */ .single-job_listing .outlined-list.details-list > li > a > span{ display: block !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; line-height: 1.2 !important; max-width: 100% !important; } } @media (max-width:576px){ /* текст обычный тёмный */ .single-job_listing .outlined-list.details-list > li > a > span{ color:#1f2d3d !important; /* тёмно-серый */ font-weight:600; } /* при hover текст становится синим */ .single-job_listing .outlined-list.details-list > li > a:hover > span{ color:#05668D !important; } } /* ================================ НАПРЯМКИ — крупный шрифт 18px ================================ */ /* Текст */ .single-job_listing .outlined-list.details-list li a span{ font-size: 18px !important; line-height: 1.25 !important; font-weight: 600 !important; color: #1f2d3d !important; /* тёмный премиальный */ } /* Hover */ .single-job_listing .outlined-list.details-list li a:hover span{ color: #05668D !important; } /* Немного больше расстояние между кругом и текстом */ .single-job_listing .outlined-list.details-list li a{ gap: 16px !important; } /* ================================ MOBILE — чтобы всё помещалось ================================ */ @media (max-width: 576px){ .single-job_listing .outlined-list.details-list li a span{ font-size: 18px !important; line-height: 1.25 !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; } } /* BizOK — выравнивание блока Details */ .single-job_listing .details-block-content { display: flex !important; justify-content: flex-start !important; gap: 30px !important; } .single-job_listing .details-block-content > li { text-align: left !important; min-width: 280px; } .single-job_listing .details-block-content > li a { display: inline-block; } /* BizOK — заголовки секций (Ліцензії, Сертифікати) */ .single-job_listing .title-style-1 h5{ font-size:26px !important; font-weight:700 !important; color:#1f3f52 !important; text-align:left !important; /* если захочешь центр — поменяем */ letter-spacing:0.3px !important; } .single-job_listing .c27-terms a { background: rgba(5,102,141,0.08); color: #05668D !important; padding: 6px 12px; border-radius: 999px; font-weight: 600; font-size: 13px; transition: all .2s ease; } .single-job_listing .c27-terms a:hover { background: #05668D; color: #fff !important; } /* BizOK — заголовки секций (Ліцензії, Сертифікати) */ .single-job_listing .title-style-1 h5{ font-size:26px !important; font-weight:700 !important; color:#1f3f52 !important; text-align:left !important; /* если захочешь центр — поменяем */ letter-spacing:0.3px !important; } .single-job_listing .c27-terms a { background: rgba(5,102,141,0.08); color: #05668D !important; padding: 6px 12px; border-radius: 999px; font-weight: 600; font-size: 13px; transition: all .2s ease; } .single-job_listing .c27-terms a:hover { background: #05668D; color: #fff !important; } .single-job_listing #block_fIVtT0h .element > h3 { font-size: 16px !important; } /* ===== BizOK Universal Actions Bar ===== */ #bizok-actions-bar .pf-body ul.details-block-content { display: flex !important; justify-content: center !important; /* центрируем весь ряд */ align-items: stretch !important; gap: 24px !important; } /* Каждая карточка */ #bizok-actions-bar .pf-body ul.details-block-content > li { flex: 1 1 0 !important; max-width: 380px !important; } /* Если карточек только 2 — пусть занимают по 50% */ #bizok-actions-bar .pf-body ul.details-block-content > li:only-child { max-width: 500px !important; } /* Розовые иконки в "Інформація для гостей" */ .block-type-details ul.details-block-content > li > i{ width: 34px !important; height: 34px !important; min-width: 34px !important; margin-right: 12px !important; border-radius: 50% !important; background: #ff2f7a !important; /* розовый как на скрине */ color: #ffffff !important; /* белая иконка */ display: inline-flex !important; align-items: center; justify-content: center; font-size: 16px !important; } /* ===== ОСНОВНОЙ БЛОК ===== */ .bizok-thanks { max-width: 760px; margin: 60px auto; padding: 50px; background: #ffffff; border-radius: 20px; box-shadow: 0 15px 40px rgba(0,0,0,0.06); } /* ===== Заголовок H1 ===== */ .bizok-thanks h1 { font-size: 34px; font-weight: 700; margin-bottom: 18px; color: #0f5e78; /* основной фирменный */ line-height: 1.2; } /* ===== Подзаголовок ===== */ .bizok-subtitle { font-size: 18px; color: #4a4a4a; margin-bottom: 35px; line-height: 1.6; } /* ===== Заголовки секций ===== */ .bizok-thanks h3 { font-size: 20px; font-weight: 600; margin-bottom: 12px; margin-top: 30px; color: #0f5e78; /* акцентный */ } /* ===== Основной текст ===== */ .bizok-thanks p, .bizok-thanks li { font-size: 18px; color: #555555; line-height: 1.7; } /* ===== Списки ===== */ .bizok-thanks ul { padding-left: 20px; } /* ===== Блок дисклеймера ===== */ .bizok-thanks-disclaimer { background: #f5f8fa; padding: 22px; border-radius: 14px; margin-top: 30px; } /* ===== МОБИЛЬНАЯ ВЕРСИЯ ===== */ @media (max-width: 768px) { .bizok-thanks { max-width: 100%; margin: 0; padding: 30px 20px 40px 20px; border-radius: 0; box-shadow: none; } .bizok-thanks h1 { font-size: 26px; } .bizok-thanks h3 { font-size: 18px; } .bizok-thanks p, .bizok-thanks li { font-size: 15px; } } /* ===== Карточка компании ===== */ .bizok-company-card { display: flex; align-items: center; gap: 18px; padding: 20px 24px; margin-top: 18px; background: #f3f7f9; border-radius: 16px; transition: 0.25s ease; text-decoration: none; } .bizok-company-card:hover { background: #e7f1f5; transform: translateY(-2px); } .bizok-company-icon { width: 46px; height: 46px; background: #0f5e78; color: #ffffff; font-weight: 700; font-size: 20px; border-radius: 12px; display: flex; align-items: center; justify-content: center; } .bizok-company-title { font-size: 18px; font-weight: 600; color: #1f3f52; } .bizok-company-link { font-size: 14px; color: #0f5e78; font-weight: 600; margin-top: 3px; } /* ===== BizOK — Послуги компанії (колонки + аккордеон) ===== */ /* Контейнер аккордеона (можно оставить как есть) */ .bizok-services-acc { margin: 24px 0 32px; } /* Основной ряд и скрытый ряд — всегда в колонках */ .bizok-services-row { column-count: 3; /* 3 колонки на десктопе */ column-gap: 30px; /* расстояние между колонками */ } /* Одна услуга */ .bizok-service-pill { display: block; margin-bottom: 8px; break-inside: avoid; /* чтобы услуга не рвалась между колонками */ } /* СКРЫТЫЙ блок (аккордеон) — по умолчанию закрыт */ .bizok-services-extra-wrap { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; } /* Когда JS добавляет .is-open — блок раскрывается */ .bizok-services-acc.is-open .bizok-services-extra-wrap { max-height: 1000px; /* просто достаточно большая высота */ } /* Кнопка "Показати всі / Сховати послуги" */ .bizok-services-toggle { margin-top: 12px; padding: 6px 12px; background: none; border: 1px solid #ccc; border-radius: 4px; color: #05668D; font-weight: 600; cursor: pointer; font-size: 14px; } .bizok-services-toggle:hover { background: #f5f5f5; } /* Адаптив */ @media (max-width: 992px) { .bizok-services-row { column-count: 2; } } @media (max-width: 576px) { .bizok-services-row { column-count: 1; } } /* Site Reviews submit button */ .glsr-form-wrap .btn.btn-primary.glsr-button{ background: #05668D !important; color: #ffffff !important; border: 0 !important; border-radius: 12px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 700 !important; box-shadow: 0 4px 0 rgba(0,0,0,0.25) !important; width: auto !important; } /* hover */ .glsr-form-wrap .btn.btn-primary.glsr-button:hover{ background: #1f2326 !important; transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0,0,0,0.3); } .bizok-opinion{ margin:40px 0; } .bizok-opinion h2{ font-size:26px; margin-bottom:25px; } .bizok-opinion-grid{ display:flex; gap:25px; flex-wrap:wrap; } .bizok-opinion-box{ flex:1; background:#fff; padding:25px; border-radius:10px; box-shadow:0 4px 15px rgba(0,0,0,.06); display:flex; flex-direction:column; } .bizok-opinion-icon{ font-size:28px; margin-bottom:10px; } .bizok-opinion-box p{ font-size:18px; color:#000; margin-bottom:18px; } .bizok-opinion-btn{ display:inline-block; background:#0c6b82; color:#fff; padding:10px 18px; border-radius:6px; text-decoration:none; font-size:18px; } .bizok-opinion-btn:hover{ background:#095566; } @media (max-width:768px){ .bizok-opinion-grid{ flex-direction:column; } .bizok-opinion-box{ width:100%; } } /* Базовый стиль */ .cts-carousel .item { border-radius: 10px; transition: all 0.2s ease; } /* Ссылки */ .cts-carousel .item a { opacity: 0.7; padding: 8px 14px; display: block; border-radius: 10px; transition: all 0.2s ease; } /* Ховер */ .cts-carousel .item:hover a { opacity: 1; background: rgba(0,0,0,0.05); } /* АКТИВНЫЙ */ .cts-carousel .item.active a { opacity: 1 !important; font-weight: 600 !important; background: #e6f4f8; /* светло-голубой */ color: #0e7490 !important; border-radius: 10px; } @media (max-width: 768px) { .single-job_listing .profile-cover-section, .single-job_listing .profile-cover-wrapper, .single-job_listing .profile-cover-image { height: 220px !important; min-height: 220px !important; max-height: 220px !important; } .single-job_listing .profile-cover-image { overflow: hidden !important; } .single-job_listing .profile-cover-image img { width: 100% !important; height: 220px !important; max-height: 220px !important; object-fit: cover !important; object-position: center center !important; } } /* Desktop */ .header .logo img { max-height: 60px !important; height: 60px !important; } /* Tablet */ @media (max-width: 1024px) { .header .logo img { max-height: 50px !important; height: 50px !important; } } /* Mobile */ @media (max-width: 768px) { .header .logo img { max-height: 40px !important; height: 40px !important; } } /* ===== BIZOK FOOTER FORCE STYLE ===== */ /* самые частые контейнеры футера */ footer, footer *, #colophon, #colophon *, .site-footer, .site-footer *, .footer-widget, .footer-widget *, .footer-widgets, .footer-widgets *, .widget-area.footer, .widget-area.footer * { color: #ffffff !important; } /* ссылки */ footer a, #colophon a, .site-footer a, .footer-widget a, .footer-widgets a, footer .menu a, footer .widget_nav_menu a, footer .widget a { color: #ffffff !important; font-size: 18px !important; line-height: 1.6 !important; text-decoration: none !important; } /* hover */ footer a:hover, #colophon a:hover, .site-footer a:hover { color: #ffd6e8 !important; } /* обычный текст */ footer p, footer li, footer span, footer div, #colophon p, #colophon li, #colophon span, #colophon div, .site-footer p, .site-footer li, .site-footer span, .site-footer div { color: #ffffff !important; font-size: 18px !important; line-height: 1.6 !important; } /* заголовки */ footer h1, footer h2, footer h3, footer h4, footer .widget-title, #colophon h1, #colophon h2, #colophon h3, #colophon h4, #colophon .widget-title, .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer .widget-title { color: #ffffff !important; font-size: 22px !important; font-weight: 700 !important; margin-bottom: 14px !important; } /* списки */ footer ul, #colophon ul, .site-footer ul { list-style: none !important; padding-left: 0 !important; margin: 0 !important; } footer ul li, #colophon ul li, .site-footer ul li { margin-bottom: 8px !important; } /* сам блок футера */ footer, #colophon, .site-footer { padding-top: 36px !important; padding-bottom: 24px !important; } /* Мобильный хедер: логотип по центру */ @media (max-width: 991px) { .c27-main-header .header-top { position: relative; } .c27-main-header .header-left .logo { position: absolute !important; left: 50%; transform: translateX(-50%); margin: 0 !important; } } .ff-default .ff-el-form-control { border: 2px solid #bfc6cf !important; border-radius: 8px !important; background: #fff !important; } .ff-default .ff-el-form-control:focus { border-color: #e91e63 !important; box-shadow: 0 0 0 3px rgba(233, 30, 99, 0.12) !important; outline: none !important; } .bizok-reviews-filters { background: #fff; border: 1px solid #e7e7e7; border-radius: 16px; padding: 16px; margin-bottom: 22px; box-shadow: 0 4px 18px rgba(0,0,0,0.04); } .bizok-reviews-filter-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 12px; } .bizok-filter-item label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; color: #222; } .bizok-filter-item select { width: 100%; height: 42px; border: 1px solid #d8d8d8; border-radius: 10px; padding: 0 12px; background: #fff; font-size: 14px; color: #222; } .bizok-filter-item select:focus { outline: none; border-color: #05668D; } .bizok-reviews-filter-actions { display: flex; gap: 10px; margin-top: 12px; margin-bottom: 12px; flex-wrap: wrap; } .bizok-reviews-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 16px; border-radius: 12px; text-decoration: none; font-size: 14px; font-weight: 600; line-height: 1; cursor: pointer; transition: 0.2s ease; } .bizok-reviews-btn-primary { background: #05668D; color: #fff; border: 1px solid #05668D; } .bizok-reviews-btn-primary:hover { background: #044f6b; border-color: #044f6b; } .bizok-reviews-btn-reset { background: #f5f5f5; color: #222; border: 1px solid #e1e1e1; } .bizok-reviews-btn-reset:hover { background: #ececec; } .bizok-reviews-summary { margin-top: 12px; margin-bottom: 20px; padding-top: 10px; border-top: 1px solid #f1f1f1; } .bizok-reviews-list { margin-top: 6px; } @media (max-width: 1024px) { .bizok-reviews-filter-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .bizok-reviews-filter-grid { grid-template-columns: 1fr; } .bizok-reviews-filter-actions { flex-direction: column; } .bizok-reviews-btn { width: 100%; } } .bizok-reviews-list { margin-bottom: 40px; } .bizok-cover-rating { margin-top: 6px; } .bizok-cover-rating .glsr-summary { margin: 0; } .bizok-cover-rating a { text-decoration: none; } .profile-name .pa-below-title { color: #fff !important; } .profile-name .pa-below-title .glsr { color: #fff !important; } .profile-name .pa-below-title .glsr-summary-text { color: #fff !important; } .profile-name .pa-below-title .glsr-stars { color: #ffc107 !important; } .profile-name .pa-below-title { text-shadow: 0 1px 3px rgba(0,0,0,0.6); } /* Только блок, у которого заголовок "Послуги автосервісу" */ .block-type-terms .pf-head + .pf-body .listing-details li a .cat-icon { background: #E6F2F7 !important; border-color: #E6F2F7 !important; } .block-type-terms .pf-head + .pf-body .listing-details li a .cat-icon i, .block-type-terms .pf-head + .pf-body .listing-details li a .cat-icon i:before { color: #05668D !important; } /* hover */ .block-type-terms .pf-head + .pf-body .listing-details li a:hover .cat-icon { background: #05668D !important; border-color: #05668D !important; } .block-type-terms .pf-head + .pf-body .listing-details li a:hover .cat-icon i, .block-type-terms .pf-head + .pf-body .listing-details li a:hover .cat-icon i:before { color: #fff !important; } /* Все кружки */ .single-job_listing .outlined-list.details-list.social-nav li a i { background: #05668D !important; color: transparent !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; } /* Одна одинаковая точка строго по центру */ .single-job_listing .outlined-list.details-list.social-nav li a i:before { content: "" !important; width: 6px !important; height: 6px !important; border-radius: 50% !important; background: #fff !important; display: block !important; position: static !important; margin: 0 !important; transform: none !important; line-height: 0 !important; } /* ===== BIZOK: форма "Додати акцію" ===== */ /* внешний заголовок */ .add-listing-step .row.section-title, .add-listing-step .case27-primary-text { display: none !important; } /* внутренний заголовок секции "General" */ #submit-job-form .pf-head, #submit-job-form .pf-head.round-icon, #submit-job-form .pf-head h4, #submit-job-form .pf-head .title-style-1 { display: none !important; } /* если "General" выводится первым h4 в теле секции */ #submit-job-form .pf-body > h4:first-child { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; overflow: hidden !important; } /* ширина */ .add-listing-step .i-section > .container, .add-listing-step .container, #submit-job-form, #submit-job-form .form-section-wrapper, #submit-job-form .pf-body, #submit-job-form .element.form-section { width: 100% !important; max-width: 1280px !important; margin: 0 auto !important; } /* карточка формы */ #submit-job-form .pf-body { background: #fff !important; border: 1px solid #e5e7eb !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 8px 24px rgba(0,0,0,.04) !important; } /* строки */ #submit-job-form .form-group, #submit-job-form [class*="fieldset-"] { padding: 22px 28px !important; margin: 0 !important; border-top: 1px solid #edf1f5 !important; background: #fff !important; } /* заголовок + описание */ #submit-job-form .field-head { display: block !important; margin-bottom: 10px !important; } #submit-job-form .field-head label { display: block !important; margin: 0 0 6px 0 !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #102a43 !important; } #submit-job-form .field-head .description, #submit-job-form .field-head small.description, #submit-job-form .description { display: block !important; margin: 0 !important; font-size: 14px !important; line-height: 1.5 !important; color: #6b7280 !important; } /* optional рядом с заголовком */ #submit-job-form .field-head label small, #submit-job-form .field-head .optional, #submit-job-form .field-head .is-optional { display: inline !important; margin-left: 6px !important; font-size: 14px !important; color: #7b8794 !important; font-weight: 400 !important; } /* счетчик */ #submit-job-form .field-char-counter { float: right !important; font-size: 12px !important; color: #94a3b8 !important; margin-top: -28px !important; } /* ========================= Поля формы (исправлено) ========================= */ #submit-job-form .form-group, #submit-job-form .field, #submit-job-form .required-field { position: relative !important; } /* Заголовок поля НЕ перехватывает клик */ #submit-job-form .field-head { pointer-events: none !important; z-index: 1 !important; } /* Основные поля */ #submit-job-form input[type="text"], #submit-job-form input[type="email"], #submit-job-form input[type="url"], #submit-job-form input[type="number"], #submit-job-form input[type="search"], #submit-job-form input[type="tel"], #submit-job-form input[type="password"], #submit-job-form textarea, #submit-job-form select { position: relative !important; z-index: 5 !important; width: 100% !important; min-height: 52px !important; height: auto !important; padding: 12px 14px !important; line-height: 1.4 !important; border: 1px solid #d7dee7 !important; border-radius: 12px !important; background: #fff !important; color: #1f2937 !important; box-shadow: none !important; box-sizing: border-box !important; } /* textarea */ #submit-job-form textarea { min-height: 140px !important; margin-top: 8px !important; resize: vertical !important; } /* Select2 */ #submit-job-form .select2-container .select2-selection--single, #submit-job-form .select2-container .select2-selection--multiple { position: relative !important; z-index: 5 !important; min-height: 52px !important; border: 1px solid #d7dee7 !important; border-radius: 12px !important; background: #fff !important; } #submit-job-form .select2-container .select2-selection--single { height: 52px !important; padding: 10px 14px !important; } #submit-job-form .select2-container .select2-selection__rendered { line-height: 30px !important; padding-left: 0 !important; } #submit-job-form .select2-container .select2-selection__arrow { height: 52px !important; right: 12px !important; } /* Фокус */ #submit-job-form input:focus, #submit-job-form textarea:focus, #submit-job-form select:focus, #submit-job-form .select2-container--default.select2-container--focus .select2-selection--single, #submit-job-form .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #05668D !important; box-shadow: 0 0 0 3px rgba(5,102,141,.12) !important; outline: none !important; } /* ========================= Upload — безопасный фикс ========================= */ #submit-job-form .review-gallery-add, #submit-job-form .upload-file, #submit-job-form .uploaded-files-list, #submit-job-form .review-gallery-images { position: relative !important; } #submit-job-form .review-gallery-add { width: 170px !important; max-width: 100% !important; } /* НЕ отключаем клики у content */ #submit-job-form .review-gallery-add .content { position: relative !important; z-index: 2 !important; padding-bottom: 100% !important; } /* input файла — поверх всей зоны */ #submit-job-form .review-gallery-add input[type="file"] { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; opacity: 0 !important; z-index: 3 !important; cursor: pointer !important; } /* иконка не должна мешать */ #submit-job-form .review-gallery-add .mi, #submit-job-form .review-gallery-add i { pointer-events: none !important; } /* оформление */ #submit-job-form .job-manager-uploaded-file-preview, #submit-job-form .wp-job-manager-file-upload, #submit-job-form .review-gallery-add { border: 1px dashed #cfd8e3 !important; border-radius: 12px !important; background: #fafcff !important; } /* ===== BIZOK: чистая кнопка через перевод ===== */ /* убираем Preview и Save draft */ #submit-job-form .preview-btn, #submit-job-form button[name="submit_job_preview"], #submit-job-form .skip-preview-btn, #submit-job-form .save-draft, #submit-job-form .save-listing-button, #submit-job-form button[name="save_draft"], #submit-job-form input[name="save_draft"] { display: none !important; } /* убираем белую плашку */ #submit-job-form .form-footer, #submit-job-form .form-footer.active, #submit-job-form .form-footer .pf-body, #submit-job-form .form-footer > div { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } /* контейнер */ #submit-job-form .listing-form-submit-btn { display: flex !important; justify-content: center !important; align-items: center !important; padding-top: 16px !important; } /* скрываем лишние кнопки */ #submit-job-form .listing-form-submit-btn > button, #submit-job-form .listing-form-submit-btn > input[type="submit"] { display: none !important; } /* основная кнопка */ #submit-job-form .listing-form-submit-btn > button:first-of-type, #submit-job-form .listing-form-submit-btn > input[type="submit"]:first-of-type { display: inline-flex !important; justify-content: center !important; align-items: center !important; width: auto !important; min-width: 220px !important; max-width: 300px !important; height: 50px !important; padding: 0 28px !important; border-radius: 12px !important; background: #05668D !important; border: 1px solid #05668D !important; color: #fff !important; font-size: 16px !important; font-weight: 600 !important; transition: all 0.2s ease; cursor: pointer; } /* hover */ #submit-job-form .listing-form-submit-btn > button:first-of-type:hover, #submit-job-form .listing-form-submit-btn > input[type="submit"]:first-of-type:hover { background: #044e6b !important; border-color: #044e6b !important; } /* мобилка */ @media (max-width: 768px) { #submit-job-form .listing-form-submit-btn > button:first-of-type, #submit-job-form .listing-form-submit-btn > input[type="submit"]:first-of-type { width: 100% !important; } } /* ===== FIX ДЛЯ ПОЛЕЙ ДАТЫ ===== */ /* главный input */ #submit-job-form .field-type-date input.input-datepicker { height: 52px !important; line-height: normal !important; padding: 12px 14px !important; border: 1px solid #d7dee7 !important; border-radius: 12px !important; background: #fff !important; } /* отображаемое значение (display-value) */ #submit-job-form .field-type-date input.display-value { height: 52px !important; line-height: normal !important; padding: 12px 14px !important; border: 1px solid #d7dee7 !important; border-radius: 12px !important; background: #fff !important; } /* убрать странный border-bottom */ #submit-job-form .field-type-date input { border-bottom-color: #d7dee7 !important; } /* обёртка */ #submit-job-form .datepicker-wrapper { width: 100% !important; display: block !important; } /* ===== КАРТОЧКА ОТЗЫВА ===== */ .glsr-review { background: #ffffff; border-radius: 18px; padding: 20px 22px; margin-bottom: 18px; border: 1px solid rgba(5, 102, 141, 0.10); box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05); transition: all 0.25s ease; } .glsr-review:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08); border-color: rgba(5, 102, 141, 0.18); } /* ===== БЛОК С КОМПАНИЕЙ ===== */ .bizok-review-meta { margin-bottom: 10px; } /* ===== ССЫЛКА НА КОМПАНИЮ ===== */ .bizok-review-company { display: inline-flex; align-items: center; gap: 6px; font-size: 18px; font-weight: 800; line-height: 1.3; color: #05668D; text-decoration: none; cursor: pointer; transition: all 0.2s ease; } /* стрелка */ .bizok-review-company::after { content: "→"; font-size: 14px; transition: transform 0.2s ease; } /* hover */ .bizok-review-company:hover { color: #034a66; text-decoration: underline; } .bizok-review-company:hover::after { transform: translateX(4px); } /* ===== ЗАГОЛОВОК ОТЗЫВА ===== */ .glsr-review-title { font-size: 20px; font-weight: 700; margin-top: 4px; margin-bottom: 8px; } /* ===== ЗВЁЗДЫ + ДАТА ===== */ .glsr-review-rating { margin-bottom: 8px; } /* ===== ТЕКСТ ОТЗЫВА ===== */ .glsr-review-content, .glsr-review p { font-size: 16px; line-height: 1.65; color: #374151; } /* ===== АВТОР ===== */ .glsr-review-author { margin-top: 10px; font-weight: 600; color: #111827; } /* ===== МОБИЛКА ===== */ @media (max-width: 768px) { .glsr-review { padding: 16px; border-radius: 16px; } .bizok-review-company { font-size: 16px; } .glsr-review-title { font-size: 18px; } .glsr-review-content, .glsr-review p { font-size: 15px; } } /* ===== ПАГИНАЦИЯ SITE REVIEWS / BOOTSTRAP ===== */ .glsr-pagination, .glsr-pagination nav, .glsr-pagination ul.pagination { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 8px !important; margin: 30px 0 !important; padding: 0 !important; list-style: none !important; } .glsr-pagination ul.pagination li.page-item { display: inline-flex !important; flex: 0 0 auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; list-style: none !important; } .glsr-pagination ul.pagination li.page-item a.page-link, .glsr-pagination ul.pagination li.page-item span.page-link, .glsr-pagination ul.pagination li.page-item span, .glsr-pagination ul.pagination li.page-item a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 36px !important; height: 36px !important; padding: 0 12px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: none !important; color: #374151 !important; background: #f3f4f6 !important; border: none !important; box-shadow: none !important; line-height: 1 !important; } .glsr-pagination ul.pagination li.page-item a.page-link:hover, .glsr-pagination ul.pagination li.page-item a:hover { background: #05668D !important; color: #fff !important; } .glsr-pagination ul.pagination li.page-item.active a.page-link, .glsr-pagination ul.pagination li.page-item.active span.page-link, .glsr-pagination ul.pagination li.page-item.active span { background: #05668D !important; color: #fff !important; } .glsr-pagination ul.pagination li.page-item.disabled a.page-link, .glsr-pagination ul.pagination li.page-item.disabled span.page-link, .glsr-pagination ul.pagination li.page-item.disabled span { opacity: 0.55 !important; pointer-events: none !important; } /* скрыть бейдж/текст подтверждения у автора */ .glsr-review-author .glsr-badge, .glsr-review-author [class*="badge"], .glsr-review-author [class*="verified"], .glsr-review [class*="verified"] { display: none !important; } .bizok-promo-line { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 12px 16px; border: 1px solid rgba(5, 102, 141, 0.14); border-radius: 14px; background: #f8fbfd; font-size: 15px; line-height: 1.4; width: auto; max-width: 100%; } .bizok-promo-label { color: #05668D; font-weight: 600; } .bizok-promo-date { font-weight: 700; color: #05668D; } .bizok-promo-sep { color: #a7b4bf; } .bizok-promo-countdown { display: inline-flex; align-items: center; gap: 4px; color: #222; font-weight: 600; } .bizok-promo-countdown .timer { color: #d62828; font-weight: 700; } @media (max-width: 767px) { .bizok-promo-line { display: flex; width: 100%; flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px 14px; font-size: 14px; } .bizok-promo-sep { display: none; } } /* центрируем сам блок */ .bizok-promo-line { margin: 0 auto; } /* центрируем контейнер MyListing */ .single-job_listing .block-type-code .pf-body { display: flex; justify-content: center; } /* ===== BIZOK: заметный скролл внутри блока результатов ===== */ #finderListings { scrollbar-width: auto !important; scrollbar-color: #05668D #d9d9d9 !important; } /* Chrome / Edge / Safari */ #finderListings::-webkit-scrollbar { width: 14px !important; } #finderListings::-webkit-scrollbar-track { background: #d9d9d9 !important; border-radius: 12px !important; } #finderListings::-webkit-scrollbar-thumb { background: #05668D !important; border-radius: 12px !important; border: 3px solid #d9d9d9 !important; min-height: 60px !important; } #finderListings::-webkit-scrollbar-thumb:hover { background: #034d6b !important; } /* ===== BIZOK: просто делаем стрелки заметнее ===== */ .cts-prev::before, .cts-next::before { border-color: #05668D !important; /* твой синий */ border-width: 3px !important; /* толще */ opacity: 1 !important; } /* hover чуть темнее */ .cts-prev:hover::before, .cts-next:hover::before { border-color: #034d6b !important; } /* ===== BIZOK: красивый горизонтальный скролл ===== */ /* контейнер с категориями */ .explore-types, .cts-carousel, .explore-types .cts-carousel { scrollbar-width: auto !important; scrollbar-color: #05668D #d9d9d9 !important; } /* Chrome / Edge / Safari */ .explore-types::-webkit-scrollbar, .cts-carousel::-webkit-scrollbar, .explore-types .cts-carousel::-webkit-scrollbar { height: 10px !important; /* горизонтальный! */ } .explore-types::-webkit-scrollbar-track, .cts-carousel::-webkit-scrollbar-track, .explore-types .cts-carousel::-webkit-scrollbar-track { background: #d9d9d9 !important; border-radius: 10px !important; } .explore-types::-webkit-scrollbar-thumb, .cts-carousel::-webkit-scrollbar-thumb, .explore-types .cts-carousel::-webkit-scrollbar-thumb { background: #05668D !important; border-radius: 10px !important; border: 2px solid #d9d9d9 !important; } .explore-types::-webkit-scrollbar-thumb:hover, .cts-carousel::-webkit-scrollbar-thumb:hover, .explore-types .cts-carousel::-webkit-scrollbar-thumb:hover { background: #034d6b !important; } .bizok-anchors { list-style: none; padding: 0; margin: 20px 0; } .bizok-anchors li { margin-bottom: 10px; } .bizok-anchors a { text-decoration: none; color: #05668D; font-weight: 500; display: inline-block; transition: all 0.2s ease; } .bizok-anchors a:hover { text-decoration: underline; transform: translateX(3px); } .bizok-anchors a { font-size: 18px; line-height: 1.6; color: #05668D; font-weight: 600; } .bizok-anchors li { margin-bottom: 12px; } .c27-explore-search-button { background: #05668D !important; color: #fff !important; font-weight: 600; border-radius: 8px; padding: 12px; text-align: center; } .c27-explore-search-button:after { content: "Застосувати фільтри"; } .c27-explore-search-button:hover { background: #ff2f7a !important; } .c27-explore-search-button { font-size: 0 !important; } .c27-explore-search-button:after { content: "Застосувати фільтри"; font-size: 16px; } .bizok-articles-archive-intro { max-width: 900px; } .bizok-articles-archive-intro p { font-size: 18px !important; line-height: 1.7; color: #444; } .bizok-articles-archive-intro p { color: #000000 !important; } /* Кнопка Вход */ button[name="login"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 48px !important; padding: 12px 20px !important; background: #05668D !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.2 !important; } /* Кнопка Регистрации */ button[name="register"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 48px !important; padding: 12px 20px !important; background: #05668D !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.2 !important; } /* Только если у кнопки регистрации пустой текст */ button[name="register"]:empty::after { content: "Зареєструватися"; } /* Только если у кнопки входа пустой текст */ button[name="login"]:empty::after { content: "Увійти"; } .woocommerce-ResetPassword button[type="submit"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 48px !important; padding: 12px 20px !important; background: #05668D !important; color: #fff !important; border-radius: 8px !important; border: none !important; font-size: 16px !important; font-weight: 600 !important; visibility: visible !important; opacity: 1 !important; } .woocommerce-EditAccountForm button[type="submit"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 48px !important; padding: 12px 20px !important; background: #05668D !important; color: #fff !important; border-radius: 8px !important; border: none !important; font-size: 16px !important; font-weight: 600 !important; visibility: visible !important; opacity: 1 !important; } /* Заголовок (вопрос) */ .bizok-faq-item summary { font-size: 22px; font-weight: 600; line-height: 1.4; } /* Текст ответа */ .bizok-faq-item div, .bizok-faq-item p { font-size: 18px !important; line-height: 1.6; } .glsr-review-title { display: none; } /* ===== КАРТОЧКА ===== */ .food-menu-items .single-menu-item { position: relative; background: #fff; border: 1px solid #e9eef3; border-radius: 16px; padding: 24px 24px; box-shadow: 0 4px 14px rgba(0,0,0,0.04); transition: all 0.25s ease; } .food-menu-items .single-menu-item:hover { box-shadow: 0 10px 26px rgba(5, 102, 141, 0.12); transform: translateY(-2px); } /* ===== ТЕКСТ УСЛУГИ ===== */ .food-menu-items .menu-item-title { display: block; font-size: 18px !important; font-weight: 600; line-height: 1.45; color: #1f2d3d; padding-right: 130px; } /* ===== ЦЕНА (СИЛЬНЫЙ АКЦЕНТ) ===== */ .repeater-list-view .menu-price-btn { position: absolute; top: 18px; right: 20px; background: #05668D; color: #fff; font-size: 15px; font-weight: 700; padding: 7px 16px; border-radius: 999px; box-shadow: 0 6px 14px rgba(5, 102, 141, 0.25); border: none; } /* ===== ХОВЕР ДЛЯ ЦЕНЫ ===== */ .food-menu-items .single-menu-item:hover .menu-price-btn { background: #045575; } /* ===== ОТСТУПЫ ===== */ .food-menu-items .single-menu-item + .single-menu-item { margin-top: 16px; } /* ===== МОБИЛКА ===== */ @media (max-width: 768px) { .food-menu-items .single-menu-item { padding: 18px 16px; } .food-menu-items .menu-item-title { font-size: 16px !important; padding-right: 100px; } .repeater-list-view .menu-price-btn { top: 14px; right: 14px; font-size: 13px; padding: 6px 12px; } } .single-job_listing .block-type-code .pf-body { font-size: 18px; line-height: 1.6; color: #333; } .single-job_listing .block-type-code .pf-head { font-size: 22px; font-weight: 600; } .open-ai-chat, .open-ai-chat * { cursor: pointer !important; } .open-ai-chat { transition: transform 0.2s ease, box-shadow 0.2s ease; } .open-ai-chat:hover { transform: translateY(-4px); } /* мобилка: оставить обычную кнопку */ @media (max-width: 768px) { .single-listing .quick-listing-actions a[href^="tel:"] span { display: inline; } } /* ПК: скрыть текст "Подзвонити" и показать номер */ @media (min-width: 769px) { .single-listing .quick-listing-actions a[href^="tel:"] span { display: none; } .single-listing .quick-listing-actions a[href^="tel:"]::after { content: attr(data-phone); display: inline; } } /* скрыть стандартную цену (€) */ .pricing-item.c27-pick-package .plan-price { display: none !important; } /* Убираем белую плашку вокруг кнопки */ #submit-job-form .form-footer { background: transparent !important; padding: 0 !important; margin-top: 10px !important; border: 0 !important; box-shadow: none !important; } /* если есть внутренний контейнер */ #submit-job-form .form-footer .pf-body { background: transparent !important; padding: 0 !important; } /* сам блок кнопки */ #submit-job-form .listing-form-submit-btn { background: transparent !important; padding: 16px 0 0 !important; } .select-package a.select-plan { background: #05668D !important; color: #fff !important; padding: 12px 24px !important; border-radius: 10px !important; font-weight: 600 !important; font-size: 16px !important; text-align: center !important; display: inline-block !important; } /* Кнопка "Вийти" в выпадающем меню профиля */ .user-profile-dropdown .i-dropdown li.user-menu-customer-logout a, .user-profile-dropdown .i-dropdown li.user-menu-customer-logout a:visited { color: #111 !important; opacity: 1 !important; visibility: visible !important; display: block !important; font-weight: 600 !important; } /* На hover */ .user-profile-dropdown .i-dropdown li.user-menu-customer-logout a:hover { color: #05668D !important; } /* Если пункт меню слишком светлый */ .user-profile-dropdown .i-dropdown li.user-menu-customer-logout { opacity: 1 !important; } /* На всякий случай для всего выпадающего меню */ .user-profile-dropdown .i-dropdown { overflow: visible !important; } .single-product .single_add_to_cart_button, .woocommerce div.product form.cart .single_add_to_cart_button, .woocommerce button.single_add_to_cart_button.button.alt { font-size: 16px !important; line-height: 1.2 !important; color: #fff !important; background: #05668D !important; border: 0 !important; border-radius: 10px !important; padding: 14px 24px !important; display: inline-block !important; visibility: visible !important; opacity: 1 !important; min-height: auto !important; width: auto !important; } .single-product div.product div.images { display: none !important; } /* убрать категорию */ .single-product .product_meta { display: none !important; } /* убрать вкладки */ .single-product .woocommerce-tabs { display: none !important; } /* убрать сопутствующие товары */ .single-product .related { display: none !important; } /* растянуть контент */ .single-product div.product div.summary { width: 100% !important; float: none !important; max-width: 700px !important; } .single-product .summary .price { display: none !important; } .open-bizok-business-chat{ display:inline-block; background:#05668D; color:#fff; padding:12px 22px; border-radius:12px; font-size:15px; font-weight:600; text-decoration:none; border:none; cursor:pointer; transition:all 0.25s ease; box-shadow:0 6px 18px rgba(0,0,0,0.08); } /* hover */ .open-bizok-business-chat:hover{ background:#044e6d; transform:translateY(-1px); box-shadow:0 10px 24px rgba(0,0,0,0.12); } /* active */ .open-bizok-business-chat:active{ transform:translateY(0); box-shadow:0 4px 12px rgba(0,0,0,0.08); } /* ===== ОБЩИЙ КОНТЕЙНЕР ===== */ .woocommerce-cart .wc-block-cart { max-width: 1100px; margin: 40px auto; padding: 0 20px; } /* ===== СТРОКА ТОВАРА ===== */ .woocommerce-cart .wc-block-cart-items__row { border-bottom: 1px solid #e5e7eb !important; padding: 20px 0 !important; } /* ===== УБРАТЬ КАРТИНКУ ===== */ .woocommerce-cart .wc-block-cart-item__image img, .woocommerce-cart .wc-block-cart-item__image a { display: none !important; } .woocommerce-cart td.wc-block-cart-item__image { width: 20px !important; min-width: 20px !important; padding: 0 !important; } /* ===== УБРАТЬ ОПИСАНИЕ ПОЛНОСТЬЮ ===== */ .woocommerce-cart .wc-block-components-product-metadata, .woocommerce-cart .wc-block-components-product-details { display: none !important; } /* ===== НАЗВАНИЕ ===== */ .woocommerce-cart .wc-block-components-product-name, .woocommerce-cart .wc-block-components-product-name a { font-size: 22px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #111 !important; } /* ===== ЦЕНА ===== */ .woocommerce-cart .wc-block-cart-item__total, .woocommerce-cart .wc-block-cart-item__total .amount { font-size: 20px !important; font-weight: 700 !important; color: #111 !important; } /* ===== ПРАВАЯ КАРТОЧКА ===== */ .woocommerce-cart .wc-block-cart__sidebar, .woocommerce-cart .wc-block-cart__totals { background: #fff !important; border: 1px solid #e5e7eb !important; border-radius: 16px !important; padding: 22px !important; } /* ===== ИТОГ ===== */ .woocommerce-cart .wc-block-components-totals-item__label { font-size: 16px !important; font-weight: 700 !important; } .woocommerce-cart .wc-block-components-totals-item__value { font-size: 24px !important; font-weight: 700 !important; } /* ===== КНОПКА (АККУРАТНАЯ) ===== */ .woocommerce-cart .wc-block-cart__submit-button, .woocommerce-cart .wc-block-components-button { background: #05668D !important; color: #fff !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 600 !important; min-height: 46px !important; width: 100% !important; border: none !important; } /* hover */ .woocommerce-cart .wc-block-cart__submit-button:hover, .woocommerce-cart .wc-block-components-button:hover { opacity: 0.92; } /* ===== УБРАТЬ ЛИШНЕЕ ===== */ .woocommerce-cart .wc-block-components-totals-shipping__via, .woocommerce-cart .wc-block-components-totals-item__description { display: none !important; } #bizok-business-chat-box { display: none; position: fixed; right: 20px; bottom: 20px; width: 380px; max-width: calc(100vw - 20px); height: 70vh; max-height: 700px; background: #fff; border-radius: 18px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); z-index: 99999; overflow: hidden; flex-direction: column; } #bizok-business-chat-box.is-open { display: flex; } #bizok-business-chat-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; background: #05668D; color: #fff; flex: 0 0 auto; } .bizok-business-chat-title { font-size: 20px; font-weight: 700; line-height: 1.2; } #bizok-business-chat-close { appearance: none; border: none; background: transparent; color: #fff; font-size: 28px; line-height: 1; cursor: pointer; padding: 0; width: 32px; height: 32px; flex: 0 0 32px; } #bizok-business-chat-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; background: #f7f7f7; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } #bizok-business-chat-messages { padding: 14px; } #bizok-business-chat-quick-actions { display: flex; flex-wrap: wrap; gap: 10px; padding: 12px 14px 16px; border-top: 1px solid #e5e7eb; background: #fff; } .bizok-business-quick { border: 1px solid #cfd8e3; background: #eef4f8; color: #1f3b57; border-radius: 999px; padding: 10px 14px; cursor: pointer; font-size: 14px; line-height: 1.2; } .bizok-business-chat-form { flex: 0 0 auto; padding: 12px 14px; border-top: 1px solid #e5e7eb; background: #fff; } #bizok-business-chat-input { width: 100%; min-height: 70px; max-height: 120px; resize: vertical; border: 1px solid #d1d5db; border-radius: 12px; padding: 12px; font-size: 14px; box-sizing: border-box; } #bizok-business-chat-send { margin-top: 10px; border: none; background: #05668D; color: #fff; border-radius: 10px; padding: 10px 16px; cursor: pointer; font-size: 14px; font-weight: 600; } .bizok-business-msg { background: #fff; border: 1px solid #dbe3ea; border-radius: 16px; padding: 14px 16px; margin-bottom: 12px; line-height: 1.6; color: #0f2f4a; } .bizok-login-note { max-width: 100%; margin: 0 0 18px 0; padding: 14px 18px; font-size: 14px; color: #333; text-align: center; line-height: 1.6; background: #f8fafc; border-radius: 12px; border-left: 4px solid #05668D; } .bizok-article-single { padding: 40px 20px 60px; } .bizok-article-single__container { max-width: 1100px; margin: 0 auto; } .bizok-article-single__title { font-size: 48px; line-height: 1.2; font-weight: 800; margin-bottom: 28px; } .bizok-article-single__intro { font-size: 18px; line-height: 1.7; margin-bottom: 28px; } .bizok-article-single__hero { margin-bottom: 36px; } .bizok-article-single__hero img { width: 100%; height: auto; display: block; border-radius: 20px; } .bizok-article-block { margin-bottom: 40px; } .bizok-article-block__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; } .bizok-article-block__image img { width: 100%; height: auto; display: block; border-radius: 18px; } .bizok-article-block__image--top { margin-bottom: 20px; } .bizok-article-block__image--top img { width: 100%; height: auto; display: block; border-radius: 18px; } .bizok-article-block__content h2 { font-size: 30px; line-height: 1.3; margin: 0 0 16px; font-weight: 700; } .bizok-article-block__content p, .bizok-article-single__cta-text p { font-size: 17px; line-height: 1.75; margin-bottom: 16px; } .bizok-article-single__video { margin: 40px 0; } .bizok-article-single__video iframe { width: 100%; min-height: 420px; border: 0; border-radius: 18px; } .bizok-article-single__cta-text { margin: 32px 0 24px; font-size: 18px; line-height: 1.7; } .bizok-article-company-box { background: #eef5f8; border: 1px solid #d7e4ea; border-radius: 24px; padding: 32px; margin-top: 20px; } .bizok-article-company-box h2 { margin: 0 0 14px; font-size: 28px; line-height: 1.3; } .bizok-article-company-box p { font-size: 17px; line-height: 1.7; margin-bottom: 20px; } .bizok-article-company-box__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 28px; border-radius: 14px; background: #17739a; color: #fff !important; font-size: 22px; font-weight: 700; text-decoration: none; box-shadow: 0 8px 18px rgba(23, 115, 154, 0.18); } @media (max-width: 767px) { .bizok-article-single__title { font-size: 34px; } .bizok-article-block__grid { grid-template-columns: 1fr; gap: 20px; } .bizok-article-block__content h2 { font-size: 26px; } .bizok-article-single__video iframe { min-height: 240px; } .bizok-article-company-box { padding: 24px 20px; } .bizok-article-company-box__btn { width: 100%; font-size: 18px; } } /* ТОЛЬКО страница акций */ body.page-id-2857 .lf-item-container { position: relative; } /* затемнение фото */ body.page-id-2857 .lf-item-container .lf-item-default:before, body.page-id-2857 .lf-item-container .lf-item-default:after { z-index: 1; } /* слой с контентом */ body.page-id-2857 .lf-item-container .lf-item-info { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 12; pointer-events: none; } /* название чуть ниже */ body.page-id-2857 .lf-item-container .lf-item-info .case27-primary-text.listing-preview-title, body.page-id-2857 .lf-item-container .lf-item-info h4 { display: none !important; } /* блок скидки чуть ниже */ body.page-id-2857 .lf-item-container .lf-item-info .lf-contact.no-list-style { position: absolute; left: 50%; top: 66%; transform: translateX(-50%); margin: 0 !important; padding: 0 !important; list-style: none; z-index: 14; pointer-events: none; } /* сам бейдж */ body.page-id-2857 .lf-item-container .lf-item-info .lf-contact.no-list-style li { display: inline-flex !important; align-items: center; justify-content: center; min-width: 88px; height: 44px; padding: 0 18px !important; margin: 0 !important; border-radius: 999px; background: #05668D; color: #fff !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap; border: 2px solid rgba(0,0,0,.15); box-shadow: 0 6px 16px rgba(0,0,0,.18); transition: background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease; } /* hover только при наведении */ body.page-id-2857 .lf-item-container:hover .lf-item-info .lf-contact.no-list-style li { background: #111; color: #fff !important; transform: scale(1.04); box-shadow: 0 8px 18px rgba(0,0,0,.22); } /* убрать иконки */ body.page-id-2857 .lf-item-container .lf-item-info .lf-contact.no-list-style li i, body.page-id-2857 .lf-item-container .lf-item-info .lf-contact.no-list-style li svg { display: none !important; } /* Кнопка оформления заказа WooCommerce */ .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce button.button.alt, .woocommerce-page button.button.alt { background: #05668D !important; color: #fff !important; border: none !important; border-radius: 12px !important; padding: 14px 22px !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.2 !important; min-height: 48px !important; display: inline-block !important; opacity: 1 !important; visibility: visible !important; box-shadow: none !important; } .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover { background: #0A7AA6 !important; color: #fff !important; } /* Чтобы кнопка не прилипала вправо странно */ .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: none !important; width: 100% !important; margin-top: 16px !important; } /* Чтобы чат не перекрывал checkout */ .woocommerce-checkout #bizok-chat-btn, .woocommerce-checkout #bizok-chat-box { display: none !important; } /* ===== Дата / время отдельно ===== */ #submit-job-form .field-type-date input.input-datepicker, #submit-job-form .field-type-date input.display-value, #submit-job-form .datepicker-wrapper .flatpickr-input { height: 52px !important; min-height: 52px !important; padding: 12px 14px !important; line-height: normal !important; border: 1px solid #d7dee7 !important; border-radius: 12px !important; background: #fff !important; box-sizing: border-box !important; } /* ===== FIX для popup выбора времени ===== */ .flatpickr-calendar { width: auto !important; min-width: 220px !important; } .flatpickr-innerContainer { display: block !important; width: auto !important; } .flatpickr-time { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 180px !important; } .flatpickr-time .numInputWrapper { width: 60px !important; min-width: 60px !important; } .flatpickr-time .flatpickr-hour, .flatpickr-time .flatpickr-minute { width: 60px !important; min-width: 60px !important; } .flatpickr-time input { width: 100% !important; min-width: 60px !important; text-align: center !important; padding: 0 !important; line-height: normal !important; } /* ===== FIX ширины поля даты / времени ===== */ #submit-job-form .field-type-date, #submit-job-form .field-type-date .field, #submit-job-form .field-type-date .datepicker-wrapper, #submit-job-form .field-type-date .flatpickr, #submit-job-form .field-type-date .input-datepicker, #submit-job-form .field-type-date .display-value { width: 100% !important; max-width: 100% !important; } #submit-job-form .field-type-date .datepicker-wrapper { display: block !important; } #submit-job-form .field-type-date .flatpickr-input, #submit-job-form .field-type-date input.input-datepicker, #submit-job-form .field-type-date input.display-value { width: 100% !important; display: block !important; } /* ===== FIX: Години роботи ===== */ #submit-job-form .c27-work-hours, #submit-job-form .c27-work-hours.form-group, #submit-job-form .c27-work-hours .form-group, #submit-job-form .c27-work-hours .double-input { width: 100% !important; max-width: 100% !important; } #submit-job-form .c27-work-hours .double-input { display: flex !important; align-items: flex-start !important; gap: 16px !important; flex-wrap: nowrap !important; } #submit-job-form .c27-work-hours .double-input > div, #submit-job-form .c27-work-hours .double-input .form-group { flex: 1 1 0 !important; width: 100% !important; max-width: none !important; min-width: 0 !important; } #submit-job-form .c27-work-hours select, #submit-job-form .c27-work-hours input, #submit-job-form .c27-work-hours .select2-container { width: 100% !important; max-width: 100% !important; } #submit-job-form .c27-work-hours .select2-container .select2-selection--single { width: 100% !important; min-height: 52px !important; height: 52px !important; border: 1px solid #d7dee7 !important; border-radius: 12px !important; box-sizing: border-box !important; } #submit-job-form .c27-work-hours .select2-container .select2-selection__rendered { line-height: 50px !important; padding-left: 14px !important; padding-right: 30px !important; } #submit-job-form .c27-work-hours .select2-container .select2-selection__arrow { height: 52px !important; right: 10px !important; } #submit-job-form .c27-work-hours .form-group .form-group { border: 0 !important; padding: 0 !important; width: 100% !important; max-width: none !important; } .job-manager-jobs .info.created-at, td.listing-info .info.created-at { display: none !important; } /* Діє до — чёрный текст (перебиваем тему) */ .job-manager-jobs td.listing-info .info.expires-at, .job-manager-jobs td.listing-info .info.expires-at .label, .job-manager-jobs td.listing-info .info.expires-at .value { color: #000 !important; opacity: 1 !important; font-size: 15px !important; font-weight: 600 !important; } /* Убираем "серость" от родителя */ .job-manager-jobs td.listing-info { color: #000 !important; } /* Текст под иконками — чёрный */ .job-manager-jobs .job-dashboard-actions a { color: #000 !important; opacity: 1 !important; font-weight: 500 !important; } /* Скрыть только 2 верхних фильтра */ .woocommerce-MyAccount-content .sort-my-listings, .woocommerce-MyAccount-content .sort-my-listings + .col-md-3 { display: none !important; } /* Убрать только поиск на странице "Мої компанії" */ .search-my-listings { display: none !important; } /* Скрыть только верхние статусные карточки */ .woocommerce-MyAccount-content .stat-card-status-published, .woocommerce-MyAccount-content .stat-card-status-pending-payment, .woocommerce-MyAccount-content .stat-card-status-expired { display: none !important; } .bizok-extra-account-links{ display:flex; gap:24px; margin:0 0 20px 0; align-items:center; } .bizok-extra-account-links a{ color:#05668D; font-weight:700; text-decoration:none; font-size:16px; } .bizok-extra-account-links a:hover{ text-decoration:underline; } .col-md-3, .col-lg-3, .col-xl-3{ opacity: 0; } .bizok-cards-ready .col-md-3, .bizok-cards-ready .col-lg-3, .bizok-cards-ready .col-xl-3{ opacity: 1; transition: opacity .15s ease; } .bizok-my-items{ display:grid; gap:18px; } .bizok-my-item-card{ background:#fff; border:1px solid #e5e7eb; border-radius:18px; padding:20px; box-shadow:0 8px 22px rgba(0,0,0,.05); } .bizok-my-item-title{ margin:0 0 8px; font-size:20px; line-height:1.35; } .bizok-my-item-title a{ color:#111 !important; text-decoration:none !important; } .bizok-my-item-title a:hover{ color:#05668D !important; } .bizok-my-item-meta{ font-size:14px; color:#6b7280; margin-bottom:10px; } .bizok-status{ font-weight:600; color:#05668D; } .bizok-my-item-excerpt{ font-size:15px; color:#374151; line-height:1.55; } .header-right .user-area.signin-area, .header-right .mob-sign-in { display: none !important; } #leave-review { scroll-margin-top: 160px; } body.admin-bar #leave-review { scroll-margin-top: 200px; } @media (max-width: 768px) { #leave-review { scroll-margin-top: 120px; } body.admin-bar #leave-review { scroll-margin-top: 150px; } } @media (max-width: 768px) { .bizok-article-block__grid { display: flex !important; flex-direction: column !important; } .bizok-article-block__content { order: 1 !important; } .bizok-article-block__image { order: 2 !important; width: 100% !important; } .bizok-article-block__image img { width: 100% !important; height: auto !important; display: block; } } .single-job_listing .block-type-raw .element{ padding:0 !important; margin-bottom:10px !important; min-height:0 !important; background:transparent !important; box-shadow:none !important; border-radius:0 !important; } .single-job_listing .block-type-raw .pf-head, .single-job_listing .block-type-raw .pf-body{ padding:0 !important; margin:0 !important; } .bizok-menu-section{ font-size:32px; font-weight:700; margin:10px 0 15px !important; padding-bottom:10px; border-bottom:2px solid #e5e5e5; color:#0b2f45; } body.page-id-2857 .lf-item { height: 200px !important; overflow: hidden !important; } .lf-item-container .pc-slider{ background:#fff; }