/* Дополнительный CSS из WordPress.
   1) «Внешний вид → Дополнительные стили» (Customizer)
   2) плагин Simple Custom CSS and JS (запись 3861) */

/* === 1. Customizer === */
.grecaptcha-badge { display: none; }

.details__slide.swiper-slide {
    width: 32%; margin-left: 17px;
}
.wrapper {
    overflow: hidden;
}

.form-questions__label-radio span {
    margin-left: 40px;
    color: white;
}
.form-questions__label-box span { margin-left: 40px !important; }

.menu__list-item--active::after,
.menu__list-item:hover::after { display: none; }
.menu__list-link:after { display: none; }

/* ── Кнопки — фикс hover оранжевого ── */
.link:hover, .btn:hover {
    background-color: #5a22b8 !important;
    color: #fff !important;
}
.link--transparent:hover, .btn--transparent:hover {
    background-color: transparent !important;
    color: #6c2bd9 !important;
    border-color: #6c2bd9 !important;
}

/* ── Десктоп ── */
@media (min-width: 993px) {
    .top__inner {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .top__item { width: 45% !important; }
    .top__info { width: 52% !important; }
    .cube-desktop { display: block !important; }
    .cube-mobile { display: none !important; }
}

/* ── Мобилка hero ── */
@media (max-width: 992px) {
    .top__inner {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        align-items: center !important;
        gap: 10px !important;
    }
    .top__item {
        padding-top: 20px !important;
        order: 1 !important;
    }
    .top__item > div:first-child {
        font-size: 20px !important;
        white-space: normal !important;
        line-height: 1.3 !important;
    }
    .butt .link {
        font-size: 12px !important;
        padding: 12px 16px !important;
        white-space: nowrap !important;
    }
    .top__info { order: 2 !important; }
    .cube-desktop { display: none !important; }
    .cube-mobile { display: block !important; }
    .top {
        padding-top: 160px !important;
    }
    .btn {
        width: auto !important;
        max-width: 280px !important;
        min-width: 140px !important;
        display: inline-block !important;
        white-space: nowrap !important;
        padding: 14px 28px !important;
        font-size: 13px !important;
        box-sizing: border-box !important;
    }
}

/* ── Чекбоксы везде ── */
input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    accent-color: #6c2bd9 !important;
    flex-shrink: 0 !important;
}

/* ── Куки уведомление ── */
.cookieinfo {
    background: #1a1a1a !important;
    color: #fff !important;
}
.cookieinfo span { color: #fff !important; }
.cookieinfo a { color: #e2c6f5 !important; }
.cookieinfo-close {
    background: #6c2bd9 !important;
    color: #fff !important;
    border-radius: 8px !important;
}

/* ── Убираем старый крестик Fancybox ── */
.fancybox__button--close,
.f-button.is-close-btn {
    display: none !important;
}

/* ══════════════════════════════════════
   НОВЫЕ КОМПАКТНЫЕ ПОПАПЫ
   ══════════════════════════════════════ */

.modal:not(.new-modal) {
    display: none !important;
}

.new-modal {
    display: none;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important;
    background: rgba(15,10,30,0.65) !important;
    align-items: center !important;
    justify-content: center !important;
}

.new-modal.is-open {
    display: flex !important;
}

.new-modal__wrapper {
    background: #fff !important;
    border-radius: 24px !important;
    box-shadow: 0 24px 80px rgba(0,0,0,0.3) !important;
    padding: 40px 36px !important;
    width: 100% !important;
    max-width: 480px !important;
    margin: 20px !important;
    position: relative !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
}

.new-modal__title {
    color: #1a1a1a !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 28px !important;
    text-transform: none !important;
    line-height: 1.3 !important;
}

.new-modal__label {
    display: block !important;
    position: relative !important;
    margin-bottom: 14px !important;
    width: 100% !important;
}

.new-modal__input {
    width: 100% !important;
    background: #f5f0ff !important;
    border: 1px solid rgba(108,43,217,0.15) !important;
    border-radius: 12px !important;
    padding: 13px 16px !important;
    font-size: 15px !important;
    color: #1a1a1a !important;
    box-sizing: border-box !important;
    outline: none !important;
    font-family: inherit !important;
}

.new-modal__input:focus {
    border-color: #6c2bd9 !important;
    box-shadow: 0 0 0 3px rgba(108,43,217,0.1) !important;
}

.new-modal__input::placeholder {
    color: rgba(26,26,26,0.35) !important;
    font-size: 14px !important;
}

.new-modal__icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    opacity: 0.35 !important;
}

.new-modal__label .new-modal__input {
    padding-left: 44px !important;
}

.new-modal__wrapper .consent__text {
    color: #444 !important;
    font-size: 13px !important;
}

.new-modal__wrapper .consent__text a {
    color: #6c2bd9 !important;
}

.new-modal__wrapper .consent__required {
    color: #6c2bd9 !important;
}

.new-modal__wrapper input[type="radio"] {
    position: relative !important;
    opacity: 1 !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    visibility: visible !important;
    display: inline-block !important;
    z-index: 1 !important;
    accent-color: #6c2bd9 !important;
    flex-shrink: 0 !important;
}

.new-modal__wrapper label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
}

.new-modal__btn {
    display: block !important;
    width: auto !important;
    min-width: 180px !important;
    margin: 20px auto 0 !important;
    padding: 14px 36px !important;
    background: #6c2bd9 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    font-family: inherit !important;
    transition: background 0.3s !important;
}

.new-modal__btn:hover {
    background: #5a22b8 !important;
}

.new-modal__close {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    width: 32px !important;
    height: 32px !important;
    background: #f5f0ff !important;
    border: none !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    color: #6c2bd9 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    transition: background 0.2s !important;
    z-index: 10 !important;
}

.new-modal__close:hover {
    background: #e2c6f5 !important;
}

@media (max-width: 576px) {
    .new-modal__wrapper {
        padding: 28px 20px !important;
        margin: 12px !important;
    }
    .new-modal__title {
        font-size: 20px !important;
    }
}
@media (max-width: 992px) {
    .header.fixed {
        top: 76px !important;
    }
}
/* Хлебные крошки */
.breadcrumbs,
.breadcrumbs a,
.breadcrumb,
.breadcrumb a,
nav.breadcrumb span,
.breadcrumbs span {
    color: #6c2bd9 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.breadcrumbs a:hover,
.breadcrumb a:hover {
    color: #1a1a1a !important;
}
.flexy-breadcrumb a,
.flexy_breadcrumb a,
.breadcrumb a,
.breadcrumbs a,
#breadcrumbs a {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* ══════════════════════════════════════════════════════════════════
   Убираем border-bottom у обычных ссылок, но НЕ у кнопок (.link/.btn)
   ══════════════════════════════════════════════════════════════════
   Было: .main a / * a / .main .container a { border-bottom: none }
   Проблема: кнопки тоже теги <a> и теряли нижнюю сторону рамки,
   из-за чего в нижних углах появлялись "завитки" (незамкнутая border-radius).
   Решение: исключаем .link и .btn через :not() */

.main a:not(.link):not(.btn) {
    text-decoration: none !important;
    border-bottom: none !important;
}
* a:not(.link):not(.btn),
a:not(.link):not(.btn),
a:not(.link):not(.btn):link,
a:not(.link):not(.btn):visited {
    text-decoration: none !important;
    border-bottom: none !important;
}
.main .container a:not(.link):not(.btn) {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* === 2. Simple Custom CSS and JS === */
@media (max-width: 1340px){
	.cb-text {
       font-size: clamp(12px, 1.2vw, 14px);
    }
	.text-block {
		max-width: 355px;
	}
	.center-block {
		max-width: 255px;
	}
}


@media (max-width: 992px){
	.intro-header + .header {
        transition: top 0.25s;
        top: 140px;
     }
}

@media (max-width: 768px){
	.intro-header + .header {
        transition: top 0.25s;
        top: 140px;
     }
	
	.text-block{
		max-width: 500px !important;
	}
}






/* планшет */
@media (max-width: 1024px) {
  .geo-city {
  display: inline-flex !important;            /* ключевая строка */
  gap: 8px;
  font-size: 16px;
  padding: 10px 20px;
  margin-left: auto;               /* прижимаем вправо */
}
}




.pop-up .popup-window-content, .pop-up .popup-window-buttons, #cityConfirm{
	background: gray !important;
}

#cityChange .popup-window-content{
	background: radial-gradient(circle at top, #141824 0, #050608 55%) !important;
}

/* === 3. Плашка выбора города (раньше inline-стили в functions.php) === */
.geo-city {
            text-align: right;
            font-size: 14px;
            padding: 10px 20px;
            color: #1a1a1a;
            font-weight: 400;
            font-family: inherit;
            line-height: 1.3;
        }
        .geo-city .geolocation {
            display: inline-block;
            margin-left: 6px;
        }
        .geolocation__link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: #1a1a1a;
            text-decoration: none;
            opacity: 0.9;
            transition: opacity 0.25s ease;
        }
		.geolocation a{
			border-bottom: none !important;
		}
        .geolocation a path {
          fill: #1a1a1a !important;
         }
.geolocation__value{font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* === 4. Исправления при переносе === */
/* Подсказки в полях формы «Маркетинг на аутсорсе» были цвета самого поля (#e2c6f5) и не читались */
.outsourcing__form-input::placeholder,
.outsourcing__form-textarea::placeholder { color: #6c2bd9; opacity: .7; }
.outsourcing__form-input::-moz-placeholder,
.outsourcing__form-textarea::-moz-placeholder { color: #6c2bd9; opacity: .7; }

/* === 5. Хлебные крошки (раньше плагин Flexy Breadcrumb) === */
.fbc-page .fbc-wrap .fbc-items{list-style:none;margin:0;padding:14px 0;display:flex;flex-wrap:wrap;align-items:center;background:rgba(237,239,240,0)}
.fbc-page .fbc-wrap .fbc-items li{display:inline-flex;align-items:center;font-size:16px}
.fbc-page .fbc-wrap .fbc-items li a{color:#1a1a1a;text-decoration:none;border-bottom:none !important}
.fbc-page .fbc-wrap .fbc-items li a:hover{color:#6c2bd9}
.fbc-page .fbc-wrap .fbc-items li .fbc-separator{color:#ccc;padding:0 9px}
.fbc-page .fbc-wrap .fbc-items li.active span,.fbc-page .fbc-wrap .fbc-items li.active,.fbc-page .fbc-wrap .fbc-items li .fbc-end-text{color:#f1916d;font-size:16px}

/* контакты: ссылки были белыми на светлом фоне */
.contacts__item-link,.contacts__item-text{color:#1a1a1a}
.contacts__item-link:hover{color:#6c2bd9}

/* список кейсов: заголовок карточки был белым на светлом фоне */
.cr-card__title{color:#1a1a1a}