/* Theme Name: SBS Legal Theme URI: https://sbslegal.pl Author: SBS Legal Author URI: https://sbslegal.pl Description: Professional WordPress block theme for SBS Legal — a Polish law firm specializing in restructuring and bankruptcy law. Version: 1.0.3 Requires at least: 6.4 Tested up to: 6.7 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: sbs-legal */ /* ═══ RESETS & BASE ═══════════════════════════════════════ */ *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Onest', sans-serif; font-size: 16px; line-height: 1.6; color: #0d1b2a; background: #fff; -webkit-font-smoothing: antialiased; margin: 0; } a { text-decoration: none; color: inherit; } img { display: block; max-width: 100%; } .wp-site-blocks > footer { margin-block-start: 0; } /* ═══ CSS VARIABLES ════════════════════════════════════════ */ :root { --navy: #1a3a6b; --ink: #0d1b2a; --blue: #2563eb; --sky: #eff6ff; --line: #e4eaf3; --muted: #627087; --white: #ffffff; --dark: #070e1c; } /* ═══ SCROLL ANIMATIONS ════════════════════════════════════ */ /* Sections are visible by default (SSR/no-JS safe). JS adds .js-ready to , then .will-animate hides off-screen elements, then .is-visible reveals them on scroll. */ .js-ready .animate-on-scroll.will-animate { opacity: 0; transform: translateY(28px); transition: opacity 0.6s ease, transform 0.6s ease; } .js-ready .animate-on-scroll.is-visible { opacity: 1; transform: translateY(0); transition: opacity 0.6s ease, transform 0.6s ease; } /* ═══ NAV ════════════════════════════════════════════════= */ .sbs-nav { position: sticky; top: 0; z-index: 200; background: #fff; border-bottom: 1px solid var(--line); box-shadow: 0 1px 0 rgba(0,0,0,.04); } .sbs-nav-inner { max-width: 1200px; margin: 0 auto; padding: 0 32px; height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 24px; } .sbs-nav-logo { display: flex; align-items: center; flex-shrink: 0; } .sbs-nav-logo img { height: 65px; width: auto; display: block; } .sbs-nav-menu { display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; } .sbs-nav-menu > li { display: flex; align-items: center; position: relative; } .sbs-nav-menu > li > a { display: flex; align-items: center; gap: 5px; padding: 7px 14px; border-radius: 7px; font-size: 14px; font-weight: 500; color: var(--muted); transition: all .15s; white-space: nowrap; cursor: pointer; } .sbs-nav-menu > li > a:hover, .sbs-nav-menu > li > a:focus { background: var(--sky); color: var(--navy); } .sbs-nav-chevron { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 2.5; transition: transform .22s; flex-shrink: 0; } .sbs-nav-item.is-open > a .sbs-nav-chevron { transform: rotate(180deg); } .sbs-nav-dropdown { position: absolute; top: calc(100% + 8px); left: 0; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 8px 32px rgba(0,0,0,.10), 0 2px 8px rgba(0,0,0,.06); min-width: 260px; padding: 8px 0; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .2s ease, transform .2s ease, visibility .2s; z-index: 200; } .sbs-nav-item.is-open .sbs-nav-dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .sbs-nav-dropdown a { display: block; padding: 10px 20px; font-size: 14px; font-weight: 400; color: var(--ink); background: none; transition: background .12s, color .12s; white-space: nowrap; } .sbs-nav-dropdown a:hover { background: var(--sky); color: var(--navy); } .sbs-nav-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .sbs-nav-phone { font-size: 14px; font-weight: 600; color: var(--ink); white-space: nowrap; } .sbs-nav-btn { padding: 9px 20px; border-radius: 8px; font-size: 14px; font-weight: 700; color: #fff; background: var(--navy); transition: all .15s; white-space: nowrap; display: inline-block; } .sbs-nav-btn:hover { background: var(--blue); transform: translateY(-1px); } /* ═══ HERO ════════════════════════════════════════════════ */ .sbs-hero { background: #fff; position: relative; overflow: hidden; } .sbs-hero-inner { max-width: 1200px; margin: 0 auto; padding: 72px 32px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: flex-start; position: relative; z-index: 1; } .sbs-hero-content { text-align: left; padding: 0 !important; position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; gap: 0 !important; } .sbs-hero-watermark-wrap { position: absolute !important; right: -60px !important; top: 50% !important; transform: translateY(-50%) !important; left: auto !important; bottom: auto !important; width: 800px !important; height: 800px !important; pointer-events: none !important; user-select: none !important; z-index: 0 !important; padding: 0 !important; } .sbs-hero-watermark-wrap img { width: 100% !important; height: 100% !important; object-fit: contain; opacity: .06; filter: brightness(0) saturate(0); display: block; } .sbs-hero-content > * { position: relative; z-index: 1; } .sbs-hero-content > .sbs-hero-watermark-wrap { position: absolute !important; z-index: 0 !important; } /* Override wp-block-group default flow for hero inner */ .sbs-hero-inner.wp-block-group { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 64px !important; align-items: flex-start !important; } .sbs-kicker { display: inline-flex; align-items: center; gap: 12px; padding: 6px 16px 6px 12px; border-radius: 100px; background: #f9fafb; border: 1px solid #e5e7eb; margin-bottom: 32px; } .sbs-kicker-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; background: #2563eb; animation: pulse-dot 2s ease-in-out infinite; display: inline-block; } @keyframes pulse-dot { 0%, 100% { box-shadow: 0 0 0 0 rgba(37,99,235,.5); } 50% { box-shadow: 0 0 0 5px rgba(37,99,235,0); } } .sbs-kicker-text { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #374151; } .sbs-hero-h1 { font-family: 'Onest', sans-serif; font-size: clamp(36px, 4.8vw, 60px); line-height: 1.05; letter-spacing: -.03em; color: var(--ink); font-weight: 800; margin: 0 0 24px; } .sbs-hero-desc { font-size: 17px; color: var(--muted); line-height: 1.8; max-width: 480px; margin: 0 0 36px; } .sbs-hero-btns { display: flex; gap: 12px; align-items: center; margin-bottom: 36px; } .sbs-btn-fill { display: inline-flex; align-items: center; gap: 6px; padding: 14px 30px; border-radius: 8px; font-size: 15px; font-weight: 700; color: #fff; background: var(--navy); box-shadow: 0 4px 20px rgba(26,58,107,.3); transition: all .2s; white-space: nowrap; } .sbs-btn-fill:hover { background: #122d54; transform: translateY(-2px); box-shadow: 0 8px 32px rgba(26,58,107,.4); } .sbs-btn-border { display: inline-flex; align-items: center; gap: 6px; padding: 14px 26px; border-radius: 8px; font-size: 15px; font-weight: 600; color: var(--ink); border: 1.5px solid var(--line); background: #fff; transition: all .2s; white-space: nowrap; } .sbs-btn-border:hover { border-color: var(--navy); color: var(--navy); } .sbs-hero-trust { display: flex; gap: 24px; padding-bottom: 48px; flex-wrap: wrap; } .sbs-trust-item { display: flex; align-items: center; gap: 7px; font-size: 13px; color: var(--muted); font-weight: 500; } .sbs-trust-check { width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; background: #f0fdf4; border: 1px solid #bbf7d0; display: flex; align-items: center; justify-content: center; } /* Hero Brand Card */ .sbs-hero-visual { display: flex; align-items: stretch; } .sbs-brand-card { width: 100%; border-radius: 24px; background: var(--navy); padding: 44px 40px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; position: relative; overflow: hidden; box-shadow: 0 32px 80px rgba(26,58,107,.22), 0 0 0 1px rgba(26,58,107,.1); min-height: 380px; } .sbs-brand-card-watermark { position: absolute; right: -20px; top: 50%; transform: translateY(-50%); width: 480px; height: 480px; pointer-events: none; user-select: none; z-index: 0; } .sbs-brand-card-watermark img { width: 100%; height: 100%; object-fit: contain; opacity: .09; filter: brightness(0) invert(1); } .sbs-brand-card-inner { position: relative; z-index: 1; width: 100%; } .sbs-hbc-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.35); margin-bottom: 8px; } .sbs-hbc-headline { font-family: 'Onest', sans-serif; font-size: 22px; font-weight: 700; color: #fff; line-height: 1.25; margin-bottom: 44px; } .sbs-hbc-contact { display: flex; flex-direction: column; width: 100%; } .sbs-hbc-ci { display: grid; grid-template-columns: 120px 1fr; align-items: baseline; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.08); } .sbs-hbc-ci:first-child { border-top: 1px solid rgba(255,255,255,.08); } .sbs-hbc-label { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.3); } .sbs-hbc-value { font-size: 14px; font-weight: 500; color: rgba(255,255,255,.85); line-height: 1.5; } .sbs-hbc-sub { display: block; font-size: 12px; font-weight: 400; color: rgba(255,255,255,.45); margin-top: 1px; } .sbs-hbc-cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 28px; padding: 12px 22px; border-radius: 8px; font-size: 13px; font-weight: 700; letter-spacing: .01em; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.9); position: relative; z-index: 1; transition: all .2s; cursor: pointer; text-decoration: none; } .sbs-hbc-cta:hover { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.32); color: #fff; } /* ═══ SVCBAR DARK WRAPPER ═══════════════════════════════ */ .sbs-svcbar-dark.wp-block-group { background: linear-gradient(135deg, #0d1b2a 0%, #1a3a6b 55%, #1e4d8c 100%) !important; } /* ═══ SVCBAR INTRO ══════════════════════════════════════== */ .sbs-svcbar-intro { max-width: 1200px; margin: 0 auto; padding: 48px 32px 24px; } .sbs-svcbar-eyebrow { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--navy); margin-bottom: 12px; } .sbs-svcbar-heading { font-size: clamp(28px, 3.8vw, 44px); font-weight: 800; color: var(--ink); letter-spacing: -.03em; line-height: 1.1; } h2.sbs-svcbar-heading { margin-top: 8px !important; margin-bottom: 20px !important; } .sbs-svcbar-desc { font-size: 17px; color: var(--muted); line-height: 1.75; max-width: 800px; } /* ═══ SERVICE BAR GRID ════════════════════════════════════ */ .sbs-svcbar-section { background: transparent; padding: 40px 0 56px; } .sbs-svcbar-dark .sbs-svcbar-eyebrow { color: #60a5fa !important; } .sbs-svcbar-dark .sbs-svcbar-heading { color: #fff !important; } .sbs-svcbar-dark .sbs-svcbar-desc { color: rgba(255,255,255,.65) !important; } .sbs-svcbar-dark .sbs-svc-name { color: #fff !important; } .sbs-svcbar-dark .sbs-svc-desc { color: rgba(255,255,255,.58) !important; } .sbs-svcbar-grid { max-width: 1200px; margin: 0 auto; padding: 0 32px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; } .sbs-svc-item { display: flex; flex-direction: column; } .sbs-svc-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; flex-shrink: 0; } .sbs-svc-icon svg { width: 20px; height: 20px; fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; } .si-violet { background: #f0eeff; } .si-violet svg { stroke: #6d28d9; } .si-amber { background: #fef3c7; } .si-amber svg { stroke: #d97706; } .si-rose { background: #fff1f2; } .si-rose svg { stroke: #e11d48; } .si-teal { background: #e6faf8; } .si-teal svg { stroke: #0d9488; } .si-green { background: #f0fdf4; } .si-green svg { stroke: #16a34a; } .si-navy { background: #e8edf7; } .si-navy svg { stroke: var(--navy); } .si-blue { background: #dbeafe; } .si-blue svg { stroke: #1d4ed8; } .si-sky { background: #e0f2fe; } .si-sky svg { stroke: #0369a1; } .sbs-svc-name { font-size: 15px; font-weight: 700; color: var(--ink); line-height: 1.3; } h3.sbs-svc-name { margin-top: 0 !important; margin-bottom: 10px !important; } .sbs-svc-desc { font-size: 14px; color: var(--muted); line-height: 1.65; text-align: justify; hyphens: auto; } /* ═══ SHARED SECTION STYLES ═══════════════════════════════ */ .sbs-eyebrow { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--navy); margin-bottom: 14px; } .sbs-section-h2 { font-family: 'Onest', sans-serif; font-size: clamp(28px, 3.8vw, 44px); font-weight: 800; line-height: 1.1; letter-spacing: -.03em; color: var(--ink); margin-bottom: 20px; } .sbs-section-lead { font-size: 17px; color: var(--muted); line-height: 1.75; } .sbs-section-lead-sm { font-size: 16px; color: var(--muted); line-height: 1.75; margin-bottom: 22px; } /* ═══ FEATURE SECTIONS ════════════════════════════════════ */ .sbs-feat { padding: 96px 32px; position: relative; } .sbs-feat-alt { padding: 96px 32px; background: #f9fbff; position: relative; } .sbs-feat-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 88px; align-items: center; } .sbs-feat-inner-rev { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 88px; align-items: center; direction: rtl; } .sbs-feat-inner-rev > * { direction: ltr; } .sbs-feat-body {} .sbs-feat-body .sbs-section-h2 { margin-top: 8px !important; margin-bottom: 14px !important; } .sbs-feat-body .sbs-section-lead-sm { margin-bottom: 28px !important; } .sbs-feat-alt .sbs-feat-body .sbs-section-h2 { margin-top: 8px !important; margin-bottom: 14px !important; } .sbs-feat-alt .sbs-feat-body .sbs-section-lead-sm { margin-bottom: 28px !important; } .sbs-feat-list { list-style: none; display: flex; flex-direction: column; gap: 13px; margin: 22px 0 34px; padding: 0; } .sbs-feat-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; color: #334155; font-weight: 500; line-height: 1.55; } .sbs-fl-check { width: 22px; height: 22px; border-radius: 6px; flex-shrink: 0; margin-top: 1px; background: #f0fdf4; border: 1.5px solid #bbf7d0; display: flex; align-items: center; justify-content: center; } .sbs-fl-check svg { width: 11px; height: 11px; stroke: #16a34a; fill: none; stroke-width: 2.5; } .sbs-feat-visual { border-radius: 20px; overflow: hidden; box-shadow: 0 24px 64px rgba(26,58,107,.14), 0 0 0 1px var(--line); } /* Override wp-block-group defaults for grids */ .sbs-feat-inner.wp-block-group, .sbs-feat-inner-rev.wp-block-group { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 88px !important; align-items: center !important; } .sbs-feat-inner-rev.wp-block-group { direction: rtl !important; } .sbs-feat-inner-rev.wp-block-group > * { direction: ltr !important; } .sbs-svcbar-grid.wp-block-group { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 40px !important; } .sbs-proc-steps.wp-block-group { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; margin-top: 56px !important; } .sbs-art-grid.wp-block-group { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; } .sbs-contact-inner.wp-block-group { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 80px !important; align-items: start !important; } .sbs-footer-top.wp-block-group { display: grid !important; grid-template-columns: 2.5fr 1fr 1fr 1fr !important; gap: 56px !important; } .sbs-art-head.wp-block-group { display: flex !important; justify-content: space-between !important; align-items: flex-end !important; gap: 24px !important; margin-bottom: 56px !important; } .sbs-articles-section .wp-block-query { margin-top: 0 !important; } .sbs-uk-stats-row.wp-block-group { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; } .sbs-pzu-sc-row.wp-block-group, .sbs-wierz-row-hdr.wp-block-group { display: flex !important; justify-content: space-between !important; align-items: center !important; } .sbs-uk-tl-steps.wp-block-group { display: flex !important; align-items: flex-start !important; } .sbs-form-row.wp-block-group { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; } .sbs-hero-btns.wp-block-group { display: flex !important; gap: 12px !important; align-items: center !important; } .sbs-hero-trust.wp-block-group { display: flex !important; gap: 24px !important; flex-wrap: wrap !important; } .sbs-kicker.wp-block-group { display: inline-flex !important; align-items: center !important; gap: 12px !important; padding: 6px 16px 6px 12px !important; } .sbs-c-item.wp-block-group { display: flex !important; gap: 14px !important; align-items: flex-start !important; } .sbs-contact-details.wp-block-group { display: flex !important; flex-direction: column !important; gap: 20px !important; margin-top: 36px !important; } .sbs-pzu-scenarios.wp-block-group, .sbs-wierz-compare.wp-block-group { display: flex !important; flex-direction: column !important; gap: 16px !important; } .sbs-pzu-scenario.wp-block-group, .sbs-wierz-row.wp-block-group { display: flex !important; flex-direction: column !important; gap: 6px !important; } .sbs-wierz-tags.wp-block-group { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; } .sbs-hbc-contact.wp-block-group { display: flex !important; flex-direction: column !important; } .sbs-hbc-ci.wp-block-group { display: grid !important; grid-template-columns: 120px 1fr !important; align-items: baseline !important; } .sbs-brand-card.wp-block-group { display: flex !important; flex-direction: column !important; width: 100% !important; } .sbs-brand-card-watermark { position: absolute !important; right: -20px !important; top: 50% !important; transform: translateY(-50%) !important; width: 480px !important; height: 480px !important; z-index: 0 !important; } .sbs-brand-card-watermark img { width: 100% !important; height: 100% !important; object-fit: contain !important; opacity: .09 !important; filter: brightness(0) invert(1) !important; } .sbs-faq-watermark-wrap { position: absolute !important; left: 50% !important; transform: translateX(-50%) !important; bottom: 0 !important; width: 1000px !important; height: 1000px !important; pointer-events: none !important; user-select: none !important; z-index: 0 !important; } .sbs-faq-watermark-wrap img { width: 100% !important; height: 100% !important; object-fit: contain !important; opacity: .04 !important; filter: brightness(0) saturate(0) !important; } /* ─── PZU Chart ─────────────────────────────────────────── */ .sbs-pzu-chart { background: #f8fafc; border-radius: 20px; padding: 32px 28px; border: 1px solid var(--line); display: flex; flex-direction: column; gap: 24px; } .sbs-pzu-header { display: flex; flex-direction: column; gap: 2px; padding-bottom: 20px; border-bottom: 1px solid var(--line); } .sbs-pzu-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); } .sbs-pzu-amount { font-size: 34px; font-weight: 800; color: var(--ink); letter-spacing: -.04em; line-height: 1.1; } .sbs-pzu-sub { font-size: 12px; color: var(--muted); } .sbs-pzu-scenarios { display: flex; flex-direction: column; gap: 16px; } .sbs-pzu-scenario { display: flex; flex-direction: column; gap: 6px; } .sbs-pzu-sc-row { display: flex; justify-content: space-between; align-items: center; } .sbs-pzu-sc-name { font-size: 12px; font-weight: 600; color: var(--ink); } .sbs-pzu-pct-amber { font-size: 12px; font-weight: 800; color: #d97706; } .sbs-pzu-pct-blue { font-size: 12px; font-weight: 800; color: #2563eb; } .sbs-pzu-pct-green { font-size: 12px; font-weight: 800; color: #16a34a; } .sbs-bar-track { height: 10px; background: #e2e8f0; border-radius: 100px; overflow: hidden; position: relative; } .sbs-bar-fill { height: 100%; border-radius: 100px; position: absolute; left: 0; top: 0; } .sbs-bar-amber { background: #fde68a; } .sbs-bar-blue { background: #93c5fd; } .sbs-bar-green { background: #86efac; } .sbs-bar-grey { background: #cbd5e1; } .sbs-pzu-result { font-size: 12px; color: var(--muted); font-weight: 500; } .sbs-pzu-result strong { color: var(--ink); font-weight: 700; } .sbs-pzu-result-green { font-size: 12px; color: var(--muted); font-weight: 500; } .sbs-pzu-result-green strong { color: #16a34a; font-weight: 700; } .sbs-pzu-note { font-size: 11px; color: #94a3b8; line-height: 1.6; border-top: 1px solid var(--line); padding-top: 16px; } /* ─── UK Stats ─────────────────────────────────────────── */ .sbs-uk-stats { background: #f8fafc; border-radius: 20px; padding: 32px 28px; border: 1px solid var(--line); display: flex; flex-direction: column; gap: 24px; } .sbs-uk-stats-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .sbs-uk-stat-box { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 20px 18px; display: flex; flex-direction: column; gap: 6px; } .sbs-uk-stat-num { font-size: 38px; font-weight: 800; color: var(--navy); letter-spacing: -.04em; line-height: 1; } .sbs-uk-stat-pct { font-size: 22px; font-weight: 700; color: var(--navy); } .sbs-uk-stat-lbl { font-size: 12px; color: var(--muted); font-weight: 500; line-height: 1.4; } .sbs-uk-timeline { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 20px 18px; } .sbs-uk-tl-label { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-bottom: 16px; } .sbs-uk-tl-steps { display: flex; align-items: flex-start; gap: 0; position: relative; } .sbs-uk-tl-steps::before { content: ''; position: absolute; top: 10px; left: 10px; right: 10px; height: 1px; background: var(--line); } .sbs-uk-tl-step { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; position: relative; z-index: 1; } .sbs-uk-tl-dot { width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--line); background: #fff; flex-shrink: 0; } .sbs-uk-tl-done .sbs-uk-tl-dot { background: var(--navy); border-color: var(--navy); } .sbs-uk-tl-active .sbs-uk-tl-dot { background: #fff; border-color: var(--navy); box-shadow: 0 0 0 4px rgba(26,58,107,.12); } .sbs-uk-tl-text { font-size: 11px; font-weight: 600; color: var(--muted); text-align: center; line-height: 1.3; } .sbs-uk-tl-done .sbs-uk-tl-text { color: var(--navy); } .sbs-uk-tl-active .sbs-uk-tl-text { color: var(--ink); font-weight: 700; } .sbs-uk-note { font-size: 11px; color: #94a3b8; line-height: 1.6; border-top: 1px solid var(--line); padding-top: 16px; } /* ─── Wierz Chart ─────────────────────────────────────── */ .sbs-wierz-chart { background: #f8fafc; border-radius: 20px; padding: 32px 28px; border: 1px solid var(--line); display: flex; flex-direction: column; gap: 24px; } .sbs-wierz-header { display: flex; flex-direction: column; gap: 2px; padding-bottom: 20px; border-bottom: 1px solid var(--line); } .sbs-wierz-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); } .sbs-wierz-amount { font-size: 34px; font-weight: 800; color: var(--ink); letter-spacing: -.04em; line-height: 1.1; } .sbs-wierz-sub { font-size: 12px; color: var(--muted); } .sbs-wierz-compare { display: flex; flex-direction: column; gap: 18px; } .sbs-wierz-row { display: flex; flex-direction: column; gap: 6px; } .sbs-wierz-row-hdr { display: flex; justify-content: space-between; align-items: center; } .sbs-wierz-row-name { font-size: 12px; font-weight: 600; color: var(--ink); } .sbs-wierz-pct-grey { font-size: 13px; font-weight: 800; color: #94a3b8; } .sbs-wierz-pct-green { font-size: 13px; font-weight: 800; color: #16a34a; } .sbs-wierz-result-grey { font-size: 12px; color: var(--muted); font-weight: 500; } .sbs-wierz-result-grey strong { color: #64748b; font-weight: 700; } .sbs-wierz-result-green { font-size: 12px; color: var(--muted); font-weight: 500; } .sbs-wierz-result-green strong { color: #16a34a; font-weight: 700; } .sbs-wierz-tags { display: flex; flex-wrap: wrap; gap: 8px; border-top: 1px solid var(--line); padding-top: 20px; } .sbs-wierz-tag { font-size: 11px; font-weight: 600; color: var(--navy); background: #e8edf7; padding: 5px 11px; border-radius: 100px; display: inline-block; } /* ═══ PROCESS ════════════════════════════════════════════ */ .sbs-process-section { padding: 96px 32px; background: linear-gradient(135deg, #0d1b2a 0%, #1a3a6b 55%, #1e4d8c 100%); } .sbs-process-section .sbs-eyebrow { color: #60a5fa !important; } .sbs-process-section .sbs-section-h2 { color: #fff !important; } .sbs-process-section .sbs-section-lead { color: rgba(255,255,255,.65) !important; } .sbs-process-section .sbs-proc-step, .sbs-process-section .sbs-proc-step.wp-block-group { background: transparent !important; border: none !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; border-left: 2px solid rgba(255,255,255,.15) !important; padding-left: 28px !important; border-radius: 0 !important; } .sbs-process-section .sbs-proc-step:hover, .sbs-process-section .sbs-proc-step.wp-block-group:hover { background: transparent !important; border-left-color: #60a5fa !important; transform: none !important; box-shadow: none !important; } .sbs-process-section .sbs-proc-step:hover::before { display: none !important; } .sbs-process-section p.sbs-proc-n { background: rgba(255,255,255,.12) !important; box-shadow: none !important; color: #fff !important; } .sbs-process-section .sbs-proc-step:hover p.sbs-proc-n { background: #60a5fa !important; } .sbs-process-section .sbs-proc-title { color: #fff !important; } .sbs-process-section .sbs-proc-desc { color: rgba(255,255,255,.60) !important; text-align: left !important; } .sbs-process-head { max-width: 1200px; margin: 0 auto 56px; text-align: left; } .sbs-process-head .sbs-section-h2 { margin-top: 8px !important; margin-bottom: 14px !important; } .sbs-process-head .sbs-section-lead { max-width: 560px; margin: 0; } .sbs-proc-steps { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .sbs-proc-step { background: #fff; border: 1.5px solid var(--line); border-radius: 18px; padding: 32px 28px; position: relative; overflow: hidden; transition: all .22s; z-index: 1; } .sbs-proc-step::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--navy); transform: scaleX(0); transform-origin: left; transition: .3s; } .sbs-proc-step:hover { border-color: #bfdbfe; transform: translateY(-5px); box-shadow: 0 16px 48px rgba(26,58,107,.11); } .sbs-proc-step:hover::before { transform: scaleX(1); } .sbs-proc-n { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 0 20px; font-family: 'Onest', sans-serif; font-size: 18px; font-weight: 800; color: #fff; background: var(--navy); box-shadow: 0 4px 14px rgba(26,58,107,.25); transition: .2s; } .sbs-proc-step:hover .sbs-proc-n { background: #0f2d5a; box-shadow: 0 6px 20px rgba(26,58,107,.35); } .sbs-proc-title { font-size: 16px; font-weight: 700; color: var(--ink); } h3.sbs-proc-title { margin-top: 0 !important; margin-bottom: 8px !important; } .sbs-proc-desc { font-size: 14px; color: var(--muted); line-height: 1.65; text-align: justify; hyphens: auto; } /* ═══ ARTICLES ════════════════════════════════════════════ */ .sbs-articles-section { padding: 96px 32px; background: #fff; } .sbs-art-head { max-width: 1200px; margin: 0 auto 56px; display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; } .sbs-art-head .sbs-section-h2 { margin-top: 8px !important; margin-bottom: 10px !important; } .sbs-art-head-link { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--blue); padding: 10px 18px; border: 1.5px solid #bfdbfe; border-radius: 8px; white-space: nowrap; flex-shrink: 0; transition: .15s; } .sbs-art-head-link:hover { background: var(--sky); } .sbs-art-head-link::after { content: ' →'; } .sbs-art-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } /* ── Article cards (homepage & blog) ───────────────────── */ .sbs-art-card { background: #fff; border-radius: 14px; border: 1.5px solid var(--line); overflow: hidden; transition: all .22s; display: flex; flex-direction: column; } .sbs-art-card:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(26,58,107,.11); border-color: #bfdbfe; } /* image thumbnail area */ .sbs-art-img { aspect-ratio: 16/9; overflow: hidden; background: var(--sky); display: block; position: relative; } .sbs-art-img-v1, .sbs-art-img-v2, .sbs-art-img-v3 { background: var(--sky); } .sbs-art-glyph { display: none !important; } .sbs-art-body { padding: 20px 22px 24px; flex: 1; display: flex; flex-direction: column; gap: 10px; } /* meta row: category pill + date */ .sbs-art-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .sbs-art-cat { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .03em; background: var(--sky); color: var(--navy); padding: 4px 12px; border-radius: 100px; border: 1px solid #bfdbfe; white-space: nowrap; } .sbs-art-date { font-size: 13px; color: var(--muted); font-weight: 400; white-space: nowrap; display: flex; align-items: center; gap: 5px; } .sbs-art-date::before { content: ''; display: inline-block; width: 14px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23627087' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; flex-shrink: 0; } .sbs-art-title { font-family: 'Onest', sans-serif; font-size: 17px; color: var(--navy); line-height: 1.35; font-weight: 700; transition: color .15s; margin: 0 !important; } .sbs-art-card:hover .sbs-art-title { color: var(--blue); } .sbs-art-excerpt { font-size: 14px; color: var(--muted); line-height: 1.65; flex: 1; margin: 0 !important; } .sbs-art-read { font-size: 14px; font-weight: 600; color: var(--blue); display: inline-flex; align-items: center; gap: 4px; transition: gap .15s; margin-top: auto; } .sbs-art-card:hover .sbs-art-read { gap: 8px; } /* ═══ FAQ ═════════════════════════════════════════════════ */ .sbs-faq-section { padding: 96px 32px; background: #fff; position: relative; overflow: hidden; } .sbs-faq-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; } .sbs-faq-head { margin-bottom: 56px; display: flex; flex-direction: column; gap: 12px; } h2.sbs-section-h2 { margin-block-start: 0 !important; margin-block-end: 0 !important; } .sbs-faq-head .sbs-section-lead { margin: 0 !important; } .sbs-faq-list { display: flex; flex-direction: column; } .sbs-faq-item { border-bottom: 1px solid var(--line); } .sbs-faq-item:first-child { border-top: 1px solid var(--line); } .sbs-faq-q { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 22px 0; cursor: pointer; user-select: none; } .sbs-faq-q-text { font-size: 16px; font-weight: 600; color: var(--ink); line-height: 1.4; transition: color .15s; } .sbs-faq-item.is-open .sbs-faq-q-text { color: var(--navy); } .sbs-faq-q:hover .sbs-faq-q-text { color: var(--navy); } .sbs-faq-chevron { width: 20px; height: 20px; flex-shrink: 0; color: var(--muted); transition: transform .25s; } .sbs-faq-chevron svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; } .sbs-faq-item.is-open .sbs-faq-chevron { transform: rotate(180deg); color: var(--navy); } .sbs-faq-a { max-height: 0; overflow: hidden; transition: max-height .35s ease; } .sbs-faq-item.is-open .sbs-faq-a { max-height: 500px; } .sbs-faq-a-inner { padding-bottom: 22px; font-size: 15px; color: var(--muted); line-height: 1.75; max-width: 820px; } /* ═══ CONTACT ════════════════════════════════════════════ */ .sbs-contact-section { padding: 96px 32px; background: #fff; } .sbs-contact-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; } .sbs-contact-details { margin-top: 36px; display: flex; flex-direction: column; gap: 20px; } .sbs-contact-section .sbs-section-h2 { margin-top: 8px !important; margin-bottom: 14px !important; } .sbs-contact-section .sbs-section-lead { margin-bottom: 0 !important; } .sbs-c-item { display: flex; gap: 14px; align-items: flex-start; } .sbs-c-ico { width: 44px; height: 44px; border-radius: 11px; background: var(--navy); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .sbs-c-ico svg { width: 18px; height: 18px; stroke: #fff; fill: none; stroke-width: 2; } .sbs-c-label { font-size: 11px; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: .07em; } .sbs-c-val { font-size: 15px; color: var(--ink); font-weight: 600; } .sbs-form-box { background: #fff; border-radius: 18px; padding: 36px; border: 1.5px solid var(--line); box-shadow: 0 8px 40px rgba(26,58,107,.07); } .sbs-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; } .sbs-fg { display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; } .sbs-fg label { font-size: 14px; font-weight: 600; color: var(--ink); } .sbs-fg input, .sbs-fg textarea { padding: 12px 14px; border-radius: 9px; border: 1.5px solid var(--line); background: #fafcff; font-family: inherit; font-size: 14px; color: var(--ink); transition: .15s; outline: none; -webkit-appearance: none; width: 100%; } .sbs-fg input:focus, .sbs-fg textarea:focus { border-color: var(--blue); background: #fff; box-shadow: 0 0 0 4px rgba(37,99,235,.07); } .sbs-fg textarea { min-height: 120px; resize: vertical; line-height: 1.6; } .sbs-form-submit { width: 100%; margin-top: 20px; padding: 14px 24px; border-radius: 10px; background: var(--navy); color: #fff; font-family: inherit; font-size: 15px; font-weight: 700; border: none; cursor: pointer; transition: all .2s; box-shadow: 0 4px 18px rgba(26,58,107,.28); } .sbs-form-submit:hover { background: var(--blue); transform: translateY(-1px); box-shadow: 0 8px 28px rgba(37,99,235,.3); } /* ═══ CONTACT FORM 7 STYLES ══════════════════════════════ */ .sbs-form-box .wpcf7 { width: 100%; } .sbs-form-box .wpcf7-form { display: flex; flex-direction: column; gap: 0; } .sbs-form-box .wpcf7-form p { margin: 0 0 14px; } .sbs-form-box .wpcf7-form p:last-child { margin-bottom: 0; } .sbs-form-box .wpcf7-form label { display: block; font-size: 14px; font-weight: 600; color: var(--ink); margin-bottom: 6px; } .sbs-form-box .wpcf7-form-control-wrap { display: block; width: 100%; } .sbs-form-box input[type="text"], .sbs-form-box input[type="email"], .sbs-form-box input[type="tel"], .sbs-form-box textarea { width: 100%; padding: 12px 14px; border-radius: 9px; border: 1.5px solid var(--line); background: #fafcff; font-family: inherit; font-size: 14px; color: var(--ink); transition: .15s; outline: none; -webkit-appearance: none; box-sizing: border-box; } .sbs-form-box input[type="text"]:focus, .sbs-form-box input[type="email"]:focus, .sbs-form-box input[type="tel"]:focus, .sbs-form-box textarea:focus { border-color: var(--blue); background: #fff; box-shadow: 0 0 0 4px rgba(37,99,235,.07); } .sbs-form-box textarea { min-height: 130px; resize: vertical; line-height: 1.6; } .sbs-form-box .wpcf7-submit { width: 100%; padding: 14px 24px; border-radius: 10px; background: var(--navy); color: #fff; font-family: inherit; font-size: 15px; font-weight: 700; border: none; cursor: pointer; transition: all .2s; box-shadow: 0 4px 18px rgba(26,58,107,.28); margin-top: 6px; } .sbs-form-box .wpcf7-submit:hover { background: var(--blue); transform: translateY(-1px); box-shadow: 0 8px 28px rgba(37,99,235,.3); } .sbs-form-box .wpcf7-not-valid-tip { color: #dc2626; font-size: 12px; margin-top: 4px; display: block; } .sbs-form-box .wpcf7-response-output { margin: 16px 0 0; padding: 12px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; border: none !important; } .sbs-form-box .wpcf7-mail-sent-ok { background: #ecfdf5; color: #065f46; } .sbs-form-box .wpcf7-mail-sent-ng, .sbs-form-box .wpcf7-spam-blocked, .sbs-form-box .wpcf7-validation-errors { background: #fef2f2; color: #991b1b; } /* ═══ FOOTER ═════════════════════════════════════════════ */ .sbs-footer { background: var(--dark) !important; padding: 72px 32px 32px !important; position: relative !important; overflow: hidden !important; } .sbs-footer::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--navy) 30%, #2563eb 60%, transparent); } .sbs-footer-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; } .sbs-footer-top { display: grid; grid-template-columns: 2.5fr 1fr 1fr 1fr; gap: 56px; padding-bottom: 56px; border-bottom: 1px solid rgba(255,255,255,.08); margin-bottom: 32px; } .sbs-footer-brand { display: flex; flex-direction: column; } .sbs-footer-logo { display: inline-flex; margin-bottom: 20px; } .sbs-footer-logo img { height: 52px; width: auto; } .sbs-footer-desc { font-size: 14px; color: rgba(255,255,255,.4); line-height: 1.8; margin-bottom: 24px; } .sbs-footer-contact-lines { display: flex; flex-direction: column; gap: 8px; } .sbs-fcl-item { display: flex; align-items: center; gap: 10px; font-size: 13px; color: rgba(255,255,255,.35); transition: .15s; } .sbs-fcl-item a { display: flex; align-items: center; gap: 10px; color: inherit; } .sbs-fcl-item:hover { color: rgba(255,255,255,.7); } .sbs-fcl-item svg { width: 14px; height: 14px; stroke: rgba(255,255,255,.25); fill: none; stroke-width: 2; flex-shrink: 0; } .sbs-footer-col h4 { font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.25); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.06); } .sbs-footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 11px; padding: 0; margin: 0; } .sbs-footer-col ul a { font-size: 14px; color: rgba(255,255,255,.4); transition: .15s; display: inline-flex; align-items: center; } .sbs-footer-col ul a:hover { color: #fff; padding-left: 4px; } .sbs-footer-reg { font-size: 11px; color: rgba(255,255,255,.2); line-height: 1.7; margin-top: 20px !important; margin-block-start: 20px !important; margin-bottom: 2px !important; margin-block-end: 2px !important; } .sbs-footer-license { font-size: 11px; color: rgba(255,255,255,.2); line-height: 1.7; margin-top: 0 !important; margin-block-start: 0 !important; margin-bottom: 14px !important; margin-block-end: 14px !important; } .sbs-footer-social, .sbs-footer-social.wp-block-group { display: flex !important; flex-direction: row !important; gap: 14px !important; margin-top: 0 !important; margin-block-start: 0 !important; margin-bottom: 0 !important; margin-block-end: 0 !important; padding: 0 !important; } .sbs-social-link { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 6px; color: rgba(255,255,255,.25); background: rgba(255,255,255,.05); transition: color .15s, background .15s; text-decoration: none; } .sbs-social-link:hover { color: rgba(255,255,255,.85); background: rgba(255,255,255,.12); } .sbs-social-link svg { width: 15px; height: 15px; } .sbs-footer-bot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-top: 8px; } .sbs-footer-copy { font-size: 12px; color: rgba(255,255,255,.18); line-height: 1.6; } .sbs-footer-copy strong { color: rgba(255,255,255,.35); font-weight: 600; } .sbs-footer-legal { display: flex; gap: 24px; } .sbs-footer-legal a { font-size: 12px; color: rgba(255,255,255,.2); transition: .15s; } .sbs-footer-legal a:hover { color: rgba(255,255,255,.6); } /* ═══ GLOBAL WP-BLOCK RESETS ════════════════════════════== */ .wp-block-group, .wp-block-paragraph, .wp-block-heading, .wp-block-image, .wp-block-buttons, .wp-block-button { margin-block-start: 0 !important; margin-block-end: 0 !important; } /* Hero left column — exact mockup spacing */ .sbs-hero-content { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 0 !important; padding: 0 !important; position: relative !important; overflow: hidden !important; } .sbs-hero-content .sbs-kicker { margin-bottom: 32px !important; } .sbs-hero-content .sbs-hero-h1 { margin-bottom: 0 !important; } .sbs-hero-content .sbs-hero-desc { margin-top: 24px !important; margin-bottom: 0 !important; } .sbs-hero-content .sbs-hero-btns { margin-top: 36px !important; margin-bottom: 0 !important; } .sbs-hero-content .sbs-hero-trust { margin-top: 36px !important; } /* Remove WP default paragraph margins inside all sections */ .sbs-hero p, .sbs-hero h1, .sbs-hero h2, .sbs-feat p, .sbs-feat h2, .sbs-feat-alt p, .sbs-feat-alt h2, .sbs-process-section p, .sbs-process-section h2, .sbs-process-section h3, .sbs-articles-section p, .sbs-articles-section h2, .sbs-articles-section h3, .sbs-faq-section p, .sbs-faq-section h2, .sbs-contact-section p, .sbs-contact-section h2, .sbs-footer p { margin-block-start: 0 !important; margin-block-end: 0 !important; } /* Logo image sizing */ .sbs-nav-logo .wp-block-image img { height: 65px !important; width: auto !important; } .sbs-footer-logo .wp-block-image img { height: 52px !important; width: auto !important; } /* Bar fill widths (inline style set on elements) */ .sbs-bar-fill { height: 100% !important; position: absolute !important; left: 0 !important; top: 0 !important; margin: 0 !important; max-width: none !important; } /* Brand card inner content positioning */ .sbs-brand-card-inner.wp-block-group { position: relative !important; z-index: 1 !important; width: 100% !important; flex: 1 !important; display: flex !important; flex-direction: column !important; } /* ═══ NAV LAYOUT OVERRIDES ════════════════════════════════ */ .sbs-nav.wp-block-group { position: sticky !important; top: 0 !important; z-index: 200 !important; background: #fff !important; border-bottom: 1px solid var(--line) !important; } .sbs-nav-inner.wp-block-group { max-width: 1200px !important; margin: 0 auto !important; padding: 0 32px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; } .sbs-nav-logo.wp-block-group { display: flex !important; align-items: center !important; flex-shrink: 0 !important; } .sbs-nav-menu-container.wp-block-group { display: flex !important; align-items: center !important; flex: 1 !important; justify-content: center !important; } .sbs-nav-right.wp-block-group { display: flex !important; align-items: center !important; gap: 10px !important; flex-shrink: 0 !important; } .sbs-nav-menu-nav { display: block; width: 100%; } /* ═══ FOOTER LINK LISTS ════════════════════════════════════ */ .sbs-footer-links { list-style: none; display: flex; flex-direction: column; gap: 11px; padding: 0; margin: 0; } .sbs-footer-links a { font-size: 14px; color: rgba(255,255,255,.4); transition: .15s; display: inline-flex; align-items: center; } .sbs-footer-links a:hover { color: #fff; padding-left: 4px; } /* ═══ PAGE TITLE SECTION ══════════════════════════════════ */ .sbs-page-title-section { background: var(--sky); padding: 64px 32px; border-bottom: 1px solid var(--line); } .sbs-page-title-inner { max-width: 1200px; margin: 0 auto; } .wp-block-post-title { font-family: 'Onest', sans-serif; font-size: clamp(28px, 3.8vw, 44px); font-weight: 800; letter-spacing: -.03em; color: var(--ink); margin: 0; } .sbs-post-content { max-width: 1200px; margin: 0 auto; padding: 64px 32px; } /* ═══ SINGLE POST ═════════════════════════════════════════ */ /* ═══ BLOG PAGE ════════════════════════════════════════════ */ .sbs-blog-hero { background: #f5f7fb; padding: 72px 32px 80px; } .sbs-blog-hero-inner { max-width: 1200px; margin: 0 auto; padding: 0 32px; display: flex; flex-direction: column; gap: 14px; } h1.sbs-blog-h1 { font-size: clamp(32px, 4.5vw, 52px); font-weight: 800; letter-spacing: -.03em; color: var(--navy); line-height: 1.1; margin: 0 !important; } .sbs-blog-lead { font-size: 17px; color: var(--muted); line-height: 1.65; max-width: 600px; margin: 0 !important; } .sbs-blog-body { max-width: 1200px; margin: 0 auto; padding: 56px 32px 96px; } /* category filter tabs */ .sbs-cat-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px !important; } .wp-block-shortcode + .wp-block-query { margin-top: 0 !important; } .sbs-cat-btn { display: inline-block; padding: 8px 20px; border-radius: 100px; font-size: 14px; font-weight: 600; color: var(--ink); border: 1.5px solid var(--line); background: #fff; transition: all .15s; cursor: pointer; text-decoration: none; } .sbs-cat-btn:hover { border-color: var(--navy); color: var(--navy); background: var(--sky); } /* colored category buttons */ /* Kolory kategorii — paleta navy/blue pasująca do SBS Legal */ .sbs-cat-indigo { color: #1e40af; border-color: #bfdbfe; background: #eff6ff; } .sbs-cat-teal { color: #0f766e; border-color: #99f6e4; background: #f0fdfa; } .sbs-cat-amber { color: #1e3a5f; border-color: #bae6fd; background: #f0f9ff; } .sbs-cat-rose { color: #1e40af; border-color: #bfdbfe; background: #dbeafe; } .sbs-cat-violet { color: #0f2744; border-color: #93c5fd; background: #eff6ff; } .sbs-cat-emerald { color: #0f766e; border-color: #6ee7b7; background: #ecfdf5; } .sbs-cat-orange { color: #1e40af; border-color: #93c5fd; background: #eff6ff; } .sbs-cat-sky { color: #0369a1; border-color: #7dd3fc; background: #f0f9ff; } .sbs-cat-btn.sbs-cat-indigo:hover, .sbs-cat-btn.sbs-cat-indigo.active { background: #1e40af !important; color: #fff !important; border-color: #1e40af !important; } .sbs-cat-btn.sbs-cat-teal:hover, .sbs-cat-btn.sbs-cat-teal.active { background: #0f766e !important; color: #fff !important; border-color: #0f766e !important; } .sbs-cat-btn.sbs-cat-amber:hover, .sbs-cat-btn.sbs-cat-amber.active { background: #1e3a5f !important; color: #fff !important; border-color: #1e3a5f !important; } .sbs-cat-btn.sbs-cat-rose:hover, .sbs-cat-btn.sbs-cat-rose.active { background: #1e40af !important; color: #fff !important; border-color: #1e40af !important; } .sbs-cat-btn.sbs-cat-violet:hover, .sbs-cat-btn.sbs-cat-violet.active { background: #0f2744 !important; color: #fff !important; border-color: #0f2744 !important; } .sbs-cat-btn.sbs-cat-emerald:hover, .sbs-cat-btn.sbs-cat-emerald.active { background: #0f766e !important; color: #fff !important; border-color: #0f766e !important; } .sbs-cat-btn.sbs-cat-orange:hover, .sbs-cat-btn.sbs-cat-orange.active { background: #1e40af !important; color: #fff !important; border-color: #1e40af !important; } .sbs-cat-btn.sbs-cat-sky:hover, .sbs-cat-btn.sbs-cat-sky.active { background: #0369a1 !important; color: #fff !important; border-color: #0369a1 !important; } /* category badge colors (applied via JS to art cards & breadcrumb) */ .sbs-color-indigo { color: #1e40af !important; background: #eff6ff !important; border-color: #bfdbfe !important; } .sbs-color-teal { color: #0f766e !important; background: #f0fdfa !important; border-color: #99f6e4 !important; } .sbs-color-amber { color: #1e3a5f !important; background: #f0f9ff !important; border-color: #bae6fd !important; } .sbs-color-rose { color: #1e40af !important; background: #dbeafe !important; border-color: #bfdbfe !important; } .sbs-color-violet { color: #0f2744 !important; background: #eff6ff !important; border-color: #93c5fd !important; } .sbs-color-emerald { color: #0f766e !important; background: #ecfdf5 !important; border-color: #6ee7b7 !important; } .sbs-color-orange { color: #1e40af !important; background: #eff6ff !important; border-color: #93c5fd !important; } .sbs-color-sky { color: #0369a1 !important; background: #f0f9ff !important; border-color: #7dd3fc !important; } .sbs-cat-count { display: inline-block; font-size: 11px; font-weight: 700; background: rgba(0,0,0,.12); border-radius: 100px; padding: 1px 6px; margin-left: 4px; vertical-align: middle; } .sbs-cat-btn.active .sbs-cat-count { background: rgba(255,255,255,.2); } /* archive title */ .sbs-blog-h1.wp-block-query-title { font-size: clamp(32px, 4.5vw, 52px) !important; font-weight: 800 !important; letter-spacing: -.03em !important; color: var(--navy) !important; line-height: 1.1 !important; margin: 0 !important; } .sbs-blog-body .wp-block-shortcode { margin: 0 0 40px !important; } .wp-block-shortcode { margin: 0 !important; } .sbs-blog-grid.wp-block-post-template { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; } .sbs-blog-grid.wp-block-post-template > li { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; } .sbs-blog-grid.wp-block-post-template > li > .wp-block-group.sbs-art-card { flex: 1 !important; } /* Pagination */ .sbs-pagination { margin-top: 56px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 6px !important; } .sbs-pagination .wp-block-query-pagination-previous, .sbs-pagination .wp-block-query-pagination-next { font-size: 14px; font-weight: 600; color: var(--navy); padding: 8px 16px; border: 1.5px solid var(--line); border-radius: 8px; transition: .15s; } .sbs-pagination .wp-block-query-pagination-previous:hover, .sbs-pagination .wp-block-query-pagination-next:hover { background: var(--sky); border-color: var(--navy); } .sbs-pagination .wp-block-query-pagination-numbers a, .sbs-pagination .wp-block-query-pagination-numbers span { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; font-size: 14px; font-weight: 600; color: var(--ink); border: 1.5px solid var(--line); transition: .15s; } .sbs-pagination .wp-block-query-pagination-numbers a:hover { background: var(--sky); border-color: var(--navy); color: var(--navy); } .sbs-pagination .wp-block-query-pagination-numbers .current { background: var(--navy); color: #fff; border-color: var(--navy); } /* ═══ SINGLE POST ═══════════════════════════════════════════ */ /* ═══ SINGLE POST ══════════════════════════════════════════ */ .sbs-single-wrap { background: #fff; } /* Single post two-column layout */ .sbs-single-layout.wp-block-group { display: grid; grid-template-columns: 1fr 300px; gap: 64px; max-width: 1200px; margin: 0 auto; padding: 56px 32px 96px; box-sizing: border-box; align-items: start; } .sbs-single-sidebar-right.wp-block-group { position: sticky; top: 100px; } /* Sidebar sections */ .sbs-sb-section { margin-bottom: 40px; } .sbs-sb-heading { font-size: 15px !important; font-weight: 700 !important; color: var(--navy) !important; margin: 0 0 16px !important; display: flex; align-items: center; gap: 6px; } .sbs-sb-heading svg { color: var(--blue); flex-shrink: 0; } /* Category pills */ .sbs-sb-cats { display: flex; flex-wrap: wrap; gap: 8px; } .sbs-sb-cat { display: inline-block; border: 1px solid var(--line); border-radius: 6px; padding: 5px 12px; font-size: 13px; font-weight: 500; color: var(--ink); text-decoration: none; transition: all .15s; background: #fff; } .sbs-sb-cat:hover { border-color: var(--blue); color: var(--blue); } .sbs-sb-cat--active { background: var(--navy); color: #fff !important; border-color: var(--navy); } /* Related posts in sidebar */ .sbs-sb-related { display: flex; flex-direction: column; gap: 16px; } .sbs-sb-post { display: flex; gap: 12px; align-items: flex-start; text-decoration: none; color: inherit; } .sbs-sb-post:hover .sbs-sb-post-title { color: var(--blue); } .sbs-sb-post-img { flex-shrink: 0; width: 80px; height: 80px; border-radius: 8px; overflow: hidden; background: var(--sky); } .sbs-sb-post-img img { width: 100%; height: 100%; object-fit: cover; } .sbs-sb-post-title { font-size: 13.5px; font-weight: 600; color: var(--ink); line-height: 1.45; margin: 0; transition: color .15s; } @media (max-width: 900px) { .sbs-single-layout.wp-block-group { grid-template-columns: 1fr; gap: 48px; padding: 40px 24px 64px; } .sbs-single-sidebar-right.wp-block-group { position: static; } } /* ── Sidebar ── */ .sbs-single-sidebar { position: sticky !important; top: 100px !important; } .sbs-single-sidebar .wp-block-shortcode { margin: 0 !important; } /* TOC */ .sbs-toc { background: #f8fafc; border: 1.5px solid var(--line); border-radius: 12px; padding: 22px 22px 18px; margin-bottom: 24px; } .sbs-toc-label { font-size: 10px !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--muted) !important; margin: 0 0 14px !important; } .sbs-toc-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } .sbs-toc-list li { margin: 0 !important; padding: 0 !important; } .sbs-toc-link { display: block; font-size: 13.5px; font-weight: 500; color: var(--muted); text-decoration: none; padding: 6px 0; border-left: 2px solid transparent; padding-left: 10px; transition: color .15s, border-color .15s; line-height: 1.4; } .sbs-toc-link:hover { color: var(--navy); border-color: var(--line); } .sbs-toc-link.is-active { color: var(--navy); font-weight: 600; border-color: var(--navy); } .sbs-toc-h3 .sbs-toc-link { padding-left: 20px; font-size: 13px; } /* Share */ .sbs-share { background: #f8fafc; border: 1.5px solid var(--line); border-radius: 12px; padding: 20px 22px; } .sbs-share-label { font-size: 10px !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--muted) !important; margin: 0 0 14px !important; } .sbs-share-btns { display: flex; gap: 8px; } .sbs-share-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; border: 1.5px solid var(--line); background: #fff; color: var(--muted); cursor: pointer; transition: all .15s; text-decoration: none; } .sbs-share-btn:hover { border-color: var(--navy); color: var(--navy); background: var(--sky); } .sbs-copy-btn.copied { border-color: #10b981; color: #10b981; background: #ecfdf5; } /* ── Main content ── */ .sbs-single-main { min-width: 0; } .sbs-single-main .wp-block-shortcode { margin: 0 !important; } /* Breadcrumb */ .sbs-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; font-size: 14px; } .sbs-bc-link { color: var(--muted); text-decoration: none; } .sbs-bc-link:hover { color: var(--navy); } .sbs-bc-sep { color: #cbd5e1; } .sbs-bc-cat { background: var(--sky); color: var(--navy); border: 1px solid #bfdbfe; border-radius: 100px; padding: 3px 12px; font-size: 13px; font-weight: 600; text-decoration: none; } .sbs-bc-cat:hover { background: #dbeafe; } .sbs-bc-date { display: flex; align-items: center; gap: 5px; color: var(--muted); } .sbs-bc-icon { vertical-align: middle; flex-shrink: 0; } /* Title */ .sbs-single-main .wp-block-shortcode:first-child { margin-bottom: 36px !important; } h1.sbs-single-title.wp-block-post-title { font-size: clamp(26px, 3.5vw, 42px) !important; font-weight: 800 !important; letter-spacing: -.03em !important; color: var(--ink) !important; line-height: 1.15 !important; margin: 32px 0 18px !important; } /* Lead / excerpt */ .sbs-single-lead.wp-block-post-excerpt { font-size: 18px !important; color: var(--muted) !important; line-height: 1.65 !important; margin: 0 0 32px !important; } .sbs-single-lead.wp-block-post-excerpt p, .sbs-single-lead.wp-block-post-excerpt .wp-block-post-excerpt__excerpt { margin: 0 !important; font-size: inherit !important; color: inherit !important; } .sbs-single-lead.wp-block-post-excerpt .wp-block-post-excerpt__more-link { display: none !important; } /* Featured image */ .sbs-single-feat-img.wp-block-post-featured-image { border-radius: 14px !important; overflow: hidden !important; aspect-ratio: 16/9 !important; background: var(--sky) !important; margin: 0 0 40px !important; } .sbs-single-feat-img.wp-block-post-featured-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; } /* hide image block when no image set */ .sbs-single-main .wp-block-post-featured-image:not(:has(img)) { display: none !important; } /* Post content typography */ body.single-post .entry-content, body.single-post .wp-block-post-content { font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.8; color: #2d2d2d; } body.single-post .entry-content h2, body.single-post .wp-block-post-content h2 { font-family: 'Poppins', sans-serif; font-size: clamp(20px, 2.2vw, 26px); font-weight: 700; line-height: 1.3; margin: 44px 0 16px; letter-spacing: -.01em; color: #1a1a2e; scroll-margin-top: 100px; } body.single-post .entry-content h3, body.single-post .wp-block-post-content h3 { font-family: 'Poppins', sans-serif; font-size: clamp(17px, 1.8vw, 21px); font-weight: 600; line-height: 1.35; margin: 36px 0 12px; color: #1a1a2e; scroll-margin-top: 100px; } body.single-post .entry-content h4, body.single-post .wp-block-post-content h4 { font-family: 'Poppins', sans-serif; font-size: 17px; font-weight: 600; margin: 28px 0 10px; color: #1a1a2e; } body.single-post .entry-content p, body.single-post .wp-block-post-content p { margin: 0 0 24px; } body.single-post .entry-content a, body.single-post .wp-block-post-content a { color: #1e40af; text-decoration: underline; text-underline-offset: 3px; } body.single-post .entry-content ul, body.single-post .entry-content ol, body.single-post .wp-block-post-content ul, body.single-post .wp-block-post-content ol { padding-left: 24px; margin: 0 0 24px; } body.single-post .entry-content li, body.single-post .wp-block-post-content li { margin-bottom: 8px; line-height: 1.7; } body.single-post .entry-content blockquote, body.single-post .wp-block-post-content blockquote { border-left: 4px solid #e2e8f0; padding: 16px 24px; margin: 32px 0; background: #f8fafc; border-radius: 0 8px 8px 0; font-style: italic; color: #475569; } body.single-post .entry-content img, body.single-post .wp-block-post-content img { border-radius: 10px; } body.single-post .entry-content strong, body.single-post .wp-block-post-content strong { font-weight: 600; color: #1a1a2e; } /* Static post CTA */ .sbs-post-cta { background: #0f172a; border-radius: 10px; margin: 48px 0; overflow: hidden; } .sbs-post-cta-inner { padding: 44px 48px; } .sbs-post-cta-title { font-family: 'Poppins', sans-serif; font-size: clamp(20px,2.5vw,28px); font-weight: 800; color: #fff; margin: 0 0 12px !important; line-height: 1.2; } .sbs-post-cta-lead { color: #94a3b8; font-size: 15px; line-height: 1.65; margin: 0 0 28px !important; } .sbs-post-cta-btn { display: inline-block; background: #c0392b; color: #fff !important; text-decoration: none !important; font-weight: 700; font-size: 15px; padding: 14px 28px; border-radius: 4px; transition: background .2s; } .sbs-post-cta-btn:hover { background: #a93226 !important; } /* Share bar */ .sbs-share-bar { display: flex; align-items: center; gap: 16px; padding: 28px 0; border-top: 1px solid #e2e8f0; margin-top: 16px; flex-wrap: wrap; } .sbs-share-bar-label { font-weight: 700; font-size: 14px; color: #0f2744; white-space: nowrap; } .sbs-share-bar-btns { display: flex; gap: 8px; flex-wrap: wrap; } .sbs-share-bar-btn { display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px; border-radius: 6px; font-size: 13px; font-weight: 600; text-decoration: none !important; transition: opacity .15s; } .sbs-share-bar-btn:hover { opacity: .85; } .sbs-share-bar-btn-fb { background: #1877f2; color: #fff !important; } .sbs-share-bar-btn-li { background: #0a66c2; color: #fff !important; } .sbs-share-bar-btn-x { background: #000; color: #fff !important; } /* Related posts */ .sbs-related { margin-top: 56px; padding-top: 40px; border-top: 1px solid var(--line); } .sbs-related-heading { font-size: 22px !important; font-weight: 800 !important; color: var(--navy) !important; letter-spacing: -.02em !important; margin: 0 0 28px !important; } .sbs-related-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .sbs-related-card { display: flex; flex-direction: column; border-radius: 14px; border: 1.5px solid var(--line); overflow: hidden; background: #fff; transition: box-shadow .2s, border-color .2s; } .sbs-related-card:hover { box-shadow: 0 8px 32px rgba(26,58,107,.1); border-color: #bfdbfe; } .sbs-related-img { display: block; aspect-ratio: 16/9; overflow: hidden; background: var(--sky); } .sbs-related-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; } .sbs-related-card:hover .sbs-related-img img { transform: scale(1.04); } .sbs-related-body { padding: 12px 16px 14px; display: flex; flex-direction: column; gap: 0; flex: 1; } .sbs-related-body * { margin-block-start: 0 !important; margin-block-end: 0 !important; } .sbs-related-body p, .sbs-related-body h3 { margin: 0 !important; } .sbs-related-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px !important; } .sbs-related-cat { font-size: 12px; font-weight: 600; background: var(--sky); color: var(--navy); border: 1px solid #bfdbfe; border-radius: 100px; padding: 3px 11px; text-decoration: none; white-space: nowrap; } .sbs-related-date { font-size: 13px; color: var(--muted); display: flex; align-items: center; gap: 5px; } .sbs-related-title-link { text-decoration: none; } .sbs-related-title { font-size: 15px !important; font-weight: 700 !important; color: var(--navy) !important; line-height: 1.35 !important; margin: 0 0 4px !important; padding: 0 !important; transition: color .15s; } .sbs-related-card:hover .sbs-related-title { color: var(--blue) !important; } .sbs-related-excerpt { font-size: 13px !important; color: var(--muted) !important; line-height: 1.5 !important; margin: 0 0 8px !important; padding: 0 !important; flex: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sbs-related-read { font-size: 13px; font-weight: 600; color: var(--blue); text-decoration: none; display: inline-flex; align-items: center; gap: 4px; transition: gap .15s; } .sbs-related-card:hover .sbs-related-read { gap: 8px; } @media (max-width: 600px) { .sbs-related-grid { grid-template-columns: 1fr; } } /* Back link */ p.sbs-single-back { margin: 48px 0 0 !important; padding: 0 !important; border-top: 1px solid var(--line); padding-top: 32px !important; } .sbs-back-link { font-size: 14px; font-weight: 600; color: var(--muted); transition: color .15s; } .sbs-back-link:hover { color: var(--navy); } /* Responsive: hide sidebar on mobile */ @media (max-width: 900px) { .sbs-single-layout.wp-block-columns { grid-template-columns: 1fr !important; gap: 32px !important; padding: 32px 20px 64px !important; } .sbs-single-sidebar { display: none !important; } } /* ═══ EQUAL CARDS ═════════════════════════════════════════ */ .equal-cards > .wp-block-column { display: flex; flex-direction: column; flex-grow: 0; } .equal-cards > .wp-block-column > .wp-block-group { display: flex; flex-direction: column; flex-grow: 1; } .equal-cards .cta-bottom { margin-top: auto; justify-content: center; } /* ═══ ICON SVG WRAPPERS ═══════════════════════════════════ */ /* Paragraph wrappers that hold inline SVGs */ p.sbs-icon-svg { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } /* Ensure proc-n paragraph looks like a number box */ p.sbs-proc-n { width: 48px !important; height: 48px !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 0 20px !important; font-family: 'Onest', sans-serif !important; font-size: 18px !important; font-weight: 800 !important; color: #fff !important; background: var(--navy) !important; box-shadow: 0 4px 14px rgba(26,58,107,.25) !important; transition: .2s !important; line-height: 1 !important; padding: 0 !important; } .sbs-proc-step:hover p.sbs-proc-n { background: #0f2d5a !important; box-shadow: 0 6px 20px rgba(26,58,107,.35) !important; } /* ═══ REDUCED MOTION ══════════════════════════════════════ */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } .animate-on-scroll, .sbs-kicker-dot { opacity: 1 !important; transform: none !important; animation: none !important; } } /* ═══ EDITOR VISIBILITY ═══════════════════════════════════ */ .editor-styles-wrapper .animate-on-scroll, .editor-styles-wrapper .animate-on-scroll.will-animate, .editor-styles-wrapper .js-ready .animate-on-scroll.will-animate { opacity: 1 !important; transform: none !important; animation: none !important; transition: none !important; } /* ═══ REDUCED MOTION override ═════════════════════════════ */ @media (prefers-reduced-motion: reduce) { .js-ready .animate-on-scroll.will-animate { opacity: 1 !important; transform: none !important; transition: none !important; } } /* ═══ ADDITIONAL WP-BLOCK-GROUP LAYOUT OVERRIDES ══════════ */ /* Service grid */ .sbs-svc-item.wp-block-group { display: flex !important; flex-direction: column !important; } .sbs-svc-icon.wp-block-group { display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; border-radius: 12px !important; margin-bottom: 14px !important; flex-shrink: 0 !important; } /* Hero visual column */ .sbs-hero-visual.wp-block-group { display: flex !important; align-items: stretch !important; } /* Contact text group (label + val wrapper inside each c-item) */ .sbs-c-text.wp-block-group { display: flex !important; flex-direction: column !important; gap: 2px !important; flex: 1 !important; min-width: 0 !important; margin: 0 !important; max-width: 100% !important; padding: 0 !important; } .sbs-c-text.wp-block-group > * { margin: 0 !important; padding: 0 !important; max-width: 100% !important; } .sbs-c-label { margin: 0 !important; padding: 0 !important; line-height: 1.3 !important; } .sbs-c-val { margin: 0 !important; padding: 0 !important; line-height: 1.45 !important; } /* Contact icons */ .sbs-c-ico.wp-block-group { display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; border-radius: 11px !important; background: var(--navy) !important; flex-shrink: 0 !important; } /* FAQ layout */ .sbs-faq-list.wp-block-group { display: flex !important; flex-direction: column !important; } .sbs-faq-item.wp-block-group { border-bottom: 1px solid var(--line) !important; } .sbs-faq-item.wp-block-group:first-child { border-top: 1px solid var(--line) !important; } .sbs-faq-q.wp-block-group { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 24px !important; padding: 22px 0 !important; cursor: pointer !important; } .sbs-faq-a.wp-block-group { max-height: 0 !important; overflow: hidden !important; transition: max-height .35s ease !important; } .sbs-faq-item.is-open .sbs-faq-a.wp-block-group { max-height: 500px !important; } .sbs-faq-chevron.wp-block-group { display: flex !important; align-items: center !important; justify-content: center !important; width: 20px !important; height: 20px !important; flex-shrink: 0 !important; transition: transform .25s, color .25s !important; } /* FAQ chevron via CSS pseudo-element (div is empty in block markup) */ .sbs-faq-chevron::after { content: ''; display: block; width: 9px; height: 9px; border-right: 2px solid var(--muted); border-bottom: 2px solid var(--muted); transform: translateY(-3px) rotate(45deg); transition: transform .25s, border-color .25s; flex-shrink: 0; } .sbs-faq-item.is-open .sbs-faq-chevron::after { border-color: var(--navy); transform: translateY(3px) rotate(-135deg); } .sbs-faq-q:hover .sbs-faq-chevron::after { border-color: var(--navy); } /* Articles — WP block overrides */ .sbs-art-card.wp-block-group { display: flex !important; flex-direction: column !important; } .sbs-art-body.wp-block-group { display: flex !important; flex-direction: column !important; flex: 1 !important; padding: 20px 22px 24px !important; gap: 10px !important; } .sbs-art-meta.wp-block-group { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } /* Featured image — sits at top of card, full width */ .sbs-art-feat-img.wp-block-post-featured-image { aspect-ratio: 16/9 !important; overflow: hidden !important; margin: 0 !important; background: var(--sky) !important; flex-shrink: 0 !important; } .sbs-art-feat-img.wp-block-post-featured-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; transition: transform .3s !important; } .sbs-art-card:hover .sbs-art-feat-img.wp-block-post-featured-image img { transform: scale(1.04) !important; } /* category pill */ .sbs-art-cat.wp-block-post-terms { position: static !important; display: inline-block !important; font-size: 12px !important; font-weight: 600 !important; background: var(--sky) !important; color: var(--navy) !important; padding: 4px 12px !important; border-radius: 100px !important; border: 1px solid #bfdbfe !important; white-space: nowrap !important; letter-spacing: 0 !important; text-transform: none !important; margin: 0 !important; } /* Featured image on single post */ .sbs-single-feat-wrap { padding: 0 32px; max-width: 1200px; margin: 0 auto 0; } /* single feat-img styles now in SINGLE POST section above */ /* Query loop post-template grid */ .wp-block-post-template.sbs-art-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; list-style: none !important; padding: 0 !important; margin: 0 auto !important; max-width: 1200px !important; } .wp-block-post-template.sbs-art-grid > li { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; } .wp-block-post-template.sbs-art-grid > li > .wp-block-group.sbs-art-card { flex: 1 !important; } /* Post date */ .sbs-art-date.wp-block-post-date { font-size: 13px !important; color: var(--muted) !important; font-weight: 400 !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; display: flex !important; align-items: center !important; gap: 5px !important; } .sbs-art-date.wp-block-post-date::before { content: ''; display: inline-block; width: 14px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23627087' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; flex-shrink: 0; } .sbs-art-date.wp-block-post-date time { display: inline; } /* Post title */ h3.sbs-art-title.wp-block-post-title { font-family: 'Onest', sans-serif !important; font-size: 17px !important; color: var(--navy) !important; line-height: 1.35 !important; margin: 0 !important; font-weight: 700 !important; letter-spacing: 0 !important; } .sbs-art-title.wp-block-post-title a { color: inherit !important; text-decoration: none !important; } .sbs-art-card:hover .sbs-art-title.wp-block-post-title a { color: var(--blue) !important; } /* Post excerpt */ .sbs-art-excerpt.wp-block-post-excerpt { font-size: 14px !important; color: var(--muted) !important; line-height: 1.65 !important; flex: 1 !important; margin: 0 !important; } .sbs-art-excerpt.wp-block-post-excerpt p, .sbs-art-excerpt.wp-block-post-excerpt .wp-block-post-excerpt__excerpt { margin: 0 !important; font-size: inherit !important; color: inherit !important; } .sbs-art-excerpt.wp-block-post-excerpt .wp-block-post-excerpt__more-link { display: none !important; } /* Read more */ .sbs-art-read.wp-block-read-more { display: inline-flex !important; align-items: center !important; gap: 4px !important; font-size: 14px !important; font-weight: 600 !important; color: var(--blue) !important; text-decoration: none !important; margin-top: auto !important; transition: gap .15s !important; } .sbs-art-card:hover .sbs-art-read.wp-block-read-more { gap: 8px !important; } /* Post terms (category badge) */ .sbs-art-cat.wp-block-post-terms a { color: var(--navy) !important; text-decoration: none !important; } /* No posts */ .sbs-art-no-posts { padding: 40px; color: var(--muted); font-size: 15px; text-align: center; } /* Chart containers */ .sbs-pzu-chart.wp-block-group, .sbs-wierz-chart.wp-block-group, .sbs-uk-stats.wp-block-group { display: flex !important; flex-direction: column !important; gap: 24px !important; } .sbs-pzu-header.wp-block-group, .sbs-wierz-header.wp-block-group { display: flex !important; flex-direction: column !important; gap: 2px !important; padding-bottom: 20px !important; border-bottom: 1px solid var(--line) !important; } .sbs-uk-stat-box.wp-block-group { display: flex !important; flex-direction: column !important; gap: 6px !important; } .sbs-uk-tl-step.wp-block-group { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 8px !important; flex: 1 !important; } .sbs-uk-tl-dot.wp-block-group { width: 20px !important; height: 20px !important; border-radius: 50% !important; border: 2px solid var(--line) !important; background: #fff !important; flex-shrink: 0 !important; } .sbs-uk-tl-done .sbs-uk-tl-dot.wp-block-group { background: var(--navy) !important; border-color: var(--navy) !important; } .sbs-uk-tl-active .sbs-uk-tl-dot.wp-block-group { background: #fff !important; border-color: var(--navy) !important; box-shadow: 0 0 0 4px rgba(26,58,107,.12) !important; } /* Footer layout */ .sbs-footer-inner.wp-block-group { max-width: 1200px !important; margin: 0 auto !important; position: relative !important; z-index: 1 !important; } .sbs-footer-brand.wp-block-group { display: flex !important; flex-direction: column !important; gap: 0 !important; } .sbs-footer-logo.wp-block-group { display: inline-flex !important; margin-bottom: 20px !important; width: fit-content !important; } .sbs-footer-logo .wp-block-image, .sbs-footer-logo figure { margin: 0 !important; padding: 0 !important; display: flex !important; } .sbs-footer-contact-lines.wp-block-group { display: flex !important; flex-direction: column !important; gap: 8px !important; margin-top: auto !important; } .sbs-footer-bot.wp-block-group { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 12px !important; padding-top: 8px !important; } .sbs-footer-col.wp-block-group { display: flex !important; flex-direction: column !important; } /* Footer column headings — WP adds wp-block-heading class */ .sbs-footer-col .wp-block-heading { font-size: 10px !important; font-weight: 700 !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: rgba(255,255,255,.25) !important; margin-top: 0 !important; margin-bottom: 20px !important; padding-bottom: 12px !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; line-height: 1.2 !important; } .sbs-footer-legal.wp-block-group { display: flex !important; gap: 24px !important; } /* Paragraph wrappers inside footer-legal are transparent */ .sbs-footer-legal .wp-block-paragraph { margin: 0 !important; padding: 0 !important; } /* Fix nav-logo figure margin */ .sbs-nav-logo .wp-block-image, .sbs-nav-logo figure { margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; } /* Proc step cards */ .sbs-proc-step.wp-block-group { background: #fff !important; border: 1.5px solid var(--line) !important; border-radius: 18px !important; padding: 32px 28px !important; position: relative !important; overflow: hidden !important; transition: all .22s !important; display: flex !important; flex-direction: column !important; } /* Wierz chart specific */ .sbs-wierz-compare.wp-block-group { display: flex !important; flex-direction: column !important; gap: 18px !important; } .sbs-wierz-row.wp-block-group { display: flex !important; flex-direction: column !important; gap: 6px !important; } /* ═══════════════════════════════════════════════════════ O KANCELARII — PAGE STYLES ════════════════════════════════════════════════════════ */ /* ── HERO ─────────────────────────────────────────────── */ .sbs-about-hero { background: linear-gradient(135deg, #0d1b2a 0%, #1a3a6b 60%, #1e4d8c 100%); padding: 0 !important; margin: 0 !important; } .sbs-about-hero-inner { max-width: 1100px; margin: 0 auto !important; padding: 96px 40px 80px !important; } .sbs-eyebrow-light { color: rgba(255,255,255,0.65) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 2px !important; text-transform: uppercase !important; margin: 0 0 18px !important; } .sbs-about-h1 { color: #fff !important; font-size: clamp(32px, 4.5vw, 54px) !important; font-weight: 700 !important; line-height: 1.18 !important; margin: 0 0 24px !important; max-width: 760px; } .sbs-about-hero-lead { color: rgba(255,255,255,0.80) !important; font-size: 17px !important; line-height: 1.65 !important; max-width: 680px; margin: 0 0 52px !important; } .sbs-about-stats.wp-block-group { display: flex !important; flex-wrap: wrap !important; gap: 40px !important; align-items: flex-start !important; } .sbs-about-stat.wp-block-group { display: flex !important; flex-direction: column !important; gap: 4px !important; min-width: 100px; } .sbs-about-stat-num { color: #fff !important; font-size: 38px !important; font-weight: 700 !important; line-height: 1 !important; margin: 0 !important; } .sbs-about-stat-label { color: rgba(255,255,255,0.6) !important; font-size: 13px !important; margin: 0 !important; } /* ── KIM JESTEŚMY ─────────────────────────────────────── */ .sbs-about-who { background: #fff !important; padding: 0 !important; } .sbs-about-who-inner { max-width: 1100px; margin: 0 auto !important; padding: 88px 40px !important; } .sbs-about-who-cols.wp-block-columns { display: grid !important; grid-template-columns: 1fr 420px !important; gap: 72px !important; align-items: start !important; } .sbs-about-who-text.wp-block-column { width: auto !important; flex-basis: unset !important; } .sbs-about-who-text h2.sbs-section-h2 { margin-block-end: 24px !important; } .sbs-about-who-visual.wp-block-column { width: auto !important; flex-basis: unset !important; } .sbs-about-body-text { color: var(--muted) !important; font-size: 15.5px !important; line-height: 1.75 !important; margin: 0 0 16px !important; } .sbs-about-badges.wp-block-group { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin-top: 28px !important; } .sbs-about-badge { display: flex !important; align-items: center !important; gap: 7px !important; font-size: 13.5px !important; font-weight: 500 !important; color: var(--navy) !important; background: #eff6ff !important; border: 1px solid #bfdbfe !important; border-radius: 20px !important; padding: 6px 14px !important; margin: 0 !important; } .sbs-about-badge svg { color: var(--blue) !important; flex-shrink: 0; } /* Visual card (quote panel) */ .sbs-about-visual-card.wp-block-group { background: linear-gradient(145deg, #1a3a6b 0%, #0d1b2a 100%) !important; border-radius: 20px !important; padding: 48px 40px !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } .sbs-about-visual-glyph { font-size: 80px !important; font-weight: 700 !important; color: rgba(255,255,255,0.12) !important; line-height: 1 !important; margin: 0 0 8px !important; } .sbs-about-visual-quote { font-size: 17px !important; font-style: italic !important; font-weight: 400 !important; color: rgba(255,255,255,0.92) !important; line-height: 1.6 !important; margin: 0 0 28px !important; } .sbs-about-visual-author { font-size: 13px !important; font-weight: 600 !important; color: rgba(255,255,255,0.5) !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; margin: 0 0 36px !important; } .sbs-about-visual-stats.wp-block-group { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 1px !important; background: rgba(255,255,255,0.12) !important; border-radius: 12px !important; overflow: hidden !important; } .sbs-about-vstat.wp-block-group { background: rgba(255,255,255,0.06) !important; padding: 20px !important; display: flex !important; flex-direction: column !important; gap: 4px !important; } .sbs-about-vstat-num { color: #fff !important; font-size: 28px !important; font-weight: 700 !important; margin: 0 !important; line-height: 1 !important; } .sbs-about-vstat-label { color: rgba(255,255,255,0.55) !important; font-size: 12px !important; margin: 0 !important; } /* ── WARTOŚCI ─────────────────────────────────────────── */ .sbs-about-values { background: #f5f7fb !important; padding: 0 !important; } .sbs-about-values-inner { max-width: 1100px; margin: 0 auto !important; padding: 88px 40px !important; } .sbs-about-values-head.wp-block-group { text-align: center !important; margin-bottom: 56px !important; } .sbs-about-values-grid.wp-block-columns { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important; } .sbs-value-card.wp-block-column { background: #fff !important; border: 1.5px solid var(--line) !important; border-radius: 16px !important; padding: 36px 28px !important; width: auto !important; flex-basis: unset !important; display: flex !important; flex-direction: column !important; gap: 0 !important; transition: box-shadow .2s, border-color .2s !important; } .sbs-value-card.wp-block-column:hover { box-shadow: 0 8px 32px rgba(26,58,107,0.10) !important; border-color: #bfdbfe !important; } .sbs-value-icon { color: var(--navy) !important; margin: 0 0 18px !important; line-height: 1 !important; } .sbs-value-title { font-size: 17px !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 0 10px !important; } .sbs-value-desc { font-size: 14px !important; color: var(--muted) !important; line-height: 1.65 !important; margin: 0 !important; } /* ── ZESPÓŁ ───────────────────────────────────────────── */ .sbs-about-team { background: #fff !important; padding: 0 !important; } .sbs-about-team-inner { max-width: 1100px; margin: 0 auto !important; padding: 88px 40px !important; } .sbs-about-team-head.wp-block-group { text-align: center !important; margin-bottom: 56px !important; } .sbs-team-grid.wp-block-columns { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important; } .sbs-team-card.wp-block-column { background: #fff !important; border: 1.5px solid var(--line) !important; border-radius: 18px !important; padding: 32px 24px !important; width: auto !important; flex-basis: unset !important; display: flex !important; flex-direction: column !important; gap: 0 !important; transition: box-shadow .22s, border-color .22s !important; } .sbs-team-card.wp-block-column:hover { box-shadow: 0 8px 32px rgba(26,58,107,0.10) !important; border-color: #bfdbfe !important; } .sbs-team-avatar.wp-block-group { width: 72px !important; height: 72px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 0 18px !important; min-height: unset !important; } .sbs-avatar-1.wp-block-group { background: #1a3a6b !important; } .sbs-avatar-2.wp-block-group { background: #0f766e !important; } .sbs-avatar-3.wp-block-group { background: #1d4ed8 !important; } .sbs-avatar-4.wp-block-group { background: #7c3aed !important; } .sbs-team-initials { font-size: 22px !important; font-weight: 700 !important; color: #fff !important; letter-spacing: 1px !important; margin: 0 !important; line-height: 1 !important; } .sbs-team-role { font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; color: var(--blue) !important; margin: 0 0 4px !important; } .sbs-team-name { font-size: 18px !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 0 10px !important; } .sbs-team-license { display: flex !important; align-items: flex-start !important; gap: 6px !important; font-size: 12px !important; color: var(--muted) !important; margin: 0 0 14px !important; line-height: 1.5 !important; } .sbs-team-license svg { color: #16a34a !important; flex-shrink: 0; margin-top: 2px; } .sbs-team-bio { font-size: 13.5px !important; color: var(--muted) !important; line-height: 1.65 !important; margin: 0 0 16px !important; } .sbs-team-tags.wp-block-group { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin-top: auto !important; } .sbs-team-tag { font-size: 11.5px !important; font-weight: 500 !important; color: var(--navy) !important; background: #eff6ff !important; border-radius: 20px !important; padding: 4px 11px !important; margin: 0 !important; } /* ── ZAKRES USŁUG ─────────────────────────────────────── */ .sbs-about-services { background: #f5f7fb !important; padding: 0 !important; } .sbs-about-services-inner { max-width: 1100px; margin: 0 auto !important; padding: 88px 40px !important; } .sbs-about-services-head.wp-block-group { text-align: center !important; margin-bottom: 48px !important; } .sbs-abt-svc-grid.wp-block-columns { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; margin-bottom: 24px !important; } .sbs-abt-svc-card.wp-block-column { background: #fff !important; border: 1.5px solid var(--line) !important; border-radius: 16px !important; padding: 32px 28px !important; width: auto !important; flex-basis: unset !important; display: flex !important; flex-direction: column !important; gap: 0 !important; transition: box-shadow .2s, border-color .2s !important; } .sbs-abt-svc-card.wp-block-column:hover { box-shadow: 0 8px 32px rgba(26,58,107,0.10) !important; border-color: #bfdbfe !important; } .sbs-abt-svc-ico { color: var(--navy) !important; margin: 0 0 16px !important; line-height: 1 !important; } .sbs-abt-svc-title { font-size: 16px !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 0 10px !important; } .sbs-abt-svc-desc { font-size: 14px !important; color: var(--muted) !important; line-height: 1.65 !important; margin: 0 !important; } /* ── LICZBY (dark band) ───────────────────────────────── */ .sbs-about-numbers { background: linear-gradient(135deg, #0d1b2a 0%, #1a3a6b 55%, #1e4d8c 100%) !important; padding: 0 !important; } .sbs-about-numbers-inner { max-width: 1100px; margin: 0 auto !important; padding: 80px 40px !important; } .sbs-numbers-grid.wp-block-columns { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 0 !important; } .sbs-num-item.wp-block-column { width: auto !important; flex-basis: unset !important; text-align: center !important; padding: 0 24px !important; border-right: 1px solid rgba(255,255,255,0.10) !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } .sbs-num-item.wp-block-column:last-child { border-right: none !important; } .sbs-num-value { font-size: 52px !important; font-weight: 700 !important; color: #fff !important; line-height: 1 !important; margin: 0 0 10px !important; } .sbs-num-label { font-size: 15px !important; font-weight: 600 !important; color: rgba(255,255,255,0.85) !important; margin: 0 0 6px !important; } .sbs-num-sub { font-size: 12.5px !important; color: rgba(255,255,255,0.45) !important; margin: 0 !important; } /* ── LICENCJE ─────────────────────────────────────────── */ .sbs-about-licenses { background: #fff !important; padding: 0 !important; } .sbs-about-licenses-inner { max-width: 1100px; margin: 0 auto !important; padding: 88px 40px !important; } .sbs-about-licenses-head.wp-block-group { text-align: center !important; margin-bottom: 56px !important; } .sbs-lic-grid.wp-block-columns { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 28px !important; } .sbs-lic-card.wp-block-column { background: #f5f7fb !important; border: 1.5px solid var(--line) !important; border-radius: 18px !important; padding: 40px 32px !important; width: auto !important; flex-basis: unset !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } .sbs-lic-icon { color: var(--navy) !important; margin: 0 0 20px !important; line-height: 1 !important; } .sbs-lic-title { font-size: 16px !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 0 12px !important; } .sbs-lic-body { font-size: 14px !important; color: var(--muted) !important; line-height: 1.7 !important; margin: 0 !important; } /* ── BIURA ────────────────────────────────────────────── */ .sbs-about-offices { background: #f5f7fb !important; padding: 0 !important; } .sbs-about-offices-inner { max-width: 1100px; margin: 0 auto !important; padding: 88px 40px !important; } .sbs-about-offices-head.wp-block-group { text-align: center !important; margin-bottom: 56px !important; } .sbs-offices-grid.wp-block-columns { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 32px !important; } .sbs-office-card.wp-block-column { background: #fff !important; border: 1.5px solid var(--line) !important; border-radius: 20px !important; overflow: hidden !important; width: auto !important; flex-basis: unset !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } .sbs-office-map-placeholder.wp-block-group { background: linear-gradient(135deg, #1a3a6b 0%, #0d1b2a 100%) !important; height: 180px !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; overflow: hidden !important; min-height: unset !important; } .sbs-office-map-2.wp-block-group { background: linear-gradient(135deg, #1e4d8c 0%, #1a3a6b 100%) !important; } .sbs-office-city-bg { font-size: 72px !important; font-weight: 900 !important; color: rgba(255,255,255,0.10) !important; letter-spacing: 8px !important; text-transform: uppercase !important; margin: 0 !important; user-select: none !important; line-height: 1 !important; } .sbs-office-info.wp-block-group { padding: 32px !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } .sbs-office-title { font-size: 18px !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 0 20px !important; } .sbs-office-detail.wp-block-group { display: flex !important; align-items: flex-start !important; gap: 10px !important; margin-bottom: 12px !important; min-height: unset !important; } .sbs-office-ico { color: var(--navy) !important; margin: 0 !important; flex-shrink: 0; padding-top: 2px; line-height: 1 !important; } .sbs-office-text { font-size: 14.5px !important; color: var(--muted) !important; margin: 0 !important; line-height: 1.5 !important; } .sbs-office-text a { color: var(--blue) !important; font-weight: 500 !important; } .sbs-office-text a:hover { text-decoration: underline !important; } /* ── CTA (bottom) ─────────────────────────────────────── */ .sbs-about-cta { background: linear-gradient(135deg, #1a3a6b 0%, #1e4d8c 100%) !important; padding: 0 !important; } .sbs-about-cta-inner { max-width: 760px; margin: 0 auto !important; padding: 88px 40px !important; text-align: center !important; } .sbs-about-cta-h2 { font-size: clamp(26px, 3.5vw, 40px) !important; font-weight: 700 !important; color: #fff !important; margin: 0 0 18px !important; } .sbs-about-cta-lead { font-size: 16px !important; color: rgba(255,255,255,0.75) !important; line-height: 1.65 !important; margin: 0 0 36px !important; } .sbs-about-cta-btns.wp-block-group { display: flex !important; flex-wrap: wrap !important; gap: 14px !important; justify-content: center !important; } .sbs-about-cta-btns p { margin: 0 !important; } /* ═══════════════════════════════════════════════════════ O KANCELARII — paleta kolorów jak "Dla sądów" ════════════════════════════════════════════════════════ */ /* Hero — identyczny gradient jak court hero */ .sbs-about-hero { background: linear-gradient(135deg, #070e1c 0%, #0d1b2a 50%, #1a3a6b 100%) !important; } /* Zasady — ciemne tło */ .sbs-about-values { background: linear-gradient(135deg, #0d1b2a 0%, #1a3a6b 55%, #1e4d8c 100%) !important; } .sbs-about-values .sbs-eyebrow { color: #60a5fa !important; } .sbs-about-values .sbs-section-h2 { color: #fff !important; } .sbs-about-values .sbs-section-lead { color: rgba(255,255,255,.65) !important; } .sbs-value-card.wp-block-column { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.10) !important; } .sbs-value-card.wp-block-column:hover { background: rgba(255,255,255,.10) !important; border-color: rgba(255,255,255,.22) !important; box-shadow: 0 8px 32px rgba(0,0,0,.28) !important; } .sbs-value-icon { color: #60a5fa !important; } .sbs-value-title { color: #fff !important; } .sbs-value-desc { color: rgba(255,255,255,.60) !important; } /* Licencje — ciemne tło */ .sbs-about-licenses { background: linear-gradient(135deg, #0d1b2a 0%, #1a3a6b 55%, #1e4d8c 100%) !important; } .sbs-about-licenses .sbs-eyebrow { color: #60a5fa !important; } .sbs-about-licenses .sbs-section-h2 { color: #fff !important; } .sbs-about-licenses .sbs-section-lead { color: rgba(255,255,255,.65) !important; } .sbs-lic-card.wp-block-column { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.10) !important; } .sbs-lic-icon { color: #60a5fa !important; } .sbs-lic-title { color: #fff !important; } .sbs-lic-body { color: rgba(255,255,255,.60) !important; } /* CTA — identyczny gradient jak court CTA */ .sbs-about-cta { background: linear-gradient(135deg, #070e1c 0%, #1a3a6b 100%) !important; } /* ── Upadłość konsumencka — highlights strip ─────────── */ .sbs-uk-highlights { background: #fff !important; border-bottom: 1px solid var(--line) !important; padding: 0 !important; } .sbs-uk-highlights-inner { max-width: 1100px; margin: 0 auto !important; padding: 0 40px !important; } .sbs-uk-hl-grid.wp-block-columns { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 0 !important; } .sbs-uk-hl-item.wp-block-column { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 0 !important; padding: 40px 32px !important; width: auto !important; flex-basis: unset !important; border-right: 1px solid var(--line) !important; } .sbs-uk-hl-item.wp-block-column:last-child { border-right: none !important; } .sbs-uk-hl-icon { color: var(--blue) !important; margin: 0 0 14px !important; line-height: 1 !important; } .sbs-uk-hl-icon svg { display: block; } .sbs-uk-hl-title { font-size: 16px !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 0 8px !important; line-height: 1.3 !important; } .sbs-uk-hl-desc { font-size: 13.5px !important; color: var(--muted) !important; line-height: 1.55 !important; margin: 0 !important; } @media (max-width: 768px) { .sbs-uk-hl-grid.wp-block-columns { grid-template-columns: 1fr 1fr !important; } .sbs-uk-hl-item.wp-block-column { padding: 28px 20px !important; border-right: none !important; border-bottom: 1px solid var(--line) !important; } .sbs-uk-hl-item.wp-block-column:nth-child(odd) { border-right: 1px solid var(--line) !important; } .sbs-uk-hl-item.wp-block-column:nth-last-child(-n+2) { border-bottom: none !important; } .sbs-uk-highlights-inner { padding: 0 !important; } } /* ── Upadłość konsumencka — hero stats card ──────────── */ .sbs-uk-hero-stats.wp-block-group { background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 20px !important; padding: 32px !important; display: flex !important; flex-direction: column !important; gap: 24px !important; } .sbs-uk-hs-label { font-size: 10px !important; font-weight: 700 !important; letter-spacing: .13em !important; text-transform: uppercase !important; color: rgba(255,255,255,.35) !important; margin: 0 !important; } .sbs-uk-hs-grid.wp-block-group { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 2px !important; } .sbs-uk-hs-item.wp-block-group { background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 12px !important; padding: 22px 20px !important; display: flex !important; flex-direction: column !important; gap: 6px !important; } .sbs-uk-hs-num { font-size: 42px !important; font-weight: 800 !important; color: #fff !important; line-height: 1 !important; letter-spacing: -.04em !important; margin: 0 !important; } .sbs-uk-hs-num span { font-size: 26px !important; color: #60a5fa !important; font-weight: 700 !important; } .sbs-uk-hs-desc { font-size: 12px !important; color: rgba(255,255,255,.50) !important; line-height: 1.5 !important; margin: 0 !important; } .sbs-uk-hs-footer { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 13px !important; font-weight: 500 !important; color: rgba(255,255,255,.45) !important; margin: 0 !important; padding-top: 4px !important; border-top: 1px solid rgba(255,255,255,.08) !important; } .sbs-uk-hs-footer svg { flex-shrink: 0; opacity: .5; } /* ── Upadłość konsumencka — facts card ───────────────── */ .sbs-uk-facts-card.wp-block-group { background: rgba(255,255,255,.05) !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 18px !important; padding: 28px !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } .sbs-uk-fc-header { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .13em !important; text-transform: uppercase !important; color: rgba(255,255,255,.35) !important; margin: 0 0 20px !important; padding-bottom: 16px !important; border-bottom: 1px solid rgba(255,255,255,.07) !important; } .sbs-uk-fc-header svg { opacity: .5; flex-shrink: 0; } .sbs-uk-fc-row { display: flex !important; flex-direction: column !important; gap: 3px !important; padding: 12px 0 12px 14px !important; margin: 0 !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; border-left: 3px solid transparent !important; } .sbs-uk-fc-row:last-of-type { border-bottom: none !important; } .sbs-uk-fc-violet { border-left-color: #a78bfa !important; } .sbs-uk-fc-green { border-left-color: #4ade80 !important; } .sbs-uk-fc-blue { border-left-color: #60a5fa !important; } .sbs-uk-fc-amber { border-left-color: #fbbf24 !important; } .sbs-uk-fc-teal { border-left-color: #2dd4bf !important; } .sbs-uk-fc-rose { border-left-color: #fb7185 !important; } .sbs-uk-fc-name { display: block !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: rgba(255,255,255,.30) !important; line-height: 1 !important; } .sbs-uk-fc-val { display: block !important; font-size: 14px !important; font-weight: 500 !important; color: rgba(255,255,255,.85) !important; line-height: 1.4 !important; } .sbs-uk-fc-footer { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 12px !important; color: rgba(255,255,255,.35) !important; margin: 18px 0 0 !important; padding-top: 16px !important; border-top: 1px solid rgba(255,255,255,.07) !important; } /* ── Upadłość konsumencka — facts card numbered list ─── */ .sbs-uk-fc-numlist { display: flex !important; flex-direction: column !important; gap: 0 !important; margin: 0 !important; } .sbs-uk-fc-numitem { display: flex !important; align-items: flex-start !important; gap: 16px !important; padding: 13px 0 !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; margin: 0 !important; } .sbs-uk-fc-numitem:last-child { border-bottom: none !important; } .sbs-uk-fc-num { font-size: 22px !important; font-weight: 800 !important; color: rgba(96,165,250,.22) !important; line-height: 1 !important; flex-shrink: 0 !important; letter-spacing: -.03em !important; min-width: 30px !important; margin-top: 1px !important; } .sbs-uk-fc-numitem-body { display: flex !important; flex-direction: column !important; gap: 4px !important; } .sbs-uk-fc-numitem-lbl { display: block !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .09em !important; text-transform: uppercase !important; color: rgba(255,255,255,.30) !important; line-height: 1 !important; } .sbs-uk-fc-numitem-val { display: block !important; font-size: 14px !important; font-weight: 500 !important; color: rgba(255,255,255,.88) !important; line-height: 1.4 !important; } /* ── Upadłość konsumencka — debt card visual ─────────── */ .sbs-uk-debt-card.wp-block-group { background: rgba(255,255,255,.05) !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 18px !important; padding: 32px 28px !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } .sbs-uk-debt-label { font-size: 10px !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: rgba(255,255,255,.35) !important; margin: 0 0 20px !important; padding-bottom: 16px !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; } .sbs-uk-debt-row { display: flex !important; align-items: center !important; gap: 12px !important; font-size: 14px !important; font-weight: 500 !important; color: rgba(255,255,255,.80) !important; padding: 10px 0 !important; margin: 0 !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; line-height: 1.4 !important; } .sbs-uk-debt-check { flex-shrink: 0 !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; background: rgba(37,99,235,.30) !important; border: 1px solid rgba(96,165,250,.35) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #60a5fa !important; } .sbs-uk-debt-footer { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 12px !important; font-weight: 600 !important; color: #60a5fa !important; margin: 20px 0 0 !important; padding-top: 16px !important; border-top: 1px solid rgba(255,255,255,.08) !important; } .sbs-uk-debt-footer svg { flex-shrink: 0; color: #60a5fa; } /* ── Upadłość konsumencka — jaśniejszy CTA ────────────── */ .sbs-uk-cta { background: linear-gradient(135deg, #070e1c 0%, #1a3a6b 100%) !important; padding: 0 !important; } /* Plan restrukturyzacyjny outline rows */ .sbs-plan-row { display: flex !important; align-items: flex-start !important; gap: 10px !important; font-size: 13px !important; font-weight: 500 !important; color: rgba(255,255,255,.80) !important; line-height: 1.45 !important; margin: 0 !important; padding: 7px 0 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; width: 100% !important; } .sbs-plan-row:last-child { border-bottom: none !important; } .sbs-plan-num { flex-shrink: 0 !important; width: 22px !important; height: 22px !important; border-radius: 6px !important; background: rgba(255,255,255,.12) !important; color: rgba(255,255,255,.5) !important; font-size: 10px !important; font-weight: 700 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-top: 1px !important; } .sbs-btn-primary { display: inline-flex !important; align-items: center !important; padding: 13px 28px !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 700 !important; color: var(--navy) !important; background: #ffffff !important; text-decoration: none !important; white-space: nowrap !important; transition: background .2s, transform .15s !important; } .sbs-btn-primary:hover { background: #e8f0fe !important; transform: translateY(-1px) !important; } .sbs-btn-secondary-light { display: inline-block !important; background: transparent !important; border: 2px solid rgba(255,255,255,0.45) !important; color: #fff !important; font-size: 15px !important; font-weight: 600 !important; padding: 13px 28px !important; border-radius: 10px !important; transition: background .2s, border-color .2s !important; text-decoration: none !important; } .sbs-btn-secondary-light:hover { background: rgba(255,255,255,0.10) !important; border-color: rgba(255,255,255,0.80) !important; } /* ── SHARED HELPERS (used across about sections) ──────── */ .sbs-eyebrow { font-size: 12px !important; font-weight: 600 !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: var(--blue) !important; margin: 0 0 12px !important; } .sbs-section-h2 { font-size: clamp(24px, 3vw, 36px) !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 0 14px !important; } .sbs-section-lead { font-size: 15.5px !important; color: var(--muted) !important; line-height: 1.65 !important; margin: 0 !important; max-width: 600px; } .sbs-about-team-head .sbs-section-lead, .sbs-about-licenses-head .sbs-section-lead { margin: 0 auto !important; } /* ── RESPONSIVE ───────────────────────────────────────── */ @media (max-width: 1024px) { .sbs-about-values-grid.wp-block-columns { grid-template-columns: repeat(2, 1fr) !important; } .sbs-team-grid.wp-block-columns { grid-template-columns: repeat(2, 1fr) !important; } .sbs-about-who-cols.wp-block-columns { grid-template-columns: 1fr !important; } .sbs-about-who-visual.wp-block-column { order: -1; } } @media (max-width: 768px) { .sbs-about-hero-inner { padding: 64px 20px 56px !important; } .sbs-about-who-inner, .sbs-about-values-inner, .sbs-about-team-inner, .sbs-about-services-inner, .sbs-about-numbers-inner, .sbs-about-licenses-inner, .sbs-about-offices-inner, .sbs-about-cta-inner { padding-left: 20px !important; padding-right: 20px !important; } .sbs-about-values-grid.wp-block-columns, .sbs-team-grid.wp-block-columns, .sbs-abt-svc-grid.wp-block-columns, .sbs-lic-grid.wp-block-columns, .sbs-offices-grid.wp-block-columns { grid-template-columns: 1fr !important; } .sbs-numbers-grid.wp-block-columns { grid-template-columns: repeat(2, 1fr) !important; } .sbs-num-item.wp-block-column { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,0.10) !important; padding: 24px !important; } .sbs-num-item.wp-block-column:nth-child(2n) { border-right: none !important; } .sbs-about-stats.wp-block-group { gap: 28px !important; } } /* ═══════════════════════════════════════════════════════ KONTAKT — PAGE STYLES ════════════════════════════════════════════════════════ */ /* ── HERO ─────────────────────────────────────────────── */ .sbs-contact-hero { background: linear-gradient(135deg, #0d1b2a 0%, #1a3a6b 60%, #1e4d8c 100%); padding: 0 !important; margin: 0 !important; } .sbs-contact-hero-inner { max-width: 1100px; margin: 0 auto !important; padding: 80px 40px 72px !important; } .sbs-contact-h1 { color: #fff !important; font-size: clamp(30px, 4vw, 50px) !important; font-weight: 700 !important; line-height: 1.18 !important; margin: 0 0 18px !important; } .sbs-contact-hero-lead { color: rgba(255,255,255,0.78) !important; font-size: 16.5px !important; line-height: 1.65 !important; max-width: 600px; margin: 0 0 32px !important; } .sbs-contact-hero-pills.wp-block-group { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; } .sbs-contact-pill { display: flex !important; align-items: center !important; gap: 7px !important; font-size: 13px !important; font-weight: 500 !important; color: rgba(255,255,255,0.85) !important; background: rgba(255,255,255,0.10) !important; border: 1px solid rgba(255,255,255,0.20) !important; border-radius: 20px !important; padding: 6px 14px !important; margin: 0 !important; } .sbs-contact-pill svg { flex-shrink: 0; color: #60a5fa !important; } /* ── MAIN SECTION ─────────────────────────────────────── */ .sbs-contact-main { background: #f5f7fb !important; padding: 0 !important; } .sbs-contact-main-inner { max-width: 1100px; margin: 0 auto !important; padding: 72px 40px 80px !important; } .sbs-contact-cols.wp-block-columns { display: grid !important; grid-template-columns: 1fr 380px !important; gap: 56px !important; align-items: start !important; } .sbs-contact-form-col.wp-block-column, .sbs-contact-info-col.wp-block-column { width: auto !important; flex-basis: unset !important; } /* Form box */ .sbs-contact-form-box.wp-block-group { background: #fff !important; border: 1.5px solid var(--line) !important; border-radius: 20px !important; padding: 48px 44px !important; box-shadow: 0 4px 32px rgba(26,58,107,0.07) !important; } .sbs-contact-form-title { font-size: 22px !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 0 8px !important; } .sbs-contact-form-sub { font-size: 14px !important; color: var(--muted) !important; margin: 0 0 28px !important; line-height: 1.6 !important; } /* CF7 form overrides inside contact box */ .sbs-contact-form-box .wpcf7-form { display: flex !important; flex-direction: column !important; gap: 16px !important; } .sbs-contact-form-box .wpcf7-form p { margin: 0 !important; } .sbs-contact-form-box input[type="text"], .sbs-contact-form-box input[type="email"], .sbs-contact-form-box input[type="tel"], .sbs-contact-form-box select, .sbs-contact-form-box textarea { width: 100% !important; border: 1.5px solid var(--line) !important; border-radius: 10px !important; padding: 13px 16px !important; font-size: 14.5px !important; font-family: inherit !important; color: var(--ink) !important; background: #f9fafb !important; transition: border-color .18s, background .18s !important; outline: none !important; } .sbs-contact-form-box input:focus, .sbs-contact-form-box textarea:focus, .sbs-contact-form-box select:focus { border-color: var(--navy) !important; background: #fff !important; } .sbs-contact-form-box textarea { min-height: 130px !important; resize: vertical !important; } .sbs-contact-form-box .wpcf7-submit { background: var(--navy) !important; color: #fff !important; border: none !important; border-radius: 10px !important; padding: 14px 28px !important; font-size: 15px !important; font-weight: 600 !important; font-family: inherit !important; cursor: pointer !important; transition: background .2s, transform .15s !important; width: 100% !important; } .sbs-contact-form-box .wpcf7-submit:hover { background: #1e4d8c !important; transform: translateY(-1px) !important; } /* Info column */ .sbs-contact-info-block.wp-block-group, .sbs-contact-offices-block.wp-block-group, .sbs-contact-promise.wp-block-group { background: #fff !important; border: 1.5px solid var(--line) !important; border-radius: 16px !important; padding: 28px 28px !important; margin-bottom: 16px !important; } .sbs-contact-promise.wp-block-group { display: flex !important; gap: 14px !important; align-items: flex-start !important; background: #eff6ff !important; border-color: #bfdbfe !important; margin-bottom: 0 !important; } .sbs-contact-info-title { font-size: 14px !important; font-weight: 700 !important; color: var(--muted) !important; text-transform: uppercase !important; letter-spacing: 1.2px !important; margin: 0 0 20px !important; } /* Contact rows */ .sbs-contact-row.wp-block-group { display: flex !important; align-items: flex-start !important; gap: 14px !important; margin-bottom: 18px !important; min-height: unset !important; } .sbs-contact-row.wp-block-group:last-child { margin-bottom: 0 !important; } .sbs-contact-row-ico { width: 38px !important; height: 38px !important; border-radius: 10px !important; background: #eff6ff !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0; margin: 0 !important; color: var(--navy) !important; line-height: 1 !important; } .sbs-contact-row-body.wp-block-group { display: flex !important; flex-direction: column !important; gap: 2px !important; } .sbs-contact-row-label { font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; color: var(--muted) !important; margin: 0 !important; } .sbs-contact-row-value { font-size: 15px !important; font-weight: 600 !important; color: var(--ink) !important; margin: 0 !important; } .sbs-contact-row-value a { color: var(--navy) !important; transition: color .15s !important; } .sbs-contact-row-value a:hover { color: var(--blue) !important; } /* Office entries inside sidebar */ .sbs-contact-office.wp-block-group { border-bottom: 1px solid var(--line) !important; padding-bottom: 16px !important; margin-bottom: 16px !important; } .sbs-contact-office.wp-block-group:last-child { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } .sbs-contact-office-header.wp-block-group { display: flex !important; align-items: center !important; gap: 10px !important; margin-bottom: 6px !important; min-height: unset !important; } .sbs-contact-office-dot { width: 10px !important; height: 10px !important; border-radius: 50% !important; flex-shrink: 0; margin: 0 !important; line-height: 1 !important; } .sbs-dot-primary { background: var(--navy) !important; } .sbs-dot-secondary { background: #2563eb !important; } .sbs-contact-office-city { font-size: 15px !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 !important; display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; } .sbs-office-badge { font-size: 10.5px !important; font-weight: 600 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; background: var(--navy) !important; color: #fff !important; border-radius: 4px !important; padding: 2px 7px !important; } .sbs-badge-muted { background: var(--muted) !important; } .sbs-contact-office-addr { font-size: 13.5px !important; color: var(--muted) !important; margin: 0 0 3px !important; } .sbs-contact-office-phone { font-size: 13.5px !important; margin: 0 !important; } .sbs-contact-office-phone a { color: var(--blue) !important; font-weight: 500 !important; } /* Promise box */ .sbs-contact-promise-icon { color: var(--navy) !important; margin: 0 !important; flex-shrink: 0; line-height: 1 !important; padding-top: 2px; } .sbs-contact-promise-text { font-size: 13px !important; color: #1e40af !important; line-height: 1.6 !important; margin: 0 !important; } .sbs-contact-promise-text strong { color: var(--navy) !important; font-weight: 700 !important; } /* ── MAPA / LOKALIZACJE ───────────────────────────────── */ .sbs-contact-maps { background: #fff !important; padding: 0 !important; } .sbs-contact-maps-inner { max-width: 1100px; margin: 0 auto !important; padding: 80px 40px !important; } .sbs-contact-maps-head.wp-block-group { margin-bottom: 48px !important; } .sbs-contact-map-cards.wp-block-columns { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 28px !important; } .sbs-map-card.wp-block-column { background: #fff !important; border: 1.5px solid var(--line) !important; border-radius: 20px !important; overflow: hidden !important; width: auto !important; flex-basis: unset !important; display: flex !important; flex-direction: column !important; gap: 0 !important; transition: box-shadow .22s, border-color .22s !important; } .sbs-map-card.wp-block-column:hover { box-shadow: 0 10px 40px rgba(26,58,107,0.10) !important; border-color: #bfdbfe !important; } .sbs-map-visual.wp-block-group { height: 200px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 12px !important; min-height: unset !important; position: relative !important; overflow: hidden !important; } .sbs-map-waw.wp-block-group { background: linear-gradient(140deg, #0d1b2a 0%, #1a3a6b 100%) !important; } .sbs-map-zam.wp-block-group { background: linear-gradient(140deg, #1a3a6b 0%, #1e4d8c 100%) !important; } .sbs-map-city-label { font-size: 52px !important; font-weight: 900 !important; color: rgba(255,255,255,0.08) !important; letter-spacing: 10px !important; position: absolute !important; margin: 0 !important; line-height: 1 !important; user-select: none !important; } .sbs-map-pin-icon { color: rgba(255,255,255,0.80) !important; margin: 0 !important; line-height: 1 !important; position: relative !important; z-index: 1 !important; } .sbs-map-info.wp-block-group { padding: 28px 32px !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } .sbs-map-city { font-size: 17px !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 0 10px !important; } .sbs-map-addr { font-size: 14px !important; color: var(--muted) !important; line-height: 1.55 !important; margin: 0 0 10px !important; } .sbs-map-hours { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 13px !important; color: var(--muted) !important; margin: 0 0 16px !important; } .sbs-map-hours svg { flex-shrink: 0; } .sbs-map-cta { margin: 0 !important; } .sbs-map-link { font-size: 13.5px !important; font-weight: 600 !important; color: var(--blue) !important; transition: color .15s !important; text-decoration: none !important; } .sbs-map-link:hover { color: var(--navy) !important; } /* ── FAQ ──────────────────────────────────────────────── */ .sbs-contact-faq { background: #f5f7fb !important; padding: 0 !important; } .sbs-contact-faq-inner { max-width: 1100px; margin: 0 auto !important; padding: 88px 40px !important; } .sbs-contact-faq-cols.wp-block-columns { display: grid !important; grid-template-columns: 380px 1fr !important; gap: 72px !important; align-items: start !important; } .sbs-contact-faq-left.wp-block-column, .sbs-contact-faq-right.wp-block-column { width: auto !important; flex-basis: unset !important; } .sbs-contact-faq-intro { font-size: 14.5px !important; color: var(--muted) !important; line-height: 1.7 !important; margin: 0 0 24px !important; } .sbs-cfaq-item.wp-block-group { border-bottom: 1px solid var(--line) !important; padding-bottom: 24px !important; margin-bottom: 24px !important; } .sbs-cfaq-item.wp-block-group:last-child { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } .sbs-cfaq-q { font-size: 16px !important; font-weight: 600 !important; color: var(--ink) !important; margin: 0 0 10px !important; line-height: 1.4 !important; } .sbs-cfaq-a { font-size: 14px !important; color: var(--muted) !important; line-height: 1.7 !important; margin: 0 !important; } /* ── CTA ──────────────────────────────────────────────── */ .sbs-contact-cta { background: linear-gradient(135deg, #0d1b2a 0%, #1a3a6b 100%) !important; padding: 0 !important; } .sbs-contact-cta-inner { max-width: 1100px; margin: 0 auto !important; padding: 72px 40px !important; } .sbs-contact-cta-cols.wp-block-columns { display: grid !important; grid-template-columns: 1fr auto !important; gap: 48px !important; align-items: center !important; } .sbs-contact-cta-text.wp-block-column, .sbs-contact-cta-actions.wp-block-column { width: auto !important; flex-basis: unset !important; } .sbs-contact-cta-h2 { font-size: clamp(22px, 3vw, 34px) !important; font-weight: 700 !important; color: #fff !important; margin: 0 0 10px !important; } .sbs-contact-cta-lead { font-size: 15px !important; color: rgba(255,255,255,0.70) !important; line-height: 1.65 !important; margin: 0 !important; max-width: 520px; } .sbs-contact-cta-btns.wp-block-group { display: flex !important; flex-direction: column !important; gap: 12px !important; align-items: flex-start !important; } .sbs-contact-cta-btns p { margin: 0 !important; } .sbs-btn-cta-phone, .sbs-btn-cta-email { display: inline-flex !important; align-items: center !important; gap: 9px !important; font-size: 14.5px !important; font-weight: 600 !important; padding: 13px 24px !important; border-radius: 10px !important; text-decoration: none !important; transition: all .2s !important; white-space: nowrap !important; } .sbs-btn-cta-phone { background: #fff !important; color: var(--navy) !important; border: 2px solid #fff !important; } .sbs-btn-cta-phone:hover { background: transparent !important; color: #fff !important; } .sbs-btn-cta-email { background: transparent !important; color: rgba(255,255,255,0.85) !important; border: 2px solid rgba(255,255,255,0.35) !important; } .sbs-btn-cta-email:hover { border-color: rgba(255,255,255,0.80) !important; color: #fff !important; } /* ── RESPONSIVE ───────────────────────────────────────── */ @media (max-width: 1024px) { .sbs-contact-cols.wp-block-columns { grid-template-columns: 1fr !important; } .sbs-contact-info-col.wp-block-column { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; } .sbs-contact-promise.wp-block-group { grid-column: 1 / -1 !important; margin-bottom: 0 !important; } .sbs-contact-offices-block.wp-block-group { margin-bottom: 0 !important; } .sbs-contact-faq-cols.wp-block-columns { grid-template-columns: 1fr !important; gap: 40px !important; } .sbs-contact-cta-cols.wp-block-columns { grid-template-columns: 1fr !important; gap: 28px !important; } } @media (max-width: 768px) { .sbs-contact-hero-inner { padding: 60px 20px 56px !important; } .sbs-contact-main-inner, .sbs-contact-maps-inner, .sbs-contact-faq-inner, .sbs-contact-cta-inner { padding-left: 20px !important; padding-right: 20px !important; } .sbs-contact-form-box.wp-block-group { padding: 32px 24px !important; } .sbs-contact-info-col.wp-block-column { grid-template-columns: 1fr !important; } .sbs-contact-map-cards.wp-block-columns { grid-template-columns: 1fr !important; } .sbs-contact-cta-btns.wp-block-group { flex-direction: column !important; } .sbs-contact-cols.wp-block-columns { gap: 32px !important; } } /* ═══════════════════════════════════════════════════════ DLA SĄDÓW — PAGE STYLES ════════════════════════════════════════════════════════ */ /* ── HERO ─────────────────────────────────────────────── */ .sbs-court-hero { background: linear-gradient(135deg, #0d1b2a 0%, #1a3a6b 55%, #1e4d8c 100%); padding: 0 !important; margin: 0 !important; } .sbs-court-hero-inner { max-width: 1100px; margin: 0 auto !important; padding: 88px 40px 80px !important; } .sbs-court-hero-cols.wp-block-columns { display: grid !important; grid-template-columns: 1fr 380px !important; gap: 64px !important; align-items: center !important; } .sbs-court-hero-text.wp-block-column, .sbs-court-hero-visual.wp-block-column { width: auto !important; flex-basis: unset !important; } .sbs-court-h1 { color: #fff !important; font-size: clamp(28px, 4vw, 48px) !important; font-weight: 700 !important; line-height: 1.2 !important; margin: 0 0 20px !important; } .sbs-court-hero-lead { color: rgba(255,255,255,0.75) !important; font-size: 16px !important; line-height: 1.7 !important; margin: 0 0 32px !important; } .sbs-court-hero-tags.wp-block-group { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; } .sbs-court-hero-tag { display: flex !important; align-items: center !important; gap: 7px !important; font-size: 13px !important; font-weight: 500 !important; color: rgba(255,255,255,0.80) !important; background: rgba(255,255,255,0.08) !important; border: 1px solid rgba(255,255,255,0.15) !important; border-radius: 20px !important; padding: 6px 13px !important; margin: 0 !important; } .sbs-court-hero-tag svg { flex-shrink: 0; color: #60a5fa !important; } /* Hero — Digital Suite panel */ .sbs-court-suite.wp-block-group { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 14px !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; gap: 0 !important; font-family: 'Onest', monospace !important; } /* Title bar (macOS-style) */ .sbs-suite-bar { display: flex !important; align-items: center !important; gap: 6px !important; background: rgba(255,255,255,0.07) !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; padding: 11px 16px !important; margin: 0 !important; } .sbs-suite-dot { width: 11px !important; height: 11px !important; border-radius: 50% !important; display: inline-block !important; } .sbs-suite-dot.r { background: #ff5f57 !important; } .sbs-suite-dot.y { background: #febc2e !important; } .sbs-suite-dot.g { background: #28c840 !important; } .sbs-suite-title { margin-left: 6px !important; font-size: 11px !important; font-weight: 600 !important; color: rgba(255,255,255,0.35) !important; letter-spacing: 0.5px !important; } /* Rows */ .sbs-suite-row { display: flex !important; align-items: center !important; gap: 10px !important; padding: 11px 16px !important; margin: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.05) !important; transition: background .15s !important; } .sbs-suite-row:hover { background: rgba(255,255,255,0.04) !important; } .sbs-suite-ico { width: 26px !important; height: 26px !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0; } .sbs-si-violet { background: rgba(139,92,246,0.18) !important; color: #a78bfa !important; } .sbs-si-green { background: rgba(34,197,94,0.15) !important; color: #4ade80 !important; } .sbs-si-blue { background: rgba(59,130,246,0.18) !important; color: #60a5fa !important; } .sbs-si-amber { background: rgba(245,158,11,0.15) !important; color: #fbbf24 !important; } .sbs-si-teal { background: rgba(20,184,166,0.15) !important; color: #2dd4bf !important; } .sbs-si-rose { background: rgba(244,63,94,0.15) !important; color: #fb7185 !important; } .sbs-si-slate { background: rgba(148,163,184,0.12)!important; color: #94a3b8 !important; } .sbs-suite-name { flex: 1 !important; font-size: 13px !important; font-weight: 500 !important; color: rgba(255,255,255,0.80) !important; } .sbs-suite-status { font-size: 11px !important; font-weight: 600 !important; white-space: nowrap !important; } .sbs-ss-on { color: #4ade80 !important; } /* Footer */ .sbs-suite-footer { display: flex !important; align-items: center !important; gap: 8px !important; padding: 11px 16px !important; margin: 0 !important; font-size: 11.5px !important; color: rgba(255,255,255,0.30) !important; background: rgba(255,255,255,0.03) !important; border-top: 1px solid rgba(255,255,255,0.07) !important; } .sbs-suite-pulse { width: 7px !important; height: 7px !important; border-radius: 50% !important; background: #4ade80 !important; display: inline-block !important; animation: sbs-pulse 2s ease-in-out infinite !important; } @keyframes sbs-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } } /* ── JAK DZIAŁAMY ─────────────────────────────────────── */ .sbs-court-process { background: #fff !important; padding: 0 !important; } .sbs-court-process-inner { max-width: 1100px; margin: 0 auto !important; padding: 88px 40px !important; } .sbs-court-process-head.wp-block-group { max-width: 680px; margin-bottom: 56px !important; } .sbs-court-steps.wp-block-columns { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 0 !important; align-items: start !important; } .sbs-court-step.wp-block-column { width: auto !important; flex-basis: unset !important; padding: 0 28px 0 0 !important; border-right: 1px solid var(--line) !important; margin-right: 28px !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } .sbs-court-step.wp-block-column:last-child { border-right: none !important; padding-right: 0 !important; margin-right: 0 !important; } .sbs-cstep-num { font-size: 40px !important; font-weight: 800 !important; color: var(--line) !important; line-height: 1 !important; margin: 0 0 16px !important; letter-spacing: -1px !important; } .sbs-cstep-title { font-size: 15px !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 0 10px !important; line-height: 1.4 !important; } .sbs-cstep-desc { font-size: 13.5px !important; color: var(--muted) !important; line-height: 1.65 !important; margin: 0 !important; } /* ── AI ───────────────────────────────────────────────── */ .sbs-court-ai { background: linear-gradient(135deg, #0d1b2a 0%, #1a3a6b 55%, #1e4d8c 100%) !important; padding: 0 !important; } .sbs-court-ai-inner { max-width: 1100px; margin: 0 auto !important; padding: 88px 40px !important; } .sbs-court-ai-cols.wp-block-columns { display: grid !important; grid-template-columns: 380px 1fr !important; gap: 72px !important; align-items: center !important; } .sbs-court-ai-visual.wp-block-column, .sbs-court-ai-text.wp-block-column { width: auto !important; flex-basis: unset !important; } .sbs-court-ai-text .sbs-eyebrow { color: #60a5fa !important; } .sbs-court-ai-text .sbs-section-h2 { color: #fff !important; } .sbs-court-ai-body { font-size: 15px !important; color: rgba(255,255,255,0.65) !important; line-height: 1.75 !important; margin: 0 0 32px !important; } /* AI visual box */ .sbs-ai-visual-box.wp-block-group { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.10) !important; border-radius: 20px !important; padding: 40px 36px !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } .sbs-ai-glyph { font-size: 56px !important; font-weight: 900 !important; color: rgba(255,255,255,0.07) !important; letter-spacing: 4px !important; line-height: 1 !important; margin: 0 0 28px !important; } .sbs-ai-chips.wp-block-group { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; } .sbs-ai-chip { font-size: 12.5px !important; font-weight: 500 !important; color: rgba(255,255,255,0.75) !important; background: rgba(255,255,255,0.08) !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 6px !important; padding: 6px 12px !important; margin: 0 !important; } /* AI features */ .sbs-ai-features.wp-block-group { display: flex !important; flex-direction: column !important; gap: 0 !important; } .sbs-ai-feature.wp-block-group { display: flex !important; gap: 16px !important; align-items: flex-start !important; padding: 20px 0 !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; min-height: unset !important; } .sbs-ai-feature.wp-block-group:last-child { border-bottom: none !important; } .sbs-ai-feature-ico { width: 40px !important; height: 40px !important; border-radius: 10px !important; background: rgba(255,255,255,0.07) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0; color: #60a5fa !important; margin: 0 !important; line-height: 1 !important; } .sbs-ai-feature-body.wp-block-group { display: flex !important; flex-direction: column !important; gap: 4px !important; } .sbs-ai-feature-title { font-size: 14px !important; font-weight: 700 !important; color: #fff !important; margin: 0 !important; } .sbs-ai-feature-desc { font-size: 13.5px !important; color: rgba(255,255,255,0.55) !important; line-height: 1.6 !important; margin: 0 !important; } /* ── EXCEL ────────────────────────────────────────────── */ .sbs-court-excel { background: #f5f7fb !important; padding: 0 !important; } .sbs-court-excel-inner { max-width: 1100px; margin: 0 auto !important; padding: 88px 40px !important; } .sbs-court-excel-head.wp-block-group { margin-bottom: 52px !important; } .sbs-excel-cards.wp-block-columns { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; } .sbs-excel-card.wp-block-column { background: #fff !important; border: 1.5px solid var(--line) !important; border-radius: 16px !important; padding: 28px 24px !important; width: auto !important; flex-basis: unset !important; display: flex !important; flex-direction: column !important; gap: 0 !important; transition: box-shadow .2s, border-color .2s !important; } .sbs-excel-card.wp-block-column:hover { box-shadow: 0 8px 28px rgba(26,58,107,0.09) !important; border-color: #bfdbfe !important; } .sbs-excel-card-ico { color: #16a34a !important; margin: 0 0 14px !important; line-height: 1 !important; } .sbs-excel-card-title { font-size: 15px !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 0 8px !important; } .sbs-excel-card-desc { font-size: 13.5px !important; color: var(--muted) !important; line-height: 1.65 !important; margin: 0 !important; } /* ── KORESPONDENCJA MASOWA ────────────────────────────── */ .sbs-court-mailing { background: #fff !important; padding: 0 !important; } .sbs-court-mailing-inner { max-width: 1100px; margin: 0 auto !important; padding: 88px 40px !important; } .sbs-court-mailing-cols.wp-block-columns { display: grid !important; grid-template-columns: 1fr 320px !important; gap: 64px !important; align-items: start !important; } .sbs-mailing-text.wp-block-column, .sbs-mailing-stats.wp-block-column { width: auto !important; flex-basis: unset !important; } .sbs-mailing-lead { font-size: 15.5px !important; color: var(--muted) !important; line-height: 1.75 !important; margin: 0 0 32px !important; } .sbs-mailing-points.wp-block-group { display: flex !important; flex-direction: column !important; gap: 0 !important; } .sbs-mailing-point.wp-block-group { display: flex !important; gap: 14px !important; align-items: flex-start !important; padding: 14px 0 !important; border-bottom: 1px solid var(--line) !important; min-height: unset !important; } .sbs-mailing-point.wp-block-group:last-child { border-bottom: none !important; } .sbs-mailing-point-ico { width: 26px !important; height: 26px !important; border-radius: 50% !important; background: #dcfce7 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0; color: #16a34a !important; margin: 0 !important; line-height: 1 !important; } .sbs-mailing-point-text { font-size: 14px !important; color: var(--muted) !important; line-height: 1.6 !important; margin: 0 !important; padding-top: 3px !important; } /* Mailing stat card */ .sbs-mailing-stat-card.wp-block-group { background: linear-gradient(145deg, #1a3a6b 0%, #0d1b2a 100%) !important; border-radius: 20px !important; padding: 36px 32px !important; display: flex !important; flex-direction: column !important; gap: 0 !important; position: sticky !important; top: 100px !important; } .sbs-msc-item.wp-block-group { padding: 24px 0 !important; display: flex !important; flex-direction: column !important; gap: 6px !important; } .sbs-msc-divider { height: 1px !important; background: rgba(255,255,255,0.10) !important; } .sbs-msc-num { font-size: 42px !important; font-weight: 800 !important; color: #fff !important; line-height: 1 !important; margin: 0 !important; } .sbs-msc-label { font-size: 13px !important; color: rgba(255,255,255,0.55) !important; line-height: 1.5 !important; margin: 0 !important; } /* ── Upadłość konsumencka — exclusions card ─────────── */ .sbs-msc-card-hdg { font-size: 11px !important; font-weight: 700 !important; letter-spacing: .09em !important; text-transform: uppercase !important; color: rgba(255,255,255,.35) !important; margin: 0 0 20px !important; padding-bottom: 16px !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; display: flex !important; align-items: center !important; gap: 8px !important; } .sbs-msc-excl-list { display: flex !important; flex-direction: column !important; gap: 0 !important; flex: 1 !important; } .sbs-msc-excl-row { display: flex !important; align-items: flex-start !important; gap: 12px !important; padding: 14px 0 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; margin: 0 !important; font-size: 14px !important; color: rgba(255,255,255,.80) !important; line-height: 1.4 !important; } .sbs-msc-excl-row:last-child { border-bottom: none !important; } .sbs-msc-excl-x { width: 20px !important; height: 20px !important; border-radius: 50% !important; background: rgba(251,113,133,.15) !important; color: #fb7185 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; margin-top: 2px !important; } .sbs-msc-card-note { margin: 20px 0 0 !important; padding-top: 16px !important; border-top: 1px solid rgba(255,255,255,.10) !important; font-size: 12px !important; color: rgba(255,255,255,.38) !important; line-height: 1.55 !important; } /* ── NARZĘDZIA ────────────────────────────────────────── */ .sbs-court-tools { background: #f5f7fb !important; padding: 0 !important; } .sbs-court-tools-inner { max-width: 1100px; margin: 0 auto !important; padding: 88px 40px !important; } .sbs-court-tools-head.wp-block-group { margin-bottom: 48px !important; } .sbs-tools-grid.wp-block-columns { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; } .sbs-tool-card.wp-block-column { background: #fff !important; border: 1.5px solid var(--line) !important; border-radius: 16px !important; padding: 28px 24px !important; width: auto !important; flex-basis: unset !important; display: flex !important; flex-direction: column !important; gap: 0 !important; transition: box-shadow .2s, border-color .2s !important; } .sbs-tool-card.wp-block-column:hover { box-shadow: 0 8px 28px rgba(26,58,107,0.09) !important; border-color: #bfdbfe !important; } .sbs-tool-ico { width: 44px !important; height: 44px !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 0 16px !important; line-height: 1 !important; } .sbs-tool-green { background: #dcfce7 !important; color: #16a34a !important; } .sbs-tool-violet { background: #ede9fe !important; color: #7c3aed !important; } .sbs-tool-blue { background: #dbeafe !important; color: #1d4ed8 !important; } .sbs-tool-amber { background: #fef3c7 !important; color: #b45309 !important; } .sbs-tool-teal { background: #ccfbf1 !important; color: #0f766e !important; } .sbs-tool-rose { background: #ffe4e6 !important; color: #be123c !important; } .sbs-tool-name { font-size: 15px !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 0 8px !important; } .sbs-tool-desc { font-size: 13.5px !important; color: var(--muted) !important; line-height: 1.65 !important; margin: 0 !important; } /* ── CTA ──────────────────────────────────────────────── */ .sbs-court-cta { background: linear-gradient(135deg, #070e1c 0%, #1a3a6b 100%) !important; padding: 0 !important; } .sbs-court-cta-inner { max-width: 760px; margin: 0 auto !important; padding: 88px 40px !important; text-align: center !important; } .sbs-court-cta-h2 { font-size: clamp(24px, 3.5vw, 40px) !important; font-weight: 700 !important; color: #fff !important; margin: 0 0 16px !important; } .sbs-court-cta-lead { font-size: 15.5px !important; color: rgba(255,255,255,0.70) !important; line-height: 1.7 !important; margin: 0 0 36px !important; } .sbs-court-cta-btns.wp-block-group { display: flex !important; flex-wrap: wrap !important; gap: 14px !important; justify-content: center !important; } .sbs-court-cta-btns p { margin: 0 !important; } /* ── RESPONSIVE ───────────────────────────────────────── */ @media (max-width: 1024px) { .sbs-court-hero-cols.wp-block-columns, .sbs-court-ai-cols.wp-block-columns { grid-template-columns: 1fr !important; } .sbs-court-hero-visual.wp-block-column { order: -1; } .sbs-court-steps.wp-block-columns { grid-template-columns: repeat(2, 1fr) !important; gap: 32px !important; } .sbs-court-step.wp-block-column { border-right: none !important; padding-right: 0 !important; margin-right: 0 !important; border-bottom: 1px solid var(--line) !important; padding-bottom: 32px !important; } .sbs-court-step.wp-block-column:nth-child(2n) { border-bottom: 1px solid var(--line) !important; } .sbs-court-step.wp-block-column:nth-last-child(-n+2) { border-bottom: none !important; } .sbs-excel-cards.wp-block-columns { grid-template-columns: repeat(2, 1fr) !important; } .sbs-court-mailing-cols.wp-block-columns { grid-template-columns: 1fr !important; } .sbs-mailing-stat-card.wp-block-group { position: static !important; } } @media (max-width: 768px) { .sbs-court-hero-inner, .sbs-court-process-inner, .sbs-court-ai-inner, .sbs-court-excel-inner, .sbs-court-mailing-inner, .sbs-court-tools-inner, .sbs-court-cta-inner { padding-left: 20px !important; padding-right: 20px !important; } .sbs-court-steps.wp-block-columns, .sbs-excel-cards.wp-block-columns, .sbs-tools-grid.wp-block-columns { grid-template-columns: 1fr !important; } .sbs-court-step.wp-block-column { border-bottom: 1px solid var(--line) !important; padding-bottom: 24px !important; } .sbs-court-step.wp-block-column:last-child { border-bottom: none !important; } } /* ═══════════════════════════════════════════════════════ MOBILE RESPONSIVE — Hamburger + Global Breakpoints ════════════════════════════════════════════════════════ */ /* ── Hamburger button ─────────────────────────────────── */ .sbs-hamburger { display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 40px; height: 40px; border: none; background: none; cursor: pointer; padding: 0; border-radius: 8px; transition: background .15s; flex-shrink: 0; } .sbs-hamburger:hover { background: var(--sky); } .sbs-hamburger span { display: block; width: 22px; height: 2px; background: var(--ink); border-radius: 2px; transition: transform .25s, opacity .2s; } .sbs-hamburger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); } .sbs-hamburger.is-open span:nth-child(2) { opacity: 0; transform: scaleX(0); } .sbs-hamburger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } /* ── Mobile menu drawer ──────────────────────────────── */ .sbs-mobile-menu { display: none; flex-direction: column; background: #fff; border-top: 1px solid var(--line); padding: 20px; gap: 0; position: absolute; top: 100%; left: 0; right: 0; box-shadow: 0 8px 32px rgba(0,0,0,.10); z-index: 190; max-height: calc(100dvh - 60px); overflow-y: auto; } .sbs-mobile-menu.is-open { display: flex; } .sbs-mobile-nav-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; } .sbs-mobile-nav-list > li > a { display: block; padding: 11px 16px; font-size: 16px; font-weight: 600; color: var(--ink); border-radius: 8px; transition: background .12s, color .12s; } .sbs-mobile-nav-list > li > a:hover { background: var(--sky); color: var(--navy); } .sbs-mobile-subnav { list-style: none; margin: 4px 0 8px; padding: 0 0 0 16px; display: flex; flex-direction: column; gap: 2px; } .sbs-mobile-subnav a { display: block; padding: 8px 16px; font-size: 14px; font-weight: 400; color: var(--muted); border-radius: 6px; transition: background .12s, color .12s; } .sbs-mobile-subnav a:hover { background: var(--sky); color: var(--navy); } .sbs-mobile-menu-footer { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); } .sbs-mobile-phone-link { display: block; text-align: center; font-size: 16px; font-weight: 700; color: var(--ink); padding: 12px; border: 1.5px solid var(--line); border-radius: 8px; transition: border-color .15s, color .15s; } .sbs-mobile-phone-link:hover { border-color: var(--navy); color: var(--navy); } .sbs-mobile-cta { display: block; text-align: center; padding: 13px; font-size: 15px; font-weight: 700; color: #fff !important; background: var(--navy); border-radius: 8px; transition: background .15s; } .sbs-mobile-cta:hover { background: var(--blue); } /* ════ max-width: 1024px (tablet) ════════════════════════ */ @media (max-width: 1024px) { .sbs-feat-inner, .sbs-feat-inner.wp-block-group, .sbs-feat-inner-rev, .sbs-feat-inner-rev.wp-block-group { gap: 48px !important; } .sbs-svcbar-grid, .sbs-svcbar-grid.wp-block-group { grid-template-columns: repeat(2, 1fr) !important; gap: 24px !important; } .sbs-proc-steps, .sbs-proc-steps.wp-block-group { grid-template-columns: repeat(2, 1fr) !important; } .sbs-art-grid, .sbs-art-grid.wp-block-group, .sbs-art-grid.wp-block-post-template, .sbs-articles-section .wp-block-post-template { grid-template-columns: repeat(2, 1fr) !important; } .sbs-blog-grid.wp-block-post-template { grid-template-columns: repeat(2, 1fr) !important; } .sbs-footer-top, .sbs-footer-top.wp-block-group { grid-template-columns: 1.5fr 1fr 1fr 1fr !important; gap: 32px !important; } } /* ════ max-width: 768px (mobile) ═════════════════════════ */ @media (max-width: 768px) { /* ── NAV ──────────────────────────────────────────────── */ .sbs-nav-menu-container, .sbs-nav-menu-container.wp-block-group, .sbs-nav-right, .sbs-nav-right.wp-block-group { display: none !important; } .sbs-hamburger { display: flex; } .sbs-nav-inner, .sbs-nav-inner.wp-block-group { padding: 0 20px !important; height: 60px !important; gap: 0 !important; justify-content: space-between !important; } .sbs-nav-logo img, .sbs-nav-logo .wp-block-image img { height: 48px !important; } /* ── HERO ─────────────────────────────────────────────── */ .sbs-hero-inner, .sbs-hero-inner.wp-block-group { grid-template-columns: 1fr !important; gap: 32px !important; padding: 40px 20px 0 !important; } .sbs-hero-visual, .sbs-hero-visual.wp-block-group { order: -1 !important; } .sbs-hero-h1 { font-size: clamp(28px, 7.5vw, 44px) !important; } .sbs-hero-desc { font-size: 15px !important; max-width: 100% !important; } .sbs-brand-card { min-height: 240px !important; padding: 28px 24px !important; } .sbs-hero-trust, .sbs-hero-trust.wp-block-group { gap: 12px !important; padding-bottom: 40px !important; } /* ── SVCBAR ───────────────────────────────────────────── */ .sbs-svcbar-intro { padding: 40px 20px 16px !important; } .sbs-svcbar-section { padding-bottom: 40px !important; } .sbs-svcbar-grid, .sbs-svcbar-grid.wp-block-group { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; padding: 0 20px !important; } /* ── FEATURE SECTIONS ─────────────────────────────────── */ .sbs-feat, .sbs-feat-alt { padding: 60px 20px !important; } .sbs-feat-inner, .sbs-feat-inner-rev, .sbs-feat-inner.wp-block-group, .sbs-feat-inner-rev.wp-block-group { grid-template-columns: 1fr !important; gap: 40px !important; direction: ltr !important; } .sbs-feat-inner-rev > *, .sbs-feat-inner-rev.wp-block-group > * { direction: ltr !important; } /* ── PROCESS ──────────────────────────────────────────── */ .sbs-process-section { padding: 60px 20px !important; } .sbs-proc-steps, .sbs-proc-steps.wp-block-group { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; margin-top: 40px !important; } .sbs-process-head { margin-bottom: 0 !important; } /* ── ARTICLES ─────────────────────────────────────────── */ .sbs-articles-section { padding: 60px 20px !important; } .sbs-art-head, .sbs-art-head.wp-block-group { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 32px !important; gap: 16px !important; } .sbs-art-grid, .sbs-art-grid.wp-block-group, .sbs-art-grid.wp-block-post-template, .sbs-articles-section .wp-block-post-template { grid-template-columns: 1fr !important; } .sbs-blog-grid.wp-block-post-template { grid-template-columns: 1fr !important; } .sbs-blog-hero { padding: 48px 20px 56px !important; } .sbs-blog-body { padding: 40px 20px 64px !important; } .sbs-blog-hero-inner { padding: 0 !important; } /* ── CONTACT SECTION (homepage) ───────────────────────── */ .sbs-contact-section { padding: 60px 20px !important; } .sbs-contact-inner, .sbs-contact-inner.wp-block-group { grid-template-columns: 1fr !important; gap: 40px !important; } .sbs-form-row, .sbs-form-row.wp-block-group { grid-template-columns: 1fr !important; } .sbs-form-box { padding: 24px 20px !important; } /* ── FAQ ──────────────────────────────────────────────── */ .sbs-faq-section { padding: 60px 20px !important; } .sbs-faq-inner { padding: 0 !important; } /* ── FOOTER ───────────────────────────────────────────── */ .sbs-footer { padding: 56px 20px 32px !important; } .sbs-footer-top, .sbs-footer-top.wp-block-group { grid-template-columns: 1fr 1fr !important; gap: 32px 24px !important; padding-bottom: 40px !important; } .sbs-footer-brand { grid-column: 1 / -1 !important; } .sbs-footer-bot { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; } .sbs-footer-legal { flex-wrap: wrap !important; gap: 16px !important; } /* ── GENERAL ──────────────────────────────────────────── */ .sbs-page-title-section { padding: 48px 20px !important; } .sbs-post-content { padding: 40px 20px !important; } } /* ════ max-width: 480px (small mobile) ══════════════════ */ @media (max-width: 480px) { /* Services: 2 → 1 column */ .sbs-svcbar-grid, .sbs-svcbar-grid.wp-block-group { grid-template-columns: 1fr !important; } /* Process: 2 → 1 column */ .sbs-proc-steps, .sbs-proc-steps.wp-block-group { grid-template-columns: 1fr !important; } /* Hero */ .sbs-hero-inner, .sbs-hero-inner.wp-block-group { padding: 32px 16px 0 !important; } .sbs-hero-h1 { font-size: 28px !important; } .sbs-hero-btns, .sbs-hero-btns.wp-block-group { flex-direction: column !important; align-items: stretch !important; } .sbs-btn-fill, .sbs-btn-border { width: 100% !important; justify-content: center !important; text-align: center !important; } /* Footer: 2 → 1 column */ .sbs-footer-top, .sbs-footer-top.wp-block-group { grid-template-columns: 1fr !important; } /* Contact page cols */ .sbs-contact-cols.wp-block-columns { grid-template-columns: 1fr !important; gap: 32px !important; } .sbs-contact-main-inner { padding: 48px 20px 56px !important; } } /* ═══════════════════════════════════════════════════════ DORADZTWO RESTRUKTURYZACYJNE — PAGE-SPECIFIC OVERRIDES ════════════════════════════════════════════════════════ */ /* Paths section — 6-card grid */ .sbs-restr-paths { background: #f8faff; padding: 0 !important; margin: 0 !important; } .sbs-restr-paths-inner { max-width: 1100px; margin: 0 auto !important; padding: 88px 40px !important; } .sbs-restr-paths-head { text-align: center; max-width: 680px; margin: 0 auto 56px !important; } .sbs-restr-paths-grid.wp-block-columns { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; flex-wrap: unset !important; } .sbs-restr-path-card.wp-block-column { background: #fff !important; border: 1px solid #e4eaf3 !important; border-radius: 12px !important; padding: 28px 24px !important; position: relative !important; transition: box-shadow .2s, border-color .2s !important; width: auto !important; flex-basis: unset !important; } .sbs-restr-path-card.wp-block-column:hover { box-shadow: 0 6px 24px rgba(0,0,0,.07) !important; border-color: #c7d5ea !important; } .sbs-restr-path-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: .3px !important; margin: 0 0 16px !important; line-height: 1 !important; } .sbs-rp-a .sbs-restr-path-badge { background: #ede9fe; color: #6d28d9; } .sbs-rp-b .sbs-restr-path-badge { background: #dbeafe; color: #1d4ed8; } .sbs-rp-c .sbs-restr-path-badge { background: #d1fae5; color: #065f46; } .sbs-rp-d .sbs-restr-path-badge { background: #fef3c7; color: #92400e; } .sbs-rp-e .sbs-restr-path-badge { background: #fee2e2; color: #991b1b; } .sbs-rp-f .sbs-restr-path-badge { background: #f3f4f6; color: #374151; } .sbs-restr-path-title { font-size: 15px !important; font-weight: 700 !important; color: #0d1b2a !important; margin: 0 0 10px !important; line-height: 1.35 !important; } .sbs-restr-path-desc { font-size: 13px !important; color: #627087 !important; line-height: 1.6 !important; margin: 0 0 14px !important; } .sbs-restr-path-meta { font-size: 11.5px !important; font-weight: 600 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: .6px !important; margin: 0 !important; padding-top: 14px !important; border-top: 1px solid #f0f4f9 !important; } /* Urgency alert banner */ .sbs-restr-urgency { background: linear-gradient(135deg, #0c2a1e 0%, #0d5c40 100%); padding: 0 !important; margin: 0 !important; } .sbs-restr-urgency-inner { max-width: 1100px; margin: 0 auto !important; padding: 64px 40px !important; } .sbs-restr-urgency-cols.wp-block-columns { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 32px !important; align-items: start !important; } .sbs-restr-urgency-item.wp-block-column { width: auto !important; flex-basis: unset !important; } .sbs-restr-urgency-icon { width: 44px !important; height: 44px !important; border-radius: 12px !important; background: rgba(255,255,255,.1) !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 0 16px !important; color: #86efac !important; } .sbs-restr-urgency-icon svg { display: block; } .sbs-restr-urgency-title { font-size: 15px !important; font-weight: 700 !important; color: #fff !important; margin: 0 0 8px !important; line-height: 1.4 !important; } .sbs-restr-urgency-desc { font-size: 13.5px !important; color: rgba(255,255,255,.65) !important; line-height: 1.65 !important; margin: 0 !important; } @media (max-width: 768px) { .sbs-restr-paths-grid.wp-block-columns { grid-template-columns: 1fr !important; } .sbs-restr-urgency-cols.wp-block-columns { grid-template-columns: 1fr !important; } } /* ═══════════════════════════════════════════════════════ POLITYKA PRYWATNOŚCI — LEGAL DOC ════════════════════════════════════════════════════════ */ .sbs-privacy-hero { background: linear-gradient(135deg, #0d1b2a 0%, #1a3a6b 55%, #1e4d8c 100%); padding: 80px 40px 72px; } .sbs-privacy-hero-inner { max-width: 800px; margin: 0 auto; } .sbs-privacy-hero-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.5); margin: 0 0 16px; } .sbs-privacy-hero-h1 { font-size: clamp(28px, 4vw, 44px) !important; font-weight: 800 !important; color: #fff !important; margin: 0 0 16px !important; line-height: 1.2 !important; letter-spacing: -.02em !important; } .sbs-privacy-hero-meta { font-size: 14px; color: rgba(255,255,255,.45); margin: 0; } .sbs-privacy-body { background: #fff; padding: 0 !important; margin: 0 !important; } .sbs-privacy-body-inner { max-width: 800px; margin: 0 auto !important; padding: 72px 40px 96px !important; } /* TOC */ .sbs-privacy-toc { background: #f8faff; border: 1px solid #e4eaf3; border-radius: 12px; padding: 28px 32px !important; margin: 0 0 56px !important; } .sbs-privacy-toc-label { font-size: 11px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #627087 !important; margin: 0 0 14px !important; } .sbs-privacy-toc ol { margin: 0 !important; padding: 0 0 0 20px !important; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 24px; } .sbs-privacy-toc li { font-size: 13.5px; color: #1a3a6b; line-height: 1.5; } .sbs-privacy-toc a { color: #1a3a6b; text-decoration: none; } .sbs-privacy-toc a:hover { text-decoration: underline; } /* Section headers */ .sbs-privacy-section { margin: 0 0 48px !important; scroll-margin-top: 90px; } .sbs-privacy-section-num { font-size: 11px !important; font-weight: 700 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #2563eb !important; margin: 0 0 8px !important; } .sbs-privacy-section h2 { font-size: 22px !important; font-weight: 800 !important; color: #0d1b2a !important; margin: 0 0 18px !important; line-height: 1.3 !important; letter-spacing: -.01em !important; padding-bottom: 14px !important; border-bottom: 2px solid #e4eaf3 !important; } .sbs-privacy-section p, .sbs-privacy-section li { font-size: 15px !important; color: #374151 !important; line-height: 1.75 !important; margin: 0 0 12px !important; } .sbs-privacy-section ul, .sbs-privacy-section ol { padding-left: 22px !important; margin: 4px 0 14px !important; } .sbs-privacy-section li { margin: 0 0 6px !important; } .sbs-privacy-section strong { color: #0d1b2a; font-weight: 600; } /* Info box */ .sbs-privacy-infobox { background: #eff6ff; border-left: 3px solid #2563eb; border-radius: 0 8px 8px 0; padding: 16px 20px !important; margin: 0 0 16px !important; } .sbs-privacy-infobox p { font-size: 14px !important; color: #1e40af !important; margin: 0 !important; } /* Divider */ .sbs-privacy-divider { border: none; border-top: 1px solid #e4eaf3; margin: 0 0 48px !important; } @media (max-width: 640px) { .sbs-privacy-hero { padding: 56px 20px 52px; } .sbs-privacy-body-inner { padding: 48px 20px 64px !important; } .sbs-privacy-toc ol { grid-template-columns: 1fr; } } /* ═══════════════════════════════════════════════════════ DORADZTWO DLA WIERZYCIELI — PAGE STYLES ════════════════════════════════════════════════════════ */ /* ── HERO (centered layout) ───────────────────────────── */ .sbs-dw-hero { background: linear-gradient(160deg, #070e1c 0%, #0d1b2a 40%, #1a3a6b 80%, #1e4d8c 100%); padding: 0; margin: 0; position: relative; overflow: hidden; } .sbs-dw-hero::before { content: ''; position: absolute; top: -180px; right: -180px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(37,99,235,0.18) 0%, transparent 70%); pointer-events: none; } .sbs-dw-hero-inner { max-width: 860px; margin: 0 auto; padding: 96px 40px 80px; text-align: center; position: relative; z-index: 1; } .sbs-dw-hero .sbs-eyebrow { color: #60a5fa !important; justify-content: center; display: flex; margin-bottom: 20px; } .sbs-dw-h1 { color: #fff !important; font-size: clamp(30px, 4.5vw, 56px) !important; font-weight: 800 !important; line-height: 1.1 !important; letter-spacing: -0.03em !important; margin: 0 0 22px !important; } .sbs-dw-hero-lead { color: rgba(255,255,255,0.72) !important; font-size: 17px !important; line-height: 1.7 !important; margin: 0 0 36px !important; max-width: 680px; margin-left: auto; margin-right: auto; } .sbs-dw-hero-pills.wp-block-group { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; justify-content: center !important; } .sbs-dw-pill { display: inline-flex !important; align-items: center !important; gap: 7px !important; font-size: 13px !important; font-weight: 500 !important; color: rgba(255,255,255,0.82) !important; background: rgba(255,255,255,0.09) !important; border: 1px solid rgba(255,255,255,0.18) !important; border-radius: 20px !important; padding: 7px 15px !important; margin: 0 !important; } .sbs-dw-pill svg { flex-shrink: 0; color: #60a5fa !important; } /* ── STATS BAR (below hero, white) ───────────────────── */ .sbs-dw-stats { background: #fff; border-bottom: 1px solid var(--line); padding: 0; } .sbs-dw-stats-inner { max-width: 1100px; margin: 0 auto; padding: 0 40px; } .sbs-dw-stat-grid.wp-block-columns { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 0 !important; } .sbs-dw-stat-item.wp-block-column { display: flex !important; flex-direction: column !important; align-items: flex-start !important; padding: 40px 32px !important; border-right: 1px solid var(--line) !important; width: auto !important; flex-basis: unset !important; gap: 0 !important; } .sbs-dw-stat-item.wp-block-column:last-child { border-right: none !important; } .sbs-dw-stat-num { font-size: 42px !important; font-weight: 800 !important; color: var(--navy) !important; line-height: 1 !important; letter-spacing: -0.04em !important; margin: 0 0 8px !important; } .sbs-dw-stat-num span { color: var(--blue) !important; font-size: 28px !important; } .sbs-dw-stat-label { font-size: 13.5px !important; font-weight: 600 !important; color: var(--ink) !important; margin: 0 0 5px !important; line-height: 1.3 !important; } .sbs-dw-stat-sub { font-size: 12px !important; color: var(--muted) !important; margin: 0 !important; line-height: 1.5 !important; } /* ── DLA KOGO — 3-column cards (light bg) ────────────── */ .sbs-dw-for { background: #f5f7fb; padding: 0; } .sbs-dw-for-inner { max-width: 1100px; margin: 0 auto; padding: 88px 40px; } .sbs-dw-for-head.wp-block-group { text-align: center; margin-bottom: 52px !important; display: flex !important; flex-direction: column !important; align-items: center !important; } .sbs-dw-for-head .sbs-section-h2 { margin-top: 0 !important; } .sbs-dw-cards.wp-block-columns { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; } .sbs-dw-card.wp-block-column { background: #fff !important; border: 1.5px solid var(--line) !important; border-radius: 18px !important; padding: 34px 30px !important; width: auto !important; flex-basis: unset !important; display: flex !important; flex-direction: column !important; gap: 0 !important; transition: box-shadow .2s, border-color .2s, transform .2s !important; } .sbs-dw-card.wp-block-column:hover { border-color: #bfdbfe !important; box-shadow: 0 12px 40px rgba(26,58,107,.10) !important; transform: translateY(-4px) !important; } .sbs-dw-card-ico { width: 48px !important; height: 48px !important; border-radius: 12px !important; background: var(--sky) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--navy) !important; margin: 0 0 18px !important; flex-shrink: 0; } .sbs-dw-card-ico svg { display: block; } .sbs-dw-card-title { font-size: 16px !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 0 10px !important; line-height: 1.3 !important; } .sbs-dw-card-desc { font-size: 14px !important; color: var(--muted) !important; line-height: 1.65 !important; margin: 0 !important; } /* ── ZAKRES — 2-col split (dark bg, reversed) ─────────── */ .sbs-dw-scope { background: linear-gradient(135deg, #0d1b2a 0%, #1a3a6b 55%, #1e4d8c 100%); padding: 0; } .sbs-dw-scope-inner { max-width: 1100px; margin: 0 auto; padding: 88px 40px; } .sbs-dw-scope-cols.wp-block-columns { display: grid !important; grid-template-columns: 400px 1fr !important; gap: 72px !important; align-items: start !important; } .sbs-dw-scope-visual.wp-block-column, .sbs-dw-scope-text.wp-block-column { width: auto !important; flex-basis: unset !important; } .sbs-dw-scope .sbs-eyebrow { color: #60a5fa !important; } .sbs-dw-scope .sbs-section-h2 { color: #fff !important; } .sbs-dw-scope .sbs-section-lead { color: rgba(255,255,255,.65) !important; } .sbs-dw-scope-list.wp-block-group { display: flex !important; flex-direction: column !important; gap: 2px !important; margin-top: 32px !important; } .sbs-dw-scope-item.wp-block-group { display: flex !important; align-items: center !important; gap: 14px !important; padding: 16px 18px !important; background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 10px !important; transition: background .18s, border-color .18s !important; } .sbs-dw-scope-item.wp-block-group:hover { background: rgba(255,255,255,0.09) !important; border-color: rgba(255,255,255,0.18) !important; } .sbs-dw-scope-ico { width: 36px !important; height: 36px !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } .sbs-dw-scope-item-text.wp-block-group { display: flex !important; flex-direction: column !important; gap: 2px !important; } .sbs-dw-scope-item-title { font-size: 14px !important; font-weight: 700 !important; color: #fff !important; margin: 0 !important; line-height: 1.3 !important; } .sbs-dw-scope-item-sub { font-size: 12.5px !important; color: rgba(255,255,255,0.50) !important; margin: 0 !important; line-height: 1.4 !important; } /* Right column: visual card */ .sbs-dw-scope-card.wp-block-group { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 20px !important; padding: 32px !important; display: flex !important; flex-direction: column !important; gap: 20px !important; } .sbs-dw-scope-card-hdr { font-size: 11px !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: rgba(255,255,255,0.35) !important; margin: 0 !important; display: flex !important; align-items: center !important; gap: 8px !important; } .sbs-dw-scope-card-hdr svg { color: #60a5fa !important; flex-shrink: 0 !important; } .sbs-dw-scope-row.wp-block-group { display: flex !important; flex-direction: column !important; gap: 3px !important; padding: 16px !important; background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.07) !important; border-radius: 10px !important; } .sbs-dw-scope-row-label { font-size: 11px !important; font-weight: 600 !important; color: rgba(255,255,255,.40) !important; text-transform: uppercase !important; letter-spacing: .08em !important; margin: 0 !important; } .sbs-dw-scope-row-val { font-size: 14px !important; font-weight: 600 !important; color: rgba(255,255,255,.85) !important; margin: 0 !important; line-height: 1.4 !important; } .sbs-dw-scope-card-footer { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 12px !important; color: rgba(255,255,255,0.30) !important; padding-top: 4px !important; border-top: 1px solid rgba(255,255,255,0.08) !important; margin: 0 !important; } /* ── RESPONSIVE ───────────────────────────────────────── */ @media (max-width: 1024px) { .sbs-dw-scope-cols.wp-block-columns { grid-template-columns: 1fr !important; gap: 40px !important; } .sbs-dw-cards.wp-block-columns { grid-template-columns: 1fr 1fr !important; } .sbs-dw-stat-grid.wp-block-columns { grid-template-columns: 1fr 1fr !important; } .sbs-dw-stat-item.wp-block-column:nth-child(2) { border-right: none !important; } .sbs-dw-stat-item.wp-block-column:nth-child(3) { border-top: 1px solid var(--line) !important; } .sbs-dw-stat-item.wp-block-column:nth-child(4) { border-right: none !important; border-top: 1px solid var(--line) !important; } } @media (max-width: 768px) { .sbs-dw-hero-inner { padding: 72px 20px 64px; } .sbs-dw-stats-inner { padding: 0 !important; } .sbs-dw-stat-grid.wp-block-columns { grid-template-columns: 1fr 1fr !important; } .sbs-dw-stat-item.wp-block-column { padding: 28px 20px !important; } .sbs-dw-for-inner { padding: 64px 20px !important; } .sbs-dw-cards.wp-block-columns { grid-template-columns: 1fr !important; } .sbs-dw-scope-inner { padding: 64px 20px !important; } } /* ── Doradztwo dla wierzycieli — page overrides ─────── */ body.page-id-26 .sbs-page-title-section { display: none !important; } body.page-id-26 .sbs-post-content { max-width: none !important; padding: 0 !important; margin: 0 !important; } /* ── Migracja szablonów → post_content: ukryj tytuł i usuń wrapper ── */ body.page-id-16 .sbs-page-title-section, body.page-id-17 .sbs-page-title-section, body.page-id-18 .sbs-page-title-section, body.page-id-19 .sbs-page-title-section, body.page-id-20 .sbs-page-title-section, body.page-id-21 .sbs-page-title-section, body.page-id-22 .sbs-page-title-section, body.page-id-23 .sbs-page-title-section, body.page-id-24 .sbs-page-title-section, body.page-id-25 .sbs-page-title-section { display: none !important; } body.page-id-16 .sbs-post-content, body.page-id-17 .sbs-post-content, body.page-id-18 .sbs-post-content, body.page-id-19 .sbs-post-content, body.page-id-20 .sbs-post-content, body.page-id-21 .sbs-post-content, body.page-id-22 .sbs-post-content, body.page-id-23 .sbs-post-content, body.page-id-24 .sbs-post-content, body.page-id-25 .sbs-post-content { max-width: none !important; padding: 0 !important; margin: 0 !important; } /* ── Slug-based overrides (zastępują page-id, stabilne po migracji) ── */ body.page-slug-strona-glowna .sbs-page-title-section, body.page-slug-o-kancelarii .sbs-page-title-section, body.page-slug-kontakt .sbs-page-title-section, body.page-slug-dla-sadow .sbs-page-title-section, body.page-slug-upadlosc-konsumencka .sbs-page-title-section, body.page-slug-postepowanie-o-zatwierdzenie-ukladu .sbs-page-title-section, body.page-slug-odluzanie-bez-majatku .sbs-page-title-section, body.page-slug-antywindykacja .sbs-page-title-section, body.page-slug-doradztwo-restrukturyzacyjne .sbs-page-title-section, body.page-slug-polityka-prywatnosci .sbs-page-title-section, body.page-slug-reprezentacja-wierzycieli .sbs-page-title-section, body.page-slug-doradztwo-dla-wierzycieli .sbs-page-title-section { display: none !important; } body.page-slug-strona-glowna .sbs-post-content, body.page-slug-o-kancelarii .sbs-post-content, body.page-slug-kontakt .sbs-post-content, body.page-slug-dla-sadow .sbs-post-content, body.page-slug-upadlosc-konsumencka .sbs-post-content, body.page-slug-postepowanie-o-zatwierdzenie-ukladu .sbs-post-content, body.page-slug-odluzanie-bez-majatku .sbs-post-content, body.page-slug-antywindykacja .sbs-post-content, body.page-slug-doradztwo-restrukturyzacyjne .sbs-post-content, body.page-slug-polityka-prywatnosci .sbs-post-content, body.page-slug-reprezentacja-wierzycieli .sbs-post-content, body.page-slug-doradztwo-dla-wierzycieli .sbs-post-content { max-width: none !important; padding: 0 !important; margin: 0 !important; } /* ── CF7 — zgoda RODO ─────────────────────────────────── */ .sbs-cf7-consent { display: flex !important; align-items: flex-start !important; gap: 12px !important; font-size: 13px !important; color: var(--muted) !important; line-height: 1.55 !important; cursor: pointer !important; padding: 4px 0 !important; } .sbs-cf7-consent input[type="checkbox"] { width: 18px !important; height: 18px !important; min-width: 18px !important; margin: 2px 0 0 !important; accent-color: var(--navy) !important; cursor: pointer !important; border-radius: 4px !important; } .sbs-cf7-consent .wpcf7-list-item { display: flex !important; align-items: flex-start !important; gap: 10px !important; margin: 0 !important; } .sbs-cf7-consent .wpcf7-list-item-label { font-size: 13px !important; color: var(--muted) !important; line-height: 1.55 !important; } .sbs-cf7-consent a { color: var(--navy) !important; text-decoration: underline !important; text-underline-offset: 2px !important; } .sbs-cf7-consent a:hover { color: var(--blue) !important; } .sbs-cf7-consent .wpcf7-not-valid-tip { font-size: 12px !important; color: #dc2626 !important; margin-top: 4px !important; display: block !important; } /* ── KRZ Steps grid (Dla dłużników) ───────────────────── */ .sbs-krz-section { background: #f9fafb; padding: 0 !important; width: 100% !important; max-width: none !important; margin: 0 !important; box-sizing: border-box !important; } .sbs-krz-inner { max-width: 1100px; margin: 0 auto; padding: 88px 40px; } .sbs-krz-head.wp-block-group { max-width: 640px; margin-bottom: 52px !important; } .sbs-krz-grid.wp-block-group { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 2px !important; background: var(--line) !important; border-radius: 12px !important; overflow: hidden !important; } .sbs-krz-step.wp-block-group { background: #fff !important; padding: 36px 36px 32px !important; display: flex !important; gap: 20px !important; align-items: flex-start !important; } .sbs-krz-step-num { width: 40px !important; height: 40px !important; border-radius: 50% !important; background: var(--navy) !important; color: #fff !important; font-size: 15px !important; font-weight: 700 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; margin: 0 !important; font-family: var(--font-heading) !important; } .sbs-krz-step-body.wp-block-group { flex: 1 !important; } .sbs-krz-step-title { font-size: 15px !important; font-weight: 700 !important; color: var(--ink) !important; margin: 2px 0 10px !important; line-height: 1.35 !important; } .sbs-krz-step-desc { font-size: 13.5px !important; color: var(--muted) !important; line-height: 1.7 !important; margin: 0 !important; } .sbs-krz-step-desc a { color: var(--navy) !important; font-weight: 600 !important; text-decoration: underline !important; text-underline-offset: 2px !important; } .sbs-krz-step-note { margin-top: 12px !important; font-size: 12.5px !important; color: var(--muted) !important; padding: 8px 12px !important; background: #f1f5f9 !important; border-radius: 6px !important; border-left: 3px solid var(--blue) !important; line-height: 1.55 !important; } .sbs-krz-info.wp-block-group { margin-top: 32px !important; background: linear-gradient(135deg, #0d1b2a 0%, #1a3a6b 55%, #1e4d8c 100%) !important; border-radius: 10px !important; padding: 28px 32px !important; display: flex !important; align-items: center !important; gap: 20px !important; } .sbs-krz-info-ico { color: #60a5fa !important; flex-shrink: 0 !important; } .sbs-krz-info-text.wp-block-group { flex: 1 !important; } .sbs-krz-info-title { font-size: 14px !important; font-weight: 700 !important; color: #fff !important; margin: 0 0 4px !important; } .sbs-krz-info-desc { font-size: 13px !important; color: rgba(255,255,255,.65) !important; line-height: 1.6 !important; margin: 0 !important; } .sbs-krz-info-desc a { color: #60a5fa !important; font-weight: 600 !important; text-decoration: underline !important; } @media (max-width: 768px) { .sbs-krz-inner { padding: 60px 20px !important; } .sbs-krz-grid.wp-block-group { grid-template-columns: 1fr !important; } .sbs-krz-step.wp-block-group { padding: 28px 20px !important; } .sbs-krz-info.wp-block-group { flex-direction: column !important; gap: 12px !important; padding: 24px !important; } } /* ── Client hero (Dla dłużników) ──────────────────────── */ .sbs-client-hero { background: linear-gradient(160deg, #0a1628 0%, #0d2137 50%, #0f2a42 100%); padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; box-sizing: border-box !important; } .sbs-client-hero-inner { max-width: 1100px; margin: 0 auto; padding: 80px 40px 72px; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; } .sbs-client-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 30px; padding: 6px 14px; font-size: 11.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #60a5fa; margin-bottom: 28px; } .sbs-client-badge span { width: 6px; height: 6px; border-radius: 50%; background: #22c55e; flex-shrink: 0; box-shadow: 0 0 6px rgba(34,197,94,.7); } .sbs-client-h1 { font-family: var(--font-heading) !important; font-size: clamp(28px, 3.5vw, 44px) !important; font-weight: 700 !important; line-height: 1.18 !important; color: #fff !important; margin: 0 0 22px !important; } .sbs-client-lead { font-size: 15.5px !important; color: rgba(255,255,255,.68) !important; line-height: 1.75 !important; margin: 0 0 36px !important; } .sbs-client-contacts.wp-block-group { display: flex !important; flex-direction: column !important; gap: 10px !important; } .sbs-client-contact-row { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 14px !important; color: rgba(255,255,255,.75) !important; margin: 0 !important; } .sbs-client-contact-row svg { color: #60a5fa !important; flex-shrink: 0 !important; } .sbs-client-contact-row a { color: rgba(255,255,255,.9) !important; font-weight: 600 !important; text-decoration: none !important; } .sbs-client-contact-row a:hover { color: #60a5fa !important; } /* Right side info panel */ .sbs-client-panel.wp-block-group { background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 12px !important; overflow: hidden !important; } .sbs-client-panel-hdr { padding: 16px 24px !important; background: rgba(255,255,255,.06) !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #60a5fa !important; margin: 0 !important; } .sbs-client-panel-row.wp-block-group { display: flex !important; align-items: flex-start !important; gap: 14px !important; padding: 18px 24px !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; } .sbs-client-panel-row.wp-block-group:last-child { border-bottom: none !important; } .sbs-client-panel-ico { width: 32px !important; height: 32px !important; border-radius: 8px !important; background: rgba(96,165,250,.12) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; color: #60a5fa !important; } .sbs-client-panel-text.wp-block-group { flex: 1 !important; } .sbs-client-panel-label { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .08em !important; color: rgba(255,255,255,.4) !important; margin: 0 0 3px !important; } .sbs-client-panel-val { font-size: 13.5px !important; color: rgba(255,255,255,.85) !important; margin: 0 !important; line-height: 1.4 !important; } /* ── Obowiązki dłużnika ───────────────────────────────── */ .sbs-obowiazki { background: #fff; padding: 0 !important; width: 100% !important; max-width: none !important; margin: 0 !important; box-sizing: border-box !important; } .sbs-obowiazki-inner { max-width: 1100px; margin: 0 auto; padding: 88px 40px; } .sbs-obowiazki-grid.wp-block-group { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; margin-top: 52px !important; } .sbs-obowiazki-card.wp-block-group { border: 1.5px solid var(--line) !important; border-radius: 10px !important; padding: 28px !important; transition: box-shadow .2s, border-color .2s !important; } .sbs-obowiazki-card.wp-block-group:hover { box-shadow: 0 4px 20px rgba(26,39,68,.08) !important; border-color: var(--blue) !important; } .sbs-obowiazki-ico { width: 44px !important; height: 44px !important; border-radius: 10px !important; background: #eff6ff !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--blue) !important; margin: 0 0 16px !important; } .sbs-obowiazki-title { font-size: 15px !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 0 10px !important; } .sbs-obowiazki-desc { font-size: 13.5px !important; color: var(--muted) !important; line-height: 1.65 !important; margin: 0 !important; } /* ── Czego nie wolno ──────────────────────────────────── */ .sbs-zakazy { background: linear-gradient(135deg, #0d1b2a 0%, #1a3a6b 55%, #1e4d8c 100%); padding: 0 !important; width: 100% !important; max-width: none !important; margin: 0 !important; box-sizing: border-box !important; } .sbs-zakazy-inner { max-width: 1100px; margin: 0 auto; padding: 88px 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; } .sbs-zakazy .sbs-eyebrow { color: #60a5fa !important; } .sbs-zakazy .sbs-section-h2 { color: #fff !important; margin: 0 0 14px !important; } .sbs-zakazy .sbs-section-lead { color: rgba(255,255,255,.6) !important; margin: 0 0 36px !important; } .sbs-zakazy-col.wp-block-group { display: flex !important; flex-direction: column !important; gap: 12px !important; } .sbs-zakazy-col-label { font-size: 11px !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; margin: 0 0 8px !important; } .sbs-zakazy-col-label.green { color: #4ade80 !important; } .sbs-zakazy-col-label.red { color: #f87171 !important; } .sbs-zakazy-row.wp-block-group { display: flex !important; align-items: flex-start !important; gap: 12px !important; background: rgba(255,255,255,.05) !important; border-radius: 8px !important; padding: 14px 16px !important; border: 1px solid rgba(255,255,255,.08) !important; } .sbs-zakazy-row-ico { font-size: 15px !important; line-height: 1 !important; flex-shrink: 0 !important; margin-top: 1px !important; } .sbs-zakazy-row-text { font-size: 13.5px !important; color: rgba(255,255,255,.8) !important; line-height: 1.55 !important; margin: 0 !important; } /* ── Dokumenty ────────────────────────────────────────── */ .sbs-docs-section { background: #f9fafb; padding: 0 !important; width: 100% !important; max-width: none !important; margin: 0 !important; box-sizing: border-box !important; } .sbs-docs-inner { max-width: 1100px; margin: 0 auto; padding: 88px 40px; } .sbs-docs-grid.wp-block-group { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 2px !important; background: var(--line) !important; border-radius: 12px !important; overflow: hidden !important; margin-top: 52px !important; } .sbs-docs-item.wp-block-group { background: #fff !important; padding: 28px 32px !important; display: flex !important; align-items: flex-start !important; gap: 16px !important; } .sbs-docs-item-ico { width: 36px !important; height: 36px !important; border-radius: 8px !important; background: var(--navy) !important; color: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } .sbs-docs-item-body.wp-block-group { flex: 1 !important; } .sbs-docs-item-title { font-size: 14px !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 0 6px !important; } .sbs-docs-item-desc { font-size: 13px !important; color: var(--muted) !important; line-height: 1.6 !important; margin: 0 !important; } @media (max-width: 900px) { .sbs-client-hero-inner { grid-template-columns: 1fr !important; padding: 60px 20px 48px !important; gap: 32px !important; } .sbs-client-panel.wp-block-group { display: none !important; } .sbs-obowiazki-inner, .sbs-docs-inner { padding: 60px 20px !important; } .sbs-obowiazki-grid.wp-block-group { grid-template-columns: 1fr !important; } .sbs-zakazy-inner { grid-template-columns: 1fr !important; padding: 60px 20px !important; gap: 40px !important; } .sbs-docs-grid.wp-block-group { grid-template-columns: 1fr !important; } }