/*
Theme Name: Lead1
Theme URI: https://kushnir.com.ua
Author: Агентство лидогенерации
Description: Минималистичная чёрно-белая корпоративная блочная тема для агентства лидогенерации. Самостоятельная, WordPress 6.7+, полное редактирование сайта.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lead1
*/

html{scroll-behavior:smooth}
.l1-kicker{letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:600}
.l1-num{font-size:.85rem;font-weight:600;letter-spacing:.14em}
.l1-item{border-top:1px solid rgba(128,128,128,.45);padding-top:1.25rem;height:100%}
.wp-block-button__link{transition:opacity .15s}
.wp-block-button__link:hover{opacity:.8}
.wp-block-navigation-item a{text-decoration:none}
.wp-block-navigation-item a:hover{text-decoration:underline;text-underline-offset:4px}
.l1-faq details{border-top:1px solid rgba(128,128,128,.45);padding:1.1rem 0}
.l1-faq details:last-child{border-bottom:1px solid rgba(128,128,128,.45)}
.l1-faq summary{font-weight:600;cursor:pointer}

/* header / logo */
.l1-logo{display:inline-flex;line-height:0;color:inherit;flex:none}
.l1-brand{min-width:0}
.l1-brand .wp-block-site-title{margin:0;max-width:11rem}
.l1-head-right{flex:none}
.l1-head-cta .wp-block-button__link{white-space:nowrap}
@media (min-width:600px){
	.l1-brand .wp-block-site-title{max-width:none}
}
/* мобильная версия: логотип + кнопка + «гамбургер» в одну строку */
@media (max-width:599px){
	.l1-brand{gap:.5rem!important}
	.l1-brand .wp-block-site-title{font-size:.72rem!important;line-height:1.1!important;max-width:5.4rem}
	.l1-logo svg{width:30px;height:30px}
	.l1-head-right{gap:.5rem!important}
	.l1-head-cta .wp-block-button__link{font-size:.8rem!important;padding:.55rem .75rem!important}
}

/* lead form */
.l1-form{display:grid;gap:12px;max-width:520px}
.l1-form input,.l1-form textarea{width:100%;padding:14px 16px;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:inherit}
.l1-form input::placeholder,.l1-form textarea::placeholder{color:inherit;opacity:.6}
.l1-form button{padding:15px 20px;border:1px solid currentColor;border-radius:0;background:currentColor;cursor:pointer;font:inherit;font-weight:600}
.l1-form button span{color:var(--wp--preset--color--base)}
.has-contrast-background-color .l1-form button{background:var(--wp--preset--color--base)}
.has-contrast-background-color .l1-form button span{color:var(--wp--preset--color--contrast)}
.l1-form .l1-hp{position:absolute;left:-9999px}
.l1-form select{width:100%;padding:14px 16px;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:inherit}
.l1-form select option{color:#000;background:#fff}
.l1-form fieldset{border:0;margin:0;padding:0;min-width:0}
.l1-form legend{padding:0;font-weight:600;margin-bottom:.6rem}
.l1-opts{display:grid;gap:8px}
.l1-opt{display:flex;gap:.7rem;align-items:center;border:1px solid currentColor;padding:.8rem 1rem;cursor:pointer}
.l1-opt input{accent-color:currentColor;width:auto;margin:0;flex:none}
.l1-opt:has(input:checked){outline:2px solid currentColor;outline-offset:-3px;font-weight:600}
.l1-note{font-size:.78rem;opacity:.7;margin:0}
.l1-progress{margin:0;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.l1-nav{display:flex;gap:10px}
.l1-nav button{padding:.8rem 1.2rem;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}
.l1-nav button span{color:inherit}
.l1-quiz .l1-step.l1-invalid legend::after{content:" — выберите вариант";font-weight:400}
.l1-quiz [hidden]{display:none!important}
.has-contrast-background-color .l1-nav button{background:transparent}
.has-contrast-background-color .l1-nav button span{color:var(--wp--preset--color--base)}
.l1-msg{border:1px solid currentColor;padding:14px;max-width:520px;margin-bottom:12px}

/* быстрая связь */
.l1-head-tg{font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap}
.l1-head-tg:hover{text-decoration:underline;text-underline-offset:4px}
.l1-head-contact{display:inline-flex;gap:1rem;align-items:center}

/* страницы: тексты в колонке 720px, прижатой к левому краю сетки 1200px */
.l1-price{font-size:clamp(2rem,1.5rem + 2vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1;margin:0 0 .8rem}
.l1-price span{font-size:1rem;font-weight:500;letter-spacing:0}
.l1-page > :where(p,ul,ol,h3,.l1-faq,.wp-block-buttons,.wp-block-details){max-width:720px;margin-left:max(0px,calc((100% - 1200px) / 2))!important;margin-right:auto!important}
.wp-block-post-title{max-width:1200px}

/* ===== акцент главной кнопки (один цвет; уберите, чтобы вернуть чёрно-белое) ===== */
.wp-block-button__link{border:1px solid #000}
.l1-form button.l1-submit{background:var(--wp--preset--color--accent);border:1px solid #000}
.l1-form button.l1-submit span{color:#fff!important}
/* на мобильном кнопка «Прогноз» уже есть в нижней панели */


/* ===== иллюстрации (скриншоты примеров) ===== */
.l1-shot{margin:0;border:1px solid #000;background:#fff;color:#000}
.l1-shot img{display:block;width:100%;height:auto}
.l1-shot figcaption{padding:.6rem .9rem;font-size:.78rem;border-top:1px solid #000}
.l1-photo{margin:0}
.l1-photo img{display:block;width:100%;height:auto}
.l1-photo figcaption{font-size:.78rem;opacity:.7;margin-top:.5rem}
.l1-logos{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.l1-logos span{border:1px dashed currentColor;padding:1rem .5rem;text-align:center;font-size:.8rem;opacity:.6}
@media (max-width:781px){.l1-logos{grid-template-columns:repeat(2,1fr)}}

/* ===== цифры ===== */
.l1-stat{font-size:clamp(2.6rem,2rem + 3vw,4.75rem);font-weight:800;line-height:1;letter-spacing:-.03em;margin:0}
.l1-stat-label{margin:.4rem 0 0;font-size:.9rem;line-height:1.35}

/* ===== таймлайн ===== */
.l1-timeline .l1-item{border-top:2px solid currentColor;position:relative;padding-top:1.5rem}
.l1-timeline .l1-item::before{content:"";position:absolute;top:-9px;left:0;width:16px;height:16px;border-radius:50%;background:var(--wp--preset--color--accent);border:2px solid var(--wp--preset--color--contrast)}

/* ===== квиз: прогресс и подсказка ===== */
.l1-quiz-intro{margin:0;font-size:.9rem;opacity:.85}
.l1-meter{height:4px;background:rgba(128,128,128,.4)}
.l1-meter span{display:block;height:100%;width:0;background:currentColor;transition:width .25s}

@media (max-width:599px){.l1-stat{font-size:2.6rem}}

/* ===== изображения как блоки «Изображение» ===== */
.wp-block-image.l1-shot{margin:0;border:1px solid #000;background:#fff;color:#000}
.wp-block-image.l1-shot img{display:block;width:100%;height:auto}
.wp-block-image.l1-shot figcaption{margin:0;padding:.6rem .9rem;font-size:.78rem;border-top:1px solid #000;text-align:left;color:#000}
.wp-block-image.l1-photo{margin:0}
.wp-block-image.l1-photo img{display:block;width:100%;height:auto}
.wp-block-image.l1-photo figcaption{margin:.5rem 0 0;font-size:.78rem;opacity:.7;text-align:left}
/* логотип сайта: в подвале на чёрном фоне становится белым */
.l1-logo-inv img{filter:invert(1);mix-blend-mode:screen}
.wp-block-site-logo{line-height:0}
/* места под логотипы клиентов */
.l1-logos-cols{gap:12px}
.l1-logo-slot{border:1px dashed currentColor;padding:1rem .5rem;opacity:.6}
/* закреплённая шапка на десктопе + Telegram значком */
.l1-head-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #229ED9;border-radius:50%;color:#229ED9}
.l1-head-icon:hover{background:#229ED9;color:#fff;text-decoration:none}
.l1-head-icon svg{display:block}

/* иконки контактов и соцсетей в подвале: круглая рамка */
.l1-ring{gap:.6rem}
.l1-ring .wp-social-link a{display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;padding:0;border:1px solid currentColor;border-radius:50%}
.l1-ring .wp-social-link a:hover{background:currentColor}
.l1-ring .wp-social-link a:hover svg{fill:#000}
/* у WordPress нет значка Viber: заменяем значок «ссылка» на Viber */
.l1-ring .wp-social-link-chain a svg{display:none}
.l1-ring .wp-social-link-chain a::before{content:"";display:block;width:1.5rem;height:1.5rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='24' height='24' fill='%23fff'/%3E%3Cpath transform='translate(5.4 5) scale(.58)' fill='%23000' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/mask%3E%3C/defs%3E%3Cpath mask='url(%23m)' d='M12 2C6.5 2 3 5.2 3 9.8c0 2.6 1.3 4.8 3.4 6.2V21l3.3-2.4c.7.1 1.5.2 2.3.2 5.5 0 9-3.2 9-7.8S17.5 2 12 2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='24' height='24' fill='%23fff'/%3E%3Cpath transform='translate(5.4 5) scale(.58)' fill='%23000' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/mask%3E%3C/defs%3E%3Cpath mask='url(%23m)' d='M12 2C6.5 2 3 5.2 3 9.8c0 2.6 1.3 4.8 3.4 6.2V21l3.3-2.4c.7.1 1.5.2 2.3.2 5.5 0 9-3.2 9-7.8S17.5 2 12 2z'/%3E%3C/svg%3E") center/contain no-repeat}
.l1-ring .wp-social-link-chain a:hover::before{background:#000}

/* Telegram: официальный синий цвет и в подвале */
.l1-ring .wp-social-link-telegram a{color:#229ED9!important;border-color:#229ED9}
.l1-ring .wp-social-link-telegram a svg{fill:#229ED9}
.l1-ring .wp-social-link-telegram a:hover{background:#229ED9}
.l1-ring .wp-social-link-telegram a:hover svg{fill:#fff}

/* иконки подвала в официальных цветах брендов */
.l1-ring .wp-social-link-telegram{--b:#229ED9}
.l1-ring .wp-social-link-whatsapp{--b:#25D366}
.l1-ring .wp-social-link-chain{--b:#7360F2}   /* Viber */
.l1-ring .wp-social-link-mail{--b:#fff}
.l1-ring .wp-social-link-linkedin{--b:#0A66C2}
.l1-ring .wp-social-link-facebook{--b:#1877F2}
.l1-ring .wp-social-link-instagram{--b:#E4405F}
.l1-ring .wp-social-link-youtube{--b:#FF0000}
.l1-ring .wp-social-link a{color:var(--b,#fff)!important;border-color:var(--b,#fff)}
.l1-ring .wp-social-link a svg{fill:var(--b,#fff)}
.l1-ring .wp-social-link a:hover{background:var(--b,#fff)}
.l1-ring .wp-social-link a:hover svg{fill:#fff}
.l1-ring .wp-social-link-mail a:hover svg{fill:#000}
.l1-ring .wp-social-link-chain a::before{background:var(--b)}
.l1-ring .wp-social-link-chain a:hover::before{background:#fff}

/* хлебные крошки (Slim SEO) */
.l1-crumbs{font-size:.8rem;margin:0 0 1rem}
.l1-crumbs a{text-decoration:none}
.l1-crumbs a:hover{text-decoration:underline}

/* поля форм не должны выходить за экран (особенно на мобильном) */
.l1-form{grid-template-columns:minmax(0,1fr);width:100%;max-width:520px}
.l1-form *{min-width:0}
.l1-form input,.l1-form select,.l1-form textarea,.l1-form button{box-sizing:border-box;max-width:100%}
.l1-opt{box-sizing:border-box}
.l1-opt span{overflow-wrap:anywhere}

/* шапка закреплена на всех экранах */
header.wp-block-template-part{position:sticky;top:0;z-index:40;background:var(--wp--preset--color--base)}
.admin-bar header.wp-block-template-part{top:32px}
@media (max-width:782px){.admin-bar header.wp-block-template-part{top:46px}}
@media (max-width:600px){.admin-bar header.wp-block-template-part{top:0}}



/* без белых полос между секциями и перед подвалом (отступы блоков WordPress) */
.wp-site-blocks > *{margin-block-start:0!important}
.wp-block-post-content:not(.l1-page) > .alignfull{margin-block-start:0;margin-block-end:0}
/* пункт «Прогноз заявок» из старой версии меню, сохранённого в базе */
.l1-nav-cta{display:none!important}
/* подвал: иконки в один ряд, ссылки без подчёркивания */
.l1-ring{gap:.4rem}
.l1-ring .wp-social-link a{width:2.25rem;height:2.25rem}
.l1-ring .wp-social-link-chain a::before{width:1.3rem;height:1.3rem}
footer.wp-block-template-part a{text-decoration:none}
footer.wp-block-template-part a:hover{text-decoration:underline;text-underline-offset:4px}

/* ===== тёмная тема: включается по настройке устройства (prefers-color-scheme) ===== */
:root{color-scheme:light dark}
@media (prefers-color-scheme:dark){
	:root:root,html body{--wp--preset--color--base:#0b0b0c;--wp--preset--color--contrast:#f4f4f5;--wp--preset--color--accent:#34D399}
	/* «инверсные» секции (подвал, формы, блоки) остаются тёмными, но на тон светлее фона */
	.has-contrast-background-color{--wp--preset--color--base:#f4f4f5;--wp--preset--color--contrast:#1c1d20}
	/* кнопки: тёмный текст на светло-зелёном */
	.wp-block-button:not(.is-style-outline) .wp-block-button__link{color:#0b0b0c;border-color:var(--wp--preset--color--accent)}
	.l1-form button.l1-submit span{color:#0b0b0c!important}
	/* логотип: чёрный знак на белом фоне -> белый знак без подложки */
	.wp-block-site-logo img{filter:invert(1);mix-blend-mode:screen}
	/* рамки иллюстраций и таймлайна */
	.wp-block-image.l1-shot,.l1-shot{border-color:#3a3b3f}
	.wp-block-image.l1-shot figcaption,.l1-shot figcaption{border-top-color:#3a3b3f}
	.l1-timeline .l1-item::before{border-color:#f4f4f5}
	.l1-head-icon{background:transparent}
	.l1-badge{color:#0b0b0c}
}

/* ===== мобильное меню: справа после всего, яркая кнопка и тёмная панель ===== */
@media (max-width:599px){
	.l1-head-right > .wp-block-navigation{order:3}
}
.wp-block-navigation__responsive-container-open{background:var(--wp--preset--color--accent)!important;color:var(--wp--preset--color--base)!important;border:1px solid var(--wp--preset--color--accent);border-radius:0;padding:.5rem!important}
.wp-block-navigation__responsive-container-open svg{width:24px;height:24px;fill:currentColor}
.wp-block-navigation__responsive-container.is-menu-open{background:#000!important;color:#fff!important;padding:1.25rem 1.5rem}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{color:#fff;background:var(--wp--preset--color--accent);color:#0b0b0c;padding:.5rem}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg{fill:currentColor}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{width:100%;border-bottom:1px solid rgba(255,255,255,.18);padding:.7rem 0}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;color:#fff!important;text-decoration:none}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover{color:var(--wp--preset--color--accent)!important}
/* яркая кнопка внутри раскрытого меню */
.wp-block-navigation__responsive-container.is-menu-open .l1-nav-cta{display:block!important;margin-top:1.25rem;border:0}
.wp-block-navigation__responsive-container.is-menu-open .l1-nav-cta .wp-block-navigation-item__content{display:block;text-align:center;font-size:1.15rem;background:var(--wp--preset--color--accent);color:#0b0b0c!important;padding:1rem}

/* первый экран: «Лидогенерация под ключ» — заметная плашка с пояснением */
.l1-hero-tag{display:flex;flex-wrap:wrap;gap:.6rem .9rem;align-items:center;margin:0 0 1rem}
.l1-badge{display:inline-block;background:var(--wp--preset--color--accent,#0B6B4F);color:#fff;font-weight:800;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .75rem;border-radius:2px;line-height:1.2}
.l1-hero-hint{font-size:.9rem;opacity:.85}

/* телефон: компактная шапка (логотип + название + Telegram + кнопка + меню помещаются в 375 px) */
@media (max-width:599px){
	.l1-brand{gap:.4rem!important}
	.l1-brand .wp-block-site-logo img{width:30px!important;height:auto}
	.l1-head-right{gap:.4rem!important}
	.l1-head-icon{width:34px;height:34px}
	.l1-head-icon svg{width:20px;height:20px}
	.l1-head-cta .wp-block-button__link{font-size:.74rem!important;padding:.5rem .6rem!important}
	.wp-block-navigation__responsive-container-open{padding:.4rem!important}
	.wp-block-navigation__responsive-container-open svg{width:22px;height:22px}
}