.slick-prev:before {
content: "<";
color: #d3d1d1 !important;
font-size: 30px!important;
}
.slick-next:before {
content: ">";
color: #d3d1d1 !important;
font-size: 30px!important;
}
.slick-prev
{
left: -35px!important;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url(/wp-content/plugins/gutenberg-block-for-slick-slider//assets/slick/ajax-loader.gif) center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(/wp-content/plugins/gutenberg-block-for-slick-slider//assets/slick/fonts/slick.eot);
src: url(/wp-content/plugins/gutenberg-block-for-slick-slider//assets/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(/wp-content/plugins/gutenberg-block-for-slick-slider//assets/slick/fonts/slick.woff) format('woff'), url(/wp-content/plugins/gutenberg-block-for-slick-slider//assets/slick/fonts/slick.ttf) format('truetype'), url(/wp-content/plugins/gutenberg-block-for-slick-slider//assets/slick/fonts/slick.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
/**
* Style frontendu dla modułu pozycjonowania produktu
*/
/* Ukrywamy moduł przed przeniesieniem na stronach archiwum - dla wszystkich struktur */
.category .product-positioning-module:not(.positioned-in-grid),
.category .positioned-products-slider-wrapper:not(.positioned-in-grid),
.archive .product-positioning-module:not(.positioned-in-grid),
.archive .positioned-products-slider-wrapper:not(.positioned-in-grid) {
opacity: 0;
visibility: hidden;
position: absolute;
left: -9999px;
}
/* Pokazujemy moduł po przeniesieniu do gridu */
.has-positioned-product .product-positioning-module,
.has-positioned-product .positioned-products-slider-wrapper,
.product-positioning-module.positioned-in-grid,
.positioned-products-slider-wrapper.positioned-in-grid,
.wp-block-post .product-positioning-module,
.wp-block-post .positioned-products-slider-wrapper {
opacity: 1 !important;
visibility: visible !important;
position: static !important;
left: auto !important;
}
.positioned-products-slider {
height:100%;
}
.positioned-products-slider .slick-list {
height: 100%!important;
}
/* (dawniej padding:30px — przeniesione niżej; kafel pozycjonowany ma padding:0) */
#lista-poradnikow .positioned-product-item,
#lista-produktow .positioned-product-item {
display: block;
height: auto;
}
#lista-produktow .positioned-product-item.ticss-eebdb837 {
padding: 0;
}
.ticss-eebdb837.positioned-products-slider-wrapper {
padding:0;
}
.positioned-product-slide {
/*border: 3px solid var(--pp-kolor-ramki)!important;*/
}
/* Style dla slidera pozycjonowanych produktów */
/*
.positioned-products-slider-wrapper {
position: relative;
max-width: 350px;
}
.positioned-products-slider {
width: 100%;
}
.positioned-products-slider .positioned-product-slide {
padding: 5px;
}
*/
/* Nadpisanie stylów Slick dla naszego slidera */
/*
.positioned-products-slider .slick-prev,
.positioned-products-slider .slick-next {
z-index: 10;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
border: 2px solid #ddd;
font-size: 20px;
color: #333;
transition: all 0.3s ease;
}
.positioned-products-slider .slick-prev:hover,
.positioned-products-slider .slick-next:hover {
background: #fff;
border-color: #0073aa;
color: #0073aa;
}
.positioned-products-slider .slick-prev {
left: -20px;
}
.positioned-products-slider .slick-next {
right: -20px;
}
.positioned-products-slider .slick-dots {
bottom: -30px;
}
.positioned-products-slider .slick-dots li button:before {
color: #0073aa;
font-size: 10px;
}
.positioned-products-slider .slick-dots li.slick-active button:before {
opacity: 1;
color: #0073aa;
}
*/
/* Style dla pojedynczego slajdu */
/*
.positioned-product-slide .wp-block-group {
margin: 0;
}
*/
/* Responsywność slidera */
/*
@media (max-width: 768px) {
.positioned-products-slider .slick-prev,
.positioned-products-slider .slick-next {
display: none !important;
}
.positioned-products-slider .slick-dots {
bottom: -20px;
}
}
.pp-product-module {
border: 3px solid #ddd;
border-radius: 8px;
padding: 20px;
margin: 30px 0;
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.pp-product-module:hover {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
transform: translateY(-2px);
}
.pp-product-inner {
display: flex;
gap: 20px;
align-items: center;
}
*/
/* Wrapper obrazka */
/*
.pp-product-image-wrapper {
flex-shrink: 0;
width: 200px;
height: 200px;
overflow: hidden;
border-radius: 8px;
background: #f5f5f5;
display: flex;
align-items: center;
justify-content: center;
}
.pp-product-image-wrapper a {
display: block;
width: 100%;
height: 100%;
}
.pp-product-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.pp-product-image-wrapper:hover .pp-product-image {
transform: scale(1.05);
}
*/
/* Placeholder gdy brak obrazka */
/*
.pp-product-no-image {
color: #999;
font-size: 14px;
text-align: center;
padding: 20px;
}
*/
/* Treść */
/*
.pp-product-content {
flex: 1;
min-width: 0;
}
.pp-product-title {
margin: 0 0 15px 0;
font-size: 24px;
line-height: 1.3;
font-weight: 600;
}
.pp-product-title a {
color: #333;
text-decoration: none;
transition: color 0.3s ease;
}
.pp-product-title a:hover {
color: #0073aa;
}
.pp-product-excerpt {
margin: 0 0 20px 0;
color: #666;
font-size: 16px;
line-height: 1.6;
}
.pp-product-link {
display: inline-block;
padding: 10px 20px;
background: #0073aa;
color: #fff;
text-decoration: none;
border-radius: 4px;
font-weight: 500;
transition: background 0.3s ease;
}
.pp-product-link:hover {
background: #005a87;
color: #fff;
}
*/
/* Responsywność */
/*
@media (max-width: 768px) {
.pp-product-inner {
flex-direction: column;
text-align: center;
}
.pp-product-image-wrapper {
width: 100%;
max-width: 300px;
height: 250px;
margin: 0 auto;
}
.pp-product-title {
font-size: 20px;
}
.pp-product-excerpt {
font-size: 14px;
}
}
@media (max-width: 480px) {
.pp-product-module {
padding: 15px;
margin: 20px 0;
}
.pp-product-image-wrapper {
height: 200px;
}
.pp-product-title {
font-size: 18px;
}
.pp-product-link {
padding: 8px 16px;
font-size: 14px;
}
}
*/
/* Warianty kolorów - do użytku z różnymi kolorami ramki */
/*
.pp-product-module.primary-border .positioned-product-slide {
border-color: var(--pp-kolor-ramki, #0073aa);
}
.pp-product-module.success-border .positioned-product-slide {
border-color: var(--pp-kolor-ramki, #46b450);
}
.pp-product-module.warning-border .positioned-product-slide {
border-color: var(--pp-kolor-ramki, #ffb900);
}
.pp-product-module.danger-border .positioned-product-slide {
border-color: var(--pp-kolor-ramki, #dc3232);
}
*/
/* Integracja z alignments Gutenberga */
.alignwide .pp-product-module {
max-width: 100%;
}
.alignfull .pp-product-module {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
.aligncenter .pp-product-module {
margin-left: auto;
margin-right: auto;
}
/* ─────────────────────────────────────────────────────────────
Kafel produktu (wp_block 812441) wypełnia cały moduł pozycjonowania,
a jego własna ramka/cień są zastąpione ramką wtyczki (kolor kampanii
przekazany jako inline border + zmienna --pp-kolor-ramki na module).
───────────────────────────────────────────────────────────── */
/* Prawdziwa karta w siatce to .drug-item-grid (białe tło, border 1px #d9d9d9,
radius 8px). jest przezroczysty. W wersji pozycjonowanej dochodzą dwa
zbędne pudła: .ticss-eebdb837 (tło+cień) oraz .product-positioning-module
(padding+ramka). Zdejmujemy oba, a ramkę kampanii przenosimy na .drug-item-grid. */
/* pozycjonowanego — przezroczysty jak zwykły kafel (bez tła/cienia/ramki) */
li.product-positioning-item,
li.positioned-product-item {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 0 !important;
}
/* moduł — niewidoczny wrapper wypełniający (bez własnego pudła) */
.product-positioning-module {
box-sizing: border-box;
height: 100%;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.product-positioning-module .drug-item-grid,
.product-positioning-module .ticss-36a400e5 {
max-width: 100% !important;
width: 100%;
margin: 0 !important;
}
/* ORYGINALNA ramka karty (1px #d9d9d9) zastąpiona ramką kampanii;
kolor dziedziczy się z inline --pp-kolor-ramki na module */
.product-positioning-module .drug-item-grid {
border: 6px solid var(--pp-kolor-ramki, #d9d9d9) !important;
height: 100%;
}
/* ─────────────────────────────────────────────────────────────
Wariant docelowy: NIE tworzymy nowego kafla ani wrappera — bierzemy
istniejący kafel produktu z listingu, przenosimy go na 1. pozycję
(frontend.js) i tylko podmieniamy mu ramkę na kolor kampanii.
Kolor wjeżdża jako inline --pp-kolor-ramki na .pp-positioned-tile.
───────────────────────────────────────────────────────────── */
li.pp-positioned-tile .drug-item-grid {
border-color: var(--pp-kolor-ramki, #d9d9d9) !important;
border-width: 6px !important; /* spójnie z modułem (.product-positioning-module = 6px) */
border-style: solid !important;
}
/* Produkt pozycjonowany bywa TEŻ „polecany" (featured/gwiazdka) — wtedy zewnętrzny
dostawał drugą ramkę obok ramki kampanii na karcie → dwie nachodzące ramki
(np. Magvit w Minerałach). Na kaflu pozycjonowanym zostawiamy JEDNĄ, spójną ramkę
(kolor kampanii na .drug-item-grid); zewnętrzny bez własnej ramki. */
li.pp-positioned-tile {
border: none !important;
outline: none !important;
box-shadow: none !important;
}
/**
* Product Prices AJAX v2 - Styles
* Supports regular products and RX products with refund display
*/
/* ==========================================
* Regular Price Container (.prices)
* ========================================== */
.prices {
margin: 15px 0;
min-height: 50px;
position: relative;
}
.prices.loading {
opacity: 0.6;
}
.prices.loading::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
border: 2px solid #f3f3f3;
border-top: 2px solid #3498db;
border-radius: 50%;
animation: ppav2-spin 1s linear infinite;
}
@keyframes ppav2-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* Price list */
.prices ul {
list-style: none;
margin: 0;
padding: 0;
}
.prices li {
margin-bottom: 10px;
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
transition: all 0.3s ease;
}
.prices li:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
/* Price link */
.prices a.track-button {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 15px;
text-decoration: none;
color: inherit;
background: #fff;
transition: background-color 0.3s ease;
}
.prices a.track-button:hover {
background-color: #f8f9fa;
}
/* Shop logo */
.prices .shop, .rx-prices .shop {
width: 120px;
text-align: center;
}
.wp-block-query .prices .shop, .wp-block-query rx-prices .shop {
width: auto;
text-align: center;
}
.prices .shop img {
margin: 0 auto;
max-height: 30px;
height: 30px;
width: auto;
object-fit: contain;
}
.prices .shop span {
font-size: 12px;
color: #666;
font-weight: 500;
}
/* Price */
.prices strong {
flex: 0 0 auto;
font-size: 16px;
font-weight: 700;
color: #2c3e50;
margin: 0 8px;
}
/* Promo price */
.prices li[data-promo="1"] strong {
color: #e74c3c;
}
.prices li[data-promo="1"] {
position: relative;
}
/* Buy button */
.prices .button-products {
flex: 0 0 auto;
background: #27ae60;
color: white;
padding: 8px 16px;
border-radius: 5px;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
transition: background-color 0.3s ease;
}
.prices a.track-button:hover .button-products {
background: #229954;
}
/* No prices message */
.prices p {
text-align: center;
color: #666;
font-style: italic;
padding: 20px;
margin: 0;
}
/* ==========================================
* RX Prices (.rx-prices) - same look as .prices
* Used inside RX modules to avoid conflict with
* regular container scanner
* ========================================== */
.rx-prices {
margin: 15px 0;
min-height: 50px;
position: relative;
}
.rx-prices.loading {
opacity: 0.6;
}
.rx-prices ul {
list-style: none;
margin: 0;
padding: 0;
}
.rx-prices li {
margin-bottom: 10px;
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
transition: all 0.3s ease;
}
.rx-prices li:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.rx-prices a.track-button {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 15px;
text-decoration: none;
color: inherit;
background: #fff;
transition: background-color 0.3s ease;
}
.rx-prices a.track-button:hover {
background-color: #f8f9fa;
}
.rx-prices .shop img {
margin: 0 auto;
max-height: 30px;
height: 30px;
width: auto;
object-fit: contain;
}
.rx-prices .shop span {
font-size: 12px;
color: #666;
font-weight: 500;
}
.rx-prices strong {
flex: 0 0 auto;
font-size: 16px;
font-weight: 700;
color: #2c3e50;
margin: 0 8px;
}
.rx-prices li[data-promo="1"] strong {
color: #e74c3c;
}
.rx-prices li[data-promo="1"] {
position: relative;
}
.rx-prices .button-products {
flex: 0 0 auto;
background: #27ae60;
color: white;
padding: 8px 16px;
border-radius: 5px;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
transition: background-color 0.3s ease;
}
.rx-prices a.track-button:hover .button-products {
background: #229954;
}
.rx-prices p {
text-align: center;
color: #666;
font-style: italic;
padding: 20px;
margin: 0;
}
/* ==========================================
* RX Module Container (.rx-prices-module)
* ========================================== */
.rx-prices-module {
margin: 20px 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
/* Loading state */
.rx-prices-loading {
text-align: center;
padding: 20px;
color: #666;
font-style: italic;
}
/* EAN section wrapper */
.rx-ean-section {
margin-bottom: 25px;
padding-bottom: 20px;
border-bottom: 1px solid #e0e0e0;
}
.rx-ean-section:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
/* ==========================================
* API Price Display (cena_100)
* ========================================== */
.rx-api-price {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border: 1px solid #dee2e6;
border-radius: 8px;
padding: 15px;
margin-bottom: 15px;
}
.rx-price-label {
font-size: 12px;
color: #6c757d;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 5px;
}
.rx-price-value {
font-size: 24px;
font-weight: 700;
color: #2c3e50;
}
/* ==========================================
* Refunded Drug Price Display
* ========================================== */
.rx-refunded-price {
text-align: center;
padding: 20px;
position: relative;
}
.rx-refunded-price .rx-refund-badge {
display: inline-block;
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
background: #eef8f8;
color: #38aaad;
font-size: 12px;
padding: 4px 10px;
border-radius: 4px;
margin-bottom: 10px;
}
.rx-refunded-price .rx-price-label {
font-size: 12px;
color: #6c757d;
text-transform: uppercase;
}
.rx-refunded-price .rx-price-value {
font-size: 28px;
font-weight: 700;
color: #2c3e50;
margin-top: 5px;
}
.rx-pricebox-content:has(.rx-refunded-price) {
border-radius: 8px;
border: 1px solid #e6f6f6;
margin-top:15px;
padding: 0 5px;
padding-bottom: 5px;
}
/* ==========================================
* Refund Details (inline in rx-refunded-price)
* ========================================== */
.rx-refund-details {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid #e0e0e0;
}
.rx-refund-details .rx-refund-row {
margin-bottom: 8px;
font-size: 14px;
display: flex;
justify-content: space-between;
}
.rx-refund-details .rx-refund-row strong {
color: #38aaad;
}
.rx-refund-details .rx-refund-link {
display: inline-block;
align-self: center;
background: #38aaad;
color: white;
padding: 8px 16px;
border-radius: 5px;
font-size: 12px;
font-weight: 600;
text-decoration: none;
margin-top: 10px;
transition: background-color 0.3s ease;
}
.rx-refund-details .rx-refund-link:hover {
background: #1c878a;
color: white;
}
/* ==========================================
* Refund Info in Modal
* ========================================== */
.rx-refund-info {
display: flex;
flex-direction: column;
border: 1px solid #c8e6c9;
border-radius: 8px;
padding: 15px;
margin-bottom: 15px;
}
.rx-refund-info .rx-refund-row {
margin-bottom: 8px;
font-size: 14px;
display: flex;
justify-content: space-between;
}
.rx-refund-info .rx-refund-row:last-of-type {
margin-bottom: 12px;
}
.rx-refund-info .rx-refund-label {
color: #666;
}
.rx-refund-info .rx-refund-row strong {
color: #38aaad;
}
.rx-refund-info .rx-refund-link {
display: inline-block;
align-self: center;
background: #2e7d32;
color: white;
padding: 8px 16px;
border-radius: 5px;
font-size: 13px;
font-weight: 600;
text-decoration: none;
transition: background-color 0.3s ease;
}
.rx-refund-info .rx-refund-link:hover {
background: #1b5e20;
color: white;
}
/* ==========================================
* Pricebox Full Container
* ========================================== */
.pricebox-rx-full {
margin-bottom: 10px;
border-radius: 8px;
}
.pricebox-rx-full h4 {
margin: 0 0 15px 0;
}
.pricebox-rx-full .prices ul,
.pricebox-rx-full .rx-prices ul {
list-style: none;
margin: 0;
padding: 0;
}
.pricebox-rx-full .prices li:hover,
.pricebox-rx-full .rx-prices li:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.pricebox-rx-full .prices a.track-button,
.pricebox-rx-full .rx-prices a.track-button {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 15px;
text-decoration: none;
color: inherit;
background: #fff;
transition: background-color 0.3s ease;
}
.pricebox-rx-full .prices a.track-button:hover,
.pricebox-rx-full .rx-prices a.track-button:hover {
background-color: #f8f9fa;
}
.pricebox-rx-full .prices .shop,
.pricebox-rx-full .rx-prices .shop {
width: 120px;
text-align: center;
}
.pricebox-rx-full .prices .shop img,
.pricebox-rx-full .rx-prices .shop img {
max-height: 30px;
height: 30px;
width: auto;
object-fit: contain;
}
.pricebox-rx-full .prices .shop span,
.pricebox-rx-full .rx-prices .shop span {
font-size: 12px;
color: #666;
font-weight: 500;
}
.pricebox-rx-full .prices strong {
flex: 0 0 auto;
font-size: 16px;
font-weight: 700;
color: #2c3e50;
margin: 0 8px;
}
.pricebox-rx-full .prices li[data-promo="1"] strong {
color: #e74c3c;
}
.pricebox-rx-full .prices .button-products,
.pricebox-rx-full .rx-prices .button-products {
flex: 0 0 auto;
background: #27ae60;
color: white;
padding: 8px 16px;
border-radius: 5px;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
transition: background-color 0.3s ease;
}
.pricebox-rx-full .rx-prices .button-products {
font-size:10px;
}
.pricebox-rx-full .prices a.track-button:hover .button-products,
.pricebox-rx-full .rx-prices a.track-button:hover .button-products {
background: #229954;
}
/* ==========================================
* Variants Container
* ========================================== */
ul.var-rx {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
justify-content: center;
}
ul.var-rx li {
text-align: center;
padding: 10px;
border-radius: 20px;
border: 2px solid #cccccc7d;
box-sizing: border-box;
flex-basis: 33%;
min-width: 100px;
}
ul.var-rx li .box {
font-weight: 700;
font-size: 18px;
line-height: 1;
}
ul.var-rx .prices {
margin: 0;
min-height: auto;
font-size: 9px;
line-height: 1;
margin-top: 15px;
}
ul.var-rx .prices b {
display: block;
margin-top: 5px;
font-size: 19px;
color: #5f9f3c;
}
ul.var-rx .rx-price-100 {
margin-top: 15px;
font-size: 9px;
line-height: 1;
}
ul.var-rx .rx-price-100 b {
display: block;
margin-top: 5px;
font-size: 19px;
color: #2c3e50;
}
ul.var-rx .rx-refund-badge,
ul.var .rx-refund-badge {
display: inline-block;
background: #eef8f8;
color: #38aaad;
font-size: 10px;
padding: 2px 6px;
border-radius: 4px;
margin-top: 8px;
}
ul.var-rx small {
display: block;
margin-top: 15px;
font-size: 9px;
line-height: 12px;
}
/* ==========================================
* Modal
* ========================================== */
.pricebox-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 99999;
}
.pricebox-modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
padding: 20px;
border-radius: 10px;
max-width: 400px;
width: 90%;
max-height: 80vh;
overflow-y: auto;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
box-sizing: border-box;
}
.pricebox-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #e0e0e0;
}
.pricebox-modal-header h3 {
margin: 0;
color: #333;
font-size: 20px;
font-weight: 600;
}
.pricebox-modal-close {
background: none;
border: none;
font-size: 28px;
cursor: pointer;
color: #999;
padding: 0;
line-height: 1;
}
.pricebox-modal-close:hover {
color: #333;
}
.pricebox-modal-body .prices ul,
.pricebox-modal-body .rx-prices ul {
list-style: none;
margin: 0;
padding: 0;
}
.pricebox-modal-body .prices li,
.pricebox-modal-body .rx-prices li {
margin-bottom: 10px;
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
}
.pricebox-modal-body .prices a.track-button,
.pricebox-modal-body .rx-prices a.track-button {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 15px;
text-decoration: none;
color: inherit;
background: #fff;
}
.pricebox-modal-body .prices a.track-button:hover,
.pricebox-modal-body .rx-prices a.track-button:hover {
background-color: #f8f9fa;
}
.pricebox-modal-body .prices .shop,
.pricebox-modal-body .rx-prices .shop {
width: 120px;
text-align: center;
}
.pricebox-modal-body .prices .shop img,
.pricebox-modal-body .rx-prices .shop img {
max-height: 30px;
height: 30px;
width: auto;
}
.pricebox-modal-body .prices .shop span,
.pricebox-modal-body .rx-prices .shop span {
font-size: 12px;
color: #666;
}
.pricebox-modal-body .prices strong,
.pricebox-modal-body .rx-prices strong {
font-size: 16px;
font-weight: 700;
color: #2c3e50;
}
.pricebox-modal-body .prices li[data-promo="1"] strong,
.pricebox-modal-body .rx-prices li[data-promo="1"] strong {
color: #e74c3c;
}
.pricebox-modal-body .prices .button-products,
.pricebox-modal-body .rx-prices .button-products {
background: #27ae60;
color: white;
padding: 8px 16px;
border-radius: 5px;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
}
/* ==========================================
* Mobile Responsive
* ========================================== */
@media (max-width: 480px) {
.rx-api-price {
padding: 12px;
}
.rx-price-value {
font-size: 20px;
}
.rx-prices-module .prices a.track-button,
.rx-prices-module .rx-prices a.track-button,
.pricebox-rx-full .prices a.track-button,
.pricebox-rx-full .rx-prices a.track-button {
padding: 10px 12px;
}
.rx-prices-module .prices .shop img,
.rx-prices-module .rx-prices .shop img,
.pricebox-rx-full .prices .shop img,
.pricebox-rx-full .rx-prices .shop img {
max-height: 25px;
height: 25px;
}
.rx-prices-module .prices strong,
.rx-prices-module .rx-prices strong,
.pricebox-rx-full .prices strong,
.pricebox-rx-full .rx-prices strong {
font-size: 14px;
}
.rx-prices-module .prices .button-products,
.rx-prices-module .rx-prices .button-products,
.pricebox-rx-full .prices .button-products,
.pricebox-rx-full .rx-prices .button-products {
padding: 6px 12px;
font-size: 11px;
}
.pricebox-rx-full .prices .shop,
.pricebox-rx-full .rx-prices .shop {
width: 100px;
}
.pricebox-modal-body .prices .shop,
.pricebox-modal-body .rx-prices .shop {
width: 100px;
}
ul.var-rx li {
flex-basis: 45%;
}
}
/* =========================================================
Polecany w terapii — style frontu
========================================================= */
/* --- Sekcja --- */
.recommended-section {
padding:15px;
border-radius: 20px;
background-color: #edf3fa;
}
.recommended-section .container {}
/* --- Komentarz nad nagłówkiem (pwt_komentarz) --- */
.recommended-section .pwt-komentarz {
border-bottom: 1px solid #dddddd;
color: #2d4282;
}
.recommended-section .pwt-komentarz strong {
display: inline-flex;
align-items: center;
gap: 8px;
}
.recommended-section .pwt-komentarz strong::before {
content: "";
display: inline-block;
width: 20px; /* ← rozmiar ikony drop.svg */
height: 20px;
background-image: url(/wp-content/plugins/recommended-product/assets/css/../images/drop.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
flex-shrink: 0;
}
.recommended-section .pwt-komentarz ul {
margin: 0;
margin-bottom: 15px;
list-style: none; /* wyłącza domyślne kropki/markery */
padding-top: 15px;
padding-bottom: 15px;
padding-left: 0;
background-color: #ffffff;
border-radius: 20px;
}
.recommended-section .pwt-komentarz li {
position: relative;
padding-left: 28px; /* miejsce na ikonkę */
margin: 4px 0;
}
.recommended-section .pwt-komentarz li::before {
content: "";
position: absolute;
left: 6px;
top: 50%;
transform: translateY(-50%);
width: 16px; /* ← rozmiar markera, dowolnie zmieniaj */
height: 16px;
background-image: url(/wp-content/plugins/recommended-product/assets/css/../images/check-circle.webp);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
/* --- Nagłówek + "sponsorowane" --- */
.recommended-section .section-header-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.recommended-section .section-header {
font-size:16px;
font-weight:700;
}
.recommended-section .section-sponsored {
padding:3px 8px;
font-weight: 500;
border-radius:5px;
font-size:11px;
background-color:#e8e4d9;
color: #d19a36;
letter-spacing: .5px;
font-weight: 600;
}
/* --- Siatka produktów --- */
.recommended-section .products-grid {
padding:15px;
background-color:#ffffff;
border-radius:20px;
text-align:center;
}
/* --- Karta produktu (cała klikalna) --- */
.recommended-section .product-card {}
.recommended-section .product-card:hover {}
.recommended-section .product-card .t1 {
margin-top: 7px;
font-size: 18px;
font-weight: 800;
color:#2d4282;
}
.recommended-section .product-card .pto {
margin: 10px auto;
/* background-color: #e1e5ee;*/
width: 150px;
height: 150px;
object-fit: contain;
border-radius: 20px;
}
.recommended-section .product-card .pto img {
/* max-width:200px;*/
}
.recommended-section .product-card .t2 {}
.recommended-section .product-card .card-button {
display: inline-block;
padding: 10px 35px;
border-radius:50px;
font-size:12px;
font-weight:600;
color:#ffffff;
background-color: #6aa75d;
transition: background-color .2s;
}
.recommended-section .product-card:hover .card-button {
background-color: #83af7a;
}
/* Frontend styles for Search V2 Block (standalone, no jQuery Typeahead) */
/* Container styles */
.search-v2-meili-container {
position: relative;
width: 100%;
max-width: 800px;
margin: 0 auto;
}
/* Standalone dropdown (replaces .typeahead__result) */
.search-v2-meili-container .sv2-dropdown {
position: absolute;
top: 100%;
left: 0;
/* width: 900px;*/
max-width: 95vw;
/* margin-top: 5px;*/
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
overflow-y: auto;
/* height: 70vh;*/
z-index: 1000;
}
/* .search-v2-meili-container .sv2-custom-layout {
height: 70vh;
} */
/* Keyboard-active item state */
.search-v2-meili-container .sv2-item.sv2-active,
.search-v2-meili-container .sv2-item.sv2-active .sv2-product-content {
background: #e8f0fe;
}
/* Form styles */
.search-v2-meili-container .search-v2-form {
width: 100%;
}
/* Button styles */
.search-v2-meili-container .sv2-search-button-wrap {
padding: 8px 0;
}
.search-v2-meili-container .sv2-search-button-wrap button.search-v2-submit {
padding: 5px 10px;
height:100%;
background: none;
border: none;
border-left: 1px solid #dddddd;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
color: #979797;
letter-spacing: 1px;
cursor: pointer;
transition:color .2s;
}
.search-v2-meili-container .sv2-search-button-wrap button.search-v2-submit:hover {
color: #117dff;
}
.search-v2-meili-container .sv2-search-button-wrap button.search-v2-submit svg {
width: 20px;
height: 20px;
}
/* Container layout */
.search-v2-meili-container .sv2-search-container {
font-family: inherit;
}
.search-v2-meili-container .sv2-search-field {
display: flex;
align-items: stretch;
border: 1px solid #dddddd;
border-radius: 8px;
background: #ffffff;
box-shadow: #efefef 2px 2px 10px 2px;
overflow: hidden;
transition: border-color 0.2s ease;
}
.search-v2-meili-container .sv2-search-field:focus-within {
border-color: #b5b5b5;
}
.search-v2-meili-container .sv2-search-query {
flex: 1;
display: flex;
}
/* Input styles */
.search-v2-meili-container .sv2-search-query input {
width: 100%;
padding: 10px 14px;
border: none;
background: transparent;
font-size: 15px;
line-height: 1.4;
color: #333;
outline: none;
box-sizing: border-box;
}
.search-v2-meili-container .sv2-search-query input::placeholder {
color: #9a9a9a;
}
/* Two-column layout wrapper */
.search-v2-meili-container .typeahead__result.sv2-two-column {
width: 900px !important;
max-width: 95vw;
}
/* Two column wrapper structure */
.search-v2-meili-container .sv2-two-column-wrapper {
display: flex;
width: 100%;
min-width:700px;
min-height: 200px;
}
/* Left column for Products */
.search-v2-meili-container .sv2-column-left {
flex: 1.2;
/* border-right: 2px solid #e0e0e0;*/
background: #ffffff;
padding: 0;
overflow-y: auto;
/*max-height: 500px;*/
}
/* Right column for Diseases and Substances */
.search-v2-meili-container .sv2-column-right {
flex: 0.8;
background: #fff;
padding: 0;
display: flex;
flex-direction: column;
overflow-y: auto;
/* max-height: 500px;*/
}
/* Lists inside columns */
.search-v2-meili-container .sv2-column ul.typeahead__list {
list-style: none;
padding: 0;
margin: 0;
}
/* Style for products list */
.search-v2-meili-container .sv2-products-list {
background: #fafafa;
}
/* Style for diseases list */
.search-v2-meili-container .sv2-diseases-list {
background: #fff;
margin-bottom: 15px;
}
/* Style for substances list */
.search-v2-meili-container .sv2-substances-list {
background: #fff;
border-top: 2px solid #f0f0f0;
padding-top: 10px;
}
/* If only products exist, take full width */
.search-v2-meili-container .sv2-column-left:last-child {
border-right: none;
flex: 1;
}
/* Group headers - nagłówki grup jako elementy listy */
.search-v2-meili-container li.typeahead__group[data-search-group] {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
padding: 10px 12px;
margin: 0;
letter-spacing: 0.5px;
position: sticky;
top: 0;
z-index: 10;
list-style: none;
}
/* Kolorowe nagłówki dla rozróżnienia grup */
.search-v2-meili-container li.typeahead__group[data-search-group="Produkty"] {
background: #e3f2fd;
color: #1565c0;
border-left: 4px solid #1976d2;
}
.search-v2-meili-container li.typeahead__group[data-search-group="Schorzenia"] {
background: #fff3e0;
color: #e65100;
border-left: 4px solid #ff9800;
}
.search-v2-meili-container li.typeahead__group[data-search-group="Substancje"] {
background: #e8f5e9;
color: #2e7d32;
border-left: 4px solid #4caf50;
}
.search-v2-meili-container li.typeahead__group a {
color: inherit;
text-decoration: none;
pointer-events: none;
}
/* Item styles */
.search-v2-meili-container .typeahead__item {
padding: 3px 6px;
/*border-bottom: 1px solid #f5f5f5;*/
cursor: pointer;
transition: background 0.2s ease;
}
.search-v2-meili-container .typeahead__item:last-child {
border-bottom: none;
}
.search-v2-meili-container .typeahead__item:hover,
.search-v2-meili-container .typeahead__item.active {
background: #f5f8fb;
}
.search-v2-meili-container .typeahead__item a {
text-decoration: none;
color: inherit;
display: block;
}
.search-v2-meili-container .typeahead__item strong {
color: #4a90e2;
font-weight: 600;
}
/* Product item layout with thumbnail */
.search-v2-meili-container .sv2-product-content {
display: flex;
gap: 12px;
align-items: flex-start;
justify-content: space-between;
align-items: center;
padding: 3px;
background-color:#ffffff;
/* border: 1px solid #e3e3e3;*/
border-radius:5px;
transition:background-color .2s;
}
.search-v2-meili-container .sv2-product-content:hover {
background-color: #f5f8fb;
}
.search-v2-meili-container .sv2-product-thumbnail {
flex-shrink: 0;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
/*background: #f8f8f8;*/
border-radius: 6px;
overflow: hidden;
}
.search-v2-meili-container .sv2-product-thumbnail img {
width: auto;
height: auto;
max-width: 100%;
max-height: 50px;
object-fit: contain;
}
.search-v2-meili-container .sv2-thumbnail-placeholder {
width: 40px;
height: 40px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading 1.5s infinite;
border-radius: 4px;
}
@keyframes loading {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
.search-v2-meili-container .sv2-no-image {
font-size: 10px;
color: #999;
text-align: center;
padding: 10px;
}
.search-v2-meili-container .sv2-product-details {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
padding: 4px;
}
.search-v2-meili-container .sv2-product-name {
font-size: 11px;
line-height: 1.3;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
}
/* Simple item for right column */
.search-v2-meili-container .sv2-simple-item {
display: block;
}
/* Empty message */
.search-v2-meili-container .sv2-empty-message {
padding: 20px;
text-align: center;
color: #999;
font-style: italic;
grid-column: 1 / -1;
}
/* Custom layout styles */
.search-v2-meili-container .sv2-custom-layout {
width: 100%;
}
/* Highlighted search term */
.search-v2-meili-container .sv2-highlight {
background-color: #fffdc3;
}
/* Suggested items styling */
.search-v2-meili-container .sv2-suggested-label {
font-size: 8px;
font-weight: 400;
color: #828282;
font-style: italic;
margin-left: 5px;
}
.search-v2-meili-container .sv2-suggested-items {
opacity: 0.9;
}
.search-v2-meili-container .sv2-item.sv2-suggested a {
font-style: italic;
color: #666;
}
.search-v2-meili-container .sv2-item.sv2-suggested:hover a {
color: #333;
}
.search-v2-meili-container .sv2-group-header {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px;
/* margin: 0 0 5px 0;*/
letter-spacing: 0.5px;
position: sticky;
top: 0;
z-index: 10;
}
.search-v2-meili-container .sv2-products-header {
/* background: #ffffff;*/
/* margin: 0px 4px 2px;*/
/* color: #ffffff;*/
/*border-left: 4px solid #1976d2;*/
}
.search-v2-meili-container .sv2-diseases-header {
/* background: #2ea95b;*/
/* color: #ffffff;*/
/* border-left: 4px solid #ff9800;*/
}
.search-v2-meili-container .sv2-substances-header {
/* background: #e06500;*/
/* color: #ffffff;*/
/*border-left: 4px solid #4caf50;*/
/*margin-top: 15px;*/
}
.search-v2-meili-container .sv2-categories-header {
/* background: #7b3ff2;*/
/* color: #ffffff;*/
}
.search-v2-meili-container .sv2-poradniki-header {
background-color: #ffffff;
}
.search-v2-meili-container .sv2-products-header,
.search-v2-meili-container .sv2-diseases-header,
.search-v2-meili-container .sv2-substances-header,
.search-v2-meili-container .sv2-categories-header,
.search-v2-meili-container .sv2-poradniki-header {
border-top: 3px solid #f7f7f7;
color: inherit;
}
.search-v2-meili-container .sv2-items-list {
list-style: none;
padding: 0;
margin: 0 0 10px 0;
}
.search-v2-meili-container .sv2-item {
padding: 1px 3px;
border-bottom: 1px solid #f5f5f5;
transition: background 0.2s ease;
}
.search-v2-meili-container .sv2-column-right .sv2-item {
padding: 6px;
font-size:12px;
}
.search-v2-meili-container .sv2-poradniki-list .sv2-item {
padding: 6px;
background-color: #ffffff;
font-size: 12px;
}
.search-v2-meili-container .sv2-item:hover {
background: #f5f8fb;
}
.search-v2-meili-container .sv2-item:last-child {
border-bottom: none;
}
.search-v2-meili-container .sv2-item a {
text-decoration: none;
color: #333;
display: block;
}
.search-v2-meili-container .sv2-column-left .sv2-item .sv2-product-post {
display: flex;
flex: 1;
min-width: 0;
}
/* Price-only column */
.sv2-price-col {
flex-shrink: 0;
width: 48px;
}
.sv2-price-col p {
margin: 1px 0;
text-align: center;
font-size: 10px;
}
.sv2-price-col .sv2-price-from, .sv2-price-col .sv2-no-price {
display: block;
white-space: nowrap;
}
.sv2-price-col .sv2-price-value {
display: block;
font-weight: 600;
white-space: nowrap;
font-size: 13px;
}
/* Logo + buy button column */
.sv2-buy-col {
flex-shrink: 0;
width: 64px;
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
}
.sv2-buy-col .sv2-store-logo img {
max-width: 44px;
max-height: 18px;
object-fit: contain;
}
.sv2-buy-col .sv2-store-name {
font-size: 9px;
color: #777;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.search-v2-meili-container .sv2-item .sv2-product-btn {
background-color:#27ae60;
border-radius: 5px;
padding: 5px 10px;
text-align: center;
color: #fff;
font-size: 13px;
font-weight: 600;
text-decoration: none;
}
.search-v2-meili-container .sv2-product-item-wrapper {
/*padding: 10px 12px;*/
}
/* Override some default jQuery Typeahead styles */
.search-v2-meili-container .typeahead__container {
font-family: inherit;
}
.search-v2-meili-container .typeahead__field {
display: flex;
align-items: center;
}
.search-v2-meili-container .typeahead__query {
flex: 1;
}
.search-v2-meili-container .typeahead__result {
margin-top: 5px;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.search-v2-meili-container .typeahead__result.sv2-custom {
padding: 0;
background: #fff;
/*position: absolute;
z-index: 1;*/
}
.search-v2-meili-container .sv2-banner-zone {
margin:auto;
}
/* Responsive design */
@media (max-width: 768px) {
.search-v2-meili-container .sv2-dropdown,
.search-v2-meili-container .typeahead__result.sv2-two-column {
/* tymczasowo width: 100% !important;*/
}
.search-v2-meili-container .sv2-dropdown {
/*tymczasowo*/
left:-50px;
/* height: 50vh;*/
}
.search-v2-meili-container .sv2-custom-layout {
height: 50vh;
}
/* Stack columns vertically on mobile */
.search-v2-meili-container .sv2-two-column-wrapper {
flex-direction: column;
/*tymaczasowo*/
min-width: 330px;
}
.search-v2-meili-container .sv2-column-left,
.search-v2-meili-container .sv2-column-right {
flex: 1;
border-right: none;
max-height: none;
}
.search-v2-meili-container .sv2-column-left {
background: #f0f5fe;
border-bottom: 2px solid #e0e0e0;
}
}
.ac_results{background-color:#fff;border:1px solid #808080;display:none;list-style:none;margin:0;padding:0;position:absolute;z-index:100001;}.ac_results li{color:#101010;padding:2px 5px;text-align:left;white-space:nowrap;}.ac_over{background-color:#ccc;cursor:pointer;}.ac_match{text-decoration:underline;}
/* Backdrop and dialog share positioning + z-index; DOM order keeps banner above overlay.
Custom properties declared here (not on :root) so the plugin contributes no
inherited globals — descendants of these elements still see the vars. */
#popup-reklamowy-overlay,
#popup-reklamowy-banner {
--pr-anim: 0.3s ease;
--pr-radius: 8px;
--pr-close-size: 30px;
position: fixed;
z-index: var(--pr-z, 999999);
transition: opacity var(--pr-anim);
}
#popup-reklamowy-overlay {
inset: 0;
background: rgba(0, 0, 0, 0.4);
}
/* Banner shrink-wraps its content. Caps here are a safety net for raw HTML
adserver snippets; img/iframe are also capped directly so the visible
element and the DOM box match — no transparent letterboxing. */
#popup-reklamowy-banner {
inset: 0;
margin: auto;
width: fit-content;
height: fit-content;
max-width: var(--pr-max-w-d, 33vw);
max-height: var(--pr-max-h-d, 33vh);
border-radius: var(--pr-radius);
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
transition: opacity var(--pr-anim), transform var(--pr-anim);
}
.popup-reklamowy-hidden { opacity: 0; pointer-events: none; }
.popup-reklamowy-visible { opacity: 1; pointer-events: auto; }
#popup-reklamowy-banner.popup-reklamowy-hidden {
transform: scale(0.95);
}
#popup-reklamowy-close,
#popup-reklamowy-close svg {
width: var(--pr-close-size);
height: var(--pr-close-size);
}
#popup-reklamowy-close {
position: absolute;
top: 10px;
right: 10px;
padding: 0;
border: 0;
background: none;
cursor: pointer;
opacity: 0.9;
z-index: 10;
transition: transform 0.2s ease, opacity 0.2s ease;
}
#popup-reklamowy-close:hover,
#popup-reklamowy-close:focus-visible {
opacity: 1;
transform: scale(1.1);
}
#popup-reklamowy-close svg {
display: block;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
/* Click-wrapper must shrink to its img, otherwise it would stretch full width
and reintroduce empty space the banner would wrap. */
#popup-reklamowy-content > a {
display: block;
width: fit-content;
}
/* Cap the visual element directly with width/height: auto so the element box
equals the rendered (aspect-preserved) image — banner then fits tightly. */
#popup-reklamowy-content img,
#popup-reklamowy-content iframe {
display: block;
max-width: var(--pr-max-w-d, 33vw);
max-height: var(--pr-max-h-d, 33vh);
}
#popup-reklamowy-content iframe {
border: 0;
}
@media (max-width: 768px) {
#popup-reklamowy-banner,
#popup-reklamowy-content img,
#popup-reklamowy-content iframe {
max-width: var(--pr-max-w-m, calc(100vw - 20px));
max-height: var(--pr-max-h-m, 50vh);
}
#popup-reklamowy-overlay,
#popup-reklamowy-banner {
--pr-close-size: 25px;
}
#popup-reklamowy-close {
top: 5px;
right: 5px;
}
}
@media (prefers-reduced-motion: reduce) {
#popup-reklamowy-overlay,
#popup-reklamowy-banner,
#popup-reklamowy-close {
transition: none;
}
#popup-reklamowy-banner.popup-reklamowy-hidden {
transform: none;
}
}
/*
* Basic CSS
*/
body {
--lemmony-speed-xslow: 3s;
--lemmony-speed-slow: 2s;
--lemmony-speed-normal: 1.2s;
--lemmony-speed-fast: 0.8s;
--lemmony-speed-xfast: 0.4s;
--lemmony-delay-xsmall: 0.25s;
--lemmony-delay-small: 0.5s;
--lemmony-delay-medium: 0.75s;
--lemmony-delay-large: 1s;
--lemmony-delay-xlarge: 2s;
}
a {
text-decoration: none;
transition: color, opacity 0.35s ease-out;
}
/* For performance plugins */
body a {
text-decoration: none;
}
img {
max-width: 100%;
}
button,
.wp-element-button,
input[type="submit"] {
transition: all 0.35s ease-out;
}
body .wp-element-button {
background-color: var(--wp--preset--color--background-alt)
}
body .wp-element-button:hover,
body .wp-block-button__link:hover {
background-color: var(--wp--preset--color--primary);
}
body .wp-block-button.is-style-outline > .wp-block-button__link,
body .wp-block-button .wp-block-button__link.is-style-outline {
padding-top: calc(1.334em - 2px);
padding-bottom: calc(1.334em - 2px);
padding-left: calc(2.667em - 2px);
padding-right: calc(2.667em - 2px);
}
.wp-block-buttons .wp-block-button__link {
display: inline-flex;
align-items: center;
gap: 10px;
}
input,
textarea,
select {
border-radius: 8px;
}
h1 img {
max-height: 0.9em!important;
width: auto!important;
}
html {
scroll-behavior: smooth;
}
.hidden {
display: none;
}
.wp-block-heading {
overflow-wrap: break-word;
word-wrap: break-word;
}
/*
* Blocks
*/
.wp-site-blocks > * {
margin-top: 0!important;
}
/* Hovers */
div > p > a,
.wp-block-post-terms a,
.wp-block-post-navigation-link a,
.wp-block-post-title:not(h1),
.wp-block-post-title:not(h1) a {
transition: 0.4s all ease-out;
}
div > p > a:hover,
.wp-block-post-terms a:hover,
.wp-block-post-navigation-link a:hover,
.wp-block-post-title:not(h1):hover,
.wp-block-post-title:not(h1):hover a {
opacity: 0.75;
}
.lemmony-button-hover-opacity .wp-block-button__link:hover {
opacity: 0.75;
}
.lemmony-button-hover-background-alt .wp-block-button__link:hover {
background-color: var(--wp--preset--color--background-alt)!important;
color: #ffffff!important;
}
.lemmony-button-hover-primary .wp-block-button__link:hover {
background-color: var(--wp--preset--color--primary)!important;
color: #ffffff!important;
}
.lemmony-button-hover-primary-text .wp-block-button__link:hover {
color: var(--wp--preset--color--primary)!important;
}
/* Blockquote */
figure.wp-block-pullquote {
margin-top: 48px;
margin-bottom: 48px;
padding-top: 45px;
padding-bottom: 45px;
border-top-width: 1px;
border-bottom-width: 1px;
position: relative;
border-color: var(--wp--preset--color--border);
}
figure.wp-block-pullquote,
blockquote.wp-block-quote {
font-size: var(--wp--preset--font-size--medium-plus);
font-weight: bold;
line-height: 1.3;
position: relative;
}
figure.wp-block-pullquote p,
blockquote.wp-block-quote p {
margin-bottom: 5px;
}
blockquote.wp-block-quote p {
margin-top: 0;
}
figure.wp-block-pullquote cite,
blockquote.wp-block-quote cite {
font-size: var(--wp--preset--font-size--small);
text-transform: none;
font-weight: 600;
}
blockquote.wp-block-quote {
margin-top: 48px;
margin-bottom: 48px;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1.5em;
border-left-width: 1px;
border-color: var(--wp--preset--color--border);
}
figure.wp-block-pullquote:after {
top: 0; left: 50%;
margin-left: -35px;
margin-top: -16px;
padding: 0 20px;
}
blockquote.wp-block-quote:after {
top: 50%; left: 0;
margin-left: -16px;
margin-top: -35px;
padding: 20px 0;
}
figure.wp-block-pullquote:after,
blockquote.wp-block-quote:after {
content: "";
display: inline-block;
position: absolute;
width: 30px;
height: 30px;
background-color: #ffffff;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+PHBhdGggZD0nTTI3LjY0OCwyNi45OTJoLTkuNDYzYy0wLjI4MywwLTAuNTU0LTAuMTItMC43NDQtMC4zMzFjLTAuMTg5LTAuMjExLTAuMjgtMC40OTMtMC4yNS0wLjc3NWwxLjIyMi0xMS40NDcgYzAuMDI3LTAuMjU2LDAuMTUyLTAuNDkyLDAuMzQ5LTAuNjU4bDEwLjA5My04LjUzNmMwLjMxMS0wLjI2MiwwLjc0OS0wLjMxMSwxLjEwNy0wLjEyM2MwLjM2LDAuMTg4LDAuNTcxLDAuNTc1LDAuNTM0LDAuOTc5IGwtMS44NTIsMTkuOTgyQzI4LjU5NiwyNi41OTgsMjguMTY1LDI2Ljk5MiwyNy42NDgsMjYuOTkyeiBNMTkuMjk4LDI0Ljk5Mmg3LjQzOGwxLjU0Mi0xNi42NGwtNy45MTksNi42OThMMTkuMjk4LDI0Ljk5MnogTTExLjk2MywyNi45OTJIMi41Yy0wLjI4NCwwLTAuNTU0LTAuMTItMC43NDQtMC4zMzFjLTAuMTktMC4yMTEtMC4yODEtMC40OTMtMC4yNS0wLjc3NWwxLjIyMi0xMS40NDcgYzAuMDI3LTAuMjU2LDAuMTUyLTAuNDkxLDAuMzQ4LTAuNjU4bDEwLjA5Mi04LjUzNmMwLjMxLTAuMjYyLDAuNzQ4LTAuMzExLDEuMTA4LTAuMTIzYzAuMzYsMC4xODgsMC41NzEsMC41NzUsMC41MzMsMC45NzkgbC0xLjg1MSwxOS45ODJDMTIuOTExLDI2LjU5OCwxMi40NzksMjYuOTkyLDExLjk2MywyNi45OTJ6IE0zLjYxMiwyNC45OTJoNy40MzlsMS41NDItMTYuNjRsLTcuOTE5LDYuNjk4TDMuNjEyLDI0Ljk5MnonLz48L3N2Zz4=");
background-repeat: no-repeat;
background-position: 50% 50%;
}
/* Term Description */
.wp-block-comment-content p:first-child,
.wp-block-term-description p:first-child {
margin-top: 0;
}
.wp-block-comment-content p:last-child,
.wp-block-term-description p:last-child {
margin-bottom: 0;
}
/* Post Author */
.wp-block-post-author img {
border-radius: 100px;
}
/* Cover Image */
.wp-block-cover-image.is-light .wp-block-cover__inner-container,
.wp-block-cover.is-light .wp-block-cover__inner-container {
color: var(--wp--preset--color--body);
}
/* Image */
.wp-block-image {
line-height: 1;
}
.wp-block-image figcaption {
margin-top: 1.5em;
text-align: left;
}
.wp-block-image figcaption {
color: var(--wp--preset--color--meta);
}
/* Post Excerpt */
.wp-block-post-excerpt__excerpt {
margin: 0;
}
/* Post Content */
.wp-block-post-content pre {
overflow: auto;
}
.wp-block-post-content > figure a,
.wp-block-post-content > p a,
.wp-block-post-content > ul a,
.wp-block-post-content > ol a {
color: var(--wp--preset--color--secondary);
text-decoration: underline;
}
.wp-block-post-content > figure a:hover,
.wp-block-post-content > p a:hover,
.wp-block-post-content > ul a:hover,
.wp-block-post-content > ol a:hover {
opacity: 1;
text-decoration: none;
}
body .wp-block-post-content.is-layout-flow > * + * {
margin-block-start: var(--wp--preset--spacing--50);
}
body .wp-block-post-content.is-layout-flow > h1 + *,
body .wp-block-post-content.is-layout-flow > h2 + *,
body .wp-block-post-content.is-layout-flow > h3 + *,
body .wp-block-post-content.is-layout-flow > h4 + *,
body .wp-block-post-content.is-layout-flow > h5 + *,
body .wp-block-post-content.is-layout-flow > h6 + * {
margin-block-start: var(--wp--preset--spacing--30);
}
.wp-block-post-content form.post-password-form {
background-color: var(--wp--preset--color--midground) !important;
padding: 48px 64px;
border-radius: 24px;
}
.wp-block-post-content form.post-password-form input[type="password"] {
height: 60px;
border: 1px solid var(--wp--preset--color--border-alt);
border-radius: 8px;
outline: none;
padding: 0px 20px;
font-size: 18px;
margin-right: 24px;
margin-left: 16px;
}
.wp-block-post-content form.post-password-form label {
font-weight: 600;
}
.wp-block-post-content form.post-password-form input[type="submit"] {
padding: 20px 40px;
border-radius: 50px;
color: #ffffff;
background-color: var(--wp--preset--color--background-alt);
border-width: 0px;
font-weight: 700;
font-size: 18px;
}
.wp-block-post-content form.post-password-form input[type="submit"]:hover {
background-color: var(--wp--preset--color--primary);
color: #ffffff;
}
.wp-block-post-content form.post-password-form > p:first-child {
margin-bottom: 40px;
}
input[type="submit"] {
font-family: inherit;
line-height: 1;
cursor: pointer;
}
@media (max-width: 782px) {
.wp-block-post-content form.post-password-form {
padding: 24px 32px;
}
.wp-block-post-content form.post-password-form input[type="password"] {
margin: 16px 0;
}
.wp-block-post-content form.post-password-form input[type="submit"] {
font-size: 15px;
}
}
/* Post Terms */
.wp-block-post-terms.taxonomy-post_tag * {
opacity: 0.7;
}
.wp-block-post-terms.taxonomy-post_tag a:hover {
opacity: 1;
text-decoration: underline;
}
/* Post Comments */
.wp-block-post-comments-form label {
display: block;
font-size: var(--wp--preset--font-size--tiny-plus);
font-weight: 600;
padding-bottom: 0.5rem;
}
.comment-form-cookies-consent label {
font-weight: 400;
}
.comment-reply-title {
font-size: var(--wp--preset--font-size--medium-plus);
}
.wp-block-post-comments-form input[type="checkbox"] {
width: 20px;
margin-top: -0.25em!important;
margin-right: 0.35em;
}
.wp-block-post-comments-form .form-submit {
margin-top: 1.5em;
}
.wp-comment-cookies-consent {
font-weight: normal;
}
.wp-block-comment-template ol {
padding-left: 4rem;
}
/* Post Author */
.wp-block-post-author__avatar img {
width: 64px;
height: auto;
}
.lemmony-avatar-only.wp-block-post-author .wp-block-post-author__avatar {
margin-right: 0;
}
/* Post Catergories List */
.wp-block-categories-list {
list-style: none;
padding-left: 0px;
}
.wp-block-categories-list li:not(:first-child) {
margin-top: 16px;
}
/* Tag Cloud */
.wp-block-tag-cloud {
font-weight: 600;
}
/* Query - Pagination */
.wp-block-query-pagination {
font-size: 16px;
}
.wp-block-query-pagination-numbers .page-numbers {
display: inline-flex;
width: 3em;
height: 3em;
align-items: center;
justify-content: center;
border-radius: 10px;
font-weight: 600;
}
.wp-block-query-pagination-numbers a.page-numbers {
border: 1px solid #CDD5DD;
}
.wp-block-query-pagination-numbers a.page-numbers:hover {
background-color: #117EFF;
color: white;
}
.wp-block-query-pagination-numbers .page-numbers.current {
font-weight: bold;
background-color: #117EFF;
color: white;
}
/* Search */
.wp-block-search .wp-block-search__button svg {
min-width: 18px;
min-height: 18px;
width: 18px;
display: inline-block;
}
/*
* Styles
*/
/* Columns - Hover Opacity */
.wp-block-columns.is-style-hover-opacity {
transition: 0.3s opacity ease-out;
}
.wp-block-columns.is-style-hover-opacity:hover {
opacity: 0.7;
}
/* Search - Border With Radius */
.wp-block-search.is-style-border-with-radius .wp-block-search__inside-wrapper {
border-radius: 100px;
overflow: hidden;
background-color: #ffffff;
padding: 0;
}
.wp-block-search.is-style-border-with-radius input {
font-size: 18px;
padding-left: 2rem;
}
.wp-block-search.is-style-border-with-radius button {
background-color: transparent;
color: black;
padding-left: 1rem;
margin-left: 0;
padding-right: 2rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
/* Post Terms - Dots */
.wp-block-post-terms.taxonomy-post_tag.is-style-dots .wp-block-post-terms__separator {
font-size: 0;
}
.wp-block-post-terms.taxonomy-post_tag.is-style-dots .wp-block-post-terms__separator:after {
content: "•";
font-size: 10px;
padding: 0 0.75em;
top: -0.25em;
position: relative;
}
/* Post Terms - Boxes */
.wp-block-post-terms.is-style-boxes {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
font-weight: 600;
}
.wp-block-post-terms.is-style-boxes a {
background-color: var(--wp--preset--color--midground);
padding: 10px 16px;
display: inline-flex;
border-radius: 100px;
line-height: 1;
}
.wp-block-post-terms.is-style-boxes span {
display: none;
}
/* Post Author - Large */
.wp-block-post-author.is-style-large .wp-block-post-author__avatar {
margin-right: var(--wp--preset--spacing--50);
}
.wp-block-post-author.is-style-large img {
width: 96px;
height: 96px;
}
.wp-block-post-author.is-style-large .wp-block-post-author__name {
font-size: var(--wp--preset--font-size--medium);
font-weight: bold;
}
.wp-block-post-author.is-style-large .wp-block-post-author__bio {
font-size: var(--wp--preset--font-size--small);
margin-top: 10px;
}
@media (max-width: 782px) {
.wp-block-post-author.is-style-large {
display: block;
}
.wp-block-post-author.is-style-large .wp-block-post-author__avatar {
margin-bottom: 1em;
margin-right: 0;
}
}
/* Post Navigation - Button */
.is-style-button.wp-block-query-pagination-next,
.is-style-button.wp-block-query-pagination-previous,
.wp-block-post-navigation-link.is-style-button a {
display: inline-flex;
align-items: center;
padding: 16px 32px;
border: 1px solid;
border-radius: 100px;
font-weight: 600;
line-height: 1;
}
.wp-block-query-pagination-previous:before,
.post-navigation-link-previous.is-style-button a:before {
content:"";
width: 20px;
height: 20px;
margin-right: 12px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpolygon points='10.583,25.143 1.439,16 10.583,6.857 12.704,8.978 7.182,14.5 30.561,14.5 30.561,17.5 7.182,17.5 12.704,23.022 '/%3E%3C/svg%3E");
}
.wp-block-query-pagination-next:after,
.post-navigation-link-next.is-style-button a:after {
content:"";
width: 20px;
height: 20px;
margin-left: 12px;
}
.wp-block-query-pagination-next:after,
.post-navigation-link-next.is-style-button a:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpolygon points='21.418,25.143 19.297,23.022 24.818,17.5 1.439,17.5 1.439,14.5 24.818,14.5 19.297,8.978 21.418,6.857 30.561,16 '/%3E%3C/svg%3E");
}
/* Social Links - Pill Shape */
.wp-block-social-links.is-style-pill-shape {
gap: var(--wp--preset--spacing--10);
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-top: 0.75rem;
padding-right: 2rem;
padding-bottom: 0.75rem;
padding-left: 2rem;
line-height: 1;
font-size: 1.75rem;
}
/* Social Links - Logos only (small) */
.wp-block-social-links.is-style-logos-only-small .wp-social-link {
background-color: transparent;
}
.wp-block-social-links.is-style-logos-only-small .wp-social-link a {
padding: 0;
}
.wp-block-social-links.is-style-logos-only-small .wp-social-link svg {
width: 20px;
height: 20px;
}
/* Social Links - Border */
.wp-block-social-links.is-style-logos-border .wp-social-link {
border: 1px solid var(--wp--preset--color--border);
background-color: transparent;
color: inherit;
}
.wp-block-social-links.is-style-logos-border .wp-social-link svg {
width: 24px;
height: 24px;
}
.wp-block-social-links.is-style-logos-border .wp-block-social-link-anchor {
display: inline-flex;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
padding: 0;
}
/* Avatar - Show only avarar */
body:not(.block-editor-iframe__body) .lemmony-avatar-only .wp-block-post-author__content {
display: none;
}
/* All - Hover Background */
.is-style-hover-bg {
transition: background-color 0.35s ease-out;
}
.is-style-hover-bg:hover {
background-color: var(--wp--preset--color--midground) ;
}
/* Image - Hover Zoom */
.wp-block-image.is-style-hover-zoom {
transition: transform 0.35s ease-out;
}
.wp-block-image.is-style-hover-zoom:hover {
transform: scale(1.15);
}
/* Comments Template - Level 2 bg */
ol.wp-block-comment-template.is-style-replies-bg ol .wp-block-columns {
padding: 32px;
background-color: var(--wp--preset--color--midground) !important;
border-radius: 24px;
}
/* Comments title - With Icon */
.wp-block-comments-title.is-style-with-icon {
position: relative;
padding-left: 117px!important;
}
.wp-block-comments-title.is-style-with-icon:before {
content: "";
position: absolute;
left: 0;
width: 85px;
height: 85px;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='85' height='85' viewBox='0 0 85 85' fill='none'%3E%3Cpath d='M28.875 54.8604C28.7917 54.8604 28.7083 54.8499 28.625 54.8291C28.5625 54.8083 28.4896 54.777 28.4062 54.7354C28.2396 54.652 28.1042 54.5374 28 54.3916C27.9167 54.2249 27.875 54.0479 27.875 53.8604V36.7979C27.875 35.8395 28.0625 34.9333 28.4375 34.0791C28.7917 33.2249 29.2812 32.4854 29.9062 31.8604C30.5521 31.2145 31.3021 30.7145 32.1562 30.3604C33.0104 29.9854 33.9167 29.7979 34.875 29.7979H49.875C50.8333 29.7979 51.7396 29.9854 52.5938 30.3604C53.4479 30.7145 54.1875 31.2145 54.8125 31.8604C55.4583 32.4854 55.9583 33.2249 56.3125 34.0791C56.6875 34.9333 56.875 35.8395 56.875 36.7979V42.2979C56.875 43.277 56.6875 44.1833 56.3125 45.0166C55.9583 45.8708 55.4583 46.6208 54.8125 47.2666C54.1875 47.8916 53.4479 48.3916 52.5938 48.7666C51.7396 49.1208 50.8333 49.2979 49.875 49.2979H37.1875L29.4375 54.6729C29.3542 54.7354 29.2604 54.7874 29.1562 54.8291C29.0729 54.8499 28.9792 54.8604 28.875 54.8604ZM34.875 31.7979C33.5 31.7979 32.3229 32.2874 31.3438 33.2666C30.3646 34.2458 29.875 35.4229 29.875 36.7979V51.9541L36.3125 47.4854C36.3958 47.4229 36.4792 47.3812 36.5625 47.3604C36.6667 47.3187 36.7708 47.2979 36.875 47.2979H49.875C51.25 47.2979 52.4271 46.8083 53.4062 45.8291C54.3854 44.8499 54.875 43.6729 54.875 42.2979V36.7979C54.875 35.4229 54.3854 34.2458 53.4062 33.2666C52.4271 32.2874 51.25 31.7979 49.875 31.7979H34.875Z' fill='%23191919'%3E%3C/path%3E%3Crect x='0.875' y='0.829102' width='83' height='83' rx='41.5' stroke='%237C7C7C'%3E%3C/rect%3E%3C/svg%3E");
}
/*
* Navigation
*/
.wp-block-navigation-item__content {
flex-direction: column;
}
.wp-block-navigation__submenu-container {
z-index: 50!important;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
color: inherit;
border-width: 0;
}
.wp-block-navigation li.has-child:not(.open-on-click) > .wp-block-navigation__submenu-container,
.wp-block-navigation li.has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
min-width: 250px;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
font-size: 16px;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content > span {
position: relative;
transition: 0.3s left ease-in-out;
left: 0;
font-size: 16px;
}
.wp-block-navigation img {
vertical-align: middle;
padding: 0 4px;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover > span {
left: 5px;
}
.wp-block-navigation ul li.current-menu-item > a .wp-block-navigation-item__label,
li.wp-block-navigation-submenu > .wp-block-navigation-item__content:hover,
.wp-block-navigation__container > li > .wp-block-navigation-item__content:hover,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover > .wp-block-navigation-item__label {
text-decoration: underline;
}
body .wp-block-navigation .wp-block-navigation-item__description {
display: block;
font-size: 14.5px;
opacity: 0.7;
font-weight: 400;
text-decoration: none;
}
.wp-block-navigation__submenu-container a:not(.wp-element-button) {
padding-left: 1.5em;
padding-right: 1.5em;
}
.wp-block-navigation ul.wp-block-navigation__submenu-container {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.wp-block-navigation__container > .wp-block-navigation-item {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
display: none;
}
.wp-block-navigation__submenu-container li:not(.wp-block-navigation-submenu) a:before,
.wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:before {
content: "";
display: block;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+PHBvbHlnb24gcG9pbnRzPScxNy41LDIzIDE0LjUsMjMgMTQuNSwxNy41IDksMTcuNSA5LDE0LjUgMTQuNSwxNC41IDE0LjUsOSAxNy41LDkgMTcuNSwxNC41IDIzLDE0LjUgMjMsMTcuNSAxNy41LDE3LjUgJy8+PC9zdmc+");
}
.wp-block-navigation__submenu-container li:not(.wp-block-navigation-submenu) a:before {
position: absolute;
right: 0;
margin-right: 1.3em;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+PHBvbHlnb24gcG9pbnRzPScyMS40MTgsMjUuMTQzIDE5LjI5NywyMy4wMjIgMjQuODE4LDE3LjUgMS40MzksMTcuNSAxLjQzOSwxNC41IDI0LjgxOCwxNC41IDE5LjI5Nyw4Ljk3OCAyMS40MTgsNi44NTcgMzAuNTYxLDE2ICcvPjwvc3ZnPg==");
width: 15px;
height: 15px;
margin-top: 0.4em;
opacity: 0;
transition: 0.4s all ease-out;
transform: translateX(-15px);
}
.wp-block-navigation__submenu-container li:not(.wp-block-navigation-submenu) a:hover:before {
opacity: 1;
transform: translateX(0px);
}
@media (min-width: 782px) {
.wp-block-navigation__responsive-container:not(.has-modal-open) .wp-block-navigation__submenu-container {
border-radius: 5px;
box-shadow: 0px 20px 40px 0px rgba(0,0,0,.1);
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
margin-right: 1.6em;
}
}
@media (max-width: 781px) {
.wp-block-navigation.is-content-justification-center {
text-align: center;
}
}
/*
** Navigation - Fullscreen Window
*/
.wp-block-navigation__responsive-container.has-modal-open {
padding-bottom: 40px
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-dialog {
padding-top: 26px;
}
.admin-bar .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-dialog {
padding-top: 72px;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-dialog,
.admin-bar .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-dialog {
margin-top: 0px;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-content {
max-width: 500px;
margin: 0 auto;
}
.wp-block-navigation__responsive-container.has-modal-open ul.wp-block-navigation__container {
width: 100%;
gap: 32px!important;
}
.wp-block-navigation__responsive-container.has-modal-open ul.wp-block-navigation__submenu-container {
gap: 12px!important;
}
.wp-block-navigation__responsive-container.has-modal-open ul.wp-block-navigation__submenu-container:not(.is-menu-open) {
display: none!important;
}
/* Navigation links */
.wp-block-navigation__responsive-container.has-modal-open li.wp-block-navigation-item {
padding: 0;
}
.wp-block-navigation__responsive-container.has-modal-open ul.wp-block-navigation__container > li > a {
font-size: 24px;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-item__description {
font-size: 14px;
}
.wp-block-navigation__responsive-container.has-modal-open a.is-menu-open {
text-decoration: underline;
}
/* Navigation dropdown button */
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-submenu__toggle {
display: block!important;
position: absolute;
right: -8px;
top: -2px;
height: 40px;
width: 12px;
width: 40px;
text-align: center;
-webkit-tap-highlight-color: rgba(0,0,0,0);
margin-right: 0!important;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-submenu__toggle:hover {
opacity: 0.6;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle {
height: 30px;
top: -1px;
}
.wp-block-navigation__responsive-container.has-modal-open ul.wp-block-navigation__container > li >.wp-block-navigation-submenu__toggle svg {
pointer-events: none;
width: 12px;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:before {
width: 20px;
height: 20px;
display: inline-block;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__submenu-container li:not(.wp-block-navigation-submenu) a:before {
margin-right: 0.35em;
}
/* Navigation alignments */
.wp-block-navigation.is-content-justification-center .wp-block-navigation__responsive-container.has-modal-open {
text-align: center;
}
.wp-block-navigation.is-content-justification-center .wp-block-navigation__responsive-container.has-modal-open li.wp-block-navigation-item,
.wp-block-navigation.is-content-justification-center .wp-block-navigation__responsive-container.has-modal-open li.wp-block-navigation-item ul,
.wp-block-navigation.is-content-justification-left .wp-block-navigation__responsive-container.has-modal-open li.wp-block-navigation-item {
width: 100%!important;
}
.wp-block-navigation.is-content-justification-left .wp-block-navigation__responsive-container.has-modal-open ul.wp-block-navigation__submenu-container ul {
margin-left: 16px;
width: calc(100% - 16px)!important;
}
.wp-block-navigation.is-content-justification-left .wp-block-navigation__responsive-container.has-modal-open ul.wp-block-navigation__submenu-container {
width: 100%!important;
padding-left: 0px!important;
padding-right: 0px!important;
}
.wp-block-navigation.is-content-justification-right .wp-block-navigation__responsive-container.has-modal-open {
text-align: right;
}
.wp-block-navigation.is-content-justification-right .wp-block-navigation__responsive-container.has-modal-open ul.wp-block-navigation__submenu-container {
padding-right: 0!important;
}
.wp-block-navigation.is-content-justification-right .wp-block-navigation__responsive-container.has-modal-open li.wp-block-navigation-item.has-child > a {
padding-right: 30px;
}
/*
* Lemmony Companion
*/
/* Icon block */
.wp-block-lemmony-companion-icon {
line-height: 0;
font-size: 3.125rem;
}
.wp-block-lemmony-companion-icon.aligncenter {
display: table;
margin-left: auto;
margin-right: auto;
}
.wp-block-lemmony-companion-icon svg {
width: 1em;
height: 1em;
fill: currentColor;
}
.wp-block-lemmony-companion-icon.aligncenter {
text-align: center;
}
/* Tÿ in 죌翴 ock */
.wp-block-lemmony-companion-typing-text {
font-weight: 700;
font-size: var(--wp--preset--font-size--medium-plus);
}
.wp-block-lemmony-companion-typing-text .lemmony-typing-prefix:after,
.wp-block-lemmony-companion-typing-text .lemmony-typing-suffix:before {
content: " ";
}
/* Counter block */
.wp-block-lemmony-companion-counter {
font-size: var(--wp--preset--font-size--large-plus);
font-weight: bold;
}
/* Accordion */
.wp-block-lemmony-companion-accordion {
display: flex;
gap: 20px;
padding-bottom: 32px;
border-bottom: 1px solid var(--wp--preset--color--border-alt);
font-size: 24px;
}
.wp-block-lemmony-companion-accordion .lemmony-accordion-container {
flex: 1;
}
.wp-block-lemmony-companion-accordion .lemmony-accordion-title {
margin: 0;
font-size: inherit;
cursor: pointer;
user-select: none;
}
.wp-block-lemmony-companion-accordion .lemmony-accordion-content {
display: block;
position: relative;
overflow: hidden;
padding-top: 0;
transition: 0s all ease-in-out;
max-height: 0;
opacity: 0;
}
body.block-editor-iframe__body .wp-block-lemmony-companion-accordion .lemmony-accordion-content,
.wp-block-lemmony-companion-accordion.is-open .lemmony-accordion-content {
max-height: none;
opacity: 1;
padding-top: 16px;
transition: .5s all ease-in-out;
}
.wp-block-lemmony-companion-accordion p {
margin: 0;
font-size: 20px;
}
.lemmony-accordion-icon {
font-size: 40px;
cursor: pointer;
line-height: 0.5;
user-select: none;
}
.lemmony-accordion-icon:after {
content: "+"
}
.wp-block-lemmony-companion-accordion.is-open .lemmony-accordion-icon:after {
content: "-"
}
body .wp-block-lemmony-companion-accordion {
margin-block-start: 32px;
}
/* Hero Auto Slider */
.splide__slide img {
width: 100%;
height: 100%;
object-fit: cover;
overflow: hidden;
border-radius: 24px;
}
.splide__progress {
position: absolute;
right: 24px;
bottom: 24px;
border-radius: 100px;
overflow: hidden;
width: 75px;
padding: 7px;
background-color: var(--wp--preset--color--background);
box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
}
.splide__progress__bar {
height: 5px;
border-radius: 100px;
background-color: var(--wp--preset--color--primary);
}
.splide[data-total="0"] .splide__progress,
.splide[data-total="1"] .splide__progress {
display: none;
}
/*
* Lemmony - Custom classes
*/
/* Border radius */
.lemmony-rounded-24px {
border-radius: 24px;
overflow: hidden;
}
.lemmony-box-shadow:not(.wp-block-button),
.lemmony-box-shadow.wp-block-button .wp-element-button {
box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.08);
}
/* Aspect Ratio */
.lemmony-aspect-square,
.lemmony-aspect-1_1,
.lemmony-aspect-2_1,
.lemmony-aspect-3_2,
.lemmony-aspect-16_9,
.lemmony-aspect-radio-square,
.lemmony-aspect-radio-landscape-small,
.lemmony-aspect-radio-landscape {
max-width: 100%!important;
}
.lemmony-aspect-1_1,
.lemmony-aspect-square,
.lemmony-aspect-radio-square {
aspect-ratio: 1 / 1;
}
.lemmony-aspect-2_1,
.lemmony-aspect-radio-landscape {
aspect-ratio: 2 / 1;
}
.lemmony-aspect-3_2,
.lemmony-aspect-radio-landscape-small {
aspect-ratio: 3 / 2;
}
.lemmony-aspect-16_9 {
aspect-ratio: 16 /9;
}
/* Layouts and positioning */
.lemmony-absolute {
position: absolute!important;
}
.lemmony-flex-1 {
flex: 1;
}
.lemmonny-max-w-400px {
max-width: 400px;
}
.lemmonny-max-w-500px {
max-width: 500px;
}
.lemmonny-max-w-600px {
max-width: 600px;
}
.lemmonny-max-w-700px {
max-width: 700px;
}
.lemmony-zindex-10 {
z-index: 10;
}
.lemmony-left-minus-50percent {
transform: translateX(-50%);
}
.lemmony--mb-large {
margin-bottom: -12.5vw!important;
}
body .lemmony-disable-block {
display: none;
}
@media only screen and (max-width: 800px) {
.lemmony-min-h-0 {
min-height: 0px!important;
}
}
@media only screen and (max-width: 780px) {
.lemmony-mobile-border-none {
border-width: 0px!important;
}
.lemmony-mobile-reverse {
flex-direction: column-reverse;
}
.lemmony-mobile-width-full {
width: 100%;
}
/* Mobile Center */
.lemmony-mobile-center,
.lemmony-mobile-center .has-text-align-right {
text-align: center;
}
.lemmony-mobile-center *[style*="text-align:right"] {
text-align: center!important;
}
.lemmony-mobile-center .wp-block-buttons,
.lemmony-mobile-center .is-content-justification-right,
.lemmony-mobile-center .is-content-justification-left {
justify-content: center!important;
}
.lemmony-mobile-left .wp-block-buttons,
.lemmony-mobile-left .is-content-justification-right,
.lemmony-mobile-left .is-content-justification-left {
justify-content: flex-start!important;
}
/* Mobile hidden section */
body .lemmony-mobile-hidden {
display: none!important;
}
/* Mobile justify center */
div.wp-block-group .lemmony-mobile-justify-center > * {
margin-left: auto!important;
margin-right: auto!important;
}
}
@media only screen and (min-width: 781px) {
/* Sticky */
.lemmony-sticky,
.lemmony-sticky {
position: sticky;
top: 0;
}
/* Hidden Desktop */
.lemmony-desktop-hidden,
.lemmony-hidden-desktop {
display: none!important;
}
body.block-editor-iframe__body .lemmony-desktop-hidden,
body.block-editor-iframe__body .lemmony-hidden-desktop {
opacity: 0.3;
display: block!important;
}
.wp-block-navigation__responsive-container.has-modal-open .lemmony-desktop-hidden,
.wp-block-navigation__responsive-container.has-modal-open .lemmony-hidden-desktop {
display: flex!important;
}
}
/* Group items squeeze */
.lemmony-group-squeeze.wp-block-group > .wp-block-group {
margin-left: -20px;
}
/* Animation - Spin */
.lemmony-spin img {
animation-name: lemmonySpin;
animation-duration: 10000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
/* Animation - Typewritter */
.lemmony-typewritter {
position: relative;
}
.lemmony-typewritter:after {
content: "";
border-right: .15em solid;
padding-left: 0.15em;
white-space: nowrap;
margin: 0 auto;
padding-right: 0px;
animation: blink .5s step-end infinite alternate;
}
@keyframes blink {
50% { border-color: transparent}
}
/* Animation - Parallax */
.lemmony-parallax {
overflow: hidden;
transition: all .5s ease-out;
}
@media only screen and (max-width: 600px) {
.lemmony-parallax {
transform: none!important;
}
}
/* Animation - Delay */
.lemmony-delay-1 {
animation-delay: 0.25s!important;
}
.lemmony-delay-2 {
animation-delay: 0.5s!important;
}
.lemmony-delay-3 {
animation-delay: 0.9s!important;
}
/* Animation - Presets */
.lemmony-animation.animate {
animation: var(--lemmony-animation-name) 1s ease-out both;
}
.animation-inited {
opacity: 0;
}
/* Disable animations in WordPress.org patterns preview */
#wporg-pattern-preview .animation-inited {
opacity: 1;
animation: none!important;
}
.lemmonyFadeIn {
--lemmony-animation-name: lemmonyFadeIn;
}
.lemmonyFadeInUp {
--lemmony-animation-name: lemmonyFadeInUp;
}
.lemmonyFadeInDown {
--lemmony-animation-name: lemmonyFadeInDown;
}
.lemmonyFadeInLeft {
--lemmony-animation-name: lemmonyFadeInLeft;
}
.lemmonyFadeInRight {
--lemmony-animation-name: lemmonyFadeInRight;
}
@keyframes lemmonySpin {
from {
transform: rotate(0deg);
} to {
transform: rotate(360deg);
}
}
@keyframes lemmonyFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes lemmonyFadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes lemmonyFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes lemmonyFadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes lemmonyFadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
/*
** Disable animations when reduced motion
*/
@media ( prefers-reduced-motion: reduce ) {
.splide__progress {
visibility: hidden;
}
.animation-inited {
opacity: 1!important;
--lemmony-animation-name: ''!important;
}
.lemmony-spin img {
animation-name: none;
}
.lemmony-typing-data.hidden {
display: inline;
}
.lemmony-typing-data.hidden span {
display: none;
}
.lemmony-typing-data.hidden span:first-child {
display: inline;
}
}
.gw-mm-item__dropdown {
padding: 30px;
border-radius: 3px;
background: #FBFBFD;
border:1px solid #E7F2FF;
background: #F4FAFF;
}
body {
font-size:15px;
}
a[aria-label] {
position: relative;
cursor: pointer;
}
a[aria-label]:hover::before {
content: attr(aria-label);
font-size: 12px;
line-height:18px;
text-align: left;
position: absolute;
display: block;
left: 50%;
min-width: 250px;
max-width: 300px;
bottom: calc(100% + 10px);
transform: translate(-50%);
animation: fade-in 300ms ease;
background: #E7F2FF;
border-radius: 4px;
padding: 5px;
color: #3F5974;
border:1px solid #CDD5DD;
z-index: 1;
}
a[aria-label]:hover::after {
content: "";
position: absolute;
display: block;
left: 50%;
width: 0;
height: 0;
bottom: calc(100% + 6px);
margin-left: -3px;
border: 1px solid black;
border-color: #CDD5DD transparent transparent transparent;
border-width: 4px 6px 0;
animation: fade-in 300ms ease;
z-index: 1;
}
a[aria-label][tooltip-position=bottom]:hover::before {
bottom: auto;
top: calc(100% + 10px);
}
a[aria-label][tooltip-position=bottom]:hover::after {
bottom: auto;
top: calc(100% + 6px);
border-color: transparent transparent #CDD5DD;
border-width: 0 6px 4px;
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.tp {
text-transform:uppercase;color:#138E41;font-weight:700;font-size:11px;display:block;
text-align:center;
}
.t1 {
font-size: 18px;
font-weight: 600;
margin: 0px 0;
line-height: 1;
text-align: center;
margin-bottom: 5px;
}
.t2{
margin: 0;
font-size: 11px;
font-weight: 400;
text-align: center;
margin-bottom:10px;
}
.t2 span{
color:#2DA85B;margin:0 5px;
}
.ticss-3caa9a7a .box-products > h4,
.ticss-eebdb837 .box-products > h4{
display:none;
}
.ticss-cenygrid .box-products > h2,
.ticss-3caa9a7a .box-products > h2,
.ticss-eebdb837 .box-products > h2{
font-size: 13px !important;
color: #E63F31;
text-transform: uppercase;
padding: 0 !important;
}
.ticss-cenygrid .product-prices-container,
.ticss-3caa9a7a .product-prices-container,
.ticss-eebdb837 .product-prices-container{
margin-top:0;
}
.ticss-cenygrid .product-prices-container .package,
.ticss-3caa9a7a .product-prices-container .package,
.ticss-eebdb837 .product-prices-container .package{
margin-bottom:15px;
}
.ticss-cenygrid .product-data .all-offer-btn,
.ticss-3caa9a7a .product-data .all-offer-btn,
.ticss-eebdb837 .product-data .all-offer-btn {
background-color: #CFE5FF;
border-radius: 3px;
padding: 2px 8px;
text-wrap: nowrap;
font-size: 10px;
}
.ticss-cenygrid .loading-message,
.ticss-3caa9a7a .loading-message,
.ticss-eebdb837 .loading-message {
font-size:10px;
margin-top:15px;
text-align:center;
min-height:155px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ticss-cenygrid .loading-message img,
.ticss-3caa9a7a .loading-message img,
.ticss-eebdb837 .loading-message img {
display:inline-block;
margin-top:10px;
}
.ticss-cenygrid .product-data .prices-section,
.ticss-3caa9a7a .product-data .prices-section,
.ticss-eebdb837 .product-data .prices-section {
padding-left:0;
}
.ticss-cenygrid .product-data .prices-section .button-products,
.ticss-3caa9a7a .product-data .prices-section .button-products,
.ticss-eebdb837 .product-data .prices-section .button-products {
padding: 3px 8px;
font-size: 14px;
font-weight: 600;
background-color: #FED700;
border-radius: 4px;
text-wrap: nowrap;
transition: .3s;
color: #111;
}
.ticss-cenygrid .product-data .shop img,
.ticss-3caa9a7a .product-data .shop img,
.ticss-eebdb837 .product-data .shop img {
height: 15px;
object-fit: contain;
}
.ticss-cenygrid .product-data .prices-section .box-products li strong,
.ticss-3caa9a7a .product-data .prices-section .box-products li strong,
.ticss-eebdb837 .product-data .prices-section .box-products li strong {
font-size: 14px;
display: block;
margin: 0 10px;
color: #E63F31;
white-space:nowrap;
}
.ticss-0057b7d5 {
border-left: 2px solid #F0F2F5;
border-top: 2px solid #F0F2F5;
}
.slick-prev, .slick-next {
margin-top:0 !important;
}
.pto {
height: 150px;
display: flex;
align-items: center;
justify-content: center;
margin-top:10px;
margin-bottom:10px;
}
.ticss-cenygrid .pto {
height:70px;
}
@media(max-width:600px) {
.ticss-cenygrid .pto {
height:110px;
margin-top: 20px;
}
.ticss-cenygrid .product-prices-container{
margin-bottom: 20px;
}
.more-products {
margin-top:0;
}
.ticss-c6ac567b .more-products {
margin-top:20px;
}
.ticss-8a0a4682{float:right;}
}
.ticss-cenygrid {
box-shadow: 0px 15px 38px rgba(0, 0, 0, 0.1);
}
.pto a {
display: block;
height: 100%;
}
.pto a img {
height:100%;
object-fit: contain;
}
.ato img {
border-top-right-radius:10px;
border-top-left-radius:10px;
display:block;
width:100%;
}
.ato a {
display:block;
}
ul.lista {
text-align:center;
}
.sprite {
background-image: url(/wp-content/themes/lemmony/assets/css/../images/icons.png);
background-repeat: no-repeat;
display: inline-block;
cursor: pointer;
}
.sprite-fa-thumbs-down-green {
width: 21px;
height: 20px;
background-position: -5px -5px;
}
.sprite-fa-thumbs-down-grey {
width: 21px;
height: 20px;
background-position: -5px -35px;
}
.sprite-fa-thumbs-o-down-green {
width: 21px;
height: 22px;
background-position: -5px -65px;
}
.sprite-fa-thumbs-o-down-grey {
width: 21px;
height: 22px;
background-position: -5px -97px;
}
.sprite-fa-thumbs-o-up-green {
width: 21px;
height: 22px;
background-position: -5px -129px;
}
.sprite-fa-thumbs-o-up-grey {
width: 21px;
height: 22px;
background-position: -5px -161px;
}
.sprite-fa-thumbs-up-green {
width: 21px;
height: 20px;
background-position: -5px -193px;
}
.sprite-fa-thumbs-up-grey {
width: 21px;
height: 20px;
background-position: -5px -223px;
}
.jq-rating {
font-size:12px;
color:#25405A;
}
.jq-rating-like {
margin-right:20px;
}
.jq-rating div {
display: inline-block;
vertical-align: middle;
padding: 0 0px;
}
.jq-rating .jq-rating-like {
padding:0 5px;
}
.jq-rating .jq-rating-dislike {
padding:0 5px;
}
.sprite-fa-thumbs-down-grey:hover {
background-position: -5px -5px;
}
.sprite-fa-thumbs-up-grey:hover {
background-position: -5px -193px;
}
@media(max-width:1100px) {
nav.breadcrumb {
margin-bottom: 0;
white-space: nowrap;
overflow-x: auto;
display: block;
}
.wp-block-boldblocks-breadcrumb-block nav.breadcrumb ol {
flex-wrap: nowrap;
}
}
.js-rating {
position:absolute;left:20px;bottom:15px;
}
.fto {
text-align:center;
}
.fto img {
max-height:500px;
margin:0 auto;
}
img.aligncenter {
margin: 0 auto;
display: block;
}
#toclist > ol, #toc > ol {
padding:0 !important;
}
#toclist ol, #toc ol {
counter-reset: section; /* Ustaw licznik dla głównych sekcji */
list-style-type: none; /* Usuń domyślny styl listy */
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
}
#toc li::before,
#toclist li::before {
counter-increment: section; /* Zwiększ licznik dla każdego elementu li */
content: counters(section, ".") ". "; /* Utwórz zawartość przed każdym li */
}
#toclist ol ol li,
#toc ol ol li {
margin-bottom:10px;
}
#toclist ol ol li:last-child,
#toc ol ol li:last-child {
margin-bottom:0px;
}
.jq-stars {
display: inline-block;
}
.jq-rating-label {
font-size: 22px;
display: inline-block;
position: relative;
vertical-align: top;
font-family: helvetica, arial, verdana;
}
.jq-star {
width: 100px;
height: 100px;
display: inline-block;
cursor: pointer;
}
.jq-star-svg {
padding-left: 3px;
width: 100%;
height: 100% ;
}
.jq-star:hover .fs-star-svg path {
}
.jq-star-svg path {
/* stroke: #000; */
stroke-linejoin: round;
}
/* un-used */
.jq-shadow {
-webkit-filter: drop-shadow( -2px -2px 2px #888 );
filter: drop-shadow( -2px -2px 2px #888 );
}
.wp-block-post-featured-image {
position: static !important;
}
.tree {
font-size:14px;
z-index:2000;
position:relative;
}
.tree ul {
padding:0;
padding:0px 0;
list-style:none;
margin:0;
width:300px;
border:1px solid #eee;
background:#fff;
}
.tree ul li a {
display:block;
padding:10px 10px;
line-height:1;
transition:all 0.1s;
}
.tree ul li:hover {
background:#eee;
}
.tree ul li a:hover {
background:#117DFF;
color:#fff;
}
.tree ul li.active > a {
background:#117DFF;
color:#fff;
}
.tree ul li.active-parent > a {
background:#CCE3FF;
color:inherit;
}
.tree > ul {
}
.tree > ul > li {
position:relative;
}
.tree > ul > li > ul{
display:none;
position:absolute;
left:100%;
top:0;
}
.tree > ul > li:hover > ul{
display:block;
z-index:999999;
}
.lightweight-accordion {
margin-bottom: 0.4em;
}
.lightweight-accordion .lightweight-accordion-title {
display: list-item;
/*border-bottom:1px solid #CDD5DD;
padding: 10px 12px 10px 18px;*/
cursor: pointer;
/*BORDER: 1px solid #4b8098b5;*/
}
.lightweight-accordion .lightweight-accordion-title h2,
.lightweight-accordion .lightweight-accordion-title h3 {
}
.lightweight-accordion .lightweight-accordion-body {
margin-top:10px;
}
.lightweight-accordion.bordered .lightweight-accordion-body {
border: 2px solid #f1f2f6;
border-top: 0;
}
.lightweight-accordion details[open] summary ~ * {
animation: lwopen .5s ease-in-out;
}
.lightweight-accordion .lightweight-accordion-title p, .lightweight-accordion .lightweight-accordion-title span, .lightweight-accordion .lightweight-accordion-title h1, .lightweight-accordion .lightweight-accordion-title h2, .lightweight-accordion .lightweight-accordion-title h3,
.lightweight-accordion .lightweight-accordion-title h4{
display: inline;
font-family: inherit;
}
@keyframes lwopen {
0% {opacity: 0;}
100% {opacity: 1;}
}
.tree-2 ul {
padding: 0;
list-style: none;
display: flex;
gap: 30px;
}
.tree-2 ul li {
}
.tree-2 ul li a {
display:block;
padding:5px 15px;
border-radius:4px;
border:1px solid #117DFF;
color:#117DFF;
font-size:13px;
font-weight:500;
}
.wp-embedded-content{
width:100%;
}
/* ─────────────────────────────────────────────────────────
Override core: .is-layout-constrained > * dostaje
margin-left/right:auto (centruje). W wierszach autora
chcemy wyrównanie do lewej — zerujemy te marginesy.
───────────────────────────────────────────────────────── */
body.author .author-header .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.author .position-row > *,
body.author .education-row > *,
body.author .author-name > *,
body.author .author-meta > * {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: none !important;
}
/* ─────────────────────────────────────────────────────────
Puste pola MFB — nie pokazuj wrappera ani pustego wiersza.
MFB przy braku wartości renderuje
.
───────────────────────────────────────────────────────── */
/* Ukryj pojedynczy blok MFB, którego value jest puste
(ale tylko gdy nie ma prefix/suffix — żeby nie chować np. "LEKI.PL"). */
body.author .wp-block-mfb-meta-field-block:has(> .value:empty):not(:has(.prefix)):not(:has(.suffix)) {
display: none !important;
}
/* Ukryj cały wiersz, jeśli wszystkie jego bloki MFB są puste */
body.author .position-row.wp-block-group:not(:has(.wp-block-mfb-meta-field-block .value:not(:empty))):not(:has(.suffix:not(:empty))),
body.author .education-row.wp-block-group:not(:has(.value:not(:empty))) {
display: none !important;
}
/* ─────────────────────────────────────────────────────────
Nagłówek autora: grid [okrąg] [info-fill] [profile-naukowe]
Klasa: author-header na zewnętrzny wp-block-group
───────────────────────────────────────────────────────── */
body.author .author-header > .wp-block-group {
display: grid !important;
grid-template-columns: auto 1fr auto !important;
gap: 28px !important;
align-items: center !important;
justify-content: initial !important;
}
/* < 930px: Profile naukowe schodzą pod spód, na całą szerokość */
@media (max-width: 930px) {
body.author .author-header > .wp-block-group {
grid-template-columns: auto 1fr !important;
}
body.author .author-header > .wp-block-group > .profiles-card {
grid-column: 1 / -1 !important;
width: auto !important;
max-width: none !important;
}
/* Wewnątrz card flex-kontenery mogą się zwężać + ORCID łamie się */
body.author .profiles-card .value,
body.author .profiles-card .value > div,
body.author .profiles-card .value a {
min-width: 0;
}
body.author .profiles-card .value a > span {
min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
}
}
/* < 360px: dopuszczamy że card może być węższa niż 249 */
@media (max-width: 360px) {
body.author .profiles-card.wp-block-group {
min-width: 0;
}
}
/* < 340px: zmniejszamy boczny padding sekcji .author-header
(Lemmony FSE daje has-global-padding ze zmiennej root padding) */
@media (max-width: 340px) {
body.author .author-header,
body.author .author-header .has-global-padding,
body.author .author-header.has-global-padding {
padding-left: 10px !important;
padding-right: 10px !important;
}
}
/* < 400px: avatar w osobnej linii (wycentrowany), info w drugiej (1-kolumnowy grid) */
@media (max-width: 400px) {
body.author .author-header > .wp-block-group {
grid-template-columns: 1fr !important;
}
body.author .author-header > .wp-block-group > :first-child {
justify-self: center !important;
}
}
body.author .position-row {
font-size: 11px;
font-weight: 700;
color: rgb(11, 58, 153);
letter-spacing: 0.8px;
margin-bottom: 6px;
}
body.author .position-row,
body.author .position-row * {
text-transform: uppercase !important;
}
/* Kropka idealnie pomiędzy blokami MFB w wierszu position-row */
body.author .position-row.wp-block-group {
gap: 0 !important;
}
body.author .position-row .wp-block-mfb-meta-field-block:not(:last-child)::after {
content: " · ";
white-space: pre;
}
/* Nagłówek imię i nazwisko autora (np. "dr Jan Nowak" + verified badge) */
body.author .author-name.wp-block-group {
font-size: 34px !important;
font-weight: 700 !important;
margin: 0 !important;
letter-spacing: -0.6px !important;
color: #1a1f2e !important;
line-height: 1.1 !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
}
body.author .author-name.wp-block-group::after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-image: url(/wp-content/themes/lemmony/jt/assets/css/../icons/verified.svg);
background-repeat: no-repeat;
background-size: contain;
flex-shrink: 0;
}
/* Pierwszy wpis z wyksztalcenie — tytuł + uczelnia */
body.author .education-row {
margin-top: 6px;
font-size: 13.5px;
color: #5a6578;
}
/* Meta wiersz autora: [ikona] PWZ: 12345 [ikona] Publikacje: 2 ... */
body.author .author-meta.wp-block-group {
margin-top: 14px !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 4px !important; /* odstęp wewnątrz pary: ikona/label/wartość */
align-items: center !important;
font-size: 12.5px !important;
color: #1a1f2e !important;
font-weight: 700 !important; /* wartości (plain text) są pogrubione */
}
body.author .author-meta h4,
body.author .author-meta h4.wp-block-heading {
font-weight: 400 !important;
color: #5a6578 !important;
margin: 0 !important;
font-size: 12.5px !important;
line-height: 1 !important;
display: inline !important;
}
body.author .author-meta .wp-block-image {
margin: 0 !important;
line-height: 1 !important;
}
body.author .author-meta .wp-block-image img {
width: 16px !important;
height: 16px !important;
display: block !important;
}
/* Druga (i kolejne) para — większy gap od poprzedniej pary */
body.author .author-meta figure.wp-block-image:not(:first-of-type) {
margin-left: 14px !important;
}
/* ─────────────────────────────────────────────────────────
Karta "Profile naukowe" — biały box z obramowaniem
Klasa: profiles-card (na wp-block-group zawierający heading + MFB social_links)
───────────────────────────────────────────────────────── */
body.author .profiles-card.wp-block-group {
background: #fff;
border-radius: 6px;
padding: 14px 16px;
border: 1px solid #e8edf5;
min-width: 249px;
width: auto;
max-width: 300px;
}
/* Wąskie ekrany — profile-card ścisłe, mniej paddingu, mniejsza czcionka */
@media (max-width: 600px) {
body.author .profiles-card.wp-block-group {
padding: 10px 12px;
}
body.author .profiles-card h3,
body.author .profiles-card h3.wp-block-heading {
font-size: 9.5px;
letter-spacing: 0.4px;
}
body.author .profiles-card a {
font-size: 12px;
}
}
@media (max-width: 400px) {
body.author .profiles-card.wp-block-group {
padding: 8px 10px;
}
body.author .profiles-card a {
font-size: 11px;
}
}
/* ─────────────────────────────────────────────────────────
Profile naukowe — wewnętrzne mają flex layout z spanami.
Numer ORCID "0000-0002-0616-5901" trzyma min-width na całej karcie.
Pozwalamy się łamać / kurczyć żeby card mogła być węższa.
───────────────────────────────────────────────────────── */
body.author .profiles-card .value a {
min-width: 0 !important;
}
body.author .profiles-card .value a > span {
min-width: 0 !important;
overflow-wrap: anywhere !important;
word-break: break-word !important;
}
/* Etykieta (1. span: „ORCID"/„Google Scholar"/„LinkedIn") w JEDNEJ linii — bez tego
globalny word-break powyżej łamał „ORCID". Wartość (2. span: link) elastyczna i
zawijalna, więc etykieta nigdy nie jest „wyciskana". */
body.author .profiles-card .value a span:first-of-type {
flex: 0 0 auto !important;
white-space: nowrap !important;
}
body.author .profiles-card .value a span:nth-of-type(2) {
flex: 1 1 auto !important;
min-width: 0 !important;
}
body.author .profiles-card h3,
body.author .profiles-card h3.wp-block-heading {
font-size: 10.5px !important;
font-weight: 700 !important;
color: #8a94a6 !important;
text-transform: uppercase !important;
letter-spacing: 0.6px !important;
margin: 0 0 10px !important;
line-height: 1.2 !important;
}
/* Zeruj block-gap WP between children — kontroluje samo margin-bottom h3 */
body.author .profiles-card.is-layout-constrained > * + *,
body.author .profiles-card > * + * {
margin-block-start: 0 !important;
margin-top: 0 !important;
}
/* ─────────────────────────────────────────────────────────
Sekcja "Towarzystwa naukowe" / "Koła naukowe"
Klasa: societies-section (na wp-block-group z h3 + MFB author_societies)
───────────────────────────────────────────────────────── */
body.author .societies-section.wp-block-group {
background: transparent !important;
padding: 0 !important;
}
body.author .societies-section h3,
body.author .societies-section h3.wp-block-heading {
font-size: 11px !important;
color: #8a94a6 !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
margin: 0 0 10px !important;
line-height: 1.2 !important;
}
/* Zeruj block-gap między h3 a listą */
body.author .societies-section.is-layout-constrained > * + *,
body.author .societies-section > * + * {
margin-block-start: 0 !important;
margin-top: 0 !important;
}
/* Okrąg awatara/inicjałów autora — stały wymiar 128x128 */
body.author .author-avatar.wp-block-lemmony-circle,
body.author .author-avatar.lemmony-circle {
width: 128px !important;
height: 128px !important;
min-width: 128px !important;
min-height: 128px !important;
max-width: 128px !important;
flex-shrink: 0 !important;
font-size: 48.64px !important;
}
body.author .author-avatar .acf-innerblocks-container,
body.author .author-avatar .wp-block-mfb-meta-field-block,
body.author .author-avatar .wp-block-mfb-meta-field-block .value {
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.author .author-avatar img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: 50% !important;
display: block !important;
}
/* Sekcja autora — odstęp od poprzedniej */
body.author .author-section {
margin-top: 28px;
}
/* Druga kolumna w sekcji "Kim jestem + Kontakt" — max 450px */
body.author .info-column.wp-block-column {
max-width: 450px;
}
/* ─────────────────────────────────────────────────────────
Tytuł sekcji: ikona + h2/h3 + opcjonalny badge z liczbą
Klasa: section-title
───────────────────────────────────────────────────────── */
body.author .section-title.wp-block-group {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin-bottom: 18px !important;
padding-bottom: 10px !important;
border-bottom: 1px solid #e8edf5 !important;
}
body.author .section-title .wp-block-image {
margin: 0 !important;
flex-shrink: 0 !important;
line-height: 1 !important;
}
body.author .section-title .wp-block-image img {
width: 14px !important;
height: 14px !important;
display: block !important;
}
body.author .section-title h2,
body.author .section-title h2.wp-block-heading,
body.author .section-title h3,
body.author .section-title h3.wp-block-heading {
margin: 0 !important;
font-size: 22px !important;
font-weight: 700 !important;
color: #1a1f2e !important;
letter-spacing: -0.2px !important;
line-height: 1.2 !important;
}
/* Badge z liczbą — dowolny MFB block lub element z klasą .count */
body.author .section-title .count,
body.author .section-title .wp-block-mfb-meta-field-block {
font-size: 12px !important;
color: #5a6578 !important;
font-weight: 600 !important;
background: #eef3fb !important;
padding: 3px 10px !important;
border-radius: 12px !important;
line-height: 1.4 !important;
margin: 0 !important;
}
/* Lista publikacji naukowych */
body.author .publications-list {
display: flex;
flex-direction: column;
gap: 10px;
}
body.author .publication-card {
border-width: 1px 1px 1px 3px;
border-style: solid;
border-color: #e8edf5 #e8edf5 #e8edf5 #2da85b;
border-radius: 6px;
padding: 16px 20px;
background: #fff;
display: flex;
gap: 20px;
align-items: flex-start;
}
body.author .publication-card__year-wrap {
flex-shrink: 0;
width: 56px;
text-align: center;
padding-top: 2px;
}
body.author .publication-card__year {
font-size: 22px;
font-weight: 700;
color: rgb(11, 58, 153);
font-variant-numeric: tabular-nums;
line-height: 1;
}
body.author .publication-card__type {
font-size: 10px;
color: #2da85b;
margin-top: 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 700;
}
body.author .publication-card__body {
flex: 1 1 0;
min-width: 0;
}
body.author .publication-card__authors {
font-size: 11.5px;
color: #5a6578;
margin-bottom: 4px;
}
body.author .publication-card__title {
font-size: 14.5px;
font-weight: 600;
color: #1a1f2e;
margin: 0 0 8px;
line-height: 1.35;
}
body.author .publication-card__meta {
display: flex;
flex-wrap: wrap;
gap: 6px 14px;
align-items: center;
font-size: 11.5px;
color: #5a6578;
}
body.author .publication-card__journal {
font-style: italic;
}
body.author .publication-card__actions {
margin-top: 10px;
display: flex;
gap: 8px;
align-items: center;
}
body.author .publication-card__doi {
font-size: 11.5px;
color: rgb(11, 58, 153);
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 4px;
}
body.author .publication-card__doi:hover {
text-decoration: underline;
}
/* ─────────────────────────────────────────────────────────
Kontakt — sekcja z paskiem po lewej
Klasa: contact-card (dodaj do wp-block-group przez sidebar)
───────────────────────────────────────────────────────── */
body.author .contact-card.wp-block-group.has-background {
background: #eef3fb !important;
border-radius: 4px;
padding: 16px 18px !important;
border-left: 3px solid #2da85b;
}
body.author .contact-card h3,
body.author .contact-card h3.wp-block-heading {
font-size: 11px !important;
color: #8a94a6 !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
margin: 0 0 4px !important;
line-height: 1.2 !important;
}
/* Każdy wiersz kontaktowy (email/linkedin) */
body.author .contact-card > .wp-block-group {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin-top: 10px !important;
margin-bottom: 0 !important;
padding: 0 !important;
font-size: 13px !important;
color: #1a1f2e !important;
line-height: 1.3 !important;
}
/* Ikonka (z bloku Image) */
body.author .contact-card .wp-block-image {
margin: 0 !important;
flex-shrink: 0 !important;
}
body.author .contact-card .wp-block-image img {
display: block !important;
width: 16px !important;
height: 16px !important;
margin: 0 !important;
}
/* Zdejmij domyślne style linków w karcie */
body.author .contact-card a {
text-decoration: none;
color: inherit;
}
/* Wrapper MFB w wierszu — schowaj domyślny margin paragraph itp. */
body.author .contact-card .wp-block-mfb-meta-field-block,
body.author .contact-card p {
margin: 0 !important;
}
/* Wewnętrzny flex MFB linkedin — wypełnia szerokość wiersza, strzałka na prawo
(działa dla hideWrapper:true bo target bezpośrednio div z author_social_link) */
body.author .contact-card > .wp-block-group > div[style*="display:flex"],
body.author .contact-card .wp-block-mfb-meta-field-block > div[style*="display:flex"] {
width: 100% !important;
flex: 1 1 100% !important;
gap: 8px !important;
font-size: 13px !important;
color: #1a1f2e !important;
}
body.author .contact-card > .wp-block-group > div[style*="display:flex"] > span:first-of-type,
body.author .contact-card .wp-block-mfb-meta-field-block > div[style*="display:flex"] > span:first-of-type {
color: #1a1f2e !important;
flex: 1 1 0 !important;
}
body.author .contact-card > .wp-block-group > div[style*="display:flex"] > a,
body.author .contact-card .wp-block-mfb-meta-field-block > div[style*="display:flex"] > a {
margin-left: auto !important;
}
/* ─────────────────────────────────────────────────────────
STICKY TAB NAV na stronie autora
Klasa "author-tabs" na wp:group (flex). W środku:
- wp:paragraph z O mnie
- 3× wp:meta-field-block z filtrami author_tab_*_link
(zwracają już gotowy ...· N lub '' gdy 0)
───────────────────────────────────────────────────────── */
body.author .author-tabs {
background: #fff;
border-top: 1px solid #e8edf5;
padding: 0 36px;
display: flex;
gap: 0;
box-shadow: 0 1px 0 rgba(0,0,0,0.04);
margin: 0;
}
body.author .author-tabs p,
body.author .author-tabs .wp-block-mfb-meta-field-block {
margin: 0;
}
body.author .author-tabs a {
display: inline-block;
padding: 14px 18px;
font-size: 13px;
font-weight: 600;
color: #5a6578;
text-decoration: none;
border-bottom: 2px solid transparent;
margin-bottom: -1px;
transition: color 0.15s, border-color 0.15s;
}
body.author .author-tabs a:hover {
color: #0b3a99;
border-bottom-color: #0b3a99;
text-decoration: none;
}
/* Scroll-skok do sekcji omija sticky bar */
body.author :target {
scroll-margin-top: 70px;
}
/* ─────────────────────────────────────────────────────────
FIX: Slick slider tworzy .slick-track o szerokości 8400px+
(24 itemy × ~350px) który wystaje poza viewport gdy
slick.css nie jest enqueueowany na stronie autora.
.slick-list MUSI mieć overflow:hidden żeby ucinać.
───────────────────────────────────────────────────────── */
.slick-list { overflow: hidden !important; }
.slick-slider { max-width: 100%; }
/* ─────────────────────────────────────────────────────────
MOBILE: < 600px
- .author-tabs: zminimalizuj padding, dopuść flex-wrap
(Gutenberg dorzuca .is-nowrap → wymuszamy override)
- .position-row: na małym ekranie zawijaj między MFB
(każdy MFB w osobnym wierszu), ale w środku jednego
MFB tekst NIE łamie się (white-space: nowrap)
───────────────────────────────────────────────────────── */
@media (max-width: 600px) {
body.author .author-tabs {
padding: 0 !important;
flex-wrap: wrap !important;
gap: 0;
}
body.author .author-tabs.is-nowrap {
flex-wrap: wrap !important;
}
body.author .author-tabs a {
padding: 10px 10px !important;
font-size: 12px !important;
}
body.author .position-row {
flex-wrap: wrap !important;
}
body.author .position-row.is-nowrap {
flex-wrap: wrap !important;
}
body.author .position-row > .wp-block-mfb-meta-field-block {
white-space: nowrap;
flex-shrink: 0;
}
}
/* ─────────────────────────────────────────────────────────
Post-template (AQL / wp:query) grid auto-responsywny.
- ≤ 1300px: 3 kolumny
- ≤ 781px: 2 kolumny
- ≤ 480px: 1 kolumna
Kolejność media queries: od największych do najmniejszych,
żeby cascade nadpisywało prawidłowo.
───────────────────────────────────────────────────────── */
@media (max-width: 1300px) {
body.author .wp-block-post-template.is-layout-grid,
body.author .wp-block-post-template-is-layout-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 781px) {
body.author .wp-block-post-template.is-layout-grid,
body.author .wp-block-post-template-is-layout-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 480px) {
body.author .wp-block-post-template.is-layout-grid,
body.author .wp-block-post-template-is-layout-grid {
grid-template-columns: 1fr !important;
}
}
/* ─────────────────────────────────────────────────────────
.section-title: ikona po lewej + h2 + licznik + (opcjonalny
wp:image jako ostatni element grupy) wystający na prawo
poza blok. Lekoludek-kciuk przy nagłówku "Artykuły" — może
też być przy innych sekcjach jeśli dodasz wp:image na końcu.
───────────────────────────────────────────────────────── */
body.author .section-title {
position: relative !important;
overflow: visible !important;
align-items: center !important;
}
body.author .section-title > .wp-block-image:last-child {
margin-left: auto !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 40px !important;
position: relative;
z-index: 1;
pointer-events: none;
/* wystaje poza grupę w górę, w pionie wycentrowany */
transform: translateY(-25%);
flex-shrink: 0;
}
body.author .section-title > .wp-block-image:last-child img {
display: block !important;
max-width: none !important;
height: 90px !important;
width: auto !important;
aspect-ratio: auto !important;
}
@media (max-width: 600px) {
body.author .section-title > .wp-block-image:last-child img {
height: 60px !important;
}
body.author .section-title > .wp-block-image:last-child {
margin-right: 20px !important;
transform: translateY(-20%);
}
}
/* ─────────────────────────────────────────────────────────
.author-meta: wiersz z PWZ + Publikacje (każdy jako
wewnętrzna grupa: ikona + nagłówek + licznik/wartość).
- Pierwsza grupa (PWZ) ma margin-right: 16px
- Wewnątrz każdej grupy gap 6px (ikona + tekst)
───────────────────────────────────────────────────────── */
body.author .author-meta {
gap: 0 !important;
align-items: center;
}
body.author .author-meta > .wp-block-group:first-of-type {
margin-right: 16px !important;
}
body.author .author-meta > .wp-block-group {
gap: 6px !important;
align-items: center;
}
body.author .author-meta h4 {
margin: 0;
}
body.author .author-meta .wp-block-image {
margin: 0;
}
/* Style strony /redakcja/ (template "Lista authorów", post slug "redakcja").
* Scope: body.redakcja-page — klasa dodawana przez body_class filter
* w jt-functions.php tylko dla strony o slug 'redakcja'.
*/
/* ─────────────────────────────────────────────────────────
HERO — niebieski blok z tytułem i sidebar (stats + lekoludek)
───────────────────────────────────────────────────────── */
body.redakcja-page .author-list-hero {
position: relative;
overflow: hidden;
}
/* Główny grid: lewa zawartość + prawa sidebar — gap większy niż domyślny WP */
body.redakcja-page .author-list-hero .alignwide > .wp-block-columns {
gap: 56px !important;
align-items: flex-start;
}
/* ─── lewa kolumna: badge + tytuł + lead ─── */
body.redakcja-page .author-list-hero__badge {
font-size: 11px;
font-weight: 700;
color: #043A7C;
text-transform: uppercase;
letter-spacing: 0.8px;
margin: 0 0 14px;
display: inline-flex;
align-items: center;
gap: 8px;
}
body.redakcja-page .author-list-hero__badge::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-image: url(/wp-content/themes/lemmony/jt/assets/css/../icons/verified.svg);
background-repeat: no-repeat;
background-size: contain;
flex-shrink: 0;
}
body.redakcja-page .author-list-hero__title {
font-size: 44px !important;
font-weight: 700;
margin: 0 !important;
letter-spacing: -0.8px;
line-height: 1.1;
color: #1a1f2e;
text-wrap: balance;
}
body.redakcja-page .author-list-hero__lead {
margin: 18px 0 0;
font-size: 15.5px;
line-height: 1.6;
color: #1a1f2e;
max-width: 640px;
text-wrap: pretty;
}
/* ─────────────────────────────────────────────────────────
Sidebar: Redakcja w liczbach (białe pudełko 2×2)
───────────────────────────────────────────────────────── */
body.redakcja-page .author-list-stats {
background: #fff !important;
border-radius: 6px;
padding: 22px 24px !important;
border: 1px solid #e8edf5;
}
body.redakcja-page .author-list-stats h3,
body.redakcja-page .author-list-stats h3.wp-block-heading {
font-size: 11px !important;
font-weight: 700;
color: #8a94a6;
text-transform: uppercase;
letter-spacing: 0.6px;
margin: 0 0 16px !important;
line-height: 1.2;
}
/* Wewnętrzne 2 kolumny po 2 pary liczba+label */
body.redakcja-page .author-list-stats .wp-block-columns {
gap: 18px !important;
margin: 0 !important;
}
body.redakcja-page .author-list-stats .wp-block-column > * {
margin: 0 !important;
}
/* Pary: każdy p:nth-of-type(odd) = liczba, p:nth-of-type(even) = label */
body.redakcja-page .author-list-stats .wp-block-column p:nth-of-type(odd) {
font-size: 28px;
font-weight: 700;
color: #043A7C;
letter-spacing: -0.8px;
line-height: 1;
}
/* Druga, trzecia… liczba — gap od poprzedniej pary */
body.redakcja-page .author-list-stats .wp-block-column p:nth-of-type(odd):not(:first-of-type) {
margin-top: 18px !important;
}
body.redakcja-page .author-list-stats .wp-block-column p:nth-of-type(even) {
font-size: 12px;
color: #58738D;
margin-top: 6px !important;
}
/* ─────────────────────────────────────────────────────────
Lekoludek + dymek wiadomości
───────────────────────────────────────────────────────── */
body.redakcja-page .author-list-greeting {
margin-top: 18px;
background: transparent !important;
padding: 0 !important;
}
body.redakcja-page .author-list-greeting .wp-block-columns {
gap: 0 !important;
align-items: flex-end;
margin: 0 !important;
}
body.redakcja-page .author-list-greeting__avatar img {
width: 110px !important;
height: auto !important;
max-width: 110px !important;
filter: drop-shadow(0 4px 12px rgba(4, 58, 124, 0.12));
}
body.redakcja-page .author-list-greeting__bubble {
background: #fff !important;
border: 1px solid #e8edf5;
border-radius: 12px 12px 12px 4px;
padding: 12px 14px !important;
margin-bottom: 18px;
}
body.redakcja-page .author-list-greeting__title {
font-size: 10.5px;
font-weight: 700;
color: #00C2C8;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 0 0 4px;
}
body.redakcja-page .author-list-greeting__text {
font-size: 13px;
line-height: 1.45;
color: #1a1f2e;
font-weight: 600;
margin: 0;
}
/* ─────────────────────────────────────────────────────────
Responsywne — < 900px sidebar zjeżdża pod content,
< 600px zmniejszone czcionki w h1/lead
───────────────────────────────────────────────────────── */
@media (max-width: 900px) {
body.redakcja-page .author-list-hero .alignwide > .wp-block-columns {
gap: 28px !important;
}
body.redakcja-page .author-list-hero__title {
font-size: 32px !important;
letter-spacing: -0.4px;
}
}
@media (max-width: 600px) {
body.redakcja-page .author-list-hero__title {
font-size: 26px !important;
}
body.redakcja-page .author-list-hero__lead {
font-size: 14px;
}
}
/* ─────────────────────────────────────────────────────────
STICKY TAB NAV — pod hero, biały pasek z 3 linkami
(Zespół / Proces weryfikacji / Źródła)
───────────────────────────────────────────────────────── */
body.redakcja-page .author-list-tabs {
background: #fff !important;
margin: 0 !important;
gap: 0 !important;
display: flex !important;
flex-wrap: nowrap;
}
/* Większy odstęp między pasem zakładek a sekcją "Zespół redakcji" */
body.redakcja-page #zespol {
margin-top: 56px;
}
body.redakcja-page .author-list-tabs p,
body.redakcja-page .author-list-tabs > * {
margin: 0 !important;
}
body.redakcja-page .author-list-tabs a {
display: inline-block;
padding: 14px 18px;
font-size: 13px;
font-weight: 600;
color: #58738D;
text-decoration: none;
border-bottom: 2px solid transparent;
margin-bottom: -1px;
background: transparent;
transition: color 0.15s, border-color 0.15s;
}
body.redakcja-page .author-list-tabs a:hover,
body.redakcja-page .author-list-tabs a.is-active {
color: #117DFF;
border-bottom-color: #117DFF;
text-decoration: none;
}
/* ─────────────────────────────────────────────────────────
SEKCJA "Zespół redakcji" — nagłówek + 3 kafelki ról
───────────────────────────────────────────────────────── */
/* Header: h2 + podtytuł w wierszu */
body.redakcja-page .author-list-team-header {
display: flex !important;
align-items: baseline !important;
gap: 16px !important;
flex-wrap: wrap;
margin-bottom: 28px;
}
body.redakcja-page .author-list-team__title {
margin: 0 !important;
font-size: 28px !important;
font-weight: 700;
letter-spacing: -0.4px;
line-height: 1.2;
}
body.redakcja-page .author-list-team__lead {
font-size: 13.5px;
color: #58738D;
margin: 0 !important;
flex: 1 1 0;
min-width: 200px;
}
/* 3 kolumny kafelków ról */
body.redakcja-page .author-list-roles {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 8px !important;
margin-bottom: 32px;
}
/* Wewnętrzny WP-block-columns: zerujemy domyślny gap żeby grid wzięło górę */
body.redakcja-page .author-list-roles.wp-block-columns {
column-gap: 8px !important;
row-gap: 8px !important;
}
/* Pojedynczy kafelek — sama ramka (padding/tło/border).
Flex layout (badge obok body) jest na wewnętrznym wp:group,
bo user trzyma w środku osobny "wiersz blok". */
body.redakcja-page .author-list-role {
padding: 16px 18px !important;
border-radius: 6px;
border: 1px solid #e8edf5;
background: #fff !important;
margin: 0 !important;
}
/* Wewnętrzny wp:group (layout: flex) z badge + body */
body.redakcja-page .author-list-role > .wp-block-group {
display: flex !important;
gap: 12px !important;
align-items: flex-start !important;
flex-wrap: nowrap;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.redakcja-page .author-list-role.is-konsultant {
background: #D8EFE0 !important;
border-color: #A7D5B8;
}
body.redakcja-page .author-list-role.is-eksperci {
background: #E8F5ED !important;
border-color: #C5E0CE;
}
body.redakcja-page .author-list-role.is-redaktor {
background: #F4F8F6 !important;
border-color: #DDE6E0;
}
/* Badge w kafelku */
body.redakcja-page .author-list-role__badge {
display: inline-flex;
align-items: center;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 3px 8px;
border-radius: 3px;
flex-shrink: 0;
height: fit-content;
white-space: nowrap;
margin: 0 !important;
line-height: 1.4;
}
body.redakcja-page .author-list-role.is-konsultant .author-list-role__badge {
background: #1F7A43;
color: #fff;
}
body.redakcja-page .author-list-role.is-eksperci .author-list-role__badge {
background: #D8EFE0;
color: #1F7A43;
}
body.redakcja-page .author-list-role.is-redaktor .author-list-role__badge {
background: #F1F3F6;
color: #58738D;
}
/* Treść kafelka — nazwa + opis */
body.redakcja-page .author-list-role__body {
flex: 1 1 0;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.redakcja-page .author-list-role__name {
font-size: 13px !important;
font-weight: 700;
color: #1a1f2e;
margin: 0 !important;
line-height: 1.2;
display: flex !important;
align-items: center;
gap: 6px;
}
/* Liczba autorów obok nazwy roli — mniejsza i jaśniejsza, z separatorem "· " */
body.redakcja-page .author-list-role__name .value {
color: #8A94A6;
font-weight: 600;
font-size: 11px;
}
body.redakcja-page .author-list-role__name .value::before {
content: "· ";
}
body.redakcja-page .author-list-role__desc {
font-size: 11.5px;
color: #58738D;
margin: 4px 0 0;
line-height: 1.4;
}
/* Responsywne — 3 kolumny → 1 kolumna na mobilu */
@media (max-width: 781px) {
body.redakcja-page .author-list-roles,
body.redakcja-page .author-list-roles.wp-block-columns {
grid-template-columns: 1fr !important;
}
body.redakcja-page .author-list-team__title {
font-size: 22px !important;
}
body.redakcja-page .author-list-tabs {
padding: 0 16px !important;
overflow-x: auto;
}
body.redakcja-page .author-list-tabs a {
padding: 12px 12px;
font-size: 12px;
white-space: nowrap;
}
}
/* ─────────────────────────────────────────────────────────
KARTA AUTORA + GRID listy (filter author_cards_redakcja)
───────────────────────────────────────────────────────── */
body.redakcja-page .author-list-cards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-bottom: 32px;
}
/* Sama karta */
body.redakcja-page .author-card {
background: #fff !important;
border: 1px solid #e8edf5;
border-radius: 6px;
padding: 22px 24px !important;
display: flex !important;
flex-direction: column;
gap: 0 !important;
transition: border-color 0.15s, box-shadow 0.15s;
}
body.redakcja-page .author-card:hover {
border-color: #c5d4ea;
box-shadow: 0 1px 3px rgba(4, 58, 124, 0.06);
}
/* ─── Badge poziomu (Konsultant / Ekspert / Redaktor) ─── */
body.redakcja-page .author-card__badge {
margin: 0 0 14px !important;
}
body.redakcja-page .author-card__badge .value {
display: inline-flex;
align-items: center;
font-size: 10.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.6px;
padding: 4px 10px;
border-radius: 4px;
line-height: 1.4;
}
body.redakcja-page .author-card.is-konsultant .author-card__badge .value {
background: #1F7A43;
color: #fff;
}
body.redakcja-page .author-card.is-ekspert .author-card__badge .value {
background: #D8EFE0;
color: #1F7A43;
}
body.redakcja-page .author-card.is-redaktor .author-card__badge .value {
background: #F1F3F6;
color: #58738D;
}
/* ─── Sekcja avatar + info (wp:columns w środku karty) ─── */
body.redakcja-page .author-card > .wp-block-columns {
display: flex !important;
gap: 14px !important;
align-items: center;
margin: 0 !important;
}
body.redakcja-page .author-card > .wp-block-columns > .wp-block-column {
flex: 1 1 0;
min-width: 0;
}
/* Pierwsza kolumna (avatar) — zawsze 64px */
body.redakcja-page .author-card > .wp-block-columns > .wp-block-column:first-child {
flex: 0 0 64px;
max-width: 64px;
}
/* Avatar (Lemmony Circle) — okrąg 64x64 z gradientem.
Domyślny .lemmony-circle ma min-width/min-height: 128px → wymuszamy 64. */
body.redakcja-page .author-card__avatar,
body.redakcja-page .author-card__avatar.wp-block-lemmony-circle {
width: 64px !important;
height: 64px !important;
min-width: 64px !important;
min-height: 64px !important;
max-width: 64px !important;
max-height: 64px !important;
border-radius: 50% !important;
overflow: hidden;
font-size: 24.32px !important;
background: linear-gradient(135deg, #043A7C 0%, #1A4F95 100%);
color: #fff;
font-weight: 600;
letter-spacing: -1px;
box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.15);
display: flex;
align-items: center;
justify-content: center;
}
body.redakcja-page .author-card__avatar img {
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover;
}
/* ─── Nazwa autora + verify icon ─── */
body.redakcja-page .author-card__name {
margin: 0 !important;
}
body.redakcja-page .author-card__name .value {
font-size: 17px;
font-weight: 700;
letter-spacing: -0.2px;
line-height: 1.15;
color: #1a1f2e;
display: inline-flex;
align-items: center;
gap: 6px;
}
body.redakcja-page .author-card__name .value::after {
content: "";
display: inline-block;
width: 14px;
height: 14px;
background-image: url(/wp-content/themes/lemmony/jt/assets/css/../icons/verified.svg);
background-repeat: no-repeat;
background-size: contain;
flex-shrink: 0;
}
/* ─── Tytuł naukowy (dr n. farm.) ─── */
body.redakcja-page .author-card__title {
margin: 5px 0 0 !important;
}
body.redakcja-page .author-card__title .value {
font-size: 12px;
color: #58738D;
font-weight: 600;
letter-spacing: 0.2px;
}
/* ─── Krótki opis (3-line clamp) ─── */
body.redakcja-page .author-card__bio {
margin: 14px 0 0 !important;
}
body.redakcja-page .author-card__bio .value {
font-size: 13px;
line-height: 1.55;
color: #1a1f2e;
text-wrap: pretty;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* ─── Separator ─── */
body.redakcja-page .author-card > .wp-block-separator {
margin: 16px 0 12px !important;
border: 0;
border-top: 1px solid #e8edf5;
opacity: 1;
max-width: none !important;
width: 100%;
align-self: stretch;
}
/* ─── Footer (PWZ + Zobacz profil) ─── */
body.redakcja-page .author-card__footer {
display: flex !important;
align-items: center;
gap: 8px !important;
flex-wrap: wrap;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
font-size: 11.5px;
color: #58738D;
}
body.redakcja-page .author-card__pwz {
margin: 0 !important;
display: inline-flex !important;
align-items: baseline;
gap: 4px;
}
body.redakcja-page .author-card__pwz .prefix {
color: #1a1f2e;
font-weight: 600;
}
/* Ostatni element w stopce (wrapper MFB z linkiem) wypchnięty na prawo */
body.redakcja-page .author-card__footer > *:last-child {
margin-left: auto;
}
/* Link "Zobacz profil →" — klasa nadana przez filter author_profile_link */
body.redakcja-page .author-card__footer .author-profile-link {
color: #043A7C;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 4px;
text-decoration: none;
}
body.redakcja-page .author-card__footer .author-profile-link:hover {
text-decoration: underline;
}
/* ─── Responsywne ─── */
@media (max-width: 1100px) {
body.redakcja-page .author-list-cards-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
body.redakcja-page .author-list-cards-grid {
grid-template-columns: 1fr;
}
}
/* ─────────────────────────────────────────────────────────
SEKCJA "Proces weryfikacji treści" — 6 ponumerowanych kafelków
───────────────────────────────────────────────────────── */
body.redakcja-page .proces-section {
margin-top: 80px;
}
/* Header: h2 + lead w wierszu (jak w "Zespół redakcji") */
body.redakcja-page .proces-header {
display: flex !important;
align-items: baseline !important;
gap: 16px !important;
flex-wrap: wrap;
margin-bottom: 28px;
}
body.redakcja-page .proces-section__title {
margin: 0 !important;
font-size: 28px !important;
font-weight: 700;
letter-spacing: -0.4px;
line-height: 1.2;
}
body.redakcja-page .proces-section__lead {
font-size: 13.5px;
color: #58738D;
margin: 0 !important;
flex: 1 1 0;
min-width: 200px;
}
/* Grid 6 kafelków, 3 kolumny */
body.redakcja-page .proces-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 16px !important;
}
/* Pojedynczy kafelek — białe tło, kolorowa górna krawędź */
body.redakcja-page .proces-step {
background: #fff !important;
border: 1px solid #e8edf5 !important;
border-top: 3px solid #e8edf5 !important;
border-radius: 6px;
padding: 20px 22px !important;
display: flex !important;
flex-direction: column;
}
/* Kolory krawędzi + numerów per kafelek */
body.redakcja-page .proces-step.is-step-1 { border-top-color: #00858A !important; }
body.redakcja-page .proces-step.is-step-2 { border-top-color: #7340B5 !important; }
body.redakcja-page .proces-step.is-step-3 { border-top-color: #1F8A48 !important; }
body.redakcja-page .proces-step.is-step-4 { border-top-color: #C03020 !important; }
body.redakcja-page .proces-step.is-step-5 { border-top-color: #B06A10 !important; }
body.redakcja-page .proces-step.is-step-6 { border-top-color: #3D52C9 !important; }
body.redakcja-page .proces-step.is-step-1 .proces-step__number { color: #00858A; }
body.redakcja-page .proces-step.is-step-2 .proces-step__number { color: #7340B5; }
body.redakcja-page .proces-step.is-step-3 .proces-step__number { color: #1F8A48; }
body.redakcja-page .proces-step.is-step-4 .proces-step__number { color: #C03020; }
body.redakcja-page .proces-step.is-step-5 .proces-step__number { color: #B06A10; }
body.redakcja-page .proces-step.is-step-6 .proces-step__number { color: #3D52C9; }
/* Pierwszy wiersz: numer + "odpowiada:" */
body.redakcja-page .proces-step__head {
display: flex !important;
align-items: baseline !important;
gap: 12px !important;
margin: 0 0 10px !important;
}
body.redakcja-page .proces-step__number {
margin: 0 !important;
font-size: 22px !important;
font-weight: 700;
letter-spacing: -0.5px;
font-variant-numeric: tabular-nums;
line-height: 1;
}
body.redakcja-page .proces-step__role {
margin: 0 !important;
font-size: 10.5px;
font-weight: 700;
color: #8A94A6;
text-transform: uppercase;
letter-spacing: 0.5px;
}
body.redakcja-page .proces-step__title {
margin: 0 0 6px !important;
font-size: 15px !important;
font-weight: 700;
color: #1a1f2e;
line-height: 1.3;
}
body.redakcja-page .proces-step__desc {
margin: 0 !important;
font-size: 12.5px;
line-height: 1.55;
color: #58738D;
}
/* Responsywne */
@media (max-width: 900px) {
body.redakcja-page .proces-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 600px) {
body.redakcja-page .proces-grid {
grid-template-columns: 1fr !important;
}
}
/* ─────────────────────────────────────────────────────────
SEKCJA "Standardy źródeł" — 9 kafelków z ikonkami
───────────────────────────────────────────────────────── */
body.redakcja-page .zrodla-section {
margin-top: 64px !important;
}
body.redakcja-page .zrodla-header {
display: flex !important;
align-items: baseline !important;
gap: 16px !important;
flex-wrap: wrap;
margin-bottom: 28px;
}
body.redakcja-page .zrodla-section__title {
margin: 0 !important;
font-size: 28px !important;
font-weight: 700;
letter-spacing: -0.4px;
line-height: 1.2;
}
body.redakcja-page .zrodla-section__lead {
margin: 0 !important;
font-size: 13.5px;
color: #58738D;
flex: 1 1 0;
min-width: 200px;
}
/* Grid 3-kolumnowy z 9 kafelkami */
body.redakcja-page .zrodla-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 14px !important;
}
/* Pojedynczy kafelek źródła */
body.redakcja-page .zrodla-source {
background: #fff !important;
border: 1px solid #e8edf5 !important;
border-radius: 6px;
padding: 14px 18px !important;
margin: 0 !important;
}
/* Wewnętrzny wp:columns → flex z gap 14, centered */
body.redakcja-page .zrodla-source > .wp-block-columns {
display: flex !important;
align-items: center !important;
gap: 14px !important;
margin: 0 !important;
}
body.redakcja-page .zrodla-source > .wp-block-columns > .wp-block-column {
flex: 1 1 0;
min-width: 0;
}
/* Lewa kolumna — sztywne 44px (override flex-basis: 100px z bloku) */
body.redakcja-page .zrodla-source > .wp-block-columns > .wp-block-column:first-child {
flex: 0 0 44px !important;
max-width: 44px !important;
width: 44px !important;
}
/* Ikonka — 44x44 kwadrat z kolorowym tłem */
body.redakcja-page .zrodla-source__icon {
width: 44px !important;
height: 44px !important;
border-radius: 6px;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #fff !important;
flex-shrink: 0;
padding: 0 !important;
margin: 0 !important;
background: #58738D; /* fallback gdy brak modyfikatora */
}
body.redakcja-page .zrodla-source__icon p,
body.redakcja-page .zrodla-source__icon strong {
margin: 0 !important;
color: #fff !important;
font-weight: 700;
font-size: 12px;
letter-spacing: 0.5px;
text-align: center;
}
/* Kolory ikonek per nazwa źródła */
body.redakcja-page .zrodla-source.is-pm .zrodla-source__icon { background: #326295; }
body.redakcja-page .zrodla-source.is-cochrane .zrodla-source__icon { background: #C63B3B; }
body.redakcja-page .zrodla-source.is-ema .zrodla-source__icon { background: #003A78; }
body.redakcja-page .zrodla-source.is-urpl .zrodla-source__icon { background: #B91C1C; }
body.redakcja-page .zrodla-source.is-chpl .zrodla-source__icon { background: #7C3AED; }
body.redakcja-page .zrodla-source.is-nice .zrodla-source__icon { background: #00558C; }
body.redakcja-page .zrodla-source.is-who .zrodla-source__icon { background: #0093D6; }
body.redakcja-page .zrodla-source.is-aotmit .zrodla-source__icon { background: #0F766E; }
body.redakcja-page .zrodla-source.is-pt .zrodla-source__icon { background: #1E5BD6; }
/* Tytuł i opis */
body.redakcja-page .zrodla-source__name {
margin: 0 !important;
font-size: 13.5px !important;
font-weight: 700;
color: #1a1f2e;
line-height: 1.2;
}
body.redakcja-page .zrodla-source__desc {
margin: 2px 0 0 !important;
font-size: 11.5px;
color: #58738D;
line-height: 1.4;
}
/* Responsywne */
@media (max-width: 900px) {
body.redakcja-page .zrodla-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 600px) {
body.redakcja-page .zrodla-grid {
grid-template-columns: 1fr !important;
}
}
/* < 360px: w "Redakcji w liczbach" kolumny stackują się pionowo
(mimo isStackedOnMobile:false na bloku) */
@media (max-width: 360px) {
body.redakcja-page .author-list-stats .wp-block-columns {
flex-direction: column !important;
}
}
/* ─────────────────────────────────────────────────────────
Rozwijana lista redaktorów — mobile: pierwsze 3 + przycisk "Pokaż wszystkich".
Przełączanie przez JS (author-collapse.js) klasą .is-expanded — MFB stripuje