/*! * KB Widget Simple List - styles * Version: 1.0.7 * Author: METALOGIS * * Plik zawiera wyłącznie reset listy oraz minimalny layout flex - cała estetyka * (kolory, typografia, marginesy, rozdzielacz) jest sterowana z poziomu Elementora * przez kontrolki w sekcji Style. Dzięki temu mechanizm Copy Style / Paste Style * przenosi pełny wygląd między instancjami widżetu. * * Struktura DOM: * * -- flex container (ikona | body) * -- lewa kolumna * -- prawa kolumna: tytuł + opis + szablon * * * * * Dzięki temu opis i szablon są naturalnie wyrównane pod tekstem tytułu. */ .kb-wsl{list-style:none!important;margin:0!important;padding:0!important}.kb-wsl>.kb-wsl__item{list-style:none!important;margin:0;padding:0;position:relative;display:block}.kb-wsl>.kb-wsl__item::before,.kb-wsl>.kb-wsl__item::marker{content:none!important;display:none!important}.kb-wsl__head{display:flex;align-items:flex-start;flex-wrap:nowrap}.kb-wsl__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.kb-wsl__icon i,.kb-wsl__icon svg{display:inline-block;line-height:1}.kb-wsl__body{flex:1 1 auto;min-width:0}.kb-wsl__title{margin:0;padding:0}.kb-wsl__description{margin:0}.kb-wsl__description>*:last-child{margin-bottom:0}.kb-wsl__description p:last-child{margin-bottom:0}.kb-wsl--with-divider .kb-wsl__item:not(:first-child){border-top:1px solid #E5E7EB;margin-top:16px;padding-top:16px}.kb-wsl__template-placeholder{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f3f4f6;border:1px dashed #9ca3af;border-radius:4px;color:#4b5563;font-size:12px;font-style:italic}.kb-wsl__template-placeholder i{font-size:16px}.kb-wsl__template>.elementor{width:100%}.kb-wsl__marker{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:32px;height:32px;line-height:1;text-align:center;color:#fff;background-color:#C40001;border:2px solid #C40001;font-weight:600;position:relative}.kb-wsl__marker--circle{border-radius:50%}.kb-wsl__marker--rounded{border-radius:8px}.kb-wsl__marker--square{border-radius:0}.kb-wsl__marker--diamond{transform:rotate(45deg)}.kb-wsl__marker--diamond .kb-wsl__marker-inner{display:inline-flex;align-items:center;justify-content:center;transform:rotate(-45deg);width:100%;height:100%;line-height:1}.kb-wsl__marker--triangle,.kb-wsl__marker--hexagon{background-color:transparent!important;border:0!important}.kb-wsl__marker--triangle svg,.kb-wsl__marker--hexagon svg{position:absolute;inset:0;width:100%;height:100%}.kb-wsl__marker-shape{fill:#C40001;stroke:#C40001;stroke-width:6;stroke-linejoin:round}.kb-wsl__marker--triangle .kb-wsl__marker-text,.kb-wsl__marker--hexagon .kb-wsl__marker-text{position:relative;z-index:1;line-height:1}.kb-wsl__marker--triangle .kb-wsl__marker-text{transform:translateY(20%)}.kb-wsl--marker-number{list-style:none;counter-reset:none}.kb-wsl-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .55);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;box-sizing:border-box}.kb-wsl-modal{background:#fff;border-radius:8px;box-shadow:0 20px 50px rgb(0 0 0 / .3);width:100%;max-width:720px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.kb-wsl-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.kb-wsl-modal__title{margin:0;font-size:16px;font-weight:600;color:#111827}.kb-wsl-modal__close{background:none;border:none;font-size:22px;line-height:1;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:4px}.kb-wsl-modal__close:hover{background:#e5e7eb;color:#111827}.kb-wsl-modal__help{padding:14px 20px;font-size:13px;line-height:1.5;color:#4b5563;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.kb-wsl-paste-area{padding:16px 20px;min-height:200px;max-height:50vh;overflow-y:auto;font-size:14px;line-height:1.5;color:#111827;outline:none;flex:1 1 auto}.kb-wsl-paste-area:focus{background:#fffbeb}.kb-wsl-paste-area:empty:before{content:attr(data-placeholder);color:#9ca3af;font-style:italic;pointer-events:none}.kb-wsl-paste-area p,.kb-wsl-paste-area ul,.kb-wsl-paste-area ol{margin:0 0 10px 0}.kb-wsl-paste-area ul,.kb-wsl-paste-area ol{padding-left:24px}.kb-wsl-modal__actions{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.kb-wsl-modal__actions button{padding:8px 18px;font-size:14px;font-weight:500;border-radius:4px;cursor:pointer;border:1px solid #fff0}.kb-wsl-modal__cancel{background:#fff;border-color:#d1d5db;color:#374151}.kb-wsl-modal__cancel:hover{background:#f3f4f6}.kb-wsl-modal__import{background:#1aac6a;border-color:#1aac6a;color:#fff}.kb-wsl-modal__import:hover{background:#149055;border-color:#149055}