.elementor-1680 .elementor-element.elementor-element-0c18644{--display:flex;--min-height:900px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.4;}.elementor-1680 .elementor-element.elementor-element-0c18644:not(.elementor-motion-effects-element-type-background), .elementor-1680 .elementor-element.elementor-element-0c18644 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bayport.pl/wp-content/uploads/2026/10/hero-zdjecie.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1680 .elementor-element.elementor-element-0c18644::before, .elementor-1680 .elementor-element.elementor-element-0c18644 > .elementor-background-video-container::before, .elementor-1680 .elementor-element.elementor-element-0c18644 > .e-con-inner > .elementor-background-video-container::before, .elementor-1680 .elementor-element.elementor-element-0c18644 > .elementor-background-slideshow::before, .elementor-1680 .elementor-element.elementor-element-0c18644 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1680 .elementor-element.elementor-element-0c18644 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1680 .elementor-element.elementor-element-5210631{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1680 .elementor-element.elementor-element-a388a26 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;line-height:1.7em;letter-spacing:1.85px;color:#5FC5FF;}.elementor-1680 .elementor-element.elementor-element-cce87e9{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-1680 .elementor-element.elementor-element-cce87e9 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:80px;font-weight:700;line-height:1.17em;letter-spacing:-0.045em;color:#FFFFFF;}.elementor-1680 .elementor-element.elementor-element-9d611fb{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1680 .elementor-element.elementor-element-9d611fb .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#E2F1F8;}.elementor-1680 .elementor-element.elementor-element-51afb06{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1680 .elementor-element.elementor-element-a6a4b9b{--display:flex;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-status{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1680 .elementor-element.elementor-element-e3e6194 > .elementor-widget-container{margin:-80px 0px 0px 0px;}.elementor-1680 .elementor-element.elementor-element-e3e6194 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}.elementor-1680 .elementor-element.elementor-element-ee58bf5{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1680 .elementor-element.elementor-element-5520c5b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1680 .elementor-element.elementor-element-f55627a{text-align:center;}.elementor-1680 .elementor-element.elementor-element-f55627a .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;line-height:1.7em;letter-spacing:1.85px;color:#26A8FF;}.elementor-1680 .elementor-element.elementor-element-318bde4{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-1680 .elementor-element.elementor-element-318bde4 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:55px;font-weight:700;line-height:1.17em;letter-spacing:-0.045em;color:#102A43;}.elementor-1680 .elementor-element.elementor-element-f14ace7{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-1680 .elementor-element.elementor-element-f14ace7 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-1680 .elementor-element.elementor-element-a91d8d2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1680 .elementor-element.elementor-element-f10ae2c{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1680 .elementor-element.elementor-element-954092f img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1680 .elementor-element.elementor-element-11ab7da{--display:flex;}.elementor-1680 .elementor-element.elementor-element-4a5e33c .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;line-height:1.7em;letter-spacing:1.85px;color:#26A8FF;}.elementor-1680 .elementor-element.elementor-element-9965706 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:55px;font-weight:700;line-height:1.17em;letter-spacing:-0.045em;color:#102A43;}.elementor-1680 .elementor-element.elementor-element-e0b57e8 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-1680 .elementor-element.elementor-element-a64e61a .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-1680 .elementor-element.elementor-element-6af00fb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1680 .elementor-element.elementor-element-50af266{--display:flex;}.elementor-1680 .elementor-element.elementor-element-31c8189 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;line-height:1.7em;letter-spacing:1.85px;color:#26A8FF;}.elementor-1680 .elementor-element.elementor-element-113e960{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-1680 .elementor-element.elementor-element-113e960 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:55px;font-weight:700;line-height:1.17em;letter-spacing:-0.045em;color:#102A43;}.elementor-1680 .elementor-element.elementor-element-1947572 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-1680 .elementor-element.elementor-element-f428d47{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1680 .elementor-element.elementor-element-e12506e{--display:flex;}.elementor-1680 .elementor-element.elementor-element-327a98b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;line-height:1.7em;letter-spacing:1.85px;color:#26A8FF;}.elementor-1680 .elementor-element.elementor-element-02873ba{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-1680 .elementor-element.elementor-element-02873ba .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:55px;font-weight:700;line-height:1.17em;letter-spacing:-0.045em;color:#102A43;}.elementor-1680 .elementor-element.elementor-element-70468e0 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-1680 .elementor-element.elementor-element-e38a8b7{--display:flex;--min-height:800px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1680 .elementor-element.elementor-element-7f0e85b{--display:flex;}.elementor-1680 .elementor-element.elementor-element-c7b1f49 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;line-height:1.7em;letter-spacing:1.85px;color:#26A8FF;}.elementor-1680 .elementor-element.elementor-element-e19de3d .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:55px;font-weight:700;line-height:1.17em;letter-spacing:-0.045em;color:#FFFFFF;}.elementor-1680 .elementor-element.elementor-element-0f3441e .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#C6D9E8;}.elementor-1680 .elementor-element.elementor-element-286c25a .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#C6D9E8;}.elementor-1680 .elementor-element.elementor-element-acbced2 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#C6D9E8;}.elementor-1680 .elementor-element.elementor-element-6ba3644{--display:flex;}.elementor-1680 .elementor-element.elementor-element-cff3229{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-1680 .elementor-element.elementor-element-04bcb0e{--display:flex;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 3px 0px 0px;--border-top-width:0px;--border-right-width:3px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D8EEFC;--border-color:#D8EEFC;--border-radius:0px 1px 0px 0px;}.elementor-1680 .elementor-element.elementor-element-cef3da3 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;line-height:1.7em;letter-spacing:1.85px;color:#26A8FF;}.elementor-1680 .elementor-element.elementor-element-9ee2b81 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:55px;font-weight:700;line-height:1.17em;letter-spacing:-0.045em;color:#102A43;}.elementor-1680 .elementor-element.elementor-element-1d65617{--display:flex;--justify-content:center;}.elementor-1680 .elementor-element.elementor-element-9392c57 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:13px;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-1680 .elementor-element.elementor-element-04f025c .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:13px;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-1680 .elementor-element.elementor-element-dbf855a .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:13px;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-1680 .elementor-element.elementor-element-89dca2a{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1680 .elementor-element.elementor-element-e6dc9de .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;line-height:1.7em;letter-spacing:1.85px;color:#26A8FF;}.elementor-1680 .elementor-element.elementor-element-8a8b801 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:55px;font-weight:700;line-height:1.17em;letter-spacing:-0.045em;color:#102A43;}.elementor-1680 .elementor-element.elementor-element-171aa76 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-1680 .elementor-element.elementor-element-9998119 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-1680 .elementor-element.elementor-element-8be6dea .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-1680 .elementor-element.elementor-element-f9da951 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-1680 .elementor-element.elementor-element-b80237f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1680 .elementor-element.elementor-element-22c8486 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;line-height:1.7em;letter-spacing:1.85px;color:#26A8FF;}.elementor-1680 .elementor-element.elementor-element-d6232d5{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-1680 .elementor-element.elementor-element-d6232d5 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:55px;font-weight:700;line-height:1.17em;letter-spacing:-0.045em;color:#102A43;}.elementor-1680 .elementor-element.elementor-element-9bc7fd2 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-1680 .elementor-element.elementor-element-733f80c .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-1680 .elementor-element.elementor-element-6aa5556{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1680 .elementor-element.elementor-element-bf749ea{--display:flex;}.elementor-1680 .elementor-element.elementor-element-c96a1a0 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;line-height:1.7em;letter-spacing:1.85px;color:#26A8FF;}.elementor-1680 .elementor-element.elementor-element-3d70b05 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:55px;font-weight:700;line-height:1.17em;letter-spacing:-0.045em;color:#102A43;}.elementor-1680 .elementor-element.elementor-element-eb8e42d .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-1680 .elementor-element.elementor-element-d0a4153{--display:flex;--justify-content:center;}.elementor-1680 .elementor-element.elementor-element-76969b7{border-radius:20px 20px 20px 20px;}.elementor-1680 .elementor-element.elementor-element-76969b7 iframe{height:482px;}.elementor-1680 .elementor-element.elementor-element-af3cda9{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1680 .elementor-element.elementor-element-10bd85c{text-align:center;}.elementor-1680 .elementor-element.elementor-element-10bd85c .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;line-height:1.7em;letter-spacing:1.85px;color:#26A8FF;}.elementor-1680 .elementor-element.elementor-element-883ca5a{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-1680 .elementor-element.elementor-element-883ca5a .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:55px;font-weight:700;line-height:1.17em;letter-spacing:-0.045em;color:#102A43;}.elementor-1680 .elementor-element.elementor-element-dbcddcb .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-1680 .elementor-element.elementor-element-fa43aab{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1680 .elementor-element.elementor-element-8769a4c{font-family:"Manrope", Sans-serif;font-weight:400;color:#566E80;}.elementor-1680 .elementor-element.elementor-element-3cb0483{--display:flex;}.elementor-1680 .elementor-element.elementor-element-eec586b{font-family:"Manrope", Sans-serif;font-weight:400;color:#566E80;}.elementor-1680 .elementor-element.elementor-element-22f07b1{--display:flex;}.elementor-1680 .elementor-element.elementor-element-7d8ff6a{font-family:"Manrope", Sans-serif;font-weight:400;color:#566E80;}.elementor-1680 .elementor-element.elementor-element-e38abbf{--display:flex;}.elementor-1680 .elementor-element.elementor-element-a814f64{font-family:"Manrope", Sans-serif;font-weight:400;color:#566E80;}.elementor-1680 .elementor-element.elementor-element-e41a946{--display:flex;}.elementor-1680 .elementor-element.elementor-element-a4b04d5{font-family:"Manrope", Sans-serif;font-weight:400;color:#566E80;}.elementor-1680 .elementor-element.elementor-element-aab06bc{--display:flex;}.elementor-1680 .elementor-element.elementor-element-9ae6ff3{font-family:"Manrope", Sans-serif;font-weight:400;color:#566E80;}.elementor-1680 .elementor-element.elementor-element-0f6637a{--display:flex;}.elementor-1680 .elementor-element.elementor-element-1872013{font-family:"Manrope", Sans-serif;font-weight:400;color:#566E80;}.elementor-1680 .elementor-element.elementor-element-0849ebb{--display:flex;}.elementor-1680 .elementor-element.elementor-element-159c158{font-family:"Manrope", Sans-serif;font-weight:400;color:#566E80;}.elementor-1680 .elementor-element.elementor-element-1742ae3{--display:flex;}.elementor-1680 .elementor-element.elementor-element-d10831a{font-family:"Manrope", Sans-serif;font-weight:400;color:#566E80;}.elementor-1680 .elementor-element.elementor-element-e17cdf0{--display:flex;}.elementor-1680 .elementor-element.elementor-element-e25ce7c{font-family:"Manrope", Sans-serif;font-weight:400;color:#566E80;}.elementor-1680 .elementor-element.elementor-element-fe79fe6{--n-accordion-title-font-size:1rem;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-1680 .elementor-element.elementor-element-8833f4d{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1680 .elementor-element.elementor-element-6c27b7e .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;line-height:1.7em;letter-spacing:1.85px;color:#26A8FF;}.elementor-1680 .elementor-element.elementor-element-5d73df2 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:55px;font-weight:700;line-height:1.17em;letter-spacing:-0.045em;color:#102A43;}.elementor-1680 .elementor-element.elementor-element-d81003e .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:400;line-height:1.7em;letter-spacing:0em;color:#63758A;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1680 .elementor-element.elementor-element-d831485{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1680 .elementor-element.elementor-element-d831485 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1680 .elementor-element.elementor-element-d831485:after{content:"0.66";}.elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__thumbnail__link{width:100%;}.elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__meta-data span + span:before{content:"/";}.elementor-1680 .elementor-element.elementor-element-d831485.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1680 .elementor-element.elementor-element-d831485.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1680 .elementor-element.elementor-element-d831485.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1680 .elementor-element.elementor-element-0c18644{--content-width:1252px;}.elementor-1680 .elementor-element.elementor-element-5210631{--width:70%;}.elementor-1680 .elementor-element.elementor-element-7f0e85b{--width:100%;}.elementor-1680 .elementor-element.elementor-element-bf749ea{--width:80%;}}@media(max-width:1024px){.elementor-1680 .elementor-element.elementor-element-cce87e9 .elementor-heading-title{font-size:60px;}.elementor-1680 .elementor-element.elementor-element-318bde4{width:auto;max-width:auto;}.elementor-1680 .elementor-element.elementor-element-76969b7.elementor-element{--flex-grow:1;--flex-shrink:0;}}@media(max-width:767px){.elementor-1680 .elementor-element.elementor-element-cce87e9 .elementor-heading-title{font-size:42px;}.elementor-1680 .elementor-element.elementor-element-e3e6194 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1680 .elementor-element.elementor-element-318bde4 .elementor-heading-title{font-size:35px;}.elementor-1680 .elementor-element.elementor-element-f14ace7{width:auto;max-width:auto;}.elementor-1680 .elementor-element.elementor-element-9965706{width:auto;max-width:auto;text-align:center;}.elementor-1680 .elementor-element.elementor-element-9965706 .elementor-heading-title{font-size:35px;}.elementor-1680 .elementor-element.elementor-element-113e960{width:auto;max-width:auto;text-align:center;}.elementor-1680 .elementor-element.elementor-element-113e960 .elementor-heading-title{font-size:30px;}.elementor-1680 .elementor-element.elementor-element-1947572{text-align:center;}.elementor-1680 .elementor-element.elementor-element-02873ba{width:auto;max-width:auto;text-align:center;}.elementor-1680 .elementor-element.elementor-element-02873ba .elementor-heading-title{font-size:35px;}.elementor-1680 .elementor-element.elementor-element-70468e0{text-align:center;}.elementor-1680 .elementor-element.elementor-element-e19de3d{text-align:center;}.elementor-1680 .elementor-element.elementor-element-e19de3d .elementor-heading-title{font-size:35px;}.elementor-1680 .elementor-element.elementor-element-04bcb0e{--width:100%;}.elementor-1680 .elementor-element.elementor-element-9ee2b81{width:100%;max-width:100%;text-align:center;}.elementor-1680 .elementor-element.elementor-element-9ee2b81 .elementor-heading-title{font-size:35px;}.elementor-1680 .elementor-element.elementor-element-8a8b801{text-align:center;}.elementor-1680 .elementor-element.elementor-element-8a8b801 .elementor-heading-title{font-size:35px;}.elementor-1680 .elementor-element.elementor-element-171aa76{text-align:center;}.elementor-1680 .elementor-element.elementor-element-d6232d5{width:auto;max-width:auto;text-align:center;}.elementor-1680 .elementor-element.elementor-element-d6232d5 .elementor-heading-title{font-size:35px;}.elementor-1680 .elementor-element.elementor-element-3d70b05{width:auto;max-width:auto;text-align:center;}.elementor-1680 .elementor-element.elementor-element-3d70b05 .elementor-heading-title{font-size:35px;}.elementor-1680 .elementor-element.elementor-element-883ca5a{width:auto;max-width:auto;}.elementor-1680 .elementor-element.elementor-element-883ca5a .elementor-heading-title{font-size:30px;}.elementor-1680 .elementor-element.elementor-element-dbcddcb{text-align:center;}.elementor-1680 .elementor-element.elementor-element-fe79fe6{width:100%;max-width:100%;}.elementor-1680 .elementor-element.elementor-element-5d73df2{text-align:center;}.elementor-1680 .elementor-element.elementor-element-5d73df2 .elementor-heading-title{font-size:35px;}.elementor-1680 .elementor-element.elementor-element-d81003e{text-align:center;}.elementor-1680 .elementor-element.elementor-element-d831485 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1680 .elementor-element.elementor-element-d831485:after{content:"0.5";}.elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for button, class: .elementor-element-cfc983e *//* ========================================== BAYPORT — PRZYCISK CTA PEŁNY CSS DO PODMIANY ========================================== */ .elementor-1680 .elementor-element.elementor-element-cfc983e .elementor-button { --blue: #26A8FF; --blue2: #2BA6DE; --navy: #102A43; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 11px !important; min-height: 52px; padding: 13px 23px !important; background: #26A8FF !important; color: #06233D !important; border: none !important; border-radius: 12px !important; font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important; font-size: 0.88rem !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; box-sizing: border-box; box-shadow: none; transition: transform .22s ease, background .22s ease, box-shadow .22s ease; } /* TEKST PRZYCISKU */ .elementor-1680 .elementor-element.elementor-element-cfc983e .elementor-button .elementor-button-content-wrapper { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 11px !important; } .elementor-1680 .elementor-element.elementor-element-cfc983e .elementor-button .elementor-button-text { color: #06233D !important; font-family: Manrope, sans-serif !important; font-size: inherit !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: 0 !important; } /* STRZAŁKA PO PRAWEJ */ .elementor-1680 .elementor-element.elementor-element-cfc983e .elementor-button::after { content: "" !important; display: inline-block !important; width: 17px; height: 17px; flex-shrink: 0; background-color: #06233D; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; transition: transform .22s ease; } /* HOVER */ .elementor-1680 .elementor-element.elementor-element-cfc983e .elementor-button:hover { background: #2BA6DE !important; color: #06233D !important; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(38,168,255,.22); } .elementor-1680 .elementor-element.elementor-element-cfc983e .elementor-button:hover::after { transform: translateX(4px); } /* KLIKNIĘCIE */ .elementor-1680 .elementor-element.elementor-element-cfc983e .elementor-button:active { transform: translateY(0); box-shadow: none; } /* FOCUS */ .elementor-1680 .elementor-element.elementor-element-cfc983e .elementor-button:focus-visible { outline: 3px solid #102A43; outline-offset: 3px; } /* USUWANIE DODATKOWEJ IKONY ELEMENTORA */ .elementor-1680 .elementor-element.elementor-element-cfc983e .elementor-button .elementor-button-icon { display: none !important; } /* MOBILE */ @media (max-width: 767px) { .elementor-1680 .elementor-element.elementor-element-cfc983e .elementor-button { min-height: 52px; padding: 13px 20px !important; font-size: 0.88rem !important; } .elementor-1680 .elementor-element.elementor-element-cfc983e .elementor-button::after { width: 16px; height: 16px; } } /* OGRANICZENIE ANIMACJI */ @media (prefers-reduced-motion: reduce) { .elementor-1680 .elementor-element.elementor-element-cfc983e .elementor-button, .elementor-1680 .elementor-element.elementor-element-cfc983e .elementor-button::after { transition: none !important; } .elementor-1680 .elementor-element.elementor-element-cfc983e .elementor-button:hover, .elementor-1680 .elementor-element.elementor-element-cfc983e .elementor-button:hover::after { transform: none; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fc9809e *//* ================================================ BAYPORT — PRZYCISK WSZYSTKIE PORADNIKI BIAŁE TŁO — ORYGINALNY HOVER BEZ STRZAŁKI — PEŁNY CSS DO PODMIANY ================================================ */ /* 01. WIDŻET ELEMENTORA */ .elementor-1680 .elementor-element.elementor-element-fc9809e { --blue: #26A8FF; --blue2: #2BA6DE; --navy: #102A43; --dark: #1A1A1A; --muted: #63758A; --pale: #F5F9FC; --line: #E2EBF2; --white: #FFFFFF; --shadow: 0 24px 80px rgba(16,42,67,.09); --r: 20px; --max: 1220px; margin: 0 !important; padding: 0 !important; font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif; box-sizing: border-box; } /* 02. KONTENER PRZYCISKU */ .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button-wrapper { margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* 03. GŁÓWNY PRZYCISK */ .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; width: auto !important; max-width: 100% !important; min-height: 52px !important; margin: 0 !important; padding: 13px 23px !important; /* BIAŁE TŁO */ background: #FFFFFF !important; background-color: #FFFFFF !important; background-image: none !important; color: #102A43 !important; border: 1px solid #B3D6E9 !important; border-radius: 12px !important; font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important; font-size: 0.88rem !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; text-align: center !important; box-sizing: border-box !important; box-shadow: none !important; transform: translateY(0) !important; cursor: pointer; transition: transform 0.22s, background 0.22s, box-shadow 0.22s !important; } /* 04. UKŁAD TEKSTU */ .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button .elementor-button-content-wrapper { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 0 !important; width: auto !important; margin: 0 !important; padding: 0 !important; } /* 05. TEKST PRZYCISKU */ .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button .elementor-button-text { display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #102A43 !important; font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important; font-size: 0.88rem !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: normal !important; text-transform: none !important; white-space: nowrap !important; } /* 06. USUNIĘCIE IKON I STRZAŁEK */ .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button .elementor-button-icon { display: none !important; } .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button::before, .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button::after, .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button .elementor-button-content-wrapper::before, .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button .elementor-button-content-wrapper::after { content: none !important; display: none !important; } /* ================================================ 07. HOVER — ORYGINALNY BAYPORT ================================================ */ .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button:hover { background: #EDF9FF !important; background-color: #EDF9FF !important; background-image: none !important; color: #102A43 !important; border: 1px solid #B3D6E9 !important; border-radius: 12px !important; transform: translateY(-2px) !important; box-shadow: none !important; text-decoration: none !important; } .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button:hover .elementor-button-text { color: #102A43 !important; } /* ================================================ 08. KLIKNIĘCIE ================================================ */ .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button:active { background: #EDF9FF !important; background-color: #EDF9FF !important; background-image: none !important; color: #102A43 !important; transform: translateY(0) !important; box-shadow: none !important; } /* ================================================ 09. FOCUS ================================================ */ .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button:focus-visible { outline: 2px solid #26A8FF !important; outline-offset: 3px !important; } /* ================================================ 10. MOBILE ================================================ */ @media (max-width: 767px) { .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button { width: auto !important; max-width: 100% !important; min-height: 52px !important; padding: 13px 23px !important; font-size: 0.88rem !important; border-radius: 12px !important; } .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button .elementor-button-text { font-size: 0.88rem !important; } } /* ================================================ 11. OGRANICZENIE ANIMACJI ================================================ */ @media (prefers-reduced-motion: reduce) { .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button { transition: none !important; } .elementor-1680 .elementor-element.elementor-element-fc9809e .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0c18644 */.elementor-1680 .elementor-element.elementor-element-0c18644 { position: relative; isolation: isolate; } .elementor-1680 .elementor-element.elementor-element-0c18644::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1; background: linear-gradient( 90deg, rgba(7, 28, 44, .84) 0%, rgba(7, 28, 44, .62) 40%, rgba(7, 28, 44, .36) 66%, rgba(7, 28, 44, .52) 100% ), linear-gradient( 180deg, rgba(4, 20, 32, .12) 0%, rgba(4, 20, 32, .28) 100% ), radial-gradient( circle at 18% 30%, rgba(38, 168, 255, .18), transparent 34% ); } .elementor-1680 .elementor-element.elementor-element-0c18644 > * { position: relative; z-index: 2; }/* End custom CSS */ /* Start custom CSS for fluent-form-widget, class: .elementor-element-e3e6194 *//* ========================================== BAYPORT — CIENIE FORMULARZA FLUENT FORMS ID 11 ========================================== */ /* GŁÓWNA KARTA FORMULARZA */ .pj-booking-layout:has(#fluentform_11) { background: #FFFFFF !important; border: 1px solid #E2EBF2 !important; border-radius: 24px !important; box-shadow: 0 30px 100px rgba(16, 42, 67, 0.14) !important; } /* DELIKATNY CIEŃ PÓL PRZY AKTYWACJI */ #fluentform_11 .ff-el-form-control:focus { border-color: #26A8FF !important; box-shadow: 0 0 0 3px rgba(38, 168, 255, 0.10) !important; } /* CIEŃ PRZYCISKU PO NAJECHANIU */ #fluentform_11 .ff-btn-submit:hover { box-shadow: 0 12px 26px rgba(38, 168, 255, 0.24) !important; } /* RESPONSYWNOŚĆ */ @media (max-width: 767px) { .pj-booking-layout:has(#fluentform_11) { box-shadow: 0 18px 55px rgba(16, 42, 67, 0.12) !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f55627a */.elementor-1680 .elementor-element.elementor-element-f55627a .elementor-heading-title { display: inline-flex; align-items: center; gap: 10px; } .elementor-1680 .elementor-element.elementor-element-f55627a .elementor-heading-title::before { content: ""; display: inline-block; width: 22px; height: 2px; background-color: #26A8FF; border-radius: 2px; flex-shrink: 0; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4a5e33c */.elementor-1680 .elementor-element.elementor-element-4a5e33c .elementor-heading-title { display: inline-flex; align-items: center; gap: 10px; } .elementor-1680 .elementor-element.elementor-element-4a5e33c .elementor-heading-title::before { content: ""; display: inline-block; width: 22px; height: 2px; background-color: #26A8FF; border-radius: 2px; flex-shrink: 0; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b17fc84 *//* ========================================== BAYPORT — PRZYCISK CTA PEŁNY CSS DO PODMIANY ========================================== */ .elementor-1680 .elementor-element.elementor-element-b17fc84 .elementor-button { --blue: #26A8FF; --blue2: #2BA6DE; --navy: #102A43; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 11px !important; min-height: 52px; padding: 13px 23px !important; background: #26A8FF !important; color: #06233D !important; border: none !important; border-radius: 12px !important; font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important; font-size: 0.88rem !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; box-sizing: border-box; box-shadow: none; transition: transform .22s ease, background .22s ease, box-shadow .22s ease; } /* TEKST PRZYCISKU */ .elementor-1680 .elementor-element.elementor-element-b17fc84 .elementor-button .elementor-button-content-wrapper { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 11px !important; } .elementor-1680 .elementor-element.elementor-element-b17fc84 .elementor-button .elementor-button-text { color: #06233D !important; font-family: Manrope, sans-serif !important; font-size: inherit !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: 0 !important; } /* STRZAŁKA PO PRAWEJ */ .elementor-1680 .elementor-element.elementor-element-b17fc84 .elementor-button::after { content: "" !important; display: inline-block !important; width: 17px; height: 17px; flex-shrink: 0; background-color: #06233D; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; transition: transform .22s ease; } /* HOVER */ .elementor-1680 .elementor-element.elementor-element-b17fc84 .elementor-button:hover { background: #2BA6DE !important; color: #06233D !important; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(38,168,255,.22); } .elementor-1680 .elementor-element.elementor-element-b17fc84 .elementor-button:hover::after { transform: translateX(4px); } /* KLIKNIĘCIE */ .elementor-1680 .elementor-element.elementor-element-b17fc84 .elementor-button:active { transform: translateY(0); box-shadow: none; } /* FOCUS */ .elementor-1680 .elementor-element.elementor-element-b17fc84 .elementor-button:focus-visible { outline: 3px solid #102A43; outline-offset: 3px; } /* USUWANIE DODATKOWEJ IKONY ELEMENTORA */ .elementor-1680 .elementor-element.elementor-element-b17fc84 .elementor-button .elementor-button-icon { display: none !important; } /* MOBILE */ @media (max-width: 767px) { .elementor-1680 .elementor-element.elementor-element-b17fc84 .elementor-button { min-height: 52px; padding: 13px 20px !important; font-size: 0.88rem !important; } .elementor-1680 .elementor-element.elementor-element-b17fc84 .elementor-button::after { width: 16px; height: 16px; } } /* OGRANICZENIE ANIMACJI */ @media (prefers-reduced-motion: reduce) { .elementor-1680 .elementor-element.elementor-element-b17fc84 .elementor-button, .elementor-1680 .elementor-element.elementor-element-b17fc84 .elementor-button::after { transition: none !important; } .elementor-1680 .elementor-element.elementor-element-b17fc84 .elementor-button:hover, .elementor-1680 .elementor-element.elementor-element-b17fc84 .elementor-button:hover::after { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-31c8189 */.elementor-1680 .elementor-element.elementor-element-31c8189 .elementor-heading-title { display: inline-flex; align-items: center; gap: 10px; } .elementor-1680 .elementor-element.elementor-element-31c8189 .elementor-heading-title::before { content: ""; display: inline-block; width: 22px; height: 2px; background-color: #26A8FF; border-radius: 2px; flex-shrink: 0; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-327a98b */.elementor-1680 .elementor-element.elementor-element-327a98b .elementor-heading-title { display: inline-flex; align-items: center; gap: 10px; } .elementor-1680 .elementor-element.elementor-element-327a98b .elementor-heading-title::before { content: ""; display: inline-block; width: 22px; height: 2px; background-color: #26A8FF; border-radius: 2px; flex-shrink: 0; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c7b1f49 */.elementor-1680 .elementor-element.elementor-element-c7b1f49 .elementor-heading-title { display: inline-flex; align-items: center; gap: 10px; } .elementor-1680 .elementor-element.elementor-element-c7b1f49 .elementor-heading-title::before { content: ""; display: inline-block; width: 22px; height: 2px; background-color: #26A8FF; border-radius: 2px; flex-shrink: 0; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-131fa88 *//* ========================================== BAYPORT — PRZYCISK CTA PEŁNY CSS DO PODMIANY ========================================== */ .elementor-1680 .elementor-element.elementor-element-131fa88 .elementor-button { --blue: #26A8FF; --blue2: #2BA6DE; --navy: #102A43; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 11px !important; min-height: 52px; padding: 13px 23px !important; background: #26A8FF !important; color: #06233D !important; border: none !important; border-radius: 12px !important; font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important; font-size: 0.88rem !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; box-sizing: border-box; box-shadow: none; transition: transform .22s ease, background .22s ease, box-shadow .22s ease; } /* TEKST PRZYCISKU */ .elementor-1680 .elementor-element.elementor-element-131fa88 .elementor-button .elementor-button-content-wrapper { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 11px !important; } .elementor-1680 .elementor-element.elementor-element-131fa88 .elementor-button .elementor-button-text { color: #06233D !important; font-family: Manrope, sans-serif !important; font-size: inherit !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: 0 !important; } /* STRZAŁKA PO PRAWEJ */ .elementor-1680 .elementor-element.elementor-element-131fa88 .elementor-button::after { content: "" !important; display: inline-block !important; width: 17px; height: 17px; flex-shrink: 0; background-color: #06233D; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; transition: transform .22s ease; } /* HOVER */ .elementor-1680 .elementor-element.elementor-element-131fa88 .elementor-button:hover { background: #2BA6DE !important; color: #06233D !important; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(38,168,255,.22); } .elementor-1680 .elementor-element.elementor-element-131fa88 .elementor-button:hover::after { transform: translateX(4px); } /* KLIKNIĘCIE */ .elementor-1680 .elementor-element.elementor-element-131fa88 .elementor-button:active { transform: translateY(0); box-shadow: none; } /* FOCUS */ .elementor-1680 .elementor-element.elementor-element-131fa88 .elementor-button:focus-visible { outline: 3px solid #102A43; outline-offset: 3px; } /* USUWANIE DODATKOWEJ IKONY ELEMENTORA */ .elementor-1680 .elementor-element.elementor-element-131fa88 .elementor-button .elementor-button-icon { display: none !important; } /* MOBILE */ @media (max-width: 767px) { .elementor-1680 .elementor-element.elementor-element-131fa88 .elementor-button { min-height: 52px; padding: 13px 20px !important; font-size: 0.88rem !important; } .elementor-1680 .elementor-element.elementor-element-131fa88 .elementor-button::after { width: 16px; height: 16px; } } /* OGRANICZENIE ANIMACJI */ @media (prefers-reduced-motion: reduce) { .elementor-1680 .elementor-element.elementor-element-131fa88 .elementor-button, .elementor-1680 .elementor-element.elementor-element-131fa88 .elementor-button::after { transition: none !important; } .elementor-1680 .elementor-element.elementor-element-131fa88 .elementor-button:hover, .elementor-1680 .elementor-element.elementor-element-131fa88 .elementor-button:hover::after { transform: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-be19075 *//* ============================================== BAYPORT — CENNIK W DWÓCH KOLUMNACH FLUENT / DYNAMICZNY CENNIK ============================================== */ .cennik-grid.bayport-cennik-grid { --bp-navy: #0D344B; --bp-blue: #0078AF; --bp-head: #EAF6FC; --bp-stripe: #F4F9FC; --bp-line: #E2EBF2; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; width: 100%; max-width: 100%; margin: 0 auto; background: #FFFFFF; border: 1px solid var(--bp-line); border-radius: 20px; overflow: hidden; box-shadow: 0 24px 80px rgba(16,42,67,.09); font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif; color: #102A43; font-size: 14px; line-height: 1.6; box-sizing: border-box; } .cennik-grid.bayport-cennik-grid *, .cennik-grid.bayport-cennik-grid *::before, .cennik-grid.bayport-cennik-grid *::after { box-sizing: border-box; } /* ============================================== GŁÓWNY GRANATOWY NAGŁÓWEK ============================================== */ .cennik-grid.bayport-cennik-grid::before { content: "Zakres opłat · 1–14 dni"; display: flex; align-items: center; grid-column: 1 / -1; grid-row: 1; padding: 18px 24px; min-height: 65px; background: #0D344B; color: #FFFFFF; font-family: Manrope, sans-serif; font-size: 15px; font-weight: 800; line-height: 1.4; letter-spacing: -0.025em; text-align: left; } /* ============================================== WIERSZE CENNIKA 1–7 LEWA KOLUMNA 8–14 PRAWA KOLUMNA ============================================== */ .cennik-grid.bayport-cennik-grid > .cennik-item { position: relative; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center; width: 100% !important; min-width: 0; min-height: 43px; margin: 0 !important; padding: 10px 20px !important; background: #FFFFFF; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; text-align: left; transition: background .2s ease; } /* Rozmieszczenie wg kolejności elementów HTML */ .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(-n+7) { grid-column: 1; } .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(n+8):nth-child(-n+14) { grid-column: 2; } /* Każdy dzień w odpowiednim rzędzie */ .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(7n+1) { grid-row: 3; } .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(7n+2) { grid-row: 4; } .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(7n+3) { grid-row: 5; } .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(7n+4) { grid-row: 6; } .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(7n+5) { grid-row: 7; } .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(7n+6) { grid-row: 8; } .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(7n) { grid-row: 9; } /* Naprzemienne tło wg wiersza */ .cennik-grid.bayport-cennik-grid > .cennik-item:is( :nth-child(7n+2), :nth-child(7n+4), :nth-child(7n+6) ) { background: #F4F9FC !important; } .cennik-grid.bayport-cennik-grid > .cennik-item:hover { background: #EAF6FC !important; box-shadow: none !important; transform: none !important; } /* Pionowy separator kolumn */ .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(n+8):nth-child(-n+14) { border-left: 1px solid #E2EBF2 !important; } /* ============================================== NAGŁÓWKI KOLUMN ============================================== */ /* Pierwszy element — lewy nagłówek */ .cennik-grid.bayport-cennik-grid > .cennik-item:first-of-type::before, /* Ósmy element — prawy nagłówek */ .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(8)::before { content: "LICZBA DNI"; position: absolute; left: 0; bottom: 100%; display: flex; align-items: center; width: 50%; height: 42px; padding: 0 20px; background: #EAF6FC; color: #49728B; font-size: 10px; font-weight: 800; letter-spacing: .06em; white-space: nowrap; } .cennik-grid.bayport-cennik-grid > .cennik-item:first-of-type::after, .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(8)::after { content: "CENA"; position: absolute; right: 0; bottom: 100%; display: flex; align-items: center; justify-content: flex-end; width: 50%; height: 42px; padding: 0 20px; background: #EAF6FC; color: #49728B; font-size: 10px; font-weight: 800; letter-spacing: .06em; white-space: nowrap; } /* Rezerwujemy miejsce na nagłówek kolumn */ .cennik-grid.bayport-cennik-grid > .cennik-item:first-of-type, .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(8) { margin-top: 42px !important; } /* ============================================== LICZBA DNI I CENA ============================================== */ .cennik-grid.bayport-cennik-grid .cennik-dni { display: block; margin: 0 !important; padding: 0; font-family: Manrope, sans-serif; font-size: 13px; font-weight: 500; line-height: 1.5; color: #102A43 !important; text-align: left; } .cennik-grid.bayport-cennik-grid .cennik-cena { display: block; margin: 0 !important; padding: 0; font-family: Manrope, sans-serif; font-size: 13px; font-weight: 800; line-height: 1.5; color: #0078AF !important; text-align: right; white-space: nowrap; } /* ============================================== CENY PROMOCYJNE ============================================== */ .cennik-grid.bayport-cennik-grid > .cennik-item.promo { border-radius: 0 !important; box-shadow: none !important; } .cennik-grid.bayport-cennik-grid .cennik-item.promo .badge { position: static !important; display: inline-block; margin: 0 5px 0 0; padding: 3px 6px; background: #26A8FF; color: #FFFFFF; border-radius: 5px; box-shadow: none; font-size: 9px; font-weight: 800; transform: none; } .cennik-grid.bayport-cennik-grid .cennik-item.promo .old { display: inline; margin-right: 6px; font-size: 11px; color: #91A3B3; text-decoration: line-through; } .cennik-grid.bayport-cennik-grid .cennik-item.promo .new { display: inline; font-size: 13px; font-weight: 800; color: #0078AF; } /* ============================================== STOPKA ============================================== */ .cennik-grid.bayport-cennik-grid::after { content: "Powyżej 14 dni: cena według aktualnego cennika BayPort. Cena końcowa wymaga weryfikacji w systemie rezerwacyjnym."; display: block; grid-column: 1 / -1; grid-row: 10; padding: 15px 24px; background: #F4F9FC; border-top: 1px solid #E2EBF2; color: #63758A; font-size: 11px; font-weight: 500; line-height: 1.7; } /* ============================================== MOBILE — JEDNA KOLUMNA ============================================== */ @media (max-width: 600px) { .cennik-grid.bayport-cennik-grid { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; border-radius: 16px; } .cennik-grid.bayport-cennik-grid::before { min-height: 60px; padding: 16px; font-size: 13px; } .cennik-grid.bayport-cennik-grid > .cennik-item { width: 100% !important; min-height: 42px; margin: 0 !important; padding: 10px 16px !important; border-left: 0 !important; } .cennik-grid.bayport-cennik-grid > .cennik-item:first-of-type { margin-top: 42px !important; } .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(8) { margin-top: 0 !important; } .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(8)::before, .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(8)::after { display: none; } .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(even) { background: #F4F9FC !important; } .cennik-grid.bayport-cennik-grid > .cennik-item:nth-child(odd) { background: #FFFFFF !important; } .cennik-grid.bayport-cennik-grid .cennik-dni, .cennik-grid.bayport-cennik-grid .cennik-cena { font-size: 12px; } .cennik-grid.bayport-cennik-grid::after { padding: 15px 16px; font-size: 10px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e38a8b7 *//* ========================================== BAYPORT — RESPONSYWNE TŁO CENNIKA Rozmiar i odstępy kontroluje Elementor ========================================== */ .elementor-1680 .elementor-element.elementor-element-e38a8b7 { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient( 118deg, #0B233B 0%, #102F4C 70%, #13517A 100% ) !important; color: #EAF4FA; } /* ========================================== ORNAMENT — PROPORCJONALNY DO KONTENERA ========================================== */ .elementor-1680 .elementor-element.elementor-element-e38a8b7::before { content: ""; position: absolute; width: 65%; aspect-ratio: 1 / 1; height: auto; top: -40%; left: -20%; border: 1px solid rgba(117, 193, 246, 0.10); border-radius: 50%; box-shadow: 0 0 0 7vw rgba(72, 155, 222, 0.025), 0 0 0 13vw rgba(72, 155, 222, 0.016); pointer-events: none; z-index: -1; } /* ========================================== TREŚĆ KONTENERA NAD ORNAMENTEM ========================================== */ .elementor-1680 .elementor-element.elementor-element-e38a8b7 > * { position: relative; z-index: 1; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-cef3da3 */.elementor-1680 .elementor-element.elementor-element-cef3da3 .elementor-heading-title { display: inline-flex; align-items: center; gap: 10px; } .elementor-1680 .elementor-element.elementor-element-cef3da3 .elementor-heading-title::before { content: ""; display: inline-block; width: 22px; height: 2px; background-color: #26A8FF; border-radius: 2px; flex-shrink: 0; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-70ee3ee *//* ========================================== BAYPORT — PRZYCISK CTA PEŁNY CSS DO PODMIANY ========================================== */ .elementor-1680 .elementor-element.elementor-element-70ee3ee .elementor-button { --blue: #26A8FF; --blue2: #2BA6DE; --navy: #102A43; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 11px !important; min-height: 52px; padding: 13px 23px !important; background: #26A8FF !important; color: #06233D !important; border: none !important; border-radius: 12px !important; font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important; font-size: 0.88rem !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; box-sizing: border-box; box-shadow: none; transition: transform .22s ease, background .22s ease, box-shadow .22s ease; } /* TEKST PRZYCISKU */ .elementor-1680 .elementor-element.elementor-element-70ee3ee .elementor-button .elementor-button-content-wrapper { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 11px !important; } .elementor-1680 .elementor-element.elementor-element-70ee3ee .elementor-button .elementor-button-text { color: #06233D !important; font-family: Manrope, sans-serif !important; font-size: inherit !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: 0 !important; } /* STRZAŁKA PO PRAWEJ */ .elementor-1680 .elementor-element.elementor-element-70ee3ee .elementor-button::after { content: "" !important; display: inline-block !important; width: 17px; height: 17px; flex-shrink: 0; background-color: #06233D; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; transition: transform .22s ease; } /* HOVER */ .elementor-1680 .elementor-element.elementor-element-70ee3ee .elementor-button:hover { background: #2BA6DE !important; color: #06233D !important; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(38,168,255,.22); } .elementor-1680 .elementor-element.elementor-element-70ee3ee .elementor-button:hover::after { transform: translateX(4px); } /* KLIKNIĘCIE */ .elementor-1680 .elementor-element.elementor-element-70ee3ee .elementor-button:active { transform: translateY(0); box-shadow: none; } /* FOCUS */ .elementor-1680 .elementor-element.elementor-element-70ee3ee .elementor-button:focus-visible { outline: 3px solid #102A43; outline-offset: 3px; } /* USUWANIE DODATKOWEJ IKONY ELEMENTORA */ .elementor-1680 .elementor-element.elementor-element-70ee3ee .elementor-button .elementor-button-icon { display: none !important; } /* MOBILE */ @media (max-width: 767px) { .elementor-1680 .elementor-element.elementor-element-70ee3ee .elementor-button { min-height: 52px; padding: 13px 20px !important; font-size: 0.88rem !important; } .elementor-1680 .elementor-element.elementor-element-70ee3ee .elementor-button::after { width: 16px; height: 16px; } } /* OGRANICZENIE ANIMACJI */ @media (prefers-reduced-motion: reduce) { .elementor-1680 .elementor-element.elementor-element-70ee3ee .elementor-button, .elementor-1680 .elementor-element.elementor-element-70ee3ee .elementor-button::after { transition: none !important; } .elementor-1680 .elementor-element.elementor-element-70ee3ee .elementor-button:hover, .elementor-1680 .elementor-element.elementor-element-70ee3ee .elementor-button:hover::after { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e6dc9de */.elementor-1680 .elementor-element.elementor-element-e6dc9de .elementor-heading-title { display: inline-flex; align-items: center; gap: 10px; } .elementor-1680 .elementor-element.elementor-element-e6dc9de .elementor-heading-title::before { content: ""; display: inline-block; width: 22px; height: 2px; background-color: #26A8FF; border-radius: 2px; flex-shrink: 0; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7a0b129 *//* ================================================ BAYPORT — TRUSTINDEX / OPINIE GOOGLE POPRAWIONY CSS DLA ORYGINALNEGO SLIDERA ================================================ */ /* ================================================ 01. GŁÓWNY WIDGET ================================================ */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget.ti-goog { --bp-blue: #26A8FF; --bp-blue2: #2BA6DE; --bp-navy: #102A43; --bp-muted: #63758A; --bp-line: #E2EBF2; --bp-white: #FFFFFF; width: 100%; max-width: 100%; color: #102A43 !important; font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important; font-size: 16px; line-height: 1.7; } /* WAŻNE: Nie ustawiamy globalnego box-sizing. Nie zmieniamy mechanizmu slidera. */ /* ================================================ 02. UKŁAD GŁÓWNY ================================================ */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-widget-container { align-items: stretch !important; } /* Trustindex sam zarządza: - szerokością kolumn - szerokością slajdów - przesuwaniem recenzji - pozycją przycisków Nie nadpisujemy display ani gap na .ti-reviews-container-wrapper. */ /* ================================================ 03. PANEL GOOGLE ================================================ */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-footer.source-Google { align-self: stretch !important; min-height: 270px !important; height: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 26px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #FFFFFF !important; border: 1px solid #E2EBF2 !important; border-radius: 19px !important; box-shadow: 0 10px 30px rgba(16,42,67,.03) !important; color: #102A43 !important; box-sizing: border-box; } /* WNĘTRZE PANELU */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-footer .ti-row { width: 100%; align-items: center !important; } /* NAZWA PARKINGU */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-footer .ti-name { color: #102A43 !important; font-family: Manrope, sans-serif !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.4 !important; } /* LICZBA OPINII */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-footer .ti-rating-text, .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-footer .ti-rating-text strong { color: #63758A !important; font-family: Manrope, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.5 !important; } /* ================================================ 04. PRZYCISK NAPISZ RECENZJĘ ================================================ */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-header-write-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px; padding: 11px 17px !important; background: #26A8FF !important; color: #102A43 !important; border: none !important; border-radius: 10px !important; font-family: Manrope, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.4 !important; text-decoration: none !important; transition: background-color .2s ease; } .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-header-write-btn:hover, .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-header-write-btn:focus { background: #5FC5FF !important; color: #102A43 !important; } /* ================================================ 05. KONTENER RECENZJI ================================================ */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-reviews-container { min-width: 0; background: transparent !important; border: none !important; box-shadow: none !important; } /* Nie nadajemy żadnego display, gap, padding ani transform na: .ti-reviews-container-wrapper To najważniejsza poprawka. */ /* ================================================ 06. ZEWNĘTRZNY ELEMENT SLAJDU ================================================ */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-review-item { background: transparent !important; border: none !important; box-shadow: none !important; /* Zostawiamy oryginalne: width height display position transform padding Dzięki temu Trustindex prawidłowo oblicza pozycję recenzji. */ } /* ================================================ 07. WŁAŚCIWA KARTA OPINII ================================================ */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-review-item .ti-inner { /* Odstęp robimy wewnątrz slajdu. Nie zmieniamy szerokości elementu przesuwanego przez Trustindex. */ width: auto !important; min-width: 0; min-height: 270px !important; height: auto; margin-left: 10px !important; margin-right: 10px !important; padding: 26px !important; background: #FFFFFF !important; border: 1px solid #E2EBF2 !important; border-radius: 19px !important; box-shadow: 0 10px 30px rgba(16,42,67,.03) !important; box-sizing: border-box; display: flex !important; flex-direction: column !important; color: #102A43 !important; font-family: Manrope, sans-serif !important; transition: border-color .25s ease, box-shadow .25s ease; } /* ================================================ 08. NAGŁÓWEK RECENZJI ================================================ */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-review-header { margin-bottom: 13px !important; } /* NAZWA AUTORA */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-review-item .ti-name { color: #102A43 !important; font-family: Manrope, sans-serif !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.4 !important; } /* DATA RECENZJI */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-review-item .ti-date { color: #778D9E !important; font-family: Manrope, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.5 !important; } /* ZDJĘCIA AUTORÓW */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-review-item .ti-profile-img img { border-radius: 50% !important; } /* ================================================ 09. GWIAZDKI ================================================ */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-review-item .ti-stars { margin-top: 5px; margin-bottom: 14px; /* Nie zmieniamy display gwiazdek, ponieważ Trustindex sam je renderuje. */ } /* ================================================ 10. TREŚĆ RECENZJI ================================================ */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-review-item .ti-review-content { color: #51697C !important; font-family: Manrope, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.85 !important; } /* Nie zmieniamy wysokości ani overflow tekstu. Trustindex sam ogranicza długość opinii i rozwija ją po kliknięciu. */ /* ================================================ 11. CZYTAJ WIĘCEJ ================================================ */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-review-item .ti-read-more, .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-review-item .ti-read-more-active { color: #078FCD !important; font-family: Manrope, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.5 !important; } /* Nie wymuszamy display:inline-block. Trustindex sam decyduje, czy tekst wymaga przycisku "Czytaj więcej". */ /* ================================================ 12. STRZAŁKI — STABILNE IKONY SVG ================================================ */ /* Usuwamy dekoracje pseudoelementów używane przez oryginalny CSS Trustindex. Dzięki temu nie nakładają się dwie strzałki i nie powstaje romb. */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-next::before, .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-next::after, .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-prev::before, .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-prev::after { content: none !important; display: none !important; } /* WSPÓLNY WYGLĄD PRZYCISKÓW */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-next, .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-prev { background-color: #EAF7FF !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: 12px 12px !important; border: 1px solid #CFE5F3 !important; border-radius: 50% !important; box-shadow: 0 5px 16px rgba(16,42,67,.10) !important; opacity: 1 !important; visibility: visible !important; cursor: pointer !important; transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease !important; } /* STRZAŁKA W PRAWO */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23102A43' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E") !important; } /* STRZAŁKA W LEWO */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23102A43' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 19-7-7 7-7'/%3E%3C/svg%3E") !important; } /* HOVER — BEZ BIAŁEGO TŁA */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-next:hover, .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-prev:hover { background-color: #D9F0FF !important; border-color: #26A8FF !important; box-shadow: 0 7px 20px rgba(16,42,67,.13) !important; opacity: 1 !important; } /* FOCUS I ACTIVE */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-next:focus, .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-prev:focus, .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-next:active, .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-prev:active { background-color: #D9F0FF !important; border-color: #26A8FF !important; opacity: 1 !important; } /* WIDOCZNY FOCUS KLAWIATURY */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-next:focus-visible, .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-prev:focus-visible { outline: 2px solid #26A8FF !important; outline-offset: 3px !important; } /* Nie zmieniamy: position top left right transform width height O położeniu strzałek nadal decyduje Trustindex. */ /* ================================================ 13. LINIA POSTĘPU ================================================ */ .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls-line { background-color: #E2EBF2 !important; } /* ================================================ 14. HOVER KART ================================================ */ @media (hover: hover) { .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-review-item .ti-inner:hover { border-color: #B8DDF1 !important; box-shadow: 0 15px 35px rgba(16,42,67,.08) !important; } } /* ================================================ 15. TABLET ================================================ */ @media (max-width: 1024px) { .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-footer.source-Google { padding: 22px !important; min-height: 250px !important; } .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-review-item .ti-inner { min-height: 250px !important; padding: 22px !important; margin-left: 8px !important; margin-right: 8px !important; } .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-footer .ti-name { font-size: 14px !important; } } /* ================================================ 16. MOBILE ================================================ */ @media (max-width: 767px) { .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-footer.source-Google { min-height: 0 !important; padding: 20px !important; border-radius: 16px !important; } .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-review-item .ti-inner { min-height: 250px !important; margin-left: 7px !important; margin-right: 7px !important; padding: 20px !important; border-radius: 16px !important; } .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-review-item .ti-name { font-size: 13px !important; } .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-review-item .ti-review-content { font-size: 13px !important; } } /* ================================================ 17. OGRANICZENIE ANIMACJI ================================================ */ @media (prefers-reduced-motion: reduce) { .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-review-item .ti-inner, .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-next, .elementor-1680 .elementor-element.elementor-element-7a0b129 .ti-widget .ti-controls .ti-prev { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-22c8486 */.elementor-1680 .elementor-element.elementor-element-22c8486 .elementor-heading-title { display: inline-flex; align-items: center; gap: 10px; } .elementor-1680 .elementor-element.elementor-element-22c8486 .elementor-heading-title::before { content: ""; display: inline-block; width: 22px; height: 2px; background-color: #26A8FF; border-radius: 2px; flex-shrink: 0; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c96a1a0 */.elementor-1680 .elementor-element.elementor-element-c96a1a0 .elementor-heading-title { display: inline-flex; align-items: center; gap: 10px; } .elementor-1680 .elementor-element.elementor-element-c96a1a0 .elementor-heading-title::before { content: ""; display: inline-block; width: 22px; height: 2px; background-color: #26A8FF; border-radius: 2px; flex-shrink: 0; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0fd5bef *//* ========================================== BAYPORT — PRZYCISK CTA PEŁNY CSS DO PODMIANY ========================================== */ .elementor-1680 .elementor-element.elementor-element-0fd5bef .elementor-button { --blue: #26A8FF; --blue2: #2BA6DE; --navy: #102A43; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 11px !important; min-height: 52px; padding: 13px 23px !important; background: #26A8FF !important; color: #06233D !important; border: none !important; border-radius: 12px !important; font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important; font-size: 0.88rem !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; box-sizing: border-box; box-shadow: none; transition: transform .22s ease, background .22s ease, box-shadow .22s ease; } /* TEKST PRZYCISKU */ .elementor-1680 .elementor-element.elementor-element-0fd5bef .elementor-button .elementor-button-content-wrapper { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 11px !important; } .elementor-1680 .elementor-element.elementor-element-0fd5bef .elementor-button .elementor-button-text { color: #06233D !important; font-family: Manrope, sans-serif !important; font-size: inherit !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: 0 !important; } /* STRZAŁKA PO PRAWEJ */ .elementor-1680 .elementor-element.elementor-element-0fd5bef .elementor-button::after { content: "" !important; display: inline-block !important; width: 17px; height: 17px; flex-shrink: 0; background-color: #06233D; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; transition: transform .22s ease; } /* HOVER */ .elementor-1680 .elementor-element.elementor-element-0fd5bef .elementor-button:hover { background: #2BA6DE !important; color: #06233D !important; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(38,168,255,.22); } .elementor-1680 .elementor-element.elementor-element-0fd5bef .elementor-button:hover::after { transform: translateX(4px); } /* KLIKNIĘCIE */ .elementor-1680 .elementor-element.elementor-element-0fd5bef .elementor-button:active { transform: translateY(0); box-shadow: none; } /* FOCUS */ .elementor-1680 .elementor-element.elementor-element-0fd5bef .elementor-button:focus-visible { outline: 3px solid #102A43; outline-offset: 3px; } /* USUWANIE DODATKOWEJ IKONY ELEMENTORA */ .elementor-1680 .elementor-element.elementor-element-0fd5bef .elementor-button .elementor-button-icon { display: none !important; } /* MOBILE */ @media (max-width: 767px) { .elementor-1680 .elementor-element.elementor-element-0fd5bef .elementor-button { min-height: 52px; padding: 13px 20px !important; font-size: 0.88rem !important; } .elementor-1680 .elementor-element.elementor-element-0fd5bef .elementor-button::after { width: 16px; height: 16px; } } /* OGRANICZENIE ANIMACJI */ @media (prefers-reduced-motion: reduce) { .elementor-1680 .elementor-element.elementor-element-0fd5bef .elementor-button, .elementor-1680 .elementor-element.elementor-element-0fd5bef .elementor-button::after { transition: none !important; } .elementor-1680 .elementor-element.elementor-element-0fd5bef .elementor-button:hover, .elementor-1680 .elementor-element.elementor-element-0fd5bef .elementor-button:hover::after { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-10bd85c */.elementor-1680 .elementor-element.elementor-element-10bd85c .elementor-heading-title { display: inline-flex; align-items: center; gap: 10px; } .elementor-1680 .elementor-element.elementor-element-10bd85c .elementor-heading-title::before { content: ""; display: inline-block; width: 22px; height: 2px; background-color: #26A8FF; border-radius: 2px; flex-shrink: 0; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-fe79fe6 *//* ========================================== BAYPORT — ORYGINALNY STYL FAQ Z PLIKU css/style.css DLA ELEMENTOR NESTED ACCORDION ========================================== */ /* GŁÓWNY KONTENER FAQ */ .elementor-1680 .elementor-element.elementor-element-fe79fe6 { --blue: #26A8FF; --blue2: #2BA6DE; --navy: #102A43; --dark: #1A1A1A; --muted: #63758A; --pale: #F5F9FC; --line: #E2EBF2; --white: #FFFFFF; width: 100%; max-width: 920px; margin-left: auto; margin-right: auto; color: var(--navy); font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.7; box-sizing: border-box; } /* LISTA FAQ */ .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion { display: flex !important; flex-direction: column !important; gap: 11px !important; width: 100%; margin: 0 !important; padding: 0 !important; } /* ORYGINALNE KARTY DETAILS */ .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion > details.e-n-accordion-item { background: #FFFFFF !important; border: 1px solid #E2EBF2 !important; border-radius: 13px !important; padding: 0 24px !important; margin: 0 !important; box-shadow: none !important; overflow: hidden; } /* STAN OTWARTY */ .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion > details.e-n-accordion-item[open] { background: #FFFFFF !important; border: 1px solid #E2EBF2 !important; box-shadow: none !important; } /* ========================================== SUMMARY — PYTANIE ORYGINAŁ: padding 21px 0 ========================================== */ .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion-item > summary.e-n-accordion-item-title { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 16px !important; width: 100%; min-height: 0 !important; padding: 21px 0 !important; margin: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; color: #102A43 !important; font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important; font-size: 0.95rem !important; font-weight: 800 !important; line-height: 1.7 !important; cursor: pointer; list-style: none !important; } /* USUNIĘCIE NATYWNEGO ZNACZNIKA DETAILS */ .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion-item > summary::-webkit-details-marker { display: none !important; } .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion-item > summary::marker { content: ""; } /* PYTANIE PO ROZWINIĘCIU */ .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion-item[open] > summary.e-n-accordion-item-title, .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion-item > summary.e-n-accordion-item-title:hover { background: transparent !important; color: #102A43 !important; } /* TEKST PYTANIA */ .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion-item-title-header { display: block; flex: 1; min-width: 0; } .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion-item-title-text { color: #102A43 !important; font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important; font-size: 0.95rem !important; font-weight: 800 !important; line-height: 1.7 !important; letter-spacing: normal !important; margin: 0 !important; padding: 0 !important; } /* ========================================== ORYGINALNY PLUS / MINUS ========================================== */ /* UKRYCIE IKON ELEMENTORA */ .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion-item-title-icon { display: none !important; } /* PLUS */ .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion-item > summary::after { content: "+" !important; display: block; flex: 0 0 auto; color: #129BD5 !important; font-family: Manrope, Arial, sans-serif; font-size: 1.4rem !important; font-weight: 400; line-height: 1 !important; background: transparent !important; border: none !important; } /* MINUS PO ROZWINIĘCIU */ .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion-item[open] > summary::after { content: "−" !important; } /* ========================================== ODPOWIEDŹ ORYGINAŁ: 0.93rem / #566E80 ========================================== */ /* WEWNĘTRZNY KONTENER ODPOWIEDZI */ .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion-item > .e-con { width: 100%; margin: 0 !important; padding: 0 0 17px !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; min-height: 0 !important; } /* USUNIĘCIE DODATKOWYCH ODSTĘPÓW ELEMENTORA */ .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion-item > .e-con .elementor-widget-text-editor, .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion-item > .e-con .elementor-widget-container { margin: 0 !important; padding: 0 !important; } /* TEKST ODPOWIEDZI */ .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion-item > .e-con p { color: #566E80 !important; font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important; font-size: 0.93rem !important; font-weight: 400 !important; line-height: 1.7 !important; padding: 0 !important; margin: 0 !important; } /* ZACHOWANIE WYGLĄDU DLA CAŁEGO WIDGETU */ .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion-item[open] .e-n-accordion-item-title-text { color: #102A43 !important; } .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion-item[open] .e-n-accordion-item-title { border: none !important; box-shadow: none !important; } /* ========================================== RESPONSYWNOŚĆ UKŁAD AUTOMATYCZNIE DOPASUJE SIĘ DO SZEROKOŚCI ELEMENTORA ========================================== */ @media (max-width: 767px) { .elementor-1680 .elementor-element.elementor-element-fe79fe6 { max-width: 100%; } .elementor-1680 .elementor-element.elementor-element-fe79fe6 .e-n-accordion > details.e-n-accordion-item { padding-left: 24px !important; padding-right: 24px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6c27b7e */.elementor-1680 .elementor-element.elementor-element-6c27b7e .elementor-heading-title { display: inline-flex; align-items: center; gap: 10px; } .elementor-1680 .elementor-element.elementor-element-6c27b7e .elementor-heading-title::before { content: ""; display: inline-block; width: 22px; height: 2px; background-color: #26A8FF; border-radius: 2px; flex-shrink: 0; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-d831485 *//* ========================================== BAYPORT — WPISY BLOGOWE / ELEMENTOR POSTS ========================================== */ /* GRID WPISÓW */ .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-posts-container { --blue: #26A8FF; --blue2: #2BA6DE; --navy: #102A43; --dark: #1A1A1A; --muted: #63758A; --pale: #F5F9FC; --line: #E2EBF2; --white: #FFFFFF; --shadow: 0 24px 80px rgba(16,42,67,.09); --r: 20px; --max: 1220px; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 23px !important; width: 100%; margin: 0; padding: 0; color: var(--navy); font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.7; box-sizing: border-box; } /* RESET */ .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-posts-container *, .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-posts-container *::before, .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-posts-container *::after { box-sizing: border-box; } /* ========================================== KARTA WPISU ========================================== */ .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post { display: flex !important; flex-direction: column; min-width: 0; height: 100%; margin: 0 !important; padding: 0 !important; background: #FFFFFF; border: 1px solid #E2EBF2; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(16,42,67,.045); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } /* ========================================== ZDJĘCIE WPISU ========================================== */ .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__thumbnail__link { display: block; width: 100%; margin: 0 !important; overflow: hidden; } .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__thumbnail { position: relative; width: 100%; aspect-ratio: 16 / 10; margin: 0 !important; padding: 0 !important; overflow: hidden; background: #EAF7FF; } .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__thumbnail img { display: block; position: absolute; width: 100% !important; height: 100% !important; top: 0; left: 0; object-fit: cover; object-position: center; transform: none; transition: transform .45s ease; } /* ========================================== TREŚĆ KARTY ========================================== */ .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__text { display: flex; flex-direction: column; flex: 1; min-width: 0; padding: 24px !important; } /* DATA I METADANE */ .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__meta-data { order: -1; margin: 0 0 12px !important; padding: 0 !important; color: #63758A !important; font-family: Manrope, sans-serif; font-size: 11px !important; font-weight: 600; line-height: 1.5; } /* UKRYCIE LICZBY KOMENTARZY */ .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post-avatar { display: none !important; } /* TYTUŁ */ .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__title { margin: 0 0 13px !important; padding: 0; font-family: Manrope, sans-serif; font-size: 19px !important; font-weight: 800 !important; line-height: 1.38 !important; letter-spacing: -.035em; } .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__title a { color: #102A43 !important; text-decoration: none !important; } .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__title a:hover { color: #078FCD !important; } /* FRAGMENT WPISU */ .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__excerpt { margin: 0 0 20px !important; padding: 0; color: #63758A !important; font-family: Manrope, sans-serif; font-size: 13px !important; font-weight: 400; line-height: 1.85; } .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__excerpt p { margin: 0 !important; color: inherit !important; font-size: inherit !important; line-height: inherit !important; } /* CZYTAJ WIĘCEJ */ .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__read-more { display: inline-flex; align-items: center; align-self: flex-start; margin-top: auto !important; color: #078FCD !important; font-family: Manrope, sans-serif; font-size: 13px !important; font-weight: 800 !important; line-height: 1.5; text-decoration: none !important; transition: color .2s ease; } .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__read-more:hover { color: #102A43 !important; } /* ========================================== HOVER KARTY ========================================== */ @media (hover: hover) { .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post:hover { transform: translateY(-5px); border-color: #B8DFF3; box-shadow: 0 22px 50px rgba(16,42,67,.10); } .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post:hover .elementor-post__thumbnail img { transform: scale(1.045); } } /* ========================================== TABLET — 2 KOLUMNY ========================================== */ @media (max-width: 1024px) { .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-posts-container { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__text { padding: 21px !important; } } /* ========================================== MOBILE — 1 KOLUMNA ========================================== */ @media (max-width: 767px) { .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-posts-container { grid-template-columns: minmax(0, 1fr) !important; gap: 18px !important; } .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post { border-radius: 17px; } .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__text { padding: 20px !important; } .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__title { font-size: 18px !important; } .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__excerpt { font-size: 13px !important; } } @media (prefers-reduced-motion: reduce) { .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post, .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post__thumbnail img { transition: none; } .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post:hover, .elementor-1680 .elementor-element.elementor-element-d831485 .elementor-post:hover .elementor-post__thumbnail img { transform: none; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0c5ccc9 *//* ================================================ BAYPORT — PRZYCISK WSZYSTKIE PORADNIKI ORYGINALNY HOVER Z PROJEKTU HTML PEŁNY CSS DO PODMIANY ================================================ */ /* 01. WIDŻET ELEMENTORA */ .elementor-1680 .elementor-element.elementor-element-0c5ccc9 { --blue: #26A8FF; --blue2: #2BA6DE; --navy: #102A43; --dark: #1A1A1A; --muted: #63758A; --pale: #F5F9FC; --line: #E2EBF2; --white: #FFFFFF; --shadow: 0 24px 80px rgba(16,42,67,.09); --r: 20px; --max: 1220px; margin: 0 !important; padding: 0 !important; font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif; box-sizing: border-box; } /* 02. KONTENER PRZYCISKU */ .elementor-1680 .elementor-element.elementor-element-0c5ccc9 .elementor-button-wrapper { margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* 03. GŁÓWNY PRZYCISK */ .elementor-1680 .elementor-element.elementor-element-0c5ccc9 .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 11px !important; width: auto !important; max-width: 100% !important; min-height: 52px !important; margin: 0 !important; padding: 13px 23px !important; /* TŁO PODSTAWOWE */ background: transparent !important; background-color: transparent !important; background-image: none !important; /* KOLOR TEKSTU */ color: #102A43 !important; /* OBRAMOWANIE */ border: 1px solid #B3D6E9 !important; border-radius: 12px !important; /* TYPOGRAFIA */ font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important; font-size: 0.88rem !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; text-align: center !important; box-sizing: border-box !important; /* BRAK CIENIA W STANIE PODSTAWOWYM */ box-shadow: none !important; /* POZYCJA POCZĄTKOWA */ transform: translateY(0) !important; cursor: pointer; /* ORYGINALNA ANIMACJA BAYPORT */ transition: transform 0.22s, background 0.22s, box-shadow 0.22s !important; } /* 04. TEKST I STRZAŁKA */ .elementor-1680 .elementor-element.elementor-element-0c5ccc9 .elementor-button .elementor-button-content-wrapper { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 11px !important; width: auto !important; margin: 0 !important; padding: 0 !important; } /* 05. TEKST PRZYCISKU */ .elementor-1680 .elementor-element.elementor-element-0c5ccc9 .elementor-button .elementor-button-text { display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #102A43 !important; font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif !important; font-size: 0.88rem !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: normal !important; text-transform: none !important; white-space: nowrap !important; } /* 06. UKRYCIE IKONY ELEMENTORA */ .elementor-1680 .elementor-element.elementor-element-0c5ccc9 .elementor-button .elementor-button-icon { display: none !important; } /* 07. STRZAŁKA PO PRAWEJ */ .elementor-1680 .elementor-element.elementor-element-0c5ccc9 .elementor-button .elementor-button-content-wrapper::after { content: "" !important; display: inline-block !important; width: 18px !important; height: 18px !important; flex: 0 0 18px !important; margin: 0 !important; padding: 0 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23102A43' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; transform: none !important; box-sizing: border-box !important; } /* ================================================ 08. HOVER — ORYGINALNY BAYPORT ================================================ */ .elementor-1680 .elementor-element.elementor-element-0c5ccc9 .elementor-button:hover { /* JASNONIEBIESKIE TŁO */ background: #EDF9FF !important; background-color: #EDF9FF !important; background-image: none !important; /* KOLOR TEKSTU */ color: #102A43 !important; /* OBRAMOWANIE */ border: 1px solid #B3D6E9 !important; border-radius: 12px !important; /* UNIESIENIE PRZYCISKU O 2 PX */ transform: translateY(-2px) !important; /* BRAK CIENIA — TAK JAK W ORYGINALE */ box-shadow: none !important; text-decoration: none !important; } /* TEKST PODCZAS HOVER */ .elementor-1680 .elementor-element.elementor-element-0c5ccc9 .elementor-button:hover .elementor-button-text { color: #102A43 !important; } /* STRZAŁKA PODCZAS HOVER */ .elementor-1680 .elementor-element.elementor-element-0c5ccc9 .elementor-button:hover .elementor-button-content-wrapper::after { transform: none !important; } /* ================================================ 09. KLIKNIĘCIE ================================================ */ .elementor-1680 .elementor-element.elementor-element-0c5ccc9 .elementor-button:active { background: #EDF9FF !important; background-color: #EDF9FF !important; color: #102A43 !important; transform: translateY(0) !important; box-shadow: none !important; } /* ================================================ 10. FOCUS ================================================ */ .elementor-1680 .elementor-element.elementor-element-0c5ccc9 .elementor-button:focus-visible { outline: 2px solid #26A8FF !important; outline-offset: 3px !important; } /* ================================================ 11. MOBILE ================================================ */ @media (max-width: 767px) { .elementor-1680 .elementor-element.elementor-element-0c5ccc9 .elementor-button { width: auto !important; max-width: 100% !important; min-height: 52px !important; padding: 13px 23px !important; font-size: 0.88rem !important; border-radius: 12px !important; } .elementor-1680 .elementor-element.elementor-element-0c5ccc9 .elementor-button .elementor-button-text { font-size: 0.88rem !important; } .elementor-1680 .elementor-element.elementor-element-0c5ccc9 .elementor-button .elementor-button-content-wrapper::after { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; } } /* ================================================ 12. OGRANICZENIE ANIMACJI ================================================ */ @media (prefers-reduced-motion: reduce) { .elementor-1680 .elementor-element.elementor-element-0c5ccc9 .elementor-button { transition: none !important; } .elementor-1680 .elementor-element.elementor-element-0c5ccc9 .elementor-button:hover { transform: none !important; } }/* End custom CSS */