.elementor-kit-162{--e-global-color-primary:#B189CA;--e-global-color-secondary:#D94F94;--e-global-color-text:#1C1B1C;--e-global-color-accent:#F1DEC6;--e-global-color-kadence1:#CDB1DB;--e-global-color-kadence2:#EBD8F1;--e-global-color-kadence3:#1C1B1C;--e-global-color-kadence8:#D1B590;--e-global-color-kadence7:#F4E5D3;--e-global-color-kadence9:#F7ECDE;--e-global-color-4fb3c17:#67BD73;--e-global-color-96ea29a:#F3C024;--e-global-color-a13b353:#911010;--e-global-color-c97d514:#605E5F;--e-global-color-dd6f358:#F7ECDECC;--e-global-color-1f91ff3:#F1DEC600;--e-global-color-8b97f47:#CDB1DB;--e-global-color-313814c:#FDDCEE;--e-global-color-a040868:#FCEEC5;--e-global-color-61afa77:#877253;--e-global-typography-primary-font-family:"Atkinson Hyperlegible";--e-global-typography-primary-font-size:1.125rem;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.56em;--e-global-typography-primary-letter-spacing:0.005em;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-text-font-family:"Atkinson Hyperlegible";--e-global-typography-text-font-size:1.125rem;--e-global-typography-accent-font-family:"Inter";--e-global-typography-d832a5c-font-family:"Inter";--e-global-typography-d832a5c-font-size:2.5rem;--e-global-typography-d832a5c-font-weight:900;--e-global-typography-d832a5c-line-height:1.2em;--e-global-typography-d832a5c-letter-spacing:-0.01em;--e-global-typography-1338b33-font-family:"Inter";--e-global-typography-1338b33-font-size:2.5rem;--e-global-typography-1338b33-font-weight:900;--e-global-typography-1338b33-line-height:1.2em;--e-global-typography-1338b33-letter-spacing:-0.01em;--e-global-typography-2c22151-font-family:"Inter";--e-global-typography-2c22151-font-size:1.75rem;--e-global-typography-2c22151-font-weight:800;--e-global-typography-2c22151-line-height:1.25em;--e-global-typography-2c22151-letter-spacing:-0.005em;--e-global-typography-6f795ca-font-family:"Inter";--e-global-typography-6f795ca-font-size:1.75rem;--e-global-typography-6f795ca-font-weight:800;--e-global-typography-6f795ca-line-height:1.29em;--e-global-typography-36418dc-font-family:"Inter";--e-global-typography-36418dc-font-size:1.5rem;--e-global-typography-36418dc-font-weight:700;--e-global-typography-36418dc-line-height:1.2em;--e-global-typography-3e2b378-font-family:"Inter";--e-global-typography-3e2b378-font-size:1.125rem;--e-global-typography-3e2b378-font-weight:700;--e-global-typography-3e2b378-line-height:1.33em;--e-global-typography-136e6c3-font-family:"Atkinson Hyperlegible";--e-global-typography-136e6c3-font-size:1rem;--e-global-typography-136e6c3-font-weight:700;--e-global-typography-136e6c3-text-transform:uppercase;--e-global-typography-136e6c3-line-height:1em;--e-global-typography-136e6c3-letter-spacing:0.05em;--e-global-typography-601498b-font-family:"Atkinson Hyperlegible";--e-global-typography-601498b-font-size:14px;--e-global-typography-601498b-font-weight:400;--e-global-typography-601498b-line-height:22px;--e-global-typography-601498b-letter-spacing:0.015em;--e-global-typography-404738c-font-family:"Inter";--e-global-typography-404738c-font-size:20px;--e-global-typography-404738c-font-weight:600;--e-global-typography-404738c-font-style:normal;--e-global-typography-314e7c7-font-family:"Atkinson Hyperlegible";--e-global-typography-314e7c7-font-size:1rem;background-color:var( --e-global-color-kadence9 );}.elementor-kit-162 button,.elementor-kit-162 input[type="button"],.elementor-kit-162 input[type="submit"],.elementor-kit-162 .elementor-button{background-color:var( --e-global-color-text );font-family:var( --e-global-typography-136e6c3-font-family ), Sans-serif;font-size:var( --e-global-typography-136e6c3-font-size );font-weight:var( --e-global-typography-136e6c3-font-weight );text-transform:var( --e-global-typography-136e6c3-text-transform );line-height:var( --e-global-typography-136e6c3-line-height );letter-spacing:var( --e-global-typography-136e6c3-letter-spacing );color:var( --e-global-color-kadence7 );box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);border-style:solid;border-width:0px 0px 4px 0px;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;padding:20px 20px 20px 20px;}.elementor-kit-162 button:hover,.elementor-kit-162 button:focus,.elementor-kit-162 input[type="button"]:hover,.elementor-kit-162 input[type="button"]:focus,.elementor-kit-162 input[type="submit"]:hover,.elementor-kit-162 input[type="submit"]:focus,.elementor-kit-162 .elementor-button:hover,.elementor-kit-162 .elementor-button:focus{background-color:#484647;color:var( --e-global-color-kadence9 );border-style:solid;border-width:0px 0px 4px 0px;border-color:var( --e-global-color-text );}.elementor-kit-162 e-page-transition{background-color:#FFBC7D;}.elementor-kit-162 p{margin-block-end:16px;}.elementor-kit-162 a{color:var( --e-global-color-text );}.elementor-kit-162 h1{font-family:var( --e-global-typography-d832a5c-font-family ), Sans-serif;font-size:var( --e-global-typography-d832a5c-font-size );font-weight:var( --e-global-typography-d832a5c-font-weight );line-height:var( --e-global-typography-d832a5c-line-height );letter-spacing:var( --e-global-typography-d832a5c-letter-spacing );}.elementor-kit-162 h2{font-family:var( --e-global-typography-1338b33-font-family ), Sans-serif;font-size:var( --e-global-typography-1338b33-font-size );font-weight:var( --e-global-typography-1338b33-font-weight );line-height:var( --e-global-typography-1338b33-line-height );letter-spacing:var( --e-global-typography-1338b33-letter-spacing );}.elementor-kit-162 h3{font-family:var( --e-global-typography-2c22151-font-family ), Sans-serif;font-size:var( --e-global-typography-2c22151-font-size );font-weight:var( --e-global-typography-2c22151-font-weight );line-height:var( --e-global-typography-2c22151-line-height );letter-spacing:var( --e-global-typography-2c22151-letter-spacing );}.elementor-kit-162 h4{font-family:var( --e-global-typography-6f795ca-font-family ), Sans-serif;font-size:var( --e-global-typography-6f795ca-font-size );font-weight:var( --e-global-typography-6f795ca-font-weight );line-height:var( --e-global-typography-6f795ca-line-height );}.elementor-kit-162 h5{font-family:var( --e-global-typography-36418dc-font-family ), Sans-serif;font-size:var( --e-global-typography-36418dc-font-size );font-weight:var( --e-global-typography-36418dc-font-weight );line-height:var( --e-global-typography-36418dc-line-height );}.elementor-kit-162 h6{font-family:var( --e-global-typography-3e2b378-font-family ), Sans-serif;font-size:var( --e-global-typography-3e2b378-font-size );font-weight:var( --e-global-typography-3e2b378-font-weight );line-height:var( --e-global-typography-3e2b378-line-height );}.elementor-kit-162 label{color:var( --e-global-color-kadence3 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-162 input:not([type="button"]):not([type="submit"]),.elementor-kit-162 textarea,.elementor-kit-162 .elementor-field-textual{font-family:var( --e-global-typography-314e7c7-font-family ), Sans-serif;font-size:var( --e-global-typography-314e7c7-font-size );color:var( --e-global-color-text );background-color:var( --e-global-color-1f91ff3 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;padding:26px 24px 26px 24px;}.elementor-kit-162 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-162 textarea:focus,.elementor-kit-162 .elementor-field-textual:focus{color:var( --e-global-color-text );background-color:#F7ECDECC;border-style:solid;border-width:2px 2px 4px 2px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1296px;}.e-con{--container-max-width:1296px;--container-default-padding-top:1.5rem;--container-default-padding-right:1.5rem;--container-default-padding-bottom:1.5rem;--container-default-padding-left:1.5rem;}.elementor-widget:not(:last-child){--kit-widget-spacing:1.5rem;}.elementor-element{--widgets-spacing:1.5rem 1.5rem;--widgets-spacing-row:1.5rem;--widgets-spacing-column:1.5rem;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-162 h1{font-size:var( --e-global-typography-d832a5c-font-size );line-height:var( --e-global-typography-d832a5c-line-height );letter-spacing:var( --e-global-typography-d832a5c-letter-spacing );}.elementor-kit-162 h2{font-size:var( --e-global-typography-1338b33-font-size );line-height:var( --e-global-typography-1338b33-line-height );letter-spacing:var( --e-global-typography-1338b33-letter-spacing );}.elementor-kit-162 h3{font-size:var( --e-global-typography-2c22151-font-size );line-height:var( --e-global-typography-2c22151-line-height );letter-spacing:var( --e-global-typography-2c22151-letter-spacing );}.elementor-kit-162 h4{font-size:var( --e-global-typography-6f795ca-font-size );line-height:var( --e-global-typography-6f795ca-line-height );}.elementor-kit-162 h5{font-size:var( --e-global-typography-36418dc-font-size );line-height:var( --e-global-typography-36418dc-line-height );}.elementor-kit-162 h6{font-size:var( --e-global-typography-3e2b378-font-size );line-height:var( --e-global-typography-3e2b378-line-height );}.elementor-kit-162 button,.elementor-kit-162 input[type="button"],.elementor-kit-162 input[type="submit"],.elementor-kit-162 .elementor-button{font-size:var( --e-global-typography-136e6c3-font-size );line-height:var( --e-global-typography-136e6c3-line-height );letter-spacing:var( --e-global-typography-136e6c3-letter-spacing );}.elementor-kit-162 label{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-162 input:not([type="button"]):not([type="submit"]),.elementor-kit-162 textarea,.elementor-kit-162 .elementor-field-textual{font-size:var( --e-global-typography-314e7c7-font-size );}}@media(max-width:1024px){.elementor-kit-162 h1{font-size:var( --e-global-typography-d832a5c-font-size );line-height:var( --e-global-typography-d832a5c-line-height );letter-spacing:var( --e-global-typography-d832a5c-letter-spacing );}.elementor-kit-162 h2{font-size:var( --e-global-typography-1338b33-font-size );line-height:var( --e-global-typography-1338b33-line-height );letter-spacing:var( --e-global-typography-1338b33-letter-spacing );}.elementor-kit-162 h3{font-size:var( --e-global-typography-2c22151-font-size );line-height:var( --e-global-typography-2c22151-line-height );letter-spacing:var( --e-global-typography-2c22151-letter-spacing );}.elementor-kit-162 h4{font-size:var( --e-global-typography-6f795ca-font-size );line-height:var( --e-global-typography-6f795ca-line-height );}.elementor-kit-162 h5{font-size:var( --e-global-typography-36418dc-font-size );line-height:var( --e-global-typography-36418dc-line-height );}.elementor-kit-162 h6{font-size:var( --e-global-typography-3e2b378-font-size );line-height:var( --e-global-typography-3e2b378-line-height );}.elementor-kit-162 button,.elementor-kit-162 input[type="button"],.elementor-kit-162 input[type="submit"],.elementor-kit-162 .elementor-button{font-size:var( --e-global-typography-136e6c3-font-size );line-height:var( --e-global-typography-136e6c3-line-height );letter-spacing:var( --e-global-typography-136e6c3-letter-spacing );}.elementor-kit-162 label{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-162 input:not([type="button"]):not([type="submit"]),.elementor-kit-162 textarea,.elementor-kit-162 .elementor-field-textual{font-size:var( --e-global-typography-314e7c7-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-162 h1{font-size:var( --e-global-typography-d832a5c-font-size );line-height:var( --e-global-typography-d832a5c-line-height );letter-spacing:var( --e-global-typography-d832a5c-letter-spacing );}.elementor-kit-162 h2{font-size:var( --e-global-typography-1338b33-font-size );line-height:var( --e-global-typography-1338b33-line-height );letter-spacing:var( --e-global-typography-1338b33-letter-spacing );}.elementor-kit-162 h3{font-size:var( --e-global-typography-2c22151-font-size );line-height:var( --e-global-typography-2c22151-line-height );letter-spacing:var( --e-global-typography-2c22151-letter-spacing );}.elementor-kit-162 h4{font-size:var( --e-global-typography-6f795ca-font-size );line-height:var( --e-global-typography-6f795ca-line-height );}.elementor-kit-162 h5{font-size:var( --e-global-typography-36418dc-font-size );line-height:var( --e-global-typography-36418dc-line-height );}.elementor-kit-162 h6{font-size:var( --e-global-typography-3e2b378-font-size );line-height:var( --e-global-typography-3e2b378-line-height );}.elementor-kit-162 button,.elementor-kit-162 input[type="button"],.elementor-kit-162 input[type="submit"],.elementor-kit-162 .elementor-button{font-size:var( --e-global-typography-136e6c3-font-size );line-height:var( --e-global-typography-136e6c3-line-height );letter-spacing:var( --e-global-typography-136e6c3-letter-spacing );}.elementor-kit-162 label{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-162 input:not([type="button"]):not([type="submit"]),.elementor-kit-162 textarea,.elementor-kit-162 .elementor-field-textual{font-size:var( --e-global-typography-314e7c7-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body.ld-in-focus-mode { background:#F1DEC6 !important; } body.ld-in-focus-mode .learndash-wrapper, .learndash-wrapper .ld-focus .ld-focus-sidebar { background: #F7ECDE !important; } .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label { border-color: #000; border-radius:0; } #ld-tab-panel-content > div > div > a { color: #fff; } .wp-block-buttons .wp-block-button__link { width: 100%; border-radius: 0; background-color:#1C1B1C; } .learndash-wrapper .wpProQuiz_content a#quiz_continue_link { align-items: center; background-color: #235af3; border: 0; border-radius: 0px !important;} .ld-accordion__item-title:is(a):focus, .ld-accordion__item-title:is(a):hover { color: #1C1B1C !important; } .ld-accordion__item:focus-within, .ld-accordion__item:has(.ld-accordion__expand-button[aria-expanded=true]), .ld-accordion__item:hover { border-color: #1C1B1C !important; border: solid 2px; border-radius:0; color: #F7ECDE !important;} .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item .ld-lesson-item-preview .ld-expand-button, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item .ld-lesson-item-preview .ld-expand-button { padding: 1rem!important; } .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-expand-button { flex-direction: row-reverse !important; } .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list { background-color: #F7ECDE !important} .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label.is-selected,.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label:focus-within, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item { border-color: #F7ECDE !important; } .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item { background-color:#F7ECDE!important} .elementor-kit-162 button:hover, .elementor-kit-162 button:focus, .elementor-kit-162 input[type="button"]:hover, .elementor-kit-162 input[type="button"]:focus, .elementor-kit-162 input[type="submit"]:hover, .elementor-kit-162 input[type="submit"]:focus, .elementor-kit-162 .elementor-button:hover, .elementor-kit-162 .elementor-button:focus, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2, .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) textarea.wpProQuiz_questionEssay { border-radius:0; } .sociale a { border-bottom: 2px solid transparent; padding-bottom:.5rem; } .sociale a:hover { border-bottom: 2px solid #1C1B1C !important; } /* ============================================================ GF Registration Form #1 — Figma Design (Finalna v6) ============================================================ */ /* ── Nadpisanie CSS variables GF Orbital Theme ─────────────── */ #gform_wrapper_1 { --gf-field-pwd-str-ind-position: static; --gf-field-pwd-str-ind-display: block; --gf-field-pwd-str-ind-inset-y-start: unset; --gf-field-pwd-str-ind-inset-x-start: unset; --gf-field-pwd-str-ind-transform: none; --gf-field-pwd-str-ind-width: 100%; --gf-field-pwd-str-ind-height: 4px; --gf-field-pwd-str-ind-radius: 2px; --gf-field-pwd-str-ind-content: ''; } /* ── Ukryj zbędne elementy ── */ #gform_wrapper_1 .gform_required_legend, #gform_wrapper_1 .gform_validation_container { display: none !important; } #gform_wrapper_1 .pola-zgoda .gfield_label { display: none; } /* ── Reset fieldsetów ── */ #gform_wrapper_1 .gfield { border: none; padding: 0; margin: 0 0 24px 0; } /* Główne labele legend (np. Imię i nazwisko, E-mail, Hasło) */ #gform_wrapper_1 .gfield > .gfield_label { font-family: 'Atkinson Hyperlegible', sans-serif; font-size: 16px; font-weight: 400; color: #1C1B1C; margin-bottom: 20px; display: block; } /* ── Układ kolumn: pionowo ── */ #gform_wrapper_1 .gform-grid-row { display: flex; flex-direction: column; gap: 0; } #gform_wrapper_1 .gform-grid-col { width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; position: relative; padding-top: 12px; margin-bottom: 28px; } /* ── Floating label (Tło dostosowane do Figmy: #F7ECDE) ── */ #gform_wrapper_1 .gform-field-label--type-sub { position: absolute; top: 12px; left: 12px; transform: translateY(-50%); background: #F7ECDE; /* Tło Linen 95 z Figmy */ padding: 0 4px; font-family: 'Atkinson Hyperlegible', sans-serif; font-weight: 700; font-size: 16px; line-height: 24px; letter-spacing: 0.01em; color: #1C1B1C; z-index: 2; pointer-events: none; white-space: nowrap; } /* ── Globalne style dla wszystkich Inputów ── */ #gform_wrapper_1 input[type="text"], #gform_wrapper_1 input[type="email"], #gform_wrapper_1 input[type="password"] { width: 100%; height: 56px; border: 2px solid #1C1B1C; border-radius: 0; background: transparent; /* Przezroczyste, aby przyjmowało tło strony */ padding: 4px 16px; font-family: 'Atkinson Hyperlegible', sans-serif; font-size: 18px; line-height: 28px; letter-spacing: 0.005em; color: #1C1B1C; box-sizing: border-box; outline: none; transition: all 0.2s ease; } #gform_wrapper_1 input::placeholder { color: #484647; /* Grey 30 z Figmy */ } /* Stan Focus (Aktywny) - Pogrubiona ramka bez przesuwania layoutu */ #gform_wrapper_1 input[type="text"]:focus, #gform_wrapper_1 input[type="email"]:focus, #gform_wrapper_1 input[type="password"]:focus { box-shadow: inset 0 0 0 1px #1C1B1C; /* Daje wizualny efekt 3px ramki */ } /* ── Kontener Hasła i ikona "Oczka" ── */ #gform_wrapper_1 .password_input_container { display: block; position: relative; width: 100%; } #gform_wrapper_1 .password_input_container input[type="password"] { padding-right: 48px; /* Zostaw miejsce na ikonę */ } #gform_wrapper_1 .gform_show_password { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; padding: 4px; display: flex; align-items: center; justify-content: center; color: #1C1B1C; z-index: 3; } /* ── Stany błędu: inputy ── */ #gform_wrapper_1 .gfield_error input[type="text"], #gform_wrapper_1 .gfield_error input[type="email"], #gform_wrapper_1 .gfield_error input[type="password"] { border-color: #911010; } #gform_wrapper_1 .gfield_error input:focus { box-shadow: inset 0 0 0 1px #911010; } #gform_wrapper_1 .gfield_error .gform-field-label--type-sub { color: #911010; } /* Wiadomości błędów */ #gform_wrapper_1 .validation_message, #gform_wrapper_1 .gfield_validation_message { font-family: 'Atkinson Hyperlegible', sans-serif; font-size: 14px; line-height: 150%; letter-spacing: 0.01em; color: #911010; padding: 6px 16px 0; margin: 0; background: none; border: none; display: block; } /* ── Password Strength Indicator ── */ #gform_wrapper_1 .gfield_password_strength { display: block !important; font-family: 'Atkinson Hyperlegible', sans-serif; font-size: 14px; line-height: 1.4; color: #1C1B1C; background: transparent !important; border: none !important; padding: 8px 0 0 0; margin-top: 4px; position: relative; } #gform_wrapper_1 .gfield_password_strength::before { display: none !important; } #gform_wrapper_1 .gfield_password_strength::after { content: '' !important; display: block !important; width: 100% !important; height: 4px !important; border-radius: 2px !important; margin-top: 10px; background: rgba(28, 27, 28, 0.15) !important; } #gform_wrapper_1 .gfield_password_strength.short::after, #gform_wrapper_1 .gfield_password_strength.bad::after { background: linear-gradient(to right, #911010 25%, rgba(28, 27, 28, 0.15) 25%) !important; } #gform_wrapper_1 .gfield_password_strength.good::after { background: linear-gradient(to right, #C07D00 65%, rgba(28, 27, 28, 0.15) 65%) !important; } #gform_wrapper_1 .gfield_password_strength.strong::after { background: #1C1B1C !important; } /* ── Checkbox zgody — okrągły od początku ── */ #gform_wrapper_1 .pola-zgoda input[type="checkbox"] { position: absolute; opacity: 0; width: 1px; height: 1px; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; overflow: hidden; pointer-events: none; margin: 0; } #gform_wrapper_1 .pola-zgoda .ginput_container_consent { display: flex; flex-direction: row; align-items: flex-start; } #gform_wrapper_1 .pola-zgoda .gfield_consent_label { display: flex; flex-direction: row; align-items: flex-start; gap: 12px; font-family: 'Atkinson Hyperlegible', sans-serif; font-size: 14px; line-height: 22px; letter-spacing: 0.015em; color: #1C1B1C; cursor: pointer; } /* Wizualny checkbox */ #gform_wrapper_1 .pola-zgoda .gfield_consent_label::before { content: ''; display: block; flex-shrink: 0; width: 24px; height: 24px; min-width: 24px; border: 2px solid #1C1B1C; border-radius: 50%; background: transparent; box-sizing: border-box; } /* Stan zaznaczony */ #gform_wrapper_1 .pola-zgoda input[type="checkbox"]:checked ~ label::before { border: none; background-color: #1C1B1C; /* Wypełnienie z Figmy */ /* Ikona ptaszka SVG osadzona bezpośrednio */ background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.8 9.6L0 4.8L1.4 3.4L4.8 6.8L12.6 0L14 1.4L4.8 9.6Z' fill='%23F7ECDE'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: 12px auto; } /* Stan błędu: checkbox */ #gform_wrapper_1 .pola-zgoda.gfield_error .gfield_consent_label::before { border-color: #911010; } /* Focus dostępności */ #gform_wrapper_1 .pola-zgoda input[type="checkbox"]:focus-visible ~ label::before { outline: 2px solid #1C1B1C; outline-offset: 3px; } /* ── Przycisk Submit ── */ #gform_wrapper_1 .gform_footer { display: flex; justify-content: flex-end; /* Wg Figmy przycisk wyrównany do prawej */ padding: 0; margin-top: 16px; } #gform_wrapper_1 #gform_submit_button_1 { width: auto !important; min-width: 160px; height: 56px; background-color: #1C1B1C !important; color: #F7ECDE !important; border: none; border-radius: 0; font-family: 'Atkinson Hyperlegible', sans-serif; font-weight: 700; font-size: 16px; line-height: 100%; letter-spacing: 0.05em; text-transform: uppercase; cursor: pointer; /* Przestrzeń na strzałkę (ikona z Figmy) */ padding: 16px 48px 16px 24px !important; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; transition: background-color 0.2s ease; /* Strzałka SVG jako tło, aby ominąć ograniczenia input[type=submit] */ background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z' fill='%23F7ECDE'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 20px center !important; background-size: 16px auto !important; } #gform_wrapper_1 #gform_submit_button_1:hover { background-color: #484647 !important; /* Kolor Hover z Figmy */ } /* ── GF Activation: ostyluj widecolumn na homepage ── */ #content.widecolumn { max-width: 680px; margin: 80px auto; padding: 48px 40px; font-family: 'Atkinson Hyperlegible', sans-serif; background: #F4E5D3; border: 2px solid #1C1B1C; box-sizing: border-box; } #content.widecolumn h2 { font-family: 'Atkinson Hyperlegible', sans-serif; font-size: 28px; font-weight: 700; line-height: 1.3; color: #1C1B1C; margin: 0 0 20px 0; } #content.widecolumn p.lead-in { font-family: 'Atkinson Hyperlegible', sans-serif; font-size: 16px; line-height: 1.7; color: #1C1B1C; margin: 0; } #content.widecolumn a { color: #1C1B1C; font-weight: 700; text-underline-offset: 3px; text-decoration-thickness: 1px; } #content.widecolumn a:hover { opacity: 0.7; } .gfur-activation-success, .gfur-activation-error { max-width: 560px; padding: 48px 40px; background: #F4E5D3; border: 2px solid #1C1B1C; box-sizing: border-box; font-family: 'Atkinson Hyperlegible', sans-serif; } .gfur-activation-success h2, .gfur-activation-error h2 { font-size: 26px; font-weight: 700; color: #1C1B1C; margin: 0 0 16px 0; } .gfur-activation-success p, .gfur-activation-error p { font-size: 16px; line-height: 1.7; color: #1C1B1C; margin: 0; } .gfur-activation-success a, .gfur-activation-error a { color: #1C1B1C; font-weight: 700; text-underline-offset: 3px; } .gfur-activation-error { border-color: #911010; } .gfur-activation-error h2 { color: #911010; } .ml-form-embedContainer.ml-form-embedWrapper.ml-form-embedBody.ml-form-embedSubmit button, [type=submit], button{ border-radius: 0 !important; } aside.ld-layout__sidebar { display: none!important; } .ld-layout.ld-breakpoint--extra-small:not(.ld-layout--no-sidebar) { grid-template-columns:none!important } .learndash-wrapper .ld-item-list .ld-item-list-item { border:0; border-radius: 0; } /* --- 1. GŁÓWNY KAFELEK MODUŁU (KARTA) --- */ .ld-item-list-item { background-color: #EBD8F1 !important; /* Fioletowe tło z Figmy */ border-radius: 0 32px 0 32px !important; /* Zaokrąglenie tylko prawy-górny i lewy-dolny róg */ margin-bottom: 32px !important; /* Odstęp między kafelkami */ overflow: hidden !important; /* Zatrzymuje rozwiniętą listę wewnątrz zaokrąglonych rogów */ border: none !important; /* Usuwa domyślne ramki LearnDash */ box-shadow: none !important; } /* Wygląd dla NIEDOSTĘPNYCH kafelków */ .ld-item-list-item.learndash-not-available { background-color: #FFFFFF !important; /* Białe tło */ } /* Zmiana koloru tekstu dla niedostępnych elementów */ .ld-item-list-item.learndash-not-available .ld-item-name, .ld-item-list-item.learndash-not-available .ld-item-title, .ld-item-list-item.learndash-not-available .ld-topic-title { color: #877253 !important; /* Szarobrązowy z Figmy */ } /* --- 2. NAGŁÓWEK KAFELKA (KLIKALNY PASEK) --- */ .ld-item-list-item-preview { background-color: transparent !important; /* Tło musi prześwitywać z głównego kafelka */ border: none !important; padding: 32px 24px 32px 32px !important; /* Paddingi z Figmy */ } /* --- 3. WNĘTRZE KAFELKA (PO ROZWINIĘCIU) --- */ /* Ukrycie czarnego paska "Krok Zawartość", którego nie ma w Figmie */ .ld-table-list-header { display: none !important; } /* Kontener z rozwiniętą listą tematów/lekcji */ .ld-item-list-item-expanded { background-color: transparent !important; border: none !important; padding: 0 40px 12px 40px !important; /* Wcięcia z Figmy, żeby checkery zrównały się z marginesem */ } /* Pojedynczy wiersz (temat) wewnątrz rozwiniętej listy */ .ld-table-list-items .ld-table-list-item { background-color: inherit !important; /* Dziedziczy fiolet z kontenera */ border-bottom: 1px solid #F7ECDE !important; /* Ramka między elementami */ border-radius: 0 !important; /* Wewnętrzne elementy są płaskie */ padding: 12px 16px !important; margin: 0 !important; transition: background-color 0.2s ease-in-out; } /* Usunięcie linii pod ostatnim elementem wewnętrznej listy */ .ld-table-list-items .ld-table-list-item:last-child { border-bottom: none !important; } /* Zabezpieczenie: usunięcie hovera z elementów niedostępnych */ .ld-table-list-items .ld-table-list-item.learndash-not-available:hover { background-color: transparent !important; } .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded:before, .ld-item-details > button > span.ld-text.ld-primary-color {display:none; } .learndash-wrapper .ld-expand-button.ld-button-alternate:not([disabled]) span.ld-icon { background: transparent !important; color:#1C1B1C ; } /* --- GŁÓWNY TYTUŁ MODUŁU (ROZWIJAJĄCY) --- */ .ld-item-list-items > .ld-item-list-item > .ld-item-list-item-preview .ld-item-title { font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: 24px !important; line-height: 1.2 !important; /* 120% */ color: #1C1B1C !important; } /* Zachowanie szarobrązowego koloru, gdy moduł jest jeszcze niedostępny, ale z zachowaniem nowej wielkości fontu */ .ld-item-list-items > .ld-item-list-item.learndash-not-available > .ld-item-list-item-preview .ld-item-title { color: #877253 !important; } /* --- TEKST W LIŚCIE ROZWINIĘTEJ (ZADANIA, TEMATY, QUIZY) --- */ .ld-item-list-item-expanded .ld-table-list-items .ld-topic-title, .ld-item-list-item-expanded .ld-table-list-items .ld-item-title { font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: 18px !important; line-height: 24px !important; /* lub 1.33 */ color: #1C1B1C !important; } /* Zabezpieczenie koloru dla elementów niedostępnych wewnątrz listy */ .ld-item-list-item-expanded .ld-table-list-items .learndash-not-available .ld-topic-title, .ld-item-list-item-expanded .ld-table-list-items .learndash-not-available .ld-item-title { color: #877253 !important; } /* 1. Całkowite "wyzerowanie" wewnętrznych elementów - żadnego tła ani własnych animacji */ .ld-table-list-items .ld-table-list-item .ld-table-list-item-preview, .ld-table-list-items .ld-table-list-item .ld-table-list-item-quiz, .ld-table-list-items .ld-table-list-item .ld-tooltip { background-color: transparent !important; transition: none !important; /* Wyłącza opóźnienia i skoki z motywu */ } /* Upewniamy się, że na hover te elementy nadal pozostają przezroczyste */ .ld-table-list-items .ld-table-list-item:hover .ld-table-list-item-preview, .ld-table-list-items .ld-table-list-item:hover .ld-table-list-item-quiz, .ld-table-list-items .ld-table-list-item:hover .ld-tooltip { background-color: transparent !important; } /* 2. Animacja i efekt hover nakładane WYŁĄCZNIE na główny kontener wiersza */ .ld-table-list-items .ld-table-list-item { transition: background-color 0.2s ease-in-out !important; } .ld-table-list-items .ld-table-list-item:hover { background-color: rgba(247, 236, 222, 0.8) !important /* Zmiana na kremowy od razu dla całości */ } /* 3. Utrzymanie koloru białego dla elementów zablokowanych (bez podświetlania na hover) */ .ld-table-list-items .ld-table-list-item.learndash-not-available:hover { background-color: rgba(247, 236, 222, 0.8) !important } /* ============================================================ PRZYCISKI ROZWIJANIA LEARNDASH - TERTIARY ICON ONLY (56x56) ============================================================ */ /* 1. Główny kontener przycisku (Włączony/Dostępny) */ .learndash-wrapper .ld-item-list-item .ld-item-details .ld-expand-button.ld-button-alternate { width: 56px !important; height: 56px !important; max-width: 56px !important; /* Nadpisanie domyślnego max-width z LearnDash */ padding: 0 !important; background-color: transparent !important; border: none !important; box-shadow: inset 0 0 0 0 transparent !important; /* Reset pod animacje */ outline: none !important; /* Układ i pozycjonowanie wewnątrz */ display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; box-sizing: border-box !important; transition: box-shadow 0.2s ease-in-out !important; } /* 2. Ikona wewnątrz przycisku (24x24px) */ .learndash-wrapper .ld-item-list-item .ld-item-details .ld-expand-button.ld-button-alternate .ld-icon { font-size: 12px !important; /* LearnDash używa font-icon */ width: 24px !important; height: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; /* Usuwa stare fioletowe tło */ color: #1C1B1C !important; } /* Ukrycie tekstu (np. "Zwiń"/"Rozwiń") dla buttona Icon Only */ .learndash-wrapper .ld-item-list-item .ld-item-details .ld-expand-button.ld-button-alternate .ld-text { display: none !important; } /* --- STANY PRZYCISKU --- */ /* Hover (Najechanie) - Dolna krawędź 4px */ .learndash-wrapper .ld-item-list-item .ld-item-details .ld-expand-button.ld-button-alternate:hover { box-shadow: inset 0 -4px 0 0 #1C1B1C !important; } /* Focus (Skupienie) - Pełna ramka 4px dookoła */ .learndash-wrapper .ld-item-list-item .ld-item-details .ld-expand-button.ld-button-alternate:focus, .learndash-wrapper .ld-item-list-item .ld-item-details .ld-expand-button.ld-button-alternate:focus-visible { box-shadow: inset 0 0 0 4px #1C1B1C !important; } /* Pressed (Wciśnięty) - Dolna krawędź 4px */ .learndash-wrapper .ld-item-list-item .ld-item-details .ld-expand-button.ld-button-alternate:active { box-shadow: inset 0 -4px 0 0 #1C1B1C !important; /* Opcjonalnie: lekki uskok przycisku przy kliknięciu dla lepszego UX */ transform: translateY(1px); } /* Disabled (Niedostępny) */ .learndash-wrapper .ld-item-list-item .ld-item-details .ld-expand-button.ld-button-alternate[disabled], .learndash-wrapper .ld-item-list-item .ld-item-details .ld-expand-button.ld-button-alternate[disabled] .ld-icon { color: #787576 !important; box-shadow: none !important; cursor: not-allowed !important; } /* ============================================================ UKŁAD ELEMENTÓW LISTY I IKONY STATUSU (FIGMA) ============================================================ */ /* 1. Kontenery wierszy - ustawiamy elastyczny układ (Flexbox) */ .learndash-wrapper .ld-item-list-item .ld-item-list-item-preview .ld-item-name, .learndash-wrapper .ld-table-list-items .ld-table-list-item-preview { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; } /* 2. Tytuł lekcji/tematu - przesuwamy na lewo (order 1) i pozwalamy mu wypełnić przestrzeń */ .learndash-wrapper .ld-item-name .ld-item-title, .learndash-wrapper .ld-table-list-item-preview .ld-topic-title, .learndash-wrapper .ld-table-list-item-preview .ld-item-title { order: 1 !important; flex-grow: 1 !important; margin-right: 16px !important; /* Odstęp między tekstem a ikoną statusu */ } /* 3. Ikona statusu - przesuwamy na prawo (order 2) i resetujemy domyślny wygląd */ .learndash-wrapper .ld-status-icon { order: 2 !important; margin: 0 !important; flex-shrink: 0 !important; width: 24px !important; height: 24px !important; flex-basis: 24px !important; border: none !important; border-radius: 0 !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } /* Ukrycie domyślnych wewnętrznych elementów LearnDash */ .learndash-wrapper .ld-status-icon::before, .learndash-wrapper .ld-status-icon::after, .learndash-wrapper .ld-status-icon span { display: none !important; } /* --- PODMIANA IKON I ZARZĄDZANIE STANAMI --- */ /* Stan: Nierozpoczęte (Incomplete) - UKRYWAMY IKONĘ */ .learndash-wrapper .ld-status-incomplete, .learndash-wrapper .ld-quiz-incomplete { display: none !important; } /* Stan: W toku (In Progress) - Ikona zegara "3/4" */ .learndash-wrapper .ld-status-in-progress { display: block !important; /* Wymuszamy widoczność dla rozpoczętych */ background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.54518 17.4547C7.44223 18.3518 8.54667 19.0137 9.76066 19.382C10.9747 19.7503 12.2607 19.8134 13.505 19.566C14.7492 19.3185 15.9132 18.7679 16.8939 17.9631C17.8745 17.1583 18.6416 16.1241 19.1271 14.952C19.6126 13.78 19.8015 12.5063 19.6771 11.2438C19.5528 9.98125 19.119 8.76889 18.4142 7.71407C17.7094 6.65925 16.7553 5.79453 15.6365 5.1965C14.5177 4.59848 13.2686 4.28561 12 4.28561L12 11.9999L6.54518 17.4547Z' fill='%231C1B1C'/%3E%3Cpath d='M12 0C18.6274 -2.89694e-07 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 2.89694e-07 18.6274 0 12C-2.89694e-07 5.37258 5.37258 2.89694e-07 12 0ZM12 21.0102C16.9762 21.0102 21.0102 16.9762 21.0102 12C21.0102 7.0238 16.9762 2.9898 12 2.9898C7.0238 2.9898 2.9898 7.0238 2.9898 12C2.9898 16.9762 7.0238 21.0102 12 21.0102Z' fill='%231C1B1C'/%3E%3C/svg%3E") !important; } /* Stan: Ukończono (Complete) - Pełne czarne kółko z ptaszkiem */ .learndash-wrapper .ld-status-complete, .learndash-wrapper .ld-quiz-complete { display: block !important; /* Wymuszamy widoczność dla ukończonych */ background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-5.24537e-07 12C-2.98824e-07 5.37258 5.37258 -2.34843e-07 12 -5.24537e-07C18.6274 -8.1423e-07 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 -2.34843e-07 18.6274 -5.24537e-07 12ZM9.75098 18L18.8574 8.71484L17.0371 6.85742L9.75098 14.2852L6.10742 10.5723L4.28613 12.4287L9.75098 18Z' fill='%231C1B1C'/%3E%3C/svg%3E") !important; } /* ============================================================ GF Registration Form — Final Version v8 (Optimized) ============================================================ */ :root { --gf-black: #1C1B1C; --gf-error: #911010; --gf-linen-95: #F7ECDE; --gf-hover-bg: rgba(247, 236, 222, 0.8); --font-atkinson: 'Atkinson Hyperlegible', sans-serif; --font-inter: 'Inter', sans-serif; } /* ── Globalne nadpisania Gravity Forms ── */ #gform_wrapper_1 { --gf-field-pwd-str-ind-position: static; --gf-field-pwd-str-ind-display: block; --gf-field-pwd-str-ind-width: 100%; --gf-field-pwd-str-ind-height: 4px; } /* Ukrycie zbędnych elementów systemowych */ .form-wlasny-01 .gform_required_legend, .form-wlasny-01 .gform_validation_container, .form-wlasny-01 .validation_error, .form-wlasny-01 .pola-zgoda > .gfield_label { display: none !important; } /* ── Kontener i Sekcje ── */ .form-wlasny-01 { background-color: var(--gf-linen-95); min-width: 525px !important; max-width: 100%; } .form-wlasny-01 .form-h4 .gsection_title { font-family: var(--font-inter) !important; font-weight: 600 !important; font-size: 20px !important; line-height: 30px !important; color: var(--gf-black); margin-bottom: 24px; } /* ── Etykiety na krawędzi (Outline Labels) ── */ .form-wlasny-01 .gfield { position: relative; margin-top: 25px !important; margin-bottom: 28px !important; } .form-wlasny-01 .gfield_label:not(.gfield_consent_label) { position: absolute; top: -12px; left: 12px; background: var(--gf-linen-95); padding: 0 4px !important; z-index: 2; font-family: var(--font-atkinson) !important; font-weight: 700 !important; font-size: 16px !important; line-height: 1.5 !important; letter-spacing: 0.01em !important; color: var(--gf-black) !important; } /* ── Pola tekstowe i Textarea ── */ .form-wlasny-01 input[type="text"], .form-wlasny-01 input[type="email"], .form-wlasny-01 input[type="password"], .form-wlasny-01 textarea { width: 100%; height: 56px; border: 2px solid var(--gf-black) !important; border-radius: 0 !important; background: transparent !important; padding: 4px 16px; font-family: var(--font-atkinson) !important; font-weight: 400 !important; font-size: 18px !important; line-height: 28px !important; color: var(--gf-black) !important; box-sizing: border-box; } .form-wlasny-01 textarea { height: auto; padding: 16px; } .form-wlasny-01 ::placeholder { color: #605E5F; opacity: 1; } .form-wlasny-01 input:focus { box-shadow: inset 0 0 0 1px var(--gf-black) !important; outline: none; } /* ── Radio i Checkboxy (Figma Design) ── */ /* Redukcja odstępów wewnątrz list wyborów */ .form-wlasny-01 .gfield_radio, .form-wlasny-01 .gfield_checkbox { display: flex; flex-direction: column; gap: 2px !important; margin-top: 8px !important; } .form-wlasny-01 .gchoice { margin: 0 !important; padding: 2px 0 !important; display: flex; align-items: flex-start; } /* ETYKIETY ZWYKŁE (Dla Radio i Checkbox - zapobiega nakładaniu) */ .form-wlasny-01 .pola-radio .gfield_label, .form-wlasny-01 .pola-check .gfield_label { position: relative !important; top: auto !important; left: auto !important; transform: none !important; display: block !important; margin-bottom: 12px !important; padding: 0 !important; } /* ── 5. Radio i Checkboxy (Skalowanie) ── */ /* Radio 20px */ .form-wlasny-01 .pola-radio input[type="radio"] { background: transparent; width: 20px !important; height: 20px !important; min-width: 20px !important; border: 2px solid var(--gf-black) !important; border-radius: 50% !important; margin-top: 4px !important; position: relative; cursor: pointer; } .form-wlasny-01 .pola-radio input[type="radio"]:checked::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; background: var(--gf-black); border-radius: 50%; } /* Checkbox 18px */ .form-wlasny-01 .pola-check input[type="checkbox"], .form-wlasny-01 .pola-zgoda input[type="checkbox"] { background: transparent; width: 18px !important; height: 18px !important; min-width: 18px !important; border: 2px solid var(--gf-black) !important; border-radius: 0 !important; margin-top: 5px !important; position: relative; cursor: pointer; } .form-wlasny-01 .pola-check input[type="checkbox"]:checked, .form-wlasny-01 .pola-zgoda input[type="checkbox"]:checked { background-color: var(--gf-black) !important; background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.8 9.6L0 4.8L1.4 3.4L4.8 6.8L12.6 0L14 1.4L4.8 9.6Z' fill='white'/%3E%3C/svg%3E") !important; background-size: 10px; background-repeat: no-repeat; background-position: center; } /* Blokada zmiany kształtu przy Focus */ .form-wlasny-01 input[type="radio"]:focus, .form-wlasny-01 input[type="checkbox"]:focus { box-shadow: 0 0 0 3px var(--gf-hover-bg) !important; outline: none !important; } /* ── Obsługa Błędów i Ikona Hasła ── */ /* Ikona wykrzyknika tylko dla pól tekstowych (nie hasła) */ .form-wlasny-01 .gfield_error input:not([type="password"]), .form-wlasny-01 .gfield_error textarea { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23911010'/%3E%3Cpath d='M12 7V13' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='16' r='1' fill='white'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 16px center !important; padding-right: 48px !important; } .form-wlasny-01 .gfield_error input, .form-wlasny-01 .gfield_error textarea { border-color: var(--gf-error) !important; } .form-wlasny-01 .gfield_error .gfield_label { color: var(--gf-error) !important; } /* Skonsolidowany kolor ikony oka w błędzie */ .form-wlasny-01 .gfield_error .gform_show_password { --gf-local-color: var(--gf-error) !important; --gf-local-opacity: 1 !important; color: var(--gf-error) !important; opacity: 1 !important; box-shadow: none !important; } .form-wlasny-01 .gfield_error .gform_show_password svg, .form-wlasny-01 .gfield_error .gform_show_password svg path { fill: currentColor !important; } /* Ukrycie Dashicons i centrowanie oka */ .form-wlasny-01 .dashicons-hidden::before, .form-wlasny-01 .dashicons-visibility::before { content: "" !important; display: none !important; } .form-wlasny-01 .gform_show_password { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); background: transparent !important; border: none !important; display: flex; align-items: center; justify-content: center; z-index: 5; } /* Komunikaty pod polami */ .form-wlasny-01 .gfield_validation_message { font-family: var(--font-atkinson) !important; font-size: 16px !important; color: var(--gf-error) !important; margin-top: 4px !important; padding: 0 !important; } /* ── Przyciski Nawigacji ── */ .form-wlasny-01 .gform_page_footer { display: flex; justify-content: space-between; margin-top: 40px; } .form-wlasny-01 .gform_next_button, .form-wlasny-01 .gform_button { background: var(--gf-black) !important; color: var(--gf-linen-95) !important; padding: 16px 24px !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; border-radius: 0 !important; } .form-wlasny-01 .gform_previous_button { background: transparent !important; border: none !important; box-shadow: none !important; color: var(--gf-black) !important; font-weight: 700; text-transform: uppercase; } /* ── Linki w Tekstach ── */ .form-wlasny-01 p a, .entry-content p a, .ld-tab-content p a, .elementor-text-editor a { color: var(--gf-black); text-decoration: underline; transition: all 0.2s; } .form-wlasny-01 p a:hover { text-decoration: none; background: var(--gf-hover-bg); background-blend-mode: soft-light; } /* ── 2. Struktura i Odstępy (Spacing Fix) ── */ .form-wlasny-01 .gfield { position: relative; margin-top: 0 !important; margin-bottom: 0 !important; padding-bottom: 0px !important; } /* Wyłączenie wpływu systemowego resetu na wymiary kontrolek */ .form-wlasny-01 .pola-radio input[type="radio"], .form-wlasny-01 .pola-check input[type="checkbox"], .form-wlasny-01 .pola-zgoda input[type="checkbox"] { box-sizing: border-box !important; display: inline-block !important; appearance: none !important; -webkit-appearance: none !important; /* Tutaj ponownie definiujemy wymiary, aby mieć pewność, że reset ich nie nadpisze */ width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; margin: 0 !important; padding: 0 !important; border: 2px solid #1C1B1C !important; } /* Specyficzna poprawka dla Checkboxa (rozmiar 18px zgodnie z poprzednim ustaleniem) */ .form-wlasny-01 .pola-check input[type="checkbox"], .form-wlasny-01 .pola-zgoda input[type="checkbox"] { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; border-radius: 0 !important; } /* Selektory ograniczające stylizację do zwykłego tekstu w Twoich narzędziach */ p a, .form-wlasny-01 p a, .form-wlasny-01 li a, .entry-content p a, .entry-content li a, .ld-tab-content p a, .elementor-text-editor a { text-decoration: underline !important; text-underline-offset: 3px !important; transition: all 0.2s ease-in-out; padding: 0 2px; /* Mały margines dla tła w stanie Hover */ border-radius: 2px; border: 2px solid transparent; /* Rezerwacja miejsca pod stan Focus */ } /* Stan: Hovered (Po najechaniu) */ p a:hover, .form-wlasny-01 p a:hover, .entry-content p a:hover, .ld-tab-content p a:hover, .elementor-text-editor a:hover { color: #1C1B1C; text-decoration: none !important; background: rgba(251, 245, 239, 0.8) !important; background-blend-mode: soft-light !important; } /* Stan: Visited (Odwiedzony) */ p a:visited, .form-wlasny-01 p a:visited, .entry-content p a:visited, .ld-tab-content p a:visited, .elementor-text-editor a:visited { color: #542D72 !important; text-decoration: underline !important; } /* Stan: Focused (Skupienie / Tabulacja) */ p a:focus, .form-wlasny-01 p a:focus, .entry-content p a:focus, .ld-tab-content p a:focus, .elementor-text-editor a:focus { outline: none !important; text-decoration: none !important; border-color: #1C1B1C !important; background: transparent !important; color: #1C1B1C !important; } .ld-button { border-radius: 0 !important; /* BUTTON */ font-family: 'Atkinson Hyperlegible' !important; font-style: normal !important; font-weight: 700 !important; font-size: 16px !important; line-height: 100% !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; height:56px!important; display: flex!important; flex-direction: row; justify-content: center; align-items: center; } .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded .ld-progress { background: transparent!important; } /* --- 0. UKRYWANIE ELEMENTÓW ZBĘDNYCH --- */ aside.ld-layout__sidebar, .ld-layout.ld-breakpoint--extra-small:not(.ld-layout--no-sidebar), .ld-table-list-header, .ld-status.ld-status-progress, /* Ukrywa napis "W toku" obok buttona */ .learndash-wrapper .ld-item-list-item-expanded:before { display: none !important; } /* --- 1. GŁÓWNY KAFELEK MODUŁU --- */ .learndash-wrapper .ld-item-list .ld-item-list-item { background-color: #EBD8F1 !important; border-radius: 0 32px 0 32px !important; margin-bottom: 32px !important; overflow: hidden !important; border: none !important; box-shadow: none !important; } /* Wygląd dla NIEDOSTĘPNYCH kafelków */ .learndash-wrapper .ld-item-list-item.learndash-not-available { background-color: #FFFFFF !important; } /* --- 2. NAGŁÓWEK KAFELKA (KLIKALNY PASEK) --- */ .learndash-wrapper .ld-item-list-item-preview { background-color: transparent !important; border: none !important; padding: 32px 24px 32px 32px !important; display: flex !important; align-items: center !important; } /* Układ wewnątrz nagłówka - Tytuł i Ikona */ .learndash-wrapper .ld-item-name { display: flex !important; align-items: center !important; flex-grow: 1 !important; text-decoration: none !important; } .learndash-wrapper .ld-course-title { order: 1 !important; flex-grow: 1 !important; font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: 24px !important; line-height: 1.2 !important; color: #1C1B1C !important; margin-right: 16px !important; } /* Kolor dla niedostępnych */ .learndash-not-available .ld-course-title { color: #877253 !important; } /* --- 3. IKONA STATUSU (Po prawej stronie tytułu) --- */ .learndash-wrapper .ld-status-icon { order: 2 !important; margin: 0 20px 0 0 !important; flex-shrink: 0 !important; width: 24px !important; height: 24px !important; border: none !important; background-color: transparent !important; } .learndash-wrapper .ld-status-icon::before, .learndash-wrapper .ld-status-icon span { display: none !important; /* Ukrywa domyślne checkmarki LD */ } /* Ukrywanie ikony "Nie rozpoczęto" zgodnie z Twoim wymogiem */ .learndash-wrapper .ld-status-incomplete { display: none !important; } /* --- 4. PRZYCISK ROZWIJANIA (Tertiary Icon Only) --- */ .learndash-wrapper .ld-item-details .ld-expand-button { width: 56px !important; height: 56px !important; min-width: 56px !important; padding: 0 !important; background-color: transparent !important; border: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: all 0.2s ease-in-out !important; } .learndash-wrapper .ld-expand-button .ld-icon, .learndash-wrapper .ld-expand-button:not([disabled]) { background: transparent !important; color: #1C1B1C !important; font-size: 16px !important; } .learndash-wrapper .ld-expand-button .ld-text { display: none !important; /* Ukrywa tekst "Rozwiń" */ } /* Stany przycisku */ .learndash-wrapper .ld-expand-button:hover { box-shadow: inset 0 -4px 0 0 #1C1B1C !important; } .learndash-wrapper .ld-expand-button:focus { box-shadow: inset 0 0 0 4px #1C1B1C !important; } /* --- 5. WNĘTRZE KAFELKA (PROGRESS BAR) --- */ .ld-item-list-item-expanded { background-color: transparent !important; padding: 0 40px 32px 40px !important; } .ld-progress-bar { height: 8px !important; background-color: #F7ECDE !important; /* Kremowe tło paska */ border-radius: 4px !important; } .ld-progress-bar-percentage { background-color: #1C1B1C !important; /* Czarny postęp */ border-radius: 4px !important; } .ld-progress-label, .ld-progress-percentage, .ld-progress-steps { font-family: 'Inter', sans-serif !important; color: #1C1B1C !important; font-weight: 600 !important; } button.ld-expand-button.ld-primary-background.ld-compact.ld-not-mobile { display: none !important; } .ld-progress-bar { display: none!important; } /* ── MARK COMPLETE — nowy przycisk LearnDash 4.x ──────────── */ /* Bazowy styl — Enabled */ button.learndash_mark_complete_button, .ld-navigation__progress-mark-complete-button { background: transparent !important; background-color: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; display: inline-flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 16px 4px !important; gap: 12px !important; min-height: 56px !important; box-sizing: border-box !important; font-family: 'Atkinson Hyperlegible', sans-serif !important; font-weight: 700 !important; font-size: 16px !important; line-height: 100% !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; text-decoration: none !important; color: #1C1B1C !important; cursor: pointer !important; transition: border 0.15s ease, color 0.15s ease !important; } /* Hover */ button.learndash_mark_complete_button:hover, .ld-navigation__progress-mark-complete-button:hover { background: transparent !important; color: #1C1B1C !important; border-bottom: 4px solid #1C1B1C !important; } /* Focus */ button.learndash_mark_complete_button:focus, .ld-navigation__progress-mark-complete-button:focus { background: transparent !important; color: #1C1B1C !important; border: 4px solid #1C1B1C !important; outline: none !important; } /* Active / Pressed */ button.learndash_mark_complete_button:active, .ld-navigation__progress-mark-complete-button:active { background: transparent !important; color: #1C1B1C !important; border-bottom: 4px solid #1C1B1C !important; } /* Disabled — obecny stan Twojego przycisku */ button.learndash_mark_complete_button[disabled], .ld-navigation__progress-mark-complete-button[disabled], .ld-navigation__progress-mark-complete-button--lesson[disabled] { color: #787576 !important; background: transparent !important; border: none !important; opacity: 1 !important; cursor: not-allowed !important; pointer-events: none !important; } /* Ikona SVG wewnątrz przycisku — dopasuj kolor do stanu */ button.learndash_mark_complete_button .ld-svgicon, .ld-navigation__progress-mark-complete-button .ld-svgicon { color: inherit !important; fill: currentColor !important; width: 24px !important; height: 24px !important; flex-shrink: 0 !important; } /* Ikona w stanie disabled (klasa --disabled już jest na SVG) */ .ld-svgicon__check-2.ld-navigation__icon--disabled { color: #787576 !important; } /* ── NAWIGACJA: POPRZEDNIA (Wstecz / Powrót do: Moduł) ─────── */ /* Bazowy styl — Enabled */ .ld-navigation__previous-link { background: transparent !important; background-color: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; text-decoration: none !important; display: inline-flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 16px 4px !important; gap: 12px !important; min-height: 56px !important; box-sizing: border-box !important; font-family: 'Atkinson Hyperlegible', sans-serif !important; font-weight: 700 !important; font-size: 16px !important; line-height: 100% !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; color: #1C1B1C !important; cursor: pointer !important; transition: border 0.15s ease !important; } /* Visited — bez zmiany koloru */ .ld-navigation__previous-link:visited { color: #1C1B1C !important; text-decoration: none !important; } /* Hover */ .ld-navigation__previous-link:hover { background: transparent !important; color: #1C1B1C !important; border-bottom: 4px solid #1C1B1C !important; text-decoration: none !important; } /* Focus */ .ld-navigation__previous-link:focus { background: transparent !important; color: #1C1B1C !important; border: 4px solid #1C1B1C !important; outline: none !important; text-decoration: none !important; } /* Active / Pressed */ .ld-navigation__previous-link:active { background: transparent !important; color: #1C1B1C !important; border-bottom: 4px solid #1C1B1C !important; text-decoration: none !important; } /* ── IKONA SVG (left-caret) ─────────────────────────────────── */ .ld-navigation__previous-link .ld-svgicon { color: inherit !important; flex-shrink: 0 !important; width: 20px !important; height: 20px !important; } /* ── ETYKIETY TEKSTOWE ──────────────────────────────────────── */ .ld-navigation__previous-link .ld-navigation__label { font-family: 'Atkinson Hyperlegible', sans-serif !important; font-weight: 700 !important; font-size: 16px !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; line-height: 100% !important; } /* ── NAWIGACJA: NASTĘPNA — Primary / Icon trailing ───────────── */ /* Bazowy styl — Enabled */ .ld-navigation__next-link { background-color: #1C1B1C !important; background: #1C1B1C !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; text-decoration: none !important; display: inline-flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 16px 24px !important; gap: 12px !important; height: 56px !important; box-sizing: border-box !important; font-family: 'Atkinson Hyperlegible', sans-serif !important; font-weight: 700 !important; font-size: 16px !important; line-height: 100% !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; color: #F7ECDE !important; cursor: pointer !important; transition: background-color 0.15s ease, border 0.15s ease !important; } /* Visited */ .ld-navigation__next-link:visited { color: #F7ECDE !important; text-decoration: none !important; } /* Hover */ .ld-navigation__next-link:hover { background-color: #313031 !important; background: #313031 !important; color: #F7ECDE !important; border-bottom: 4px solid #1C1B1C !important; text-decoration: none !important; } /* Focus — fioletowa ramka */ .ld-navigation__next-link:focus { background-color: #1C1B1C !important; background: #1C1B1C !important; color: #F7ECDE !important; border: 4px solid #B189CA !important; outline: none !important; text-decoration: none !important; } /* Active / Pressed */ .ld-navigation__next-link:active { background-color: #313031 !important; background: #313031 !important; color: #F7ECDE !important; border: none !important; text-decoration: none !important; } /* Disabled — aria-disabled="true" */ .ld-navigation__next-link[aria-disabled="true"] { background-color: #C9C5C6 !important; background: #C9C5C6 !important; color: #787576 !important; border: none !important; opacity: 1 !important; cursor: not-allowed !important; pointer-events: none !important; text-decoration: none !important; } /* ── IKONA SVG (right-caret, Icon trailing) ──────────────────── */ .ld-navigation__next-link .ld-svgicon { color: inherit !important; fill: currentColor !important; flex-shrink: 0 !important; width: 20px !important; height: 20px !important; /* Ikona jest ostatnim elementem flex — trailing */ order: 2 !important; } /* ── ETYKIETY TEKSTOWE ───────────────────────────────────────── */ .ld-navigation__next-link .ld-navigation__label { font-family: 'Atkinson Hyperlegible', sans-serif !important; font-weight: 700 !important; font-size: 16px !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; line-height: 100% !important; color: inherit !important; order: 1 !important; } /* ── NAWIGACJA: POWRÓT DO KURSU ─────────────────────────────── */ /* Bazowy styl — Enabled */ .ld-navigation__back-to-course-link { background: transparent !important; background-color: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; text-decoration: none !important; display: inline-flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 16px 4px !important; gap: 12px !important; min-height: 56px !important; box-sizing: border-box !important; font-family: 'Atkinson Hyperlegible', sans-serif !important; font-weight: 700 !important; font-size: 16px !important; line-height: 100% !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; color: #1C1B1C !important; cursor: pointer !important; transition: border 0.15s ease !important; } /* Visited */ .ld-navigation__back-to-course-link:visited { color: #1C1B1C !important; text-decoration: none !important; } /* Hover */ .ld-navigation__back-to-course-link:hover { background: transparent !important; color: #1C1B1C !important; border-bottom: 4px solid #1C1B1C !important; text-decoration: none !important; } /* Focus */ .ld-navigation__back-to-course-link:focus { background: transparent !important; color: #1C1B1C !important; border: 4px solid #1C1B1C !important; outline: none !important; text-decoration: none !important; } /* Active / Pressed */ .ld-navigation__back-to-course-link:active { background: transparent !important; color: #1C1B1C !important; border-bottom: 4px solid #1C1B1C !important; text-decoration: none !important; } /* ── IKONA SVG (course) ──────────────────────────────────────── */ .ld-navigation__back-to-course-link .ld-svgicon { color: inherit !important; flex-shrink: 0 !important; width: 24px !important; height: 24px !important; } /* ── EXPAND / COLLAPSE BUTTON (akordeon nawigacji) ──────────── */ /* Bazowy styl */ button.ld-expand-button.ld-button-alternate { background: transparent !important; background-color: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; display: inline-flex !important; flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; padding: 16px 4px !important; gap: 12px !important; min-height: 56px !important; width: 100% !important; box-sizing: border-box !important; font-family: 'Atkinson Hyperlegible', sans-serif !important; font-weight: 700 !important; font-size: 16px !important; line-height: 100% !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; color: #1C1B1C !important; cursor: pointer !important; transition: border 0.15s ease !important; } /* Hover */ button.ld-expand-button.ld-button-alternate:hover { background: transparent !important; color: #1C1B1C !important; border-bottom: 4px solid #1C1B1C !important; } /* Focus */ button.ld-expand-button.ld-button-alternate:focus { background: transparent !important; color: #1C1B1C !important; border: 4px solid #1C1B1C !important; outline: none !important; } /* Active / Pressed */ button.ld-expand-button.ld-button-alternate:active { background: transparent !important; color: #1C1B1C !important; border-bottom: 4px solid #1C1B1C !important; } /* Stan rozwinięty — aria-expanded="true" */ button.ld-expand-button.ld-button-alternate[aria-expanded="true"] { border-bottom: 4px solid #1C1B1C !important; color: #1C1B1C !important; background: transparent !important; } /* ── IKONA STRZAŁKI ──────────────────────────────────────────── */ /* Reset kolorów LearnDash na ikonie (klasa ld-primary-background) */ button.ld-expand-button .ld-icon.ld-primary-background { background-color: transparent !important; background: transparent !important; color: #1C1B1C !important; flex-shrink: 0 !important; transition: transform 0.2s ease !important; } /* Obrót ikony po rozwinięciu */ button.ld-expand-button[aria-expanded="true"] .ld-icon.ld-icon-arrow-down { transform: rotate(180deg) !important; } /* ── TEKST ROZWIJALNY (np. "2 Zadania | 2 Zestaw pytań") ─────── */ button.ld-expand-button .ld-expand-text.ld-primary-color { font-family: 'Atkinson Hyperlegible', sans-serif !important; font-weight: 700 !important; font-size: 16px !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; color: #1C1B1C !important; } /* Separator | między zadaniami */ button.ld-expand-button .ld-expand-text .ld-sep { margin: 0 4px !important; color: #1C1B1C !important; } /* ── SCREEN READER TEXT — ukryte wizualnie, dostępne dla czytników ── */ button.ld-expand-button .screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } /* Tło transparentne, tekst i ikona ciemne */ .ld-accordion__expand-button { background-color: transparent !important; border: none !important; color: inherit !important; box-shadow: none !important; } /* Kolor ikony caret – dopasuj hex do swojego designu */ .ld-accordion__expand-button .ld-svgicon path { fill: #1a1a1a !important; } /* Stan hover – subtelne podświetlenie */ .ld-accordion__expand-button:hover { background-color: transparent !important; opacity: 0.75; } /* Tekst "Rozwiń / Zwiń" – ciemny */ .ld-accordion__expand-button-text { color: #1a1a1a !important; }/* End custom CSS */