.single-post__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem; margin: 0; padding: 0; list-style: none; color: var(--color-text-muted-inverted); font-size: var(--font-size-sm); line-height: 1.45; } .single-post__meta-item { display: inline-flex; align-items: center; gap: 0.75rem; margin: 0; padding: 0; min-width: 0; } .single-post__meta-icon { display: block; flex-shrink: 0; width: 1rem; height: 1rem; background-color: var(--color-accent); } .single-post__meta-icon--calendar { -webkit-mask: url("https://profitrade.host852629.stronawcal.pl/wp-content/themes/Profitrade/assets/icons/calendar.svg") center / contain no-repeat; mask: url("https://profitrade.host852629.stronawcal.pl/wp-content/themes/Profitrade/assets/icons/calendar.svg") center / contain no-repeat; } .single-post__meta-icon--user { -webkit-mask: url("https://profitrade.host852629.stronawcal.pl/wp-content/themes/Profitrade/assets/icons/user.svg") center / contain no-repeat; mask: url("https://profitrade.host852629.stronawcal.pl/wp-content/themes/Profitrade/assets/icons/user.svg") center / contain no-repeat; } .single-post__meta-icon--clock { -webkit-mask: url("https://profitrade.host852629.stronawcal.pl/wp-content/themes/Profitrade/assets/icons/clock.svg") center / contain no-repeat; mask: url("https://profitrade.host852629.stronawcal.pl/wp-content/themes/Profitrade/assets/icons/clock.svg") center / contain no-repeat; } .single-post__layout { --bs-gutter-x: 1.5rem; --bs-gutter-y: var(--space-3); } .single-post__toc { margin-block-end: var(--space-2); } .single-post__toc-details { margin: 0; } .single-post__toc-summary { display: flex; align-items: center; cursor: pointer; list-style: none; } .single-post__toc-summary::-webkit-details-marker { display: none; } .single-post__toc-title { margin: 0; color: var(--color-text-heading); font-family: var(--font-sans); font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); line-height: 1.35; } .single-post__toc-list, .single-post__toc-sublist { margin: 0; padding: 0; list-style: none; } .single-post__toc-body { margin-block-start: 1rem; } .single-post__toc-list { display: flex; flex-direction: column; gap: 0.75rem; } .single-post__toc-sublist { display: flex; flex-direction: column; gap: 0.5rem; margin-block-start: 0.5rem; padding-inline-start: 0.75rem; border-inline-start: 2px solid var(--color-border-subtle); } .single-post__toc-link { color: var(--color-text-muted); font-size: var(--font-size-md); line-height: 1.45; text-decoration: none; overflow-wrap: anywhere; } .single-post__toc-link:hover, .single-post__toc-link:focus-visible { color: var(--color-accent-text); } .single-post__toc-link[aria-current="location"] { color: var(--color-accent-text); font-weight: var(--font-weight-medium); } .single-post__content { display: flex; flex-direction: column; row-gap: var(--space-2); width: 100%; max-width: 72ch; margin-inline: auto; overflow-wrap: anywhere; } .single-post__content > .gallery { width: 100%; max-width: 100%; } .single-post__content .gallery__list { display: block; flex-direction: unset; gap: unset; row-gap: unset; padding: 0; } .single-post__content .gallery__list > li { padding-inline-start: 0; } .single-post__content .gallery__list > li::before { content: none; display: none; } .single-post__content .gallery__item { float: none; width: 100% !important; max-width: 100%; margin: 0; } .single-post__content .gallery__img { width: 100%; height: auto; max-width: 100%; } .single-post__content > * { margin: 0; } .single-post__content h2, .single-post__content h3, .single-post__content h4, .single-post__content h5, .single-post__content h6 { color: var(--color-text-heading); font-family: var(--font-sans); font-weight: var(--font-weight-semibold); line-height: var(--line-height-heading); letter-spacing: var(--letter-spacing-tight); scroll-margin-top: 6.25rem; } .single-post__content h2 { font-size: var(--font-size-3xl); } .single-post__content h3 { font-size: var(--font-size-2xl); } .single-post__content h4 { font-size: var(--font-size-xl); } .single-post__content h5 { font-size: var(--font-size-lg); letter-spacing: 0; } .single-post__content h6 { font-size: var(--font-size-base); letter-spacing: 0; } .single-post__content ul { --single-post-check: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15.6' height='15.6' viewBox='0 0 15.6 15.6' fill='none'><path d='M14.659 6.40238C14.9787 7.97129 14.7509 9.60237 14.0135 11.0236C13.2762 12.4449 12.0739 13.5704 10.6071 14.2125C9.14035 14.8546 7.49779 14.9744 5.95337 14.552C4.40894 14.1296 3.05599 13.1906 2.12015 11.8914C1.18431 10.5922 0.722147 9.01144 0.810726 7.41275C0.899305 5.81406 1.53328 4.29405 2.60691 3.1062C3.68055 1.91836 5.12896 1.13449 6.7106 0.885304C8.29224 0.63612 9.9115 0.936689 11.2984 1.73689M5.69837 7.10239L7.79837 9.20239L14.7984 2.20239' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>"); display: flex; flex-direction: column; gap: 1.5rem; margin: 0; padding: 0; list-style: none; } .single-post__content ul > li { position: relative; padding-inline-start: 1.875rem; } .single-post__content ul > li::before { content: ""; position: absolute; inset-inline-start: -0.05rem; top: calc((1em * var(--line-height-body) - 0.975rem) / 2); width: 0.975rem; height: 0.975rem; pointer-events: none; background-color: var(--color-accent); -webkit-mask-image: var(--single-post-check); mask-image: var(--single-post-check); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .single-post__content ol { display: flex; flex-direction: column; row-gap: var(--space); margin: 0; padding-inline-start: 1.25em; } .single-post__content li > ul, .single-post__content li > ol { margin-block-start: var(--space); } .single-post__content a { color: var(--color-accent-text); text-decoration: underline; text-underline-offset: 0.15em; transition: color 0.2s ease; } .single-post__content a:hover, .single-post__content a:focus-visible { color: var(--color-focus); } .single-post__content blockquote { display: flex; flex-direction: column; row-gap: var(--space); padding-inline-start: var(--space); border-inline-start: 0.1875rem solid var(--color-accent); color: var(--color-text-muted); } .single-post__content blockquote > * { margin: 0; } .single-post__content blockquote cite { font-size: var(--font-size-md); font-style: normal; } .single-post__content hr { width: 100%; height: 0; margin: 0; border: 0; border-block-end: 1px solid var(--color-border-subtle); } .single-post__content img, .single-post__content picture, .single-post__content video { display: block; float: none; width: 100%; max-width: 100%; height: auto; margin-inline: 0; } .single-post__content figure, .single-post__content .wp-caption, .single-post__content .wp-block-image, .single-post__content .wp-block-table, .single-post__content .alignleft, .single-post__content .alignright, .single-post__content .aligncenter, .single-post__content .alignnone { float: none; width: 100% !important; max-width: 100%; margin: 0; } .single-post__content figure, .single-post__content .wp-caption, .single-post__content .wp-block-image { display: flex; flex-direction: column; row-gap: 0.75rem; } .single-post__content figure img, .single-post__content .wp-caption img, .single-post__content .wp-block-image img { width: 100%; height: auto; } .single-post__content figcaption, .single-post__content .wp-caption-text, .single-post__content .wp-element-caption { color: var(--color-text-muted); font-size: var(--font-size-md); line-height: var(--line-height-snug); } .single-post__content a:has(> img) { display: block; width: 100%; max-width: 100%; } .single-post__content .wp-block-table, .single-post__content figure:has(> table) { overflow-x: auto; -webkit-overflow-scrolling: touch; } .single-post__content table { width: 100%; border-collapse: collapse; font-size: var(--font-size-md); line-height: var(--line-height-snug); text-align: start; } .single-post__content caption { caption-side: top; padding-block-end: 0.75rem; color: var(--color-text-muted); font-size: var(--font-size-md); font-weight: var(--font-weight-medium); text-align: start; } .single-post__content th, .single-post__content td { padding: 0.75rem 1rem; border: 1px solid var(--color-border-subtle); vertical-align: top; } .single-post__content thead th { background-color: var(--color-bg-elevated); color: var(--color-text-heading); font-weight: var(--font-weight-semibold); } .single-post__content tbody th { background-color: var(--color-bg); color: var(--color-text-heading); font-weight: var(--font-weight-semibold); text-align: start; } .single-post__content tbody tr:nth-child(even) td, .single-post__content tbody tr:nth-child(even) th { background-color: var(--color-bg-elevated); } .single-post__content code, .single-post__content kbd, .single-post__content samp { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.875em; } .single-post__content :not(pre) > code { padding: 0.125em 0.35em; border-radius: 0.25rem; background-color: var(--color-bg-elevated-2); color: var(--color-text-heading); } .single-post__content kbd { display: inline-block; padding: 0.125em 0.4em; border: 1px solid var(--color-border-subtle); border-radius: 0.25rem; background-color: var(--color-bg-elevated); color: var(--color-text-heading); box-shadow: 0 1px 0 var(--color-border-subtle); } .single-post__content pre { margin: 0; padding: var(--space); overflow-x: auto; -webkit-overflow-scrolling: touch; background-color: var(--color-bg-elevated); border: 1px solid var(--color-border-subtle); color: var(--color-text-heading); font-size: var(--font-size-md); line-height: var(--line-height-snug); } .single-post__content pre code { padding: 0; background: none; border-radius: 0; font-size: inherit; color: inherit; } .single-post__content mark { padding: 0.05em 0.2em; background-color: color-mix(in srgb, var(--color-accent) 18%, var(--color-bg)); color: var(--color-text-heading); } .single-post__content del { color: var(--color-text-muted); text-decoration: line-through; } .single-post__content ins { background-color: color-mix(in srgb, var(--color-accent) 12%, var(--color-bg)); color: var(--color-text-heading); text-decoration: none; } .single-post__content abbr[title] { text-decoration: underline dotted; text-underline-offset: 0.15em; cursor: help; } .single-post__content sub, .single-post__content sup { font-size: 0.75em; line-height: 0; } .single-post__author { width: 100%; max-width: 72ch; margin-block-start: var(--space-4); margin-inline: auto; padding: var(--space-2); background-color: var(--color-bg-elevated); } .single-post__author-heading { margin: 0 0 1.5rem; color: var(--color-text-heading); font-family: var(--font-sans); font-size: var(--font-size-xl); font-weight: var(--font-weight-semibold); line-height: 1.35; } .single-post__author-inner { display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem; } .single-post__avatar { flex-shrink: 0; width: 6rem; height: 6rem; overflow: hidden; background-color: var(--color-bg-elevated-2); } .single-post__avatar-img { width: 100%; height: 100%; object-fit: cover; } .single-post__avatar-initials { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: var(--color-text-muted); font-size: var(--font-size-xl); font-weight: var(--font-weight-semibold); line-height: 1; text-transform: uppercase; user-select: none; } .single-post__author-copy { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; } .single-post__author-name { margin: 0; color: var(--color-text-muted); font-size: var(--font-size-xl); font-weight: var(--font-weight-semibold); line-height: 1.35; overflow-wrap: anywhere; } .single-post__author-bio { margin: 0; overflow-wrap: anywhere; } @media (min-width: 768px) { .single-post__author-inner { flex-direction: row; align-items: flex-start; } } @media (min-width: 992px) { .single-post__toc { position: sticky; top: 6.25rem; margin-block-end: 0; } .single-post__toc-summary { cursor: default; pointer-events: none; } .single-post__toc-body { display: block !important; } } @media (max-width: 1199.98px) { .single-post__content { row-gap: var(--space); } .single-post__content h2 { font-size: clamp(1.5rem, 1rem + 2vw, var(--font-size-3xl)); } .single-post__content h3 { font-size: clamp(1.25rem, 1rem + 1.5vw, var(--font-size-2xl)); } } html:has(.single-post) { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html:has(.single-post) { scroll-behavior: auto; } .single-post__content a { transition: none; } }.gallery__intro { display: flex; flex-direction: column; gap: 1.5rem; max-width: 100%; margin-block-end: 1.5rem; } .gallery__heading { max-width: 100%; overflow-wrap: anywhere; } .gallery__lead { font-size: var(--font-size-lg); line-height: 1.45; } .gallery__list { --gallery-gap: 1.5rem; --bs-gutter-x: 0; --bs-gutter-y: 0; margin: 0; padding: 0; list-style: none; align-items: center; column-gap: var(--gallery-gap); row-gap: var(--gallery-gap); } .gallery__list > [class*="col"] { display: flex; align-items: center; justify-content: center; min-width: 0; padding-right: 0; padding-left: 0; } .gallery--grid:not(.gallery--masonry) .gallery__col { flex: 0 0 auto; width: calc((100% - (var(--gallery-cols-mobile, 1) - 1) * var(--gallery-gap)) / var(--gallery-cols-mobile, 1)); max-width: calc((100% - (var(--gallery-cols-mobile, 1) - 1) * var(--gallery-gap)) / var(--gallery-cols-mobile, 1)); } @media (min-width: 576px) { .gallery--grid:not(.gallery--masonry) .gallery__col { width: calc((100% - (var(--gallery-cols-mid, 3) - 1) * var(--gallery-gap)) / var(--gallery-cols-mid, 3)); max-width: calc((100% - (var(--gallery-cols-mid, 3) - 1) * var(--gallery-gap)) / var(--gallery-cols-mid, 3)); } } @media (min-width: 992px) { .gallery--grid:not(.gallery--masonry) .gallery__col { width: calc((100% - (var(--gallery-cols, 3) - 1) * var(--gallery-gap)) / var(--gallery-cols, 3)); max-width: calc((100% - (var(--gallery-cols, 3) - 1) * var(--gallery-gap)) / var(--gallery-cols, 3)); } } .gallery--masonry .gallery__list { display: block; column-count: var(--gallery-cols-mobile, 1); column-gap: var(--gallery-gap); } @media (min-width: 576px) { .gallery--masonry .gallery__list { column-count: var(--gallery-cols-mid, 3); } } @media (min-width: 992px) { .gallery--masonry .gallery__list { column-count: var(--gallery-cols, 3); } } .gallery--masonry .gallery__col { display: block; width: 100%; max-width: 100%; margin: 0; margin-block-end: var(--gallery-gap); padding-right: 0; padding-left: 0; break-inside: avoid; page-break-inside: avoid; -webkit-column-break-inside: avoid; } .gallery__item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem; width: 100%; min-width: 0; margin: 0; } .gallery__media, .gallery__trigger { position: relative; display: flex; align-items: center; justify-content: center; box-sizing: border-box; overflow: hidden; width: 100%; margin: 0; padding: 0; } .gallery--thumb-crop .gallery__media, .gallery--thumb-crop .gallery__trigger { aspect-ratio: var(--gallery-thumb-ratio, 4 / 3); } .gallery__trigger { border: 0; background: transparent; cursor: zoom-in; text-align: center; } .gallery__trigger:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; } .gallery__trigger::before { content: ""; position: absolute; inset: 0; z-index: 1; background-color: color-mix(in srgb, var(--color-bg-dark) 48%, transparent); opacity: 0; pointer-events: none; transition: opacity var(--hover-duration) var(--hover-ease); } .gallery__trigger::after { content: ""; position: absolute; z-index: 2; top: 50%; left: 50%; width: 2.75rem; height: 2.75rem; border-radius: var(--radius-pill); background-color: var(--color-bg); background-image: url("https://profitrade.host852629.stronawcal.pl/wp-content/themes/Profitrade/assets/icons/expand.svg"); background-repeat: no-repeat; background-position: center; background-size: 1rem 1rem; box-shadow: 0 0.25rem 1rem color-mix(in srgb, var(--color-bg-dark) 16%, transparent); opacity: 0; pointer-events: none; transform: translate(-50%, -50%) scale(0.92); transition: opacity var(--hover-duration) var(--hover-ease), transform var(--hover-duration) var(--hover-ease); } .gallery__img { display: block; width: 100%; height: auto; max-width: 100%; object-fit: contain; object-position: center; transform: scale(1); transition: transform var(--hover-duration) var(--hover-ease); } .gallery--thumb-crop .gallery__img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; } @media (hover: hover) and (pointer: fine) { .gallery__trigger:hover .gallery__img, .gallery__trigger:focus-visible .gallery__img { transform: scale(1.06); } .gallery__trigger:hover::before, .gallery__trigger:focus-visible::before { opacity: 1; } .gallery__trigger:hover::after, .gallery__trigger:focus-visible::after { opacity: 1; transform: translate(-50%, -50%) scale(1); } } .gallery__caption { margin: 0; color: var(--color-text-muted); font-family: var(--font-sans); font-size: var(--font-size-md); font-weight: var(--font-weight-medium); line-height: var(--line-height-body); } .gallery__caption--inverted { color: var(--color-text-muted-inverted); } .gallery__slider { display: flex; flex-direction: column; gap: 1.25rem; } .gallery__rows { display: flex; flex-direction: column; gap: 1rem; } .gallery__row { min-width: 0; } .gallery__track { --gallery-gap: 1rem; display: flex; gap: var(--gallery-gap); margin: 0; padding: 0.25rem; list-style: none; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .gallery__track::-webkit-scrollbar { display: none; } .gallery__track:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; } .gallery--track-start .gallery__track { align-items: flex-start; } .gallery--track-center .gallery__track { align-items: center; } .gallery--track-stretch .gallery__track { align-items: stretch; } .gallery--track-stretch .gallery__item, .gallery--track-stretch .gallery__media, .gallery--track-stretch .gallery__trigger { height: 100%; } .gallery--img-x-left .gallery__media, .gallery--img-x-left .gallery__trigger { justify-content: flex-start; } .gallery--img-x-center .gallery__media, .gallery--img-x-center .gallery__trigger { justify-content: center; } .gallery--img-x-right .gallery__media, .gallery--img-x-right .gallery__trigger { justify-content: flex-end; } .gallery--img-y-top .gallery__media, .gallery--img-y-top .gallery__trigger { align-items: flex-start; } .gallery--img-y-center .gallery__media, .gallery--img-y-center .gallery__trigger { align-items: center; } .gallery--img-y-bottom .gallery__media, .gallery--img-y-bottom .gallery__trigger { align-items: flex-end; } .gallery--img-x-left .gallery__img { object-position: left center; } .gallery--img-x-center .gallery__img { object-position: center center; } .gallery--img-x-right .gallery__img { object-position: right center; } .gallery--img-y-top.gallery--img-x-left .gallery__img { object-position: left top; } .gallery--img-y-top.gallery--img-x-center .gallery__img { object-position: center top; } .gallery--img-y-top.gallery--img-x-right .gallery__img { object-position: right top; } .gallery--img-y-bottom.gallery--img-x-left .gallery__img { object-position: left bottom; } .gallery--img-y-bottom.gallery--img-x-center .gallery__img { object-position: center bottom; } .gallery--img-y-bottom.gallery--img-x-right .gallery__img { object-position: right bottom; } .gallery__slide { flex: 0 0 calc((100% - (var(--gallery-slides-active, var(--gallery-slides-mobile, 2)) - 1) * var(--gallery-gap)) / var(--gallery-slides-active, var(--gallery-slides-mobile, 2))); min-width: 0; scroll-snap-align: start; } @media (min-width: 576px) { .gallery__slide { flex-basis: calc((100% - (var(--gallery-slides-active, var(--gallery-slides-mid, 3)) - 1) * var(--gallery-gap)) / var(--gallery-slides-active, var(--gallery-slides-mid, 3))); } } @media (min-width: 992px) { .gallery__slide { flex-basis: calc((100% - (var(--gallery-slides-active, var(--gallery-slides, 4)) - 1) * var(--gallery-gap)) / var(--gallery-slides-active, var(--gallery-slides, 4))); } } .gallery__controls { display: flex; align-items: center; justify-content: center; gap: 0.75rem; min-height: 2.75rem; } .gallery__nav { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 2.75rem; height: 2.75rem; margin: 0; padding: 0; border: 0; border-radius: var(--radius-pill); background-color: color-mix(in srgb, var(--color-heading) 8%, transparent); color: var(--color-heading); cursor: pointer; } .gallery__nav[hidden] { display: none; } .gallery__nav:disabled { opacity: 0.4; cursor: not-allowed; } .gallery__nav:hover:not(:disabled), .gallery__nav:focus-visible:not(:disabled) { background-color: color-mix(in srgb, var(--color-heading) 14%, transparent); } .gallery__nav:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; } .module--dark .gallery__nav { background-color: color-mix(in srgb, var(--color-heading-inverted) 10%, transparent); color: var(--color-heading-inverted); } .module--dark .gallery__nav:hover:not(:disabled), .module--dark .gallery__nav:focus-visible:not(:disabled) { background-color: color-mix(in srgb, var(--color-heading-inverted) 18%, transparent); } .gallery__nav-icon { display: block; width: 0.75rem; height: 1.375rem; background-color: currentColor; -webkit-mask: url("https://profitrade.host852629.stronawcal.pl/wp-content/themes/Profitrade/assets/icons/devices-chevron.svg") center / contain no-repeat; mask: url("https://profitrade.host852629.stronawcal.pl/wp-content/themes/Profitrade/assets/icons/devices-chevron.svg") center / contain no-repeat; } .gallery__nav--next .gallery__nav-icon { transform: scaleX(-1); } .gallery__dots { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem; margin: 0; padding: 0; } .gallery__dots[hidden] { display: none; } .gallery__dot { width: 0.5rem; height: 0.5rem; margin: 0; padding: 0; border: 0; border-radius: var(--radius-pill); background-color: color-mix(in srgb, var(--color-heading) 28%, transparent); cursor: pointer; transition: width var(--hover-duration) var(--hover-ease), background-color var(--hover-duration) var(--hover-ease); } .gallery__dot.is-active, .gallery__dot[aria-selected="true"] { width: 1.5rem; background-color: var(--color-accent); } .gallery__dot:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; } .module--dark .gallery__dot { background-color: color-mix(in srgb, var(--color-heading-inverted) 32%, transparent); } .module--dark .gallery__dot.is-active, .module--dark .gallery__dot[aria-selected="true"] { background-color: var(--color-accent); } .gallery__progress { flex: 1 1 8rem; max-width: 16rem; height: 0.25rem; overflow: hidden; border-radius: var(--radius-pill); background-color: color-mix(in srgb, var(--color-heading) 12%, transparent); } .gallery__progress[hidden] { display: none; } .gallery__progress-bar { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left center; background-color: var(--color-accent); } .module--dark .gallery__progress { background-color: color-mix(in srgb, var(--color-heading-inverted) 18%, transparent); } @media (prefers-reduced-motion: reduce) { .gallery__track { scroll-behavior: auto; } .gallery__dot, .gallery__progress-bar, .gallery__img, .gallery__trigger::before, .gallery__trigger::after { transition: none; } .gallery__trigger:hover .gallery__img, .gallery__trigger:focus-visible .gallery__img { transform: none; } .gallery__trigger:hover::after, .gallery__trigger:focus-visible::after { transform: translate(-50%, -50%); } } @media (forced-colors: active) { .gallery__nav-icon { forced-color-adjust: none; background-color: CanvasText; } .gallery__nav, .gallery__dot, .gallery__trigger:focus-visible, .gallery__track:focus-visible { border: 1px solid CanvasText; } .gallery__dot.is-active, .gallery__dot[aria-selected="true"], .gallery__progress-bar { background-color: Highlight; } }body.is-lightbox-open { overflow: hidden; } .lightbox { width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: 0.75rem; border: 0; background-color: var(--color-bg-dark); color: var(--color-text-inverted); opacity: 0; overflow: hidden; } .lightbox::backdrop { background-color: transparent; } .lightbox.is-ready { opacity: 1; transition: opacity 0.3s ease; } .lightbox__inner { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem; grid-template-rows: 2.75rem minmax(0, 1fr) auto; align-items: center; justify-items: center; gap: 0.75rem 1rem; box-sizing: border-box; width: 100%; height: 100%; padding: 0.5rem; } .lightbox__close { grid-column: 3; grid-row: 1; display: inline-flex; align-items: center; justify-content: center; justify-self: end; flex-shrink: 0; width: 2.75rem; height: 2.75rem; margin: 0; padding: 0; border: 0; border-radius: var(--radius-pill); background-color: color-mix(in srgb, var(--color-heading-inverted) 10%, transparent); color: var(--color-heading-inverted); cursor: pointer; } .lightbox__close:hover, .lightbox__close:focus-visible { background-color: color-mix(in srgb, var(--color-heading-inverted) 18%, transparent); } .lightbox__close-icon { position: relative; display: block; width: 1rem; height: 1rem; } .lightbox__close-icon::before, .lightbox__close-icon::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background-color: currentColor; } .lightbox__close-icon::before { transform: translateY(-50%) rotate(45deg); } .lightbox__close-icon::after { transform: translateY(-50%) rotate(-45deg); } .lightbox__nav { grid-row: 2; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 2.75rem; height: 2.75rem; margin: 0; padding: 0; border: 0; border-radius: var(--radius-pill); background-color: color-mix(in srgb, var(--color-heading-inverted) 10%, transparent); color: var(--color-heading-inverted); cursor: pointer; } .lightbox__nav[hidden] { display: none; } .lightbox__nav:hover, .lightbox__nav:focus-visible { background-color: color-mix(in srgb, var(--color-heading-inverted) 18%, transparent); } .lightbox__nav--prev { grid-column: 1; } .lightbox__nav--next { grid-column: 3; } .lightbox__nav-icon { display: block; width: 0.75rem; height: 1.375rem; background-color: currentColor; -webkit-mask: url("https://profitrade.host852629.stronawcal.pl/wp-content/themes/Profitrade/assets/icons/devices-chevron.svg") center / contain no-repeat; mask: url("https://profitrade.host852629.stronawcal.pl/wp-content/themes/Profitrade/assets/icons/devices-chevron.svg") center / contain no-repeat; } .lightbox__nav--next .lightbox__nav-icon { transform: scaleX(-1); } .lightbox__figure { grid-column: 2; grid-row: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem; width: 100%; height: 100%; min-width: 0; min-height: 0; margin: 0; } .lightbox__img { display: block; width: auto; height: auto; max-width: 100%; max-height: calc(100vh - 8.5rem); object-fit: contain; opacity: 1; transition: opacity 0.35s ease; } .lightbox__img.is-swap { opacity: 0; } .lightbox__caption { margin: 0; max-width: 40rem; color: var(--color-text-muted-inverted); font-family: var(--font-sans); font-size: var(--font-size-md); font-weight: var(--font-weight-medium); line-height: var(--line-height-body); text-align: center; } .lightbox__caption[hidden] { display: none; } .lightbox__count { grid-column: 1 / -1; grid-row: 3; margin: 0; color: var(--color-text-muted-inverted); font-family: var(--font-sans); font-size: var(--font-size-md); font-weight: var(--font-weight-medium); line-height: var(--line-height-body); text-align: center; } .lightbox__count[hidden] { display: none; } @media (max-width: 575.98px) { .lightbox { padding: 0.25rem; } .lightbox__inner { grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem; gap: 0.5rem; padding: 0.25rem; } .lightbox__img { max-height: calc(100vh - 7.5rem); } } @media (prefers-reduced-motion: reduce) { .lightbox, .lightbox__img { transition: none; } } @media (forced-colors: active) { .lightbox__nav-icon, .lightbox__close-icon::before, .lightbox__close-icon::after { forced-color-adjust: none; background-color: CanvasText; } .lightbox__close, .lightbox__nav { border: 1px solid CanvasText; background-color: Canvas; } }.site-footer { padding-top: var(--space-3); padding-bottom: var(--space-3); background-color: var(--color-bg-dark); color: var(--color-text-muted-inverted); } .site-footer .site-header__logo { display: flex; align-items: center; width: 100%; max-width: 100%; min-width: 0; flex-shrink: 1; } .site-footer .site-header__logo-img, .site-footer svg.site-header__logo-img { display: block; width: 100%; max-width: 100%; min-width: 0; height: auto; flex-shrink: 1; aspect-ratio: 246 / 44; object-fit: contain; } .site-footer__inner { display: flex; flex-direction: column; gap: 0; } .site-footer__top { --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem; align-items: flex-start; margin-top: 0; padding-bottom: 2.5rem; row-gap: 1.5rem; } .site-footer__top > [class*="col-"] { max-width: 100%; min-width: 0; } .site-footer__claim { display: flex; flex-direction: column; align-items: flex-end; gap: 0.25rem; width: 100%; text-align: right; } .site-footer .site-footer__claim-title { font-size: var(--font-size-lg); line-height: var(--line-height-tight); } .site-footer .site-footer__claim-meta { font-size: var(--font-size-md); line-height: var(--line-height-snug); } @media (min-width: 992px) { .site-footer .site-footer__claim-title, .site-footer .site-footer__claim-meta { white-space: nowrap; } } .site-footer__rule { display: block; width: 100%; height: 1px; margin: 0; padding: 0; border: 0; background-color: color-mix(in srgb, var(--color-heading-inverted) 12%, transparent); flex-shrink: 0; pointer-events: none; } .site-footer__grid { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; align-items: flex-start; margin-top: 0; padding-block: 2.5rem; row-gap: 2.5rem; } .site-footer__grid > [class*="col-"] { max-width: 100%; min-width: 0; } .site-footer__block, .site-footer__nav, .site-footer__contacts, .site-footer__contact { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; } .site-footer__block { gap: 0; } .site-footer__nav { gap: 0.5rem; } .site-footer__contacts { gap: 1.5rem; } .site-footer__contact { gap: 0.25rem; } .site-footer__title, .site-footer__block p, .site-footer__address, .site-footer__contact-label, .site-footer__copy { margin: 0; max-width: 100%; overflow-wrap: anywhere; } .site-footer__title { color: var(--color-heading-inverted); font-family: var(--font-sans); font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); line-height: var(--line-height-body); } .site-footer__address { display: flex; flex-direction: column; font-style: normal; } .site-footer__menu, .site-footer__legal, .site-footer__contact-list, .site-footer__socials { display: flex; margin: 0; padding: 0; list-style: none; } .site-footer__menu, .site-footer__contact-list { flex-direction: column; align-items: flex-start; width: 100%; } .site-footer__menu { gap: 0.5rem; } .site-footer .btn-text { justify-content: flex-start; color: var(--color-text-muted-inverted); font-size: var(--font-size-base); text-align: left; } .site-footer .site-footer__link { min-height: 2rem; padding-block: 0; line-height: var(--line-height-body); } .site-footer .btn-text:hover, .site-footer .btn-text:focus-visible { color: var(--color-heading-inverted); } .site-footer__link[aria-current="page"], .site-footer__legal-link[aria-current="page"] { color: var(--color-heading-inverted); } .site-footer__contact-list li, .site-footer__item { max-width: 100%; } .site-footer .site-footer__contact-value { display: inline-flex; align-items: center; max-width: 100%; min-height: 0; padding-block: 0.125rem; font-size: var(--font-size-xl); line-height: var(--line-height-tight); text-decoration: none; overflow-wrap: anywhere; } a.site-footer__contact-value:hover, a.site-footer__contact-value:focus-visible { color: var(--color-accent); text-decoration: none; } .site-footer__bottom { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; align-items: center; margin-top: 0; padding-top: 2.5rem; row-gap: 1.5rem; } .site-footer__bottom > [class*="col-"] { max-width: 100%; } .site-footer__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1.5rem; min-width: 0; } .site-footer__meta > nav { min-width: 0; } .site-footer__copy { font-size: var(--font-size-md); line-height: var(--line-height-snug); } .site-footer__legal { flex-wrap: wrap; align-items: center; gap: 0.25rem 1.5rem; } .site-footer .site-footer__legal-link { min-height: 2.75rem; font-size: var(--font-size-md); } .site-footer__socials { flex-wrap: wrap; align-items: center; gap: 0.5rem; } .site-footer__social { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 2.75rem; height: 2.75rem; margin: 0; padding: 0; border-radius: var(--radius-pill); color: var(--color-heading-inverted); text-decoration: none; transition: color var(--hover-duration) var(--hover-ease); } .site-footer__social-icon { display: block; width: 2.25rem; height: 2.25rem; max-width: none; flex-shrink: 0; overflow: visible; } .site-footer svg.site-footer__social-icon { height: 2.25rem; } .site-footer__social-icon rect, .site-footer__social-icon path, .site-footer__social-icon g { transition: fill var(--hover-duration) var(--hover-ease); } .site-footer__social:hover, .site-footer__social:focus-visible { color: var(--color-bg-dark); text-decoration: none; } .site-footer__social:hover .site-footer__social-icon rect, .site-footer__social:focus-visible .site-footer__social-icon rect { fill: var(--color-accent); } .site-footer__social:hover .site-footer__social-icon path, .site-footer__social:hover .site-footer__social-icon g, .site-footer__social:focus-visible .site-footer__social-icon path, .site-footer__social:focus-visible .site-footer__social-icon g { fill: var(--color-bg-dark); } @media (max-width: 1199.98px) { .site-footer { padding-top: var(--space-2); padding-bottom: var(--space-2); } .site-footer__top { padding-bottom: 2rem; } .site-footer__grid { padding-block: 2rem; row-gap: 2.5rem; } .site-footer__bottom { padding-top: 2rem; } .site-footer .site-footer__contact-value { font-size: var(--font-size-lg); } } @media (min-width: 992px) { .site-footer .site-header__logo { width: auto; } } @media (max-width: 991.98px) { .site-footer .site-header__logo, .site-footer .site-header__logo-img, .site-footer svg.site-header__logo-img { width: 15.375rem; max-width: 100%; height: auto; } } @media (max-width: 767.98px) { .site-footer { padding-top: var(--space-4); padding-bottom: var(--space-2); text-align: center; } .site-footer__top { padding-bottom: 1.5rem; } .site-footer .site-header__logo { justify-content: center; margin-inline: auto; } .site-footer__claim { align-items: center; text-align: center; } .site-footer__grid { padding-block: 1.5rem; row-gap: 2rem; } .site-footer__block, .site-footer__nav, .site-footer__contacts, .site-footer__contact, .site-footer__address { align-items: center; } .site-footer__menu, .site-footer__contact-list { align-items: center; } .site-footer .btn-text { justify-content: center; text-align: center; } .site-footer__contacts { gap: 1.25rem; } .site-footer__bottom { padding-top: 1.5rem; } .site-footer__bottom > [class*="col-"] { display: flex; justify-content: center; } .site-footer__meta { flex-direction: column; align-items: center; justify-content: center; gap: 0.25rem; } .site-footer__legal { justify-content: center; gap: 0 1rem; } .site-footer__socials { justify-content: center; } .site-footer .site-footer__legal-link { min-height: 2.75rem; } .site-footer .site-footer__claim-title { font-size: var(--font-size-base); } .site-footer .site-footer__contact-value { justify-content: center; font-size: var(--font-size-lg); text-align: center; } } @media (max-width: 575.98px) { .site-footer { padding-top: var(--space-3); padding-bottom: 1.5rem; } .site-footer .site-header__logo, .site-footer .site-header__logo-img, .site-footer svg.site-header__logo-img { width: 10rem; max-width: 100%; height: auto; } .site-footer__top { padding-bottom: 1.25rem; } .site-footer__grid { padding-block: 1.25rem; row-gap: 1.75rem; } .site-footer__bottom { padding-top: 1.25rem; } .site-footer__nav { gap: 0.375rem; } .site-footer__menu { gap: 0.375rem; } } @media (prefers-reduced-transparency: reduce) { .site-footer__rule { background-color: var(--color-bg-dark-elevated); } }.scroll-top { --scroll-top-size: 2.75rem; --scroll-top-icon: 1rem; --scroll-top-rail-h: 4.5rem; position: fixed; inset-block-end: calc(1.25rem + env(safe-area-inset-bottom, 0px)); inset-inline-end: calc(1.25rem + env(safe-area-inset-right, 0px)); z-index: 40; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: var(--scroll-top-size); height: var(--scroll-top-size); min-width: var(--scroll-top-size); min-height: var(--scroll-top-size); margin: 0; padding: 0; border: 0; border-radius: var(--radius-pill); background-color: var(--color-button-dark); color: var(--color-button-dark-text); font-family: var(--font-sans); font-size: var(--font-size-md); font-weight: var(--font-weight-medium); line-height: 1; text-decoration: none; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(0.5rem); pointer-events: none; overflow: visible; transition: background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease), opacity var(--hover-duration) var(--hover-ease), visibility var(--hover-duration) var(--hover-ease), transform var(--hover-duration) var(--hover-ease); } .scroll-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } .scroll-top:hover, .scroll-top:focus-visible { background-color: var(--color-button-dark-hover); color: var(--color-button-dark-text); text-decoration: none; } .scroll-top__rail { position: absolute; inset-inline-start: 50%; inset-block-end: 100%; z-index: 2; display: flex; align-items: flex-end; justify-content: center; box-sizing: border-box; width: 1.25rem; height: var(--scroll-top-rail-h); margin: 0 0 0.5rem; overflow: hidden; pointer-events: none; transform: translateX(-50%); } .scroll-top__label { display: block; margin: 0; padding: 0; color: var(--color-button-dark); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); letter-spacing: 0.06em; line-height: 1; white-space: nowrap; writing-mode: vertical-rl; text-orientation: mixed; transform: translateY(100%); opacity: 0; transition: opacity var(--hover-duration) var(--hover-ease), transform var(--hover-duration) var(--hover-ease); } .scroll-top:hover .scroll-top__label, .scroll-top:focus-visible .scroll-top__label { transform: translateY(0); opacity: 1; } .scroll-top__icon { position: relative; z-index: 1; display: block; flex-shrink: 0; width: var(--scroll-top-icon); height: var(--scroll-top-icon); background-color: currentColor; -webkit-mask: url("https://profitrade.host852629.stronawcal.pl/wp-content/themes/Profitrade/assets/icons/arrow-up.svg") center / contain no-repeat; mask: url("https://profitrade.host852629.stronawcal.pl/wp-content/themes/Profitrade/assets/icons/arrow-up.svg") center / contain no-repeat; } @media (prefers-reduced-motion: reduce) { .scroll-top, .scroll-top__label { transition: none; } .scroll-top { transform: none; } .scroll-top__label { transform: translateY(0); } }