/* ============================================================================ LTX · дизайн за custom страниците на legal-tech.bg ============================================================================ */ .ltx{ /* ---- цветове ---- */ --ltx-blue:#0095da; --ltx-cyan:#2bc4f3; --ltx-teal:#00c7b2; --ltx-ink:#0f2137; --ltx-ink-soft:#39516b; --ltx-txt:#2c2d33; --ltx-muted:#61748a; --ltx-line:#e4edf6; --ltx-soft:#f4f9ff; --ltx-grad:linear-gradient(100deg,#2bc4f3,#0095da 55%,#00c7b2); --ltx-grad-soft:linear-gradient(150deg,#f1f9ff,#eafaf7); /* ---- полета на формите ---- */ --ltx-field-bg:#fbfdff; --ltx-field-border:#dbe7f3; --ltx-field-h:40px; --ltx-field-r:11px; --ltx-placeholder:#9db1c5; --ltx-danger:#d6455d; --ltx-success:#0f9b7e; /* ---- форма и сянка ---- */ --ltx-r:18px; --ltx-r-sm:12px; --ltx-shadow:0 18px 50px -18px rgba(15,33,55,.16); --ltx-shadow-lg:0 34px 70px -26px rgba(15,33,55,.24); /* ---- скала (компактна) ---- */ --ltx-sec:80px; --ltx-sec-tight:56px; --ltx-hero-pad:76px 0 84px; --ltx-h1:clamp(2rem,4.2vw,3.3rem); --ltx-h2:clamp(1.55rem,2.9vw,2.3rem); --ltx-lead:clamp(1.02rem,1.3vw,1.18rem); --ltx-lead-w:60ch; --ltx-head-w:720px; --ltx-head-gap:48px; font-family:"Nunito",sans-serif; color:var(--ltx-txt); line-height:1.6; font-size:16px; background:#fff; overflow-x:clip; } /* landing скала — само вдига токените */ .ltx--lg{ --ltx-sec:88px; --ltx-sec-tight:64px; --ltx-hero-pad:92px 0 0; --ltx-h1:clamp(2.1rem,4.6vw,3.65rem); --ltx-h2:clamp(1.65rem,3.1vw,2.5rem); --ltx-lead:clamp(1.02rem,1.35vw,1.2rem); --ltx-lead-w:62ch; --ltx-head-w:760px; --ltx-head-gap:56px; } /* ========================================================================== 1 · ОСНОВИ ========================================================================== */ .ltx *,.ltx *::before,.ltx *::after{box-sizing:border-box} .ltx h1,.ltx h2,.ltx h3{font-family:"Comfortaa",sans-serif;color:var(--ltx-ink);line-height:1.18;margin:0 0 .5em;letter-spacing:-.01em} .ltx p{margin:0 0 1em} .ltx a{text-decoration:none} .ltx ul{margin:0;padding:0;list-style:none} .ltx img{max-width:100%;height:auto} /* предпазна мрежа: ако CSS-ът някога не се зареди, SVG-тата да не се разлеят */ .ltx svg{max-width:100%} .ltx-wrap{max-width:1180px;margin:0 auto;padding:0 22px} .ltx-sec{padding:var(--ltx-sec) 0;position:relative} .ltx-sec--tight{padding:var(--ltx-sec-tight) 0} .ltx-sec--soft{background:var(--ltx-soft);border-top:1px solid var(--ltx-line);border-bottom:1px solid var(--ltx-line)} .ltx-sec--flush{padding-top:0} /* ========================================================================== 2 · ТИПОГРАФИЯ ========================================================================== */ .ltx-h1{font-size:var(--ltx-h1);font-weight:700} .ltx-h2{font-size:var(--ltx-h2);font-weight:700} .ltx-lead{font-size:var(--ltx-lead);color:var(--ltx-muted);max-width:var(--ltx-lead-w)} .ltx-grad-txt{background:var(--ltx-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent} .ltx-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.72rem;font-weight:800; letter-spacing:.14em;text-transform:uppercase;color:var(--ltx-blue);margin-bottom:16px} .ltx-eyebrow::before{content:"";width:26px;height:2px;border-radius:2px;background:var(--ltx-grad);flex:none} .ltx-center{text-align:center} .ltx-center .ltx-lead{margin-left:auto;margin-right:auto} .ltx-center .ltx-eyebrow{justify-content:center} .ltx-head{max-width:var(--ltx-head-w);margin:0 auto var(--ltx-head-gap)} /* ========================================================================== 3 · БУТОНИ Размерите повтарят бутоните на темата: 42px височина, 12px радиус, 1px рамка (2px за outline), Nunito 700, sentence case. ========================================================================== */ .ltx .ltx-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 22px; min-height:42px;border-radius:12px;font-weight:700;font-size:1.03rem;line-height:1.2; letter-spacing:.03em;transition:.22s cubic-bezier(.2,.8,.2,1);border:1px solid transparent; cursor:pointer;white-space:nowrap} .ltx .ltx-btn--pri{background:var(--ltx-grad);color:#fff!important;box-shadow:0 8px 20px -8px rgba(0,149,218,.5)} .ltx .ltx-btn--pri:hover{transform:translateY(-1px);box-shadow:0 12px 26px -8px rgba(0,149,218,.6);color:#fff!important} .ltx .ltx-btn--line{border:2px solid #cfe2f2;color:var(--ltx-blue)!important;background:#fff} .ltx .ltx-btn--line:hover{border-color:var(--ltx-blue);background:var(--ltx-soft);transform:translateY(-1px)} .ltx .ltx-btn--sm{min-height:36px;padding:0 16px;font-size:.9rem} .ltx-btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center} .ltx-btn svg{width:16px;height:16px;flex:none} /* ========================================================================== 4 · HERO ========================================================================== */ .ltx-hero{position:relative;overflow:hidden;padding:var(--ltx-hero-pad);background:#fff} .ltx-hero::before{content:"";position:absolute;inset:-40% -12% auto -12%;height:130%;pointer-events:none; background:radial-gradient(46% 44% at 14% 14%,rgba(43,196,243,.24),transparent 68%), radial-gradient(42% 40% at 86% 6%,rgba(0,199,178,.18),transparent 70%), radial-gradient(46% 42% at 60% 78%,rgba(0,149,218,.12),transparent 72%)} .ltx-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.65; background-image:linear-gradient(rgba(15,33,55,.045) 1px,transparent 1px), linear-gradient(90deg,rgba(15,33,55,.045) 1px,transparent 1px); background-size:58px 58px; -webkit-mask-image:radial-gradient(66% 56% at 46% 26%,#000,transparent); mask-image:radial-gradient(66% 56% at 46% 26%,#000,transparent)} .ltx-hero>*{position:relative;z-index:2} .ltx-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center} /* когато отдясно стои форма — не центрирай вертикално и дай малко повече на текста */ .ltx-hero-grid--form{grid-template-columns:1.05fr .95fr;gap:52px;align-items:start} .ltx-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 15px 6px 7px;border-radius:100px; background:#fff;border:1px solid var(--ltx-line);font-size:.82rem;font-weight:700; color:var(--ltx-ink-soft);margin-bottom:22px;box-shadow:0 8px 22px -14px rgba(15,33,55,.35)} .ltx-pill em{background:var(--ltx-grad);color:#fff;padding:4px 11px;border-radius:100px; font-size:.7rem;letter-spacing:.05em;font-style:normal;font-weight:800} .ltx-micro{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:26px;font-size:.85rem; color:var(--ltx-muted);font-weight:600} .ltx-micro--sep{margin-top:30px;padding-top:24px;border-top:1px solid var(--ltx-line)} .ltx-micro span{display:inline-flex;align-items:center;gap:7px} .ltx-micro svg{width:15px;height:15px;color:var(--ltx-teal);flex:none} /* ========================================================================== 5 · СПИСЪК С ЧЕКМАРКИ ========================================================================== */ .ltx-incl{display:flex;flex-direction:column;gap:14px;margin-top:30px} .ltx-incl li{display:flex;gap:13px;align-items:flex-start} .ltx-incl .ltx-tick{width:26px;height:26px;border-radius:8px;flex:none;display:grid;place-items:center; background:linear-gradient(140deg,#e8f6ff,#ddf7f3);color:var(--ltx-blue)} .ltx-incl .ltx-tick svg{width:14px;height:14px} .ltx-incl strong{display:block;font-size:.98rem;color:var(--ltx-ink);font-weight:800} .ltx-incl span{font-size:.9rem;color:var(--ltx-muted);display:block} /* ========================================================================== 6 · КАРТА С ФОРМА ========================================================================== */ .ltx-formbox{background:#fff;border:1px solid var(--ltx-line);border-radius:20px;padding:32px; box-shadow:var(--ltx-shadow-lg);position:relative;overflow:hidden} .ltx-formbox::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--ltx-grad)} .ltx-formtitle{font-family:"Comfortaa",sans-serif;font-size:1.22rem;color:var(--ltx-ink);margin:0 0 6px;font-weight:700} .ltx-formsub{color:var(--ltx-muted);font-size:.88rem;margin:0 0 24px} .ltx-formnote{font-size:.76rem;color:var(--ltx-muted);text-align:center;margin:16px 0 0} /* wpautop обвива шорткода на формата в

— да не добавя отстъп отдолу */ .ltx-formbox>p:last-of-type{margin-bottom:0} /* ========================================================================== 6б · КОНТАКТНИ КАНАЛИ (телефон, имейл, поддръжка) ========================================================================== */ .ltx-chans{display:flex;flex-direction:column;gap:12px;margin-top:28px} .ltx-chan{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:#fff; border:1px solid var(--ltx-line);border-radius:var(--ltx-r-sm); transition:.24s cubic-bezier(.2,.8,.2,1)} .ltx-chan:hover{border-color:#cfe4f6;box-shadow:0 16px 34px -20px rgba(15,33,55,.22);transform:translateY(-2px)} .ltx-chan-ic{width:40px;height:40px;border-radius:11px;flex:none;display:grid;place-items:center; background:var(--ltx-grad-soft);border:1px solid #d3ecfa;color:var(--ltx-blue)} .ltx-chan-ic svg{width:19px;height:19px} .ltx-chan h3{font-size:.86rem;font-family:"Nunito",sans-serif;font-weight:800;color:var(--ltx-muted); text-transform:uppercase;letter-spacing:.08em;margin:0 0 3px} .ltx-chan-val{display:block;font-size:1.08rem;font-weight:800;color:var(--ltx-blue);line-height:1.3} .ltx-chan-val:hover{color:var(--ltx-ink)} .ltx-chan p{font-size:.85rem;color:var(--ltx-muted);margin:3px 0 0} /* ========================================================================== 7 · НОМЕРИРАНИ СТЪПКИ ========================================================================== */ .ltx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .ltx-step{background:#fff;border:1px solid var(--ltx-line);border-radius:var(--ltx-r);padding:28px; transition:.28s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden} .ltx-step::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ltx-grad); transform:scaleX(0);transform-origin:left;transition:.3s} .ltx-step:hover{transform:translateY(-4px);box-shadow:0 22px 44px -22px rgba(15,33,55,.22);border-color:#cfe4f6} .ltx-step:hover::after{transform:scaleX(1)} .ltx-stepnum{width:40px;height:40px;border-radius:11px;background:var(--ltx-grad-soft); border:1px solid #d3ecfa;color:var(--ltx-blue);display:grid;place-items:center; font-family:"Comfortaa",sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:18px} /* същата кутия приема и икона вместо цифра, когато редът не е последователност */ .ltx-stepnum svg{width:19px;height:19px} .ltx-step h3{font-size:1.08rem;margin-bottom:9px} .ltx-step p{color:var(--ltx-muted);font-size:.92rem;margin:0} .ltx-step ul{margin-top:14px;display:flex;flex-direction:column;gap:8px} .ltx-step li{display:flex;gap:9px;align-items:flex-start;font-size:.87rem;color:var(--ltx-muted)} .ltx-step li svg{width:14px;height:14px;color:var(--ltx-teal);flex:none;margin-top:4px} /* ========================================================================== 8 · КРАЕН РЕД ========================================================================== */ .ltx-endbar{background:var(--ltx-grad-soft);border:1px solid #cfe9f8;border-radius:var(--ltx-r); padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px; flex-wrap:wrap;box-shadow:var(--ltx-shadow)} .ltx-endtitle{font-family:"Comfortaa",sans-serif;font-size:1.2rem;color:var(--ltx-ink);margin:0 0 4px;font-weight:700} .ltx-endsub{margin:0;font-size:.92rem;color:var(--ltx-muted)} /* ========================================================================== 9 · FORMIDABLE ФОРМИ -------------------------------------------------------------------------- Пълен стил, без визуалния стайлър на плъгина. За !important: Formidable генерира собствени правила със специфичност .frm_style_x.with_frm_style input[type=text] и ги слага в свой stylesheet. !important тук значи „ние командваме, независимо дали формата има зададен стил, кой е той и в какъв ред се зареждат файловете". Ако някога изключиш Formidable styling напълно, правилата пак важат — просто вече без бой. Обхватът е .ltx, тоест важи само за формите вътре в тези страници. ========================================================================== */ /* --- 9.1 функционални правила (НЕ козметика — не ги махай) --- Formidable ги дава глобално, но ако плъгинът някога спре да зарежда своя stylesheet, honeypot полето и условно скритите полета ще станат видими. */ .ltx .frm_verify{position:absolute!important;left:-3000px!important} .ltx .frm_hidden{display:none!important} .ltx .frm_screen_reader{position:absolute!important;width:1px;height:1px;overflow:hidden; clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap} /* --- 9.2 контейнер --- */ .ltx .frm_forms,.ltx .frm_forms.with_frm_style{max-width:100%!important;margin:0!important;direction:ltr} .ltx .frm_forms fieldset{border:0!important;padding:0!important;margin:0!important;min-width:0} .ltx .frm_form_fields>fieldset{padding:0!important} /* Двуколонни редове. Formidable ги прави през 12-колонен grid на .frm_fields_container. Тук ги повтаряме с flex, за да работят и без неговия stylesheet. Без !important — ако плъгинът е зареден, неговият grid печели. */ .ltx .frm_fields_container{display:flex;flex-wrap:wrap;gap:0 16px} .ltx .frm_form_field{width:100%} .ltx .frm_form_field.frm_half{width:calc(50% - 8px)} /* --- 9.3 разстояние между полетата --- */ .ltx .frm_form_field{margin:0 0 16px!important;padding:0!important} .ltx .frm_form_field:last-of-type{margin-bottom:0!important} /* --- 9.4 етикети --- Групите чекбокси ползват

, не