.spnc-sidebar .uagb-post-grid .uagb-post__title a, .uagb-post-grid .uagb-post__title a:focus, .uagb-post-grid .uagb-post__title a:active, .uagb-post-grid .uagb-post__title a:hover { font-size: 15px; width: 100%; color:#fff !important; } .button-grid-wrapper { max-width: 1040px; margin: 5px auto 50px auto; padding: 0 10px; } .button-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 17px; } @media (max-width: 800px) { .button-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; } } @media (max-width: 768px) { .button-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; } } @media (max-width: 370px) { .button-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } } .icon-button { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #98b731; border-radius: 10px; text-decoration: none; color: white; width: 100%; aspect-ratio: 1 / 1; box-sizing: border-box; transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; } .icon-button:hover { transform: translateY(-3px); } .icon-button object { display: block; width: auto; height: 40%; /* wszystkie ikony mają tę samą wysokość */ margin-bottom:8px;margin-top:7px; pointer-events: none; } .icon-button h2 { font-size: 1rem; letter-spacing:1px; font-weight: 600; text-transform: uppercase; text-align: center; color: white; margin: 0; } .home .spnc-blog-1 .spnc-row, .spnc-blog-2 .spnc-row { width: 100%;max-width:1050px; margin: 0 auto; } .kuchniababkitekst {color: #111; padding: 0 10px !important; font-size: 1.25rem !important; } .ub_table-of-contents li ol, .ub_table-of-contents ol a {font-size: 0.95em !important;padding-top:15px !important;} .ub_table-of-contents li ol>li {margin-bottom:10px !important;} .ub_table-of-contents-title {padding-bottom: 0px !important;padding-top:10px;font-size: 1.2em !important;} .ub_table-of-contents-header-container, .ub_table-of-contents-extra-container { padding: 10px 30px;line-height:1; transition: all .5s ease-in-out; } .headerprzepisart { color: #fff !important; padding: 5px 10px 5px 20px !important; font-family: "Caprasimo", sans-serif; letter-spacing: 1.3px !important;font-size:1.9rem !important;text-transform:uppercase; font-weight: 100; text-align: left !important; background-color:#FF9100 ; margin: 0 auto; border-radius: 8px !important; margin-bottom: 15px !important; margin-top: 1.3em !important; } .listprzepisart ul { list-style: none; /* usuwa wypunktowanie */ padding-left: 0; /* usuwa domyślne wcięcie */ margin-left: 0; /* dodatkowo wyrównuje do lewej */ } .listprzepisart { color: #222 !important; background: #FFF4E6; border-radius: 8px !important; margin-top: 20px !important; margin-bottom: 2em; padding:26px 14px 0.1px 2em !important; } .tekstprzepisart { font-size:1.5rem !important; color: #FF9100 !important; } div.wp-block-group.listprzepisart ul.wp-block-list li{ font-size: 0.9em !important; line-height: 1.1em !important; } .triki-post-glowny-tytul a, .porada-post-glowny-tytul a, .post-glowny-tytul a, .single-przepis-tytul a { font-size:1.2em !important; } @media (max-width: 480px) { .triki-post-glowny-tytul a, .porada-post-glowny-tytul a, .post-glowny-tytul a, .single-przepis-tytul a { font-size:1.1em !important; } } .uagb-post-grid .uagb-post-grid-byline>* {font-size:0px !important; height:0px !important;} .tools-btn:active, .tools-btn:focus { padding: 14px 20px 14.5px !important; cursor: pointer; color: #111; height: 20px !important; max-height: 20px !important; min-height: 20px !important; line-height: 20px !important; background-color: #e8ebd2; border: none; outline: none; text-align: center; transition: background-color .2s ease; border-radius: 0; display: flex; align-items: center; min-width: 80px; flex-shrink: 1; } .tools-btn:hover { color: #111; background-color:#D5DBAE !important; } .socializer a:hover { color: #111; background-color:#F6F7ED!important; } .recipe-total-time::before { content: "\f017"; /* kod ikony zegara */ font-family: "Font Awesome 6 Free"; font-weight: 900; /* dla ikon solid */ margin-right: 6px; display: inline-block; } .recipe-total-time { display: inline-block; background: #fff; /* jasny kremowy */ color: #98b731; /* elegancki brąz */ padding:5px 12px; border-radius: 12px; margin-left:5px; margin-bottom:5px; font-weight: 700; letter-spacing: 0.3px; border: 2px solid #98b731; box-shadow: 0 2px 6px rgba(0,0,0,0.08); transition: transform 0.2s ease, box-shadow 0.2s ease; } .home .uagb-post__title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 976px) { .home .uagb-post__title a { -webkit-line-clamp: 4 !important;} .uagb-block-24b181b3 .uagb-post__text.uagb-post__title a { letter-spacing:0px !important; font-size:1.6rem !important; line-height:1.3 !important; } } @media (max-width: 480px) { .uagb-block-24b181b3 .uagb-post__text.uagb-post__title a { letter-spacing:0px !important; font-size:1.35rem !important; line-height:1.3 !important; } } @media (max-width: 370px) { .uagb-block-24b181b3 .uagb-post__text.uagb-post__title a { font-size:1.2rem !important; line-height:1.15 !important;+ } } .site-footer .site-info {margin: 0 auto;} .site-info .spnc-row {margin-bottom:0px !important;} .site-footer .site-info .nav-menu {margin:0 auto; margin-left:0px !important;} .site-footer .site-info .nav-menu li { position: relative; display: inline-block; margin-right: 1rem;margin-left: 1rem; font-size:0.9rem !important; text-transform:uppercase !important;letter-spacing:1px; } @media only screen and (max-width: 815px) { .site-footer .site-info .footer-nav li a, .site-footer .site-info .footer-nav li a { font-size: 0.9rem !important; font-weight: 400; color: #feffff; } } .category-bottom-widget { margin-top:30px !important; max-width:1250px; margin:0 auto;padding-left:10px;padding-right:10px; } .search-bottom-widgets { margin:0 auto; margin-top:20px; max-width:1250px; padding-left:10px;padding-right:10px; } .page .spnc-contact-wrapper, .spnc-contact-sidebar { max-width:1185px !important; margin:0 auto !important; } /* Ukryj ikony chevron - WSZYSTKIE możliwe warianty */ .nav-links .prev.page-numbers i, .nav-links .next.page-numbers i, .pagination a:first-child i, .pagination .prev i { display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; visibility: hidden !important; position: absolute !important; } /* Reset dla wszystkich przycisków */ .nav-links a.page-numbers, .nav-links span.page-numbers, .pagination a { font-size: 16px !important; line-height: 1.5 !important; vertical-align: middle !important; } /* Stylizacja przycisku WSTECZ - WSZYSTKIE możliwe selektory */ .nav-links .prev.page-numbers, .pagination a:first-child, .pagination .prev { background: #f3f4ec !important; color: #333 !important; padding: 1.4rem 1.4rem 1.4rem 1.4rem !important; /* zwiększone, aby zmieścił się tekst */ border-radius: 8px !important; text-decoration: none !important; font-weight: 600 !important; transition: all 0.3s ease !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 10rem !important; text-align: center !important; box-sizing: border-box !important; font-size: 16px !important; /* zamiast 0, żeby tekst mieścił się w jednej linii */ } /* Wstawienie tekstu WSTECZ w jednej linii */ .nav-links .prev.page-numbers::after, .pagination a:first-child::after, .pagination .prev::after { content: "< WSTECZ" !important; display: block !important; font-size: 1.2rem !important; font-family:"Caprasimo",sans-serif;font-weight:100; } /* Efekt hover dla WSTECZ */ .nav-links .prev.page-numbers:hover, .pagination a:first-child:hover, .pagination .prev:hover { background: #f3f4ec !important; border: 2px solid #f3f4ec !important; color: #222 !important; transform: translateX(-3px) !important; } /* Stylizacja przycisku DALEJ */ .nav-links .next.page-numbers, .pagination .next { background: #f3f4ec !important; color: #333 !important; padding: 1.4rem 1.4rem 1.4rem 1.4rem !important; border-radius: 8px !important; text-decoration: none !important; font-weight: 600 !important; transition: all 0.3s ease !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 10rem !important; text-align: center !important; box-sizing: border-box !important; font-size: 0 !important; } .nav-links .next.page-numbers::after, .pagination .next::after { content: "DALEJ >" !important; display: block !important; font-size: 1.2rem !important; font-family:"Caprasimo",sans-serif;font-weight:100; } .nav-links .next.page-numbers:hover, .pagination .next:hover { background: #f3f4ec!important; border: 2px solid #f3f4ec!important; color: #222 !important; transform: translateX(3px) !important; } /* Stylizacja numerów stron */ .nav-links .page-numbers, .pagination a { background: #fff !important; color: #333 !important; padding: 10px 16px !important; border-radius: 6px !important; text-decoration: none !important; margin: 0 5px !important; border: 2px solid #e0e0e0 !important; transition: all 0.3s ease !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 45px !important; text-align: center !important; box-sizing: border-box !important; } .page-numbers:hover, .pagination a:hover { background: #f3f4ec !important; border-color: #f3f4ec !important; } /* Aktywna strona */ .nav-links .page-numbers.current, .pagination .current { background: #98b731 !important; color: #fff !important; border-color: #98b731 !important; font-weight: 700 !important; } /* Kontener nawigacji */ .nav-links, .pagination { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; flex-wrap: wrap !important; margin: 10px 0px 20px 0px !important; } .archive .pagination, .search.pagination { padding-left: 5px !important; padding-right:10px !important; } .spnc-page-section-space { padding: 0 0 0rem; } .search .page-section-space, .tag .page-section-space { padding: 3.6px 0 0.75px; } .cat-box-content { display:none !important; margin: 0 auto; padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 10px !important; padding-right: 10px !important; margin-top: 40px !important; max-width: 1040px !important; width: 98% !important; background-color: #F9F9F5 !important; border: 1px solid #ddd !important; border-radius: 5px !important; } .cat-box-content p { font-size: 0.9rem !important; line-height: 1.4 !important; color: #888 !important; margin: 0 0 10px 0 !important; } .cat-box-content h1, .cat-box-content h2, .cat-box-content h3, .cat-box-content h4, .cat-box-content h5, .cat-box-content h6 { color: #444 !important; font-weight: 700 !important; margin-top: 15px !important; margin-bottom: 10px !important; line-height: 1.3 !important; } .cat-box-content h1 { font-size: 1.2rem !important; } .cat-box-content h2 { font-size: 1.1rem !important; } .cat-box-content h3, .cat-box-content h4, .cat-box-content h5, .cat-box-content h6 { font-size: 1rem !important; } /* TEKST WYRÓŻNIONY */ .cat-box-content strong, .cat-box-content b { font-weight: 600 !important; color: #555 !important; } .cat-box-content em, .cat-box-content i { font-style: italic !important; color: #555 !important; } .cat-box-content ul, .cat-box-content ol { padding-left: 20px !important; margin-top: 5px !important; margin-bottom: 10px !important; color: #555 !important; } .cat-box-content a { color: #666 !important; text-decoration: underline !important; } .single .uagb-post-grid .uagb-post-grid-byline>* { margin-right: 0px; height:0px !important; font-size:0px !important; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-meta span.spnc-cat-links { margin-top: 5px !important; margin-left:7px !important; position:absolute;z-index:99; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-meta .spnc-cat-links a { font-size: 0.7rem; font-family: "Poppins"; color: #fff; background: #a855f7; line-height: 2.5; padding: 4px 12px; border-radius:8px; text-transform:uppercase;letter-spacing:1px;font-weight:700; white-space: nowrap; } .kwadratowe {max-width:1035px;} /* .uagb-post-grid.kwadratowe .uagb-post__image { position: relative !important; aspect-ratio: 2/2 !important; overflow: hidden !important; margin-bottom:5px !important; } .uagb-post-grid.kwadratowe .uagb-post__image img { position: absolute !important; top: 0 !important; left: 0 !important; width:100% !important; height: 100% !important; aspect-ratio: 2/2 !important; object-fit: cover !important; } */ @media (min-width: 976px) { #block-136 {display:none !important;} .kwadratowe .uagb-post__inner-wrap { padding:5px !important; margin-bottom:19px; border:0px solid #E6F0C7; border-radius:8px; } } /* Tablet - średnie zdjęcia */ @media (max-width: 976px) and (min-width: 481px) { .kwadratowe .uagb-post__items { display: block !important; } .kwadratowe .uagb-post__inner-wrap { display: flex !important; flex-direction: row !important; align-items: center; gap: 15px; margin-bottom: 20px; width: 100% !important; } .kwadratowe .uagb-post__inner-wrap .uagb-post__image { flex: 0 0 auto !important; width: 19rem !important; min-width: 19rem !important; height: 19rem !important; max-width: 19rem !important; max-height: 19rem !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative !important; } .kwadratowe .uagb-post__inner-wrap .uagb-post__image a { display: block !important; width: 19rem !important; height: 19rem !important; padding: 0 !important; margin: 0 !important; } .kwadratowe .uagb-post__inner-wrap .uagb-post__image a img { display: block !important; width: 19rem !important; height: 19rem !important; max-width: 19rem !important; max-height: 19rem !important; object-fit: cover !important; object-position: center !important; padding: 0 !important; margin: 0 !important; } .kwadratowe .uagb-post__title { flex: 1; margin: 0; line-height: 1.4; } } /* Smartphone - mniejsze zdjęcia */ @media (max-width: 480px) { #block-116 {display:none !important;} .kwadratowe .uagb-post__items { display: block !important; } .kwadratowe .uagb-post__inner-wrap { display: flex !important; flex-direction: row !important; align-items: center; gap: 0px; margin-bottom: 15px; width: 100% !important; } .kwadratowe .uagb-post__inner-wrap .uagb-post__image { flex: 0 0 auto !important; width: 11rem !important; min-width: 11rem !important; height: 11rem !important; max-width:11rem !important; max-height: 11rem !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative !important; margin-right:12px !important; } } @media (max-width: 370px) { #block-116 {display:none !important;} .kwadratowe .uagb-post__items { display: block !important; } .kwadratowe .uagb-post__inner-wrap { display: flex !important; flex-direction: row !important; align-items: center; gap: 0px; margin-bottom: 15px; width: 100% !important; } .kwadratowe .uagb-post__inner-wrap .uagb-post__image { flex: 0 0 auto !important; width: 10rem !important; min-width: 10rem !important; height: 10rem !important; max-width:10rem !important; max-height: 10rem !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative !important; margin-right:12px !important; } } .spnc-related-posts .spnc-main-wrapper .spnc-main-wrapper-heading .widget-title { margin-bottom: 0; padding: 0 0px; text-transform: uppercase; font-size: 1.25rem; font-weight: 100; font-family: "Caprasimo",sans-serif; letter-spacing: 2px; line-height: 30px; } .spnc-wrapper.spnc-btn-1 .comment-form .spnc-blog-1-heading h4, .spnc-wrapper.spnc-btn-1 .comment-form .spnc-blog-1-heading a { margin-bottom: 0; padding: 0 0px; padding-bottom:0.1rem; font-size: 1.25rem; font-weight: 100; letter-spacing: 2px; font-family: "Caprasimo",sans-serif; } .category:not(.newsblogger) .spnc-page-section-space.cat-description { margin-top: 0px !important; } @media (min-width: 1100px) { #menu-item-4797 .dropdown-menu li:last-child a { background-color: #FF9100 !important; } #menu-item-4797 .dropdown-menu li:last-child a:hover { background-color: #E68200 !important; } } img {border-radius:8px !important;} .home .spnc-row { margin: 0 0 1.25rem; min-height: 1px; padding-right: 12px; padding-left:12px; } .home .spnc-blog-1 .spnc-row, .spnc-blog-2 .spnc-row { width: 100%; margin: 0 auto; } @media (max-width: 979px) { .uagb-block-6c09a9fb.is-grid.uagb-post__items { row-gap: 0px; column-gap: 20px !important; } } @media (max-width: 768px) { .uagb-block-6c09a9fb.is-grid.uagb-post__items { row-gap: 0px; column-gap: 10px !important; } .uagb-post-grid.is-grid.uagb-post__equal-height .uagb-post__inner-wrap { padding:0px !important; } } .wp-container-core-columns-is-layout-9d6595d7 { margin-bottom:0px !important; } .home .ub-buttons.orientation-button-row.align-button-center { margin:27px !important; } .uagb-slick-carousel { padding: 6px !important; } .circle:not(.is-grid).uagb-post__items article { padding-right: 6px !important; padding-left:6px !important; margin-bottom: 0px !important; max-height:250px !important; max-width:100% !important; } .uagb-post-grid.uagb-post__items.is-carousel { display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 98%; visibility: hidden; margin: 0 auto !important; padding-left:9px !important; } .circle:not(.is-grid) .uagb-post__inner-wrap>.uagb-post__text:last-child { display:none !important;} .circle .uagb-post__image { aspect-ratio: 1 / 1 !important; max-height:50px !important; } .circle .uagb-post__image img { border-radius:8px !important; } .circle .uagb-post__text.uagb-post__title a { display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height:1.3 !important; font-size:1rem !important; font-weight:600 !important; text-align:left !important; padding-bottom:0px !important; } .uagb-slick-carousel .slick-prev:not(:hover):not(:active):not(.has-background), .uagb-slick-carousel .slick-next:not(:hover):not(:active):not(.has-background), .uagb-slick-carousel ul.slick-dots li button:not(:hover):not(:active):not(.has-background) { background-color: #96b72a !important; border: none !important; padding:3px !important; } .uagb-slick-carousel .slick-prev:hover, .uagb-slick-carousel .slick-next:hover, .uagb-slick-carousel ul.slick-dots li button:hover, .uagb-slick-carousel .slick-prev:active, .uagb-slick-carousel .slick-next:active, .uagb-slick-carousel ul.slick-dots li button:active { background-color: #96b72a !important; border: none !important; padding:3px !important; } .uagb-slick-carousel .slick-next, .uagb-slick-carousel .slick-prev { font-size: 0; line-height: 0; position: absolute; top: 35%; display: block; width: auto; padding: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; color: #aaa; border-color: #aaa; outline: 0; background: 0 0; } @media (max-width: 1023px) { .uagb-slick-carousel .slick-list {margin:4px;} .circle:not(.is-grid).uagb-post__items article { padding-right: 11px !important; padding-left:0px !important; margin-bottom: 0px !important; max-height:250px !important; max-width:100% !important; } .uagb-post-grid.uagb-post__items.is-carousel { display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 92%; visibility: hidden; margin: 0 auto !important; padding-left:1px !important;} .circle .uagb-post__text.uagb-post__title a { display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; font-size:1.3rem !important; font-weight:600 !important; text-align:left !important; padding-bottom:0px !important; } .uagb-slick-carousel .slick-next, .uagb-slick-carousel .slick-prev { font-size: 0; line-height: 0; position: absolute; top: 40%; display: block; width: auto; padding: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; color: #aaa; border-color: #aaa; outline: 0; background: 0 0; } } @media (max-width: 480px) { .circle:not(.is-grid).uagb-post__items article { padding-right: 5px !important; padding-left:5px !important; margin-bottom: 0px !important; max-height:250px !important; max-width:100% !important; } .uagb-post-grid.uagb-post__items.is-carousel { display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 96%; visibility: hidden; margin: 0 auto !important; padding-left:0px !important; padding-right:2px !important;} .uagb-slick-carousel .slick-next, .uagb-slick-carousel .slick-prev { font-size: 0; line-height: 0; position: absolute; top: 38%; display: block; width: auto; padding: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; color: #aaa; border-color: #aaa; outline: 0; background: 0 0; } .circle .uagb-post__text.uagb-post__title a { display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; font-size:1.1rem !important; font-weight:600 !important; text-align:left !important; padding-bottom:0px !important; } } @media (max-width: 370px) { .circle .uagb-post__text.uagb-post__title a { font-size:0.9rem !important; } } @media (min-width: 1020px) { .uagb-post-grid.uagb-post__items.is-carousel { display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 99%; visibility: hidden; margin: 0 auto !important; } } #block-116 p {display:none !important;} @media (max-width: 1024px) { .custom-news-grid { display: none !important; } } .custom-news-grid { max-width: 1282px !important; margin: 0 auto; margin-top: 10px; margin-bottom: 26px; display: flex; gap: 10px; width: 100%; box-sizing: border-box; padding-left: 16px;padding-right:4px; } .custom-left-column { display: flex; gap: 10px; flex: 1; /* Zajmuje całą pozostałą przestrzeń */ min-width: 0; } .custom-main-post { position: relative; overflow: hidden; flex: 1; /* Lewa kolumna zajmuje całą pozostałą przestrzeń */ height: 560px; } .custom-left-subposts { display: flex; flex-direction: column; gap: 10px; width: 270px; /* Stała szerokość środkowej kolumny */ height: 560px; flex-shrink: 0; } .custom-left-subpost { position: relative; overflow: hidden; width: 100%; height: 50%; flex: 1; } .custom-main-post img, .custom-left-subpost img { width: 100%; height: 100%; object-fit: cover; background: #f3f4ec; border-radius: 8px !important; } .custom-main-post .custom-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: 55%; background: linear-gradient(to top, rgba(0,0,0,0.7) 20%, rgba(0,0,0,0) 50%); border-radius: 8px !important; } .custom-left-subpost .custom-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: 55%; background: linear-gradient(to top, rgba(0,0,0,0.7) 35%, rgba(0,0,0,0) 90%); border-radius: 8px !important; } .custom-main-post h2:hover, .custom-left-subpost h2:hover { text-decoration: underline !important; } .custom-main-post h2, .custom-left-subpost h2 { position: absolute; bottom: 15px; left: 20px; right: 20px; color: white; font-size: 1.2rem !important; font-weight: bold; margin: 0; line-height: 23px; } .custom-left-subpost a { display: block; width: 100%; height: 100%; text-decoration: none; color: inherit; position: relative; } .custom-subcategory-label { position: absolute; left:50%; transform: translateX(-50%); min-width: 11rem !important; text-align:center; top:0px !important; background:#A7C936; color: #fff; font-size: .8em; font-weight: 700; padding: 3px 12px; border-radius: 0px 0px 20px 20px !important; text-transform: uppercase;align-content:center; letter-spacing: 1.2px; pointer-events: auto !important; cursor: auto !important; z-index: 2; } .custom-left-subpost { position: relative; } .custom-small-posts { display: flex; flex-direction: column; gap: 10px; height: 560px; padding: 24px 25px 25px 25px !important; background: #f3f4ec; border-radius: 8px !important; width: 400px; box-sizing: border-box; flex-shrink: 0; } .custom-small-post { display: flex; align-items: center; gap: 20px; cursor: pointer; flex: 1; } .custom-small-post a { display: flex; align-items: center; gap: 15px; width: 100%; text-decoration: none; color: #000; } .custom-small-post-image { flex-shrink: 0; width: 120px; height: 116px; } .custom-small-post img { width: 120px !important; height: 116px !important; object-fit: cover; display: block !important; margin: 0 !important; padding: 0 !important; background: #f3f4ec; border-radius: 8px !important; } .custom-small-content { flex: 1; } .custom-small-content h3 { font-size: 1rem !important; line-height: 1.2; margin: 0; font-weight: 600; color: #000; transition: color 0.3s; } .custom-small-post:hover h3 { color: #98b731; } .custom-small-content .category { font-size: 13px; color: #777; margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.4px; } .site-footer { border-top: 1px solid #C7DD7E !important; } .footer-sidebar .wp-block-search .wp-block-search__label:after, .footer-sidebar .widget .wp-block-heading:after { background: #C7DD7E!important; } .spnc-col-10 { padding-left:10px !important; padding-right:10px !important; } @media (max-width: 768px) { .spnc-row .spnc-col-10 { width: 48%; } .spnc-col-10 { padding-left:0px !important; padding-right:0px !important; } } .footer-sidebar a:hover { color:#C7DD7E!important; } .site-footer .overlay { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; background-color: #fff!important; } .widget_nav_menu ul li { padding: 2px 0; border-bottom: 1px solid #C7DD7E !important; font-size: 1rem !important; margin-right: 6px !important; } .widget_nav_menu ul li a { color: #222 !important; } .footer-sidebar .widget li:last-child { border: none !important; } .footer-sidebar .wp-block-search .wp-block-search__label, .footer-sidebar .widget.widget_block :is(h1,h2,h3,h4,h5,h6) { padding-bottom: 0.6rem; padding-left: 1.4rem !important; color: #222; margin: 0 0 0rem; font-weight: 700; border-bottom: 2px solid #C7DD7E; position: relative; font-size: 1.2rem !important; } .footer-sidebar .widget_nav_menu li:before, .footer-sidebar .widget_pages li:before, .footer-sidebar .widget_product_categories li:before, .footer-sidebar .widget_links li:before, .footer-sidebar .widget_categories li:before, .footer-sidebar .widget_archive li:before, .footer-sidebar .widget_recent_entries li:before, .footer-sidebar .widget_meta li:before, .footer-sidebar .wp-block-latest-comments li article footer:before, .footer-sidebar .widget_block li:not(.wp-block-social-link,.blocks-gallery-item,.wp-block-latest-comments__comment):before, .footer-sidebar .widget_meta li:before, .footer-sidebar .widget.widget_block ul.wp-block-page-list li:before { margin-right: 0.6rem !important; font-size: 1.3rem !important; color: #222 !important; } @media (max-width: 768px) { .footer-sidebar, .home .footer-sidebar { max-width: 1080px !important; margin: 0 auto !important; padding: 3rem 0rem 1.7rem 0rem !important; position: relative; display: flex; flex-wrap: wrap; gap: 10px; } .spnc-row .spnc-col-8 { width: 47%; } .widget_nav_menu ul li { padding: 2px 0; border-bottom: 1px solid #d7d7d7; font-size: 1rem !important; margin-right: 20px !important; } .footer-sidebar .widget_nav_menu li:before, .footer-sidebar .widget_pages li:before, .footer-sidebar .widget_product_categories li:before, .footer-sidebar .widget_links li:before, .footer-sidebar .widget_categories li:before, .footer-sidebar .widget_archive li:before, .footer-sidebar .widget_recent_entries li:before, .footer-sidebar .widget_meta li:before, .footer-sidebar .wp-block-latest-comments li article footer:before, .footer-sidebar .widget_block li:not(.wp-block-social-link,.blocks-gallery-item,.wp-block-latest-comments__comment):before, .footer-sidebar .widget_meta li:before, .footer-sidebar .widget.widget_block ul.wp-block-page-list li:before { margin-right: 0.3rem !important; font-size: 1rem !important; color: #222 !important; } } @media (max-width: 600px) { .footer-sidebar { max-width: 100% !important; margin: 0 auto !important; padding: 3rem 0rem 1.7rem 0rem !important; position: relative; display: flex; flex-wrap: wrap; gap: 4px; } .footer-sidebar .widget_nav_menu li:before, .footer-sidebar .widget_pages li:before, .footer-sidebar .widget_product_categories li:before, .footer-sidebar .widget_links li:before, .footer-sidebar .widget_categories li:before, .footer-sidebar .widget_archive li:before, .footer-sidebar .widget_recent_entries li:before, .footer-sidebar .widget_meta li:before, .footer-sidebar .widget_recent_comments li:before { margin-right: 0.1rem !important; position: relative; font-size: 1rem !important; } .spnc-row .spnc-col-8 { width: 48%; } } @media (max-width: 360px) { .spnc-row .spnc-col-8 { width: 100%; } } .header-1 .spnc-custom .spnc-collapse .spnc-nav li>a { border-bottom:1px dotted #ccc !important; } .page-title-section { padding: 320px 0 10px !important; } @media (max-width: 1024px) { .page-title-section { padding-top: 280px !important; } } @media (max-width: 1100px) { .header-1.spnc-header-center .spnc-navbar .spnc-toggle { margin: 0 auto; float: unset; display: inline-block; position: relative; bottom: 0px !important; } .header-1 .spnc-navbar .spnc-container { display: block !important; align-items: center; height:210px; } } .header-1 .spnc-custom .spnc-navbar { background-color: #fff !important; } .search-results-container { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; z-index: 99999 !important; background: white !important; box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important; } .search-always-visible { position: relative !important; max-width: 80% !important; max-width:632px !important; margin: 0px auto !important; padding: 0px 10px !important; padding-bottom:20px !important; clear: both !important; } .search-results-container p:first-child {font-weight:300; padding:5px 14px !important; } .search-results-container p {font-weight:300; padding:5px 14px !important; } .search-results-container { font-weight:300; padding:5px 14px !important; } body.newscrunch #wrapper .spnc-header-center .search-content { text-align: left; line-height: 1.2 !important; font-size:0.9rem !important; } .search-always-visible .search-form { display: flex !important; align-items: center !important; gap: 5px !important; position: relative !important; } .search-always-visible .search-field { flex: 1 !important; order: 2 !important; font-weight:500!important;font-size:1.1rem; } .search-always-visible .search-submit { order: 3 !important; } button.search-close-btn {margin-right:6px !important; background: #7c9828!important; border: 2px solid #7c9828!important; font-family:helvetica!important; font-size:1.1rem !important; font-weight: 400 !important; cursor: pointer !important; padding: 0px 10px;padding-top:1.6px; color: white !important; border-radius: 6px !important; display: none !important; visibility: visible !important; opacity: 1 !important; height: auto !important; min-width: 2rem !important; min-height: 2rem!important; max-height: 2rem!important; order: 1 !important; z-index: 10 !important; } button.search-close-btn.active { display: block !important; } button.search-close-btn:hover { background: #96b72a !important; border-color: #96b72a !important; } @media (max-width: 768px) { .spnc-menu-open.spnc-toggle { clear: both !important; display: block !important; margin-top: 10px !important; } .search-always-visible { max-width: 80% !important; } } .search-always-visible .search-field { flex: 1 !important; order: 2 !important; } body.newscrunch .search-form input[type=submit] { cursor: pointer; position: absolute !important; width: auto; transition: all .3s ease-in-out; color: #222 !important; font-weight: 600; left: auto; right: 0; font-size: .938rem; top: 0; padding: 0.5rem 1.0rem !important; padding-right:2.2rem!important; height:2.5rem; background-color:#e8ebd2 ; border: 1px solid #bbb !important; } /* Styl przycisku po najechaniu myszką */ body.newscrunch .search-form input[type=submit]:hover { color: #222; background-color: rgba(232, 235, 210, 0.7); /* kolor po hover */ border-color: #bbb !important; /* opcjonalnie zmiana obramowania */ cursor: pointer; /* wskazuje, że można kliknąć */ color: #222 !important; } .search-field::placeholder { color:#e8ebd2 !important; /* tutaj wpisz dowolny kolor */ opacity: 1; /* opcjonalnie, aby wymusić pełną widoczność koloru */ font-weight:400 !important; } body.newscrunch form.search-form input.search-submit { color: #222; border: 0 none; border-radius: 0 50px 50px 0px; padding-right:2.4rem!important; display: inline-block; font-size: .975rem; margin: 0; text-align: center; transition: all .4s ease 0s; } @media (max-width: 480px) { body.newscrunch .search-form input[type=submit] { cursor: pointer; position: absolute !important; width: auto; transition: all .3s ease-in-out; color: #222 !important; font-weight: 600; left: auto; right: 0; font-size: .938rem; top: 0; padding: .01rem 1.0rem !important; padding-right:2.2rem!important; height:2.5rem; background-color:#96b72a ; border: 1px solid #96b72a !important; } body.newscrunch #wrapper .spnc-header-center .search-content { text-align: left; line-height: 1.2 !important; font-size:0.9rem !important; } } input[type=search] { display: block; border-radius: 50px !important; height:2.5rem; width: 100%; font-size: 1.25rem; font-family: "Poppins"; color: #404040; line-height: 1.2; background-color: transparent; border: 1px solid #ccc !important; padding: .65em; transition: .2s; } .search-results-container { position: absolute !important; top: 60% !important; left: 0 !important; right: 0 !important; z-index: 99999 !important; background: #fff !important; box-shadow: 0 4px 6px rgba(0,0,0,.1) !important; padding:0px !important;border-radius:8px !important; margin:10px !important; font-weight:600 !important; } .search-results-container img { max-width: 100%; height: auto; vertical-align: middle; overflow: hidden; height: 100%; object-fit: cover; /* Ensures the image covers the container like a background */ display: block; /* Removes small gaps under images */ } body.newscrunch #wrapper .search-wrapper { display: flex; border-bottom: 1px solid #d7d7d7; padding: 12px 16px !important; margin-bottom: 0; } .spnc-custom li a, .spnc-custom .dropdown-search { border-bottom: none !important; } @media (min-width: 1100px) { .nav.spnc-nav.spnc-right { display: flex !important; gap: 4px !important; justify-content: flex-end !important; flex-wrap: wrap !important; margin-left:0px !important; margin-top:17px;} } /* Desktop - wyśrodkowanie wszędzie */ @media (min-width: 1025px) { .aioseo-breadcrumbs { } } body.search .aioseo-breadcrumbs, body.archive .aioseo-breadcrumbs { margin-left: 22px; /* tablet */ text-align: left; } /* Tablety i Mobile - margines tylko na search i archive */ @media (max-width: 1024px) { body.search .aioseo-breadcrumbs, body.archive .aioseo-breadcrumbs { margin-left: 14px; /* tablet */ text-align: left; } } @media (max-width: 768px) { body.search .aioseo-breadcrumbs, body.archive .aioseo-breadcrumbs { margin-left: 12px; /* mobile */ text-align: left; } body.newscrunch .search-form input[type=submit] { padding-right:2.8rem!important; } } /* Główny kontener przepisu */ .wp-block-group.recipe-block { font-family: inherit !important; /* domyślny font bloga */ font-size: 16px !important; line-height: 0.9 !important; /* mniejszy line-height */ background-color: #F3F4EC !important; padding: 12px !important; /* mniejsze paddingi */ padding-bottom:3px !important; } /* Nagłówki sekcji */ .wp-block-group.recipe-block .section-header { font-family: inherit !important; /* domyślny font bloga */ font-size: 22px !important; font-weight: 700 !important; margin-top: 12px !important; /* minimalny górny margines */ margin-bottom: 12px !important; /* mniejszy odstęp pod nagłówkiem */ } .wp-block-group.recipe-block .left-column h3 { padding:7px 0px !important; } /* Blok details (składniki, akcesoria) */ .wp-block-group.recipe-block details { background: #fff !important; border-radius: 16px !important; padding: 8px !important; /* mniejszy padding */ margin-bottom: 8px !important; /* mniejszy odstęp między details */ position: relative !important; overflow: hidden !important; transition: max-height 0.3s ease !important; font-family: inherit !important; /* domyślny font bloga */ } .wp-block-group.recipe-block details[open] { max-height: 1000px !important; } /* Summary z trójkącikiem */ .wp-block-group.recipe-block details summary { display: flex !important; justify-content: space-between !important; cursor: pointer !important; font-weight: 700 !important; font-size: 18px !important; list-style: none !important; margin-bottom: 0px !important; /* minimalny odstęp pod summary */ font-family: inherit !important; /* domyślny font bloga */ } /* Usuń treść ⏷ ze summary */ .wp-block-group.recipe-block summary .summary-triangle { display: none !important; } /* Dodaj trójkącik przez CSS - domyślnie odwrócony (wskazuje w górę) */ .wp-block-group.recipe-block summary::after { content: ""; display: inline-block; width: 0; height: 0; margin-left: 8px; vertical-align: middle; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #24292f; /* teraz wskazuje w górę */ transition: transform 0.3s ease; } /* Odwrócenie trójkącika przy rozwinięciu */ .wp-block-group.recipe-block details[open] summary::after { transform: rotate(180deg); /* wskazuje w dół po rozwinięciu */ } /* Trójkącik w summary (jeśli nadal używasz klasy summary-triangle) */ .wp-block-group.recipe-block summary .summary-triangle { display: inline-block; transition: transform 0.3s ease; /* płynna animacja obrotu */ } /* Obrót trójkącika przy otwarciu details */ .wp-block-group.recipe-block details[open] summary .summary-triangle { transform: rotate(180deg); } /* Składniki - lewa kolumna */ .wp-block-group.recipe-block .left-column .ingredient-title { color: #819b2a !important; font-size: 18px !important; font-weight: 700 !important; margin-bottom: 0px !important; /* minimalny odstęp po tytule */ margin-top: 0px !important; font-family: inherit !important; /* domyślny font bloga */ } .wp-block-group.recipe-block .left-column .ingredient-item { line-height: 1.7em !important; /* mniejszy odstęp między składnikami */ margin-bottom: 2px !important; font-family: inherit !important; font-size: 16px !important; font-weight: 500 !important; /* domyślny font bloga */ } /* Składniki podstawowe – span w summary */ .wp-block-group.recipe-block .left-column details summary span.ingredient-title { color: #819b2a !important; font-size: 19px !important; padding-top: 5px !important; padding-bottom: 0px !important; } /* Składniki dodatkowe / dekoracje – strong w paragrafie */ .wp-block-group.recipe-block .left-column p strong.ingredient-title { color: #819b2a !important; font-size: 19px !important; } .left-column .ingredient-title { display: inline-block !important; margin-top: 10px !important; line-height: 1.2 !important; } /* Akcesoria - lewa kolumna */ .wp-block-group.recipe-block .left-column .accessory-item { color: #24292f !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.7em !important; margin-bottom: 0px !important; font-family: inherit !important; /* domyślny font bloga */ } /* Instrukcje - prawa kolumna (mniejsze odstępy) */ .wp-block-group.recipe-block .right-column .ingredient-item, .wp-block-group.recipe-block .right-column .accessory-item, .wp-block-group.recipe-block .right-column li, .wp-block-group.recipe-block .right-column p { line-height: 0.6em !important; /* ciaśniejsze odstępy */ margin-bottom: 17px !important; /* mniejsze marginesy */ font-family: inherit !important; /* domyślny font bloga */ } /* Listy w details: brak punktorów */ .wp-block-group.recipe-block details ul { list-style: none !important; padding-left: 0 !important; margin: 0 !important; } /* Separator między elementami */ .wp-block-group.recipe-block .item-separator { border: none !important; /* jaśniejszy */ margin: 3px 0 !important; /* mniejszy odstęp */ } /* Gradient przy zwiniętych details */ .wp-block-group.recipe-block details:not([open])::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 30px !important; /* mniejszy gradient */ background: linear-gradient(to bottom, rgba(243,244,236,0) 0%, rgba(243,244,236,1) 100%) !important; pointer-events: none !important; } /* Przycisk smooth-scroll */ .wp-block-group.recipe-block a.smooth-scroll { display: inline-block !important; margin-top: 4px !important; margin-bottom: 8px !important; padding: 16px 19px !important; border: 1px solid #333 !important; border-radius: 9999px !important; background: transparent !important; color: #24292f !important; font-size: 16px !important; font-weight: 600 !important; text-decoration: none !important; cursor: pointer !important; font-family: inherit !important; /* domyślny font bloga */ } /* Zwiększony odstęp po nagłówku Składniki podstawowe (proporcjonalny) */ .wp-block-group.recipe-block .left-column details.ingredient-list summary { margin-bottom: 7px !important; } /* Kolumny desktop */ .wp-block-group.recipe-block .left-column { flex: 1 !important; padding-left: 14px !important; /* symetryczne odstępy */ padding-right: 0px !important; /* symetryczne odstępy */ } .wp-block-group.recipe-block .right-column { flex: 1 !important; padding-left: 7px !important; /* symetryczne odstępy */ padding-right: 14px !important; /* symetryczne odstępy */ } /* Responsywność: kolumny pionowo na małych ekranach z minimalnymi marginesami */ @media screen and (max-width:1250px) { .wp-block-group.recipe-block .left-column, .wp-block-group.recipe-block .right-column { width: 100% !important; padding-left: 1px !important; padding-right: 1px !important;margin-bottom: 0 !important;padding-bottom: 0 !important; } .wp-block-group.recipe-block {margin-bottom: 0 !important;} } /* Recipe additional info – taki sam styl jak czas przygotowania/pieczenia */ .wp-block-group.recipe-block .right-column .recipe-additional-info { font-family: inherit !important; /* domyślny font bloga */ font-weight: 400 !important; line-height: 1.4em !important; /* zgodnie z odstępami w prawej kolumnie */ margin-bottom: 0px !important; /* ten sam margines co inne elementy */padding-bottom: 0 !important; } /* Mniejszy odstęp u góry nagłówka "Instrukcja skrócona" na mobile */ @media screen and (max-width:768px) { .wp-block-group.recipe-block .right-column .section-header { margin-top: 20px !important; /* zmniejszony górny margines tylko w prawej kolumnie */ } } .wp-block-group.recipe-block .column-separator, .wp-block-group.recipe-block .additional-info-separator, .wp-block-group.recipe-block .item-separator { border: none !important; /* kolor linii */ height: 1px; /* wysokość linii */ margin: 8px 0; /* odstęp od elementów */ } .recipe-block p {margin-bottom: 5px !important} .right-column .column-separator, .right-column .additional-info-separator { border: none !important; /* kolor linii */ height: 4px !important; /* wysokość linii */ margin: 8px 0; /* odstęp od elementów */ background-color: #dee0c6 !important; } hr.item-separator { height: 4px !important; background: #F3F4EC !important; margin: 1em 0 !important; } /* Desktop – 2 kolumny */ @media (min-width: 1125px){ .wp-block-group.recipe-block .wp-block-columns.alignwide { flex-direction: column !important; display: flex !important; flex-direction: row !important; gap: 0px !important; /* odstęp między kolumnami */ width: 100% !important; } } @media (min-width: 1125px) { .wp-block-group.recipe-block .wp-block-columns.alignwide { display: flex !important; flex-direction: row !important; gap: 20px !important; /* odstęp między kolumnami */ } .wp-block-group.recipe-block .left-column, .wp-block-group.recipe-block .right-column { width: 50% !important; } } /* Tablet + mobile – 1 kolumna */ @media (max-width: 1124px) { .wp-block-group.recipe-block .wp-block-columns.alignwide { flex-direction: column !important; gap: 0 !important; } .wp-block-group.recipe-block .left-column, .wp-block-group.recipe-block .right-column { width: 100% !important; } } @media (max-width: 1100px) { .spnc-custom .open .dropdown-menu>li>a { padding-left:19px !important; } } @media (min-width: 1101px) { .spnc-custom .spnc-nav li>a.search-icon { display: inline-block; float: left; color: #000; border-radius: 12px; text-align: center; font-size: 18px; padding: 9px 10px 8px !important; margin: 12px 10px 12px 20px; border: 1px solid #d7d7d7; font-family: unset; font-style: unset; } .spnc-custom .open .dropdown-menu { background-color: #fff; border:none !important; border-radius:10px !important; box-shadow: 0px 2px 6px rgba(0,0,0,0.15) !important; } .spnc-right .dropdown-menu { right: auto; left: 0px !important; } .spnc-custom .dropdown-menu { z-index:999999999 !important; min-width: 197px !important; float:left !important; padding:10px; } /* Stylizacja menu jako przyciski w kolorze #98b731 */ .nav.spnc-nav.spnc-right li a { text-transform: uppercase !important; display: block !important; padding: 8px 10px 6.7px 12px !important; margin: 2px !important; margin-bottom: 4px !important; font-size: 12.5px !important;letter-spacing:1px !important; font-weight: 700 !important; text-decoration: none !important; color: #fff !important; background-color: #98b731 !important; border-radius: 6px !important; line-height: 1.2 !important; white-space: nowrap !important; /* Wyłączenie animacji i efektów */ transition: none !important; animation: none !important; } /* Hover – tylko ciemniejszy kolor */ .nav.spnc-nav.spnc-right li a:hover { background-color: #7c9828 !important; } /* Układ ciasny w poziomie */ .nav.spnc-nav.spnc-right { display: flex !important; gap: 4px !important; justify-content: flex-end !important; flex-wrap: wrap !important; margin-bottom: 9px !important; } .spnc-custom .dropdown-menu>li>a { border-bottom: none !important; border-radius: 0; font-weight: 400; font-size: 1rem; transition: all .2s ease-in-out 0s; letter-spacing: .7px; white-space: normal; padding: 7.5px 10px 7px 12px !important; } } .spnc-related-post-wrapper {display: none !important;} .spnc-related-posts.spnc-grid { padding-bottom: 0 !important; margin-bottom: 0px !important; } .ub-buttons.orientation-button-row.align-button-center { padding-bottom:20px; } .dowiedz { padding: 15px; margin-top: 0px; margin-bottom: 20px; background: #f3f4ec; border-radius: 5px !important; border-left: 4px solid #7c9828 !important; } .dowiedz h2 { margin-bottom:12px !important; } .dowiedz .wp-block-list {width:90% !important; margin-left:10 px !important; } .dowiedz .wp-block-list li {margin:0px !important;} .spnc-post .spnc-entry-content a:not(.spnc-entry-content .spnc-more-link,.spnc-post .spnc-entry-content .spnc-entry-meta a,.spnc-post .spnc-entry-content .footer-meta a,.wp-block-buttons .wp-block-button__link), .widget p a, .comment-detail a, .blog-author-info a { text-decoration: underline; } .custom-related-post { text-decoration: none !important; } .przepisyfoto-related-item a { text-decoration: none !important; } ul, ol { margin: 0 0 1.5em 1.725em; padding: 5 px !important; } .spnc-single-post .spnc-pagination-single .spnc-post-content h4.spnc-entry-title a { font-size: 1.15rem; } .spnc-single-post .comment-form form input[type="text"], .spnc-single-post .comment-form form input[type="email"], .spnc-single-post .comment-form form textarea { margin-bottom: 0.125rem; } .spnc-single-post .comment-form form label { margin-bottom: 0.125rem; margin-top: 0.125rem; } .spnc-single-post .comment-form form p.comment-form-author {width:70%;padding-right: 0px;} .spnc-single-post .comment-form form p.comment-form-email { padding-left: 0px;width:70%; } @media (max-width: 768px) { .spnc-single-post .comment-form form p.comment-form-author {width:100%;padding-right: 0px;} .spnc-single-post .comment-form form p.comment-form-email { padding-left: 0px;width:100%; } } @media (max-width: 768px) { .tools-center { justify-content: center; margin-bottom:20px; } .print-btn {display: none !important;} } @media (max-width: 480px) { .tools-btn { flex: 1 1 auto; min-width: 100px; justify-content: center; } .print-btn {display: none !important;} } @media (max-width: 768px) { #print-btn { display: none !important; } } @media (max-width: 480px) { #print-btn { display: none !important; } } ::selection { background-color: #D6E6A2; color: #000; /* czarny tekst */ } ::-moz-selection { background-color:#D6E6A2; color: #000; } .comment-body .kk-comment-stars-wrapper {display: none !important; } .kk-comment-stars-wrapper label { font-size: 1rem; font-family: "Poppins"; font-weight: 600 !important; color: #000; line-height: 2.3; } .pull-left-comment:has(img[src*="d=blank"]) { display: none !important; } .comment-section .comment-respond { border: 4px solid #F2F4DF; padding:7px !important; margin-right:7px !important; border-radius:5px !important; } /* Domyślnie szary */ .cld-like-wrap .cld-like-trigger i { color: #96B72A; /* szary przed oceną */ transition: color 0.3s; } /* Po najechaniu kursorem */ .cld-like-wrap:hover .cld-like-trigger i { color: red; /* domyślny kolor serduszka */ } /* Po kliknięciu (gdy użytkownik już polubił) */ .cld-like-wrap.cld-liked .cld-like-trigger i { color: #96B72A; /* domyślny kolor serduszka po kliknięciu */ } .cld-like-dislike-wrap .cld-common-wrap { background-color: #F2F4DF;padding:3px 10px 3px 10px;border-radius:5px; } #respond textarea#comment { border: 2px solid #F2F4DF !important; border-radius: 4px !important; width: 100% !important; box-sizing: border-box !important; padding:10px !important; } .spnc-blog-1-heading { padding-top:10px !important; } .comment-section { padding: 20px 0px 0px !important; } .blog-author, .comment-box { padding: 1.5rem 0rem !important; } .pull-left-comment { float: left; margin-right: 1rem; width: 3.5rem !important; height: 3.5rem !important; } .blog-author, .comment-box { padding: 0.4rem 0rem !important; } .comment-section .children { padding-left:10px !important; padding-right:0rem !important; margin-left:0.15rem !important; border-left:2px solid #96B72A ;border-radius:0px; padding:10px; } .comment-detail .edit-link a, .comment-detail .reply a, .spnc-post .spnc-entry-content .footer-meta a {font-size: 1.1rem; font-weight:700; text-decoration: none; /* usuwa podkreślenie */ color: #96B72A; /* ładny niebieski kolor linku */ transition: color 0.3s ease, border-bottom 0.3s ease; /* płynne przejście */ border-bottom: 2px solid transparent; /* dla subtelnego efektu podkreślenia */ } .comment-detail .edit-link a:hover, .comment-detail .reply a:hover, .spnc-post .spnc-entry-content .footer-meta a:hover { color: #7C9828; /* ciemniejszy odcień na hover */ border-bottom: 2px solid #7C9828; /* delikatne podkreślenie przy hover */ } .comment-img { border-radius:40px !important; background:#e3e5c7; padding:0px;margin-left:5px; } .comment-date { font-weight:400 !important; } .comment-box { display: flex !important; flex-direction: column !important; /* Avatar nad treścią */ align-items: flex-start !important; /* Wyrównanie do lewej */ gap: 10px; /* Odstęp między avatarem a komentarzem */ margin-bottom:15px !important; border-left:5px solid #e3e5c7; border-top:2px solid #e3e5c7; border-bottom:2px solid #e3e5c7; border-right:2px solid #e3e5c7; border-radius:10px; } .comment-box .comment-section .children { border-left:none !important; } .pull-left-comment { order: -1 !important; /* Upewnia się, że avatar jest na górze */ } .comment-detail {margin-left:8px !important;} .kk-star-ratings.kksr-align-left { margin-bottom:30px; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-post-wrapper { padding: 7px 0px 8px !important; background-color: #fff; } /* Ukryj podpis w Simple Lightbox */ .slb_data_content { display: none !important; } #slb_viewer_wrap .slb_theme_slb_baseline .slb_container { padding: 0px !important; } /* 1) Nadpisanie wszystkiego w obrębie widgetu powiązanych postów */ .spnc-related-posts, .spnc-related-posts * { /* pozwól na normalne zawijanie i pokaż wszystko */ white-space: normal !important; overflow: visible !important; text-overflow: clip !important; max-height: none !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; -ms-line-clamp: none !important; box-sizing: border-box !important; overflow-wrap: break-word !important; /* łamanie długich słów/URL */ word-break: break-word !important; /* dodatkowe łamanie w razie potrzeby */ } .header-sidebar .widget { text-align: center !important; display: block !important; float: none !important; } @media (min-width:900px) { .custom-social-icons a { padding-left:65% !important; } } .custom-social-icons li>a:active { font-size:20px !important; border: none !important; background-color: #fff !important; color:#98B731 !important; margin-left:0px !important; } .custom-social-icons li>a:focus { font-size:20px !important; border: none !important; background-color: #fff !important; color:#98B731 !important; margin-left:0px !important; } .ub-buttons { margin-top: 0px !important; } .ub-buttons .ub-button-container a.ub-button-block-main.ub-button-block-main { font-weight: 700 !important; } .ub-buttons .ub-button-container a.ub-button-block-main.ub-button-block-main:hover { background-color: #EEF0DE !important;color:#222 !important; font-weight: 700 !important; } .error-slider {display: none !important;} .error-slider .swiper-button-next, .error-slider .swiper-button-prev { position: absolute; top: 50% !important; transform: translateY(-50%); width:60px; height:60px; border-radius: 0% !important; color: #222; display: flex; align-items: center; justify-content: center; z-index: 10; background-color: rgba(255, 255, 255, 0.3); margin-left:0px !important; margin-right:0px !important; } #block-41, #block-67 {display: none !important; } @media (max-width: 720px) #block-65, #block-67 {display: none !important; } .custom-social-icons {padding-bottom:0px !important; width:100%; } .header-sidebar .widget .custom-social-icons { float: none; display: inline-block; padding: 0px !important; } .custom-social-icons a {font-size:15px !important;margin-left:30px !important; padding-right: 20px !important; } .custom-social-icons li>a { font-size:20px !important; border: none !important; margin-left:0px !important; } .custom-social-icons li>a:hover { font-size:20px !important; border: none !important; background-color: #fff !important; color:#98B731 !important; margin-left:0px !important; } .comment-form-attachment__file-size-notice, .comment-form-attachment > span:not(.required) {font-size: 1rem !important;} abbr[title] {display: none !important;} .error-slider .swiper-slide { aspect-ratio: 2.5/1.1 !important; margin-top:20px; } @media (max-width:480px) { .error-slider .swiper-slide { aspect-ratio: 2/2 !important; margin-top:0px !important; } } .spnc-single-post .spnc-post-overlay .spnc-post-thumbnail img { width: 100% !important; height: auto !important; aspect-ratio: 8 / 6.2 !important; object-fit: cover !important; object-position: center !important; border-radius:0px !important; } @media (max-width: 1024px) { .spnc-single-post .spnc-post-overlay .spnc-post-thumbnail img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; object-position: center !important; } } .wpsr-sb-vl { z-index: 99999; max-width: 82px; top:2% important!; transform: none !important; position: fixed; } .wp-socializer.wpsr-share-icons { margin: 0.2em 0 !important; margin-bottom: 2em !important; } .yasr-auto-insert-visitor { margin-top: 10px;margin-bottom:30px !important; } /* Ukrycie ikonki minus (zamknij) w WP Socializer sticky bar */ .wpsr-close-btn { display: none !important; } .socializer a {margin-top:5px !important; border-radius:5px !important; } .sr-more .socializer a { font-family: sans-serif!important; display: inline-flex; border: 0; text-align: center; text-decoration: none; width: 30px; height: 30px; font-size: 14px; border-style: solid; box-sizing: content-box; align-items: center; justify-content: center; transition: all .5s; transition-timing-function: ease-out; } .sr-more::after, .sr-more::before, .socializer::after, .socializer::before { content: none !important; } .spnc-page-section-space .widget .wp-block-heading, .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget.widget_block:not(:has(div.spnc-widget-heading)) :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 11.5px !important; } .uagb-block-b7094911 .uagb-post-grid-byline { padding-bottom: 0px; } .spnc-related-posts.spnc-grid {padding: 0rem !important;} body.archive .spnc-post-list-view-section .spnc-post .spnc-post-content, body.search .spnc-post-list-view-section .spnc-post .spnc-post-content {text-align: left !important;} body.category .page-section-space, .page .page-section-space { max-width: 100% !important; margin: 0px auto !important; } @media (min-width: 1150px) { body.category .page-section-space, .page .page-section-space { max-width: 100% !important; margin: 0px auto !important; } } .archive .spnc-blog-section, .search .spnc-blog-section {max-width:1260px !important; margin: 0 auto !important; } .home .uagb-post__title a { font-size: 1.55rem !important;letter-spacing: 0px !important; line-height:2rem !important; text-align:left !important; font-weight:500 !important; padding-bottom:0px !important; padding-top:0px !important; margin-bottom:5px; } @media (min-width:0px) { .spnc-post-list-view-section .spnc-post .spnc-post-overlay { flex: 0 1 40%; position: relative; overflow: hidden; } body.search .spnc-post-thumbnail img, body.archive .spnc-post-thumbnail img, .spnc-post-list-view-section .spnc-post .spnc-post-overlay .spnc-post-thumbnail img { position: relative !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; object-position: center !important; padding:0px !important; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-title { margin-top: 20px !important; margin-bottom: 17px; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-title a { font-size: 1.3rem !important; line-height:1.4rem; text-align: left !important; font-weight:600 !important; padding-bottom:0px !important; padding-top:0px !important; margin-top:0px !important; margin-left:0px; } .home .uagb-post__title a { font-weight:600 !important; } @media (min-width:360px) { .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-title a { font-size: 1.3rem !important; line-height:1.5rem; text-align: left !important; padding-top:0px !important; margin-top:0px !important; } } @media (min-width:601px) { .spnc-post-list-view-section .spnc-post .spnc-post-content, .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-content {height:auto !important; } body.archive .spnc-post-list-view-section, body.search .spnc-post-list-view-section { display: grid; grid-template-columns: 1fr !important; gap: 15px !important; background-color: #fff; padding: 0px !important; margin: 0 !important; width: 100% !important; height: auto !important; object-fit: cover !important; object-position: center !important; } body.archive .spnc-post, body.search .spnc-post { display: flex; flex-direction: row; } body.search .spnc-post-thumbnail img, body.archive .spnc-post-thumbnail img, .spnc-post-list-view-section .spnc-post .spnc-post-overlay .spnc-post-thumbnail img { position: relative !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; object-position: center !important; } .spnc-post-list-view-section .spnc-post .spnc-post-overlay { flex: 0% !important; position: relative; overflow: hidden; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-title { margin-top: 0px !important; margin-bottom: 17px; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-title a { font-size: 1.5rem !important; line-height:1.9rem; text-align: left !important; padding:15px !important; padding-top:15px !important; } } @media (min-width:1024px) { .spnc-post-list-view-section .spnc-post .spnc-post-content, .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-content {height:auto !important; } .home .uagb-post__title a { font-size: 1.25rem !important;letter-spacing: 0px !important; line-height:1.5rem !important; text-align: left !important; font-weight:600 !important; padding-bottom:0px !important; padding-top:5px !important; margin-bottom:15px; } body.archive .spnc-post-list-view-section, body.search .spnc-post-list-view-section { display: grid; grid-template-columns: 1fr 1fr !important; gap: 0px !important; background-color: #fff; padding: 0px !important; margin: 0 !important; width: 100% !important; height: auto !important; object-fit: cover !important; object-position: center !important; } body.archive .spnc-post, body.search .spnc-post { display: flex; flex-direction: row; max-height:260px !important; padding:20px !important; } .spnc-post-list-view-section .spnc-post .spnc-post-overlay { flex: 0% !important; position: relative; overflow: hidden; max-height:210px !important; max-width:210px !important; } body.search .spnc-post-thumbnail img, body.archive .spnc-post-thumbnail img, .spnc-post-list-view-section .spnc-post .spnc-post-overlay .spnc-post-thumbnail img { max-height:210px !important; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-title a { font-size: 1.4rem !important; line-height:1.7rem; text-align: left !important; padding-top:15px !important; margin-top:10px !important; } } .archive .spnc-entry-title a, .search .spnc-entry-title a { text-overflow: unset !important; text-align:center !important; display: block !important; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-description { border: none !important; } .spnc-post-list-view-section .spnc-post { display: flex; background-color: #fff; gap: 0px !important; padding: 0px 10px; } /* --- KWADRATOWE ZDJĘCIA W SPNC POST --- */ .spnc-related-posts.spnc-grid .spnc-related-post-wrapper .spnc-post .spnc-post-thumbnail { position: relative; width: 100%; overflow: hidden; } .spnc-related-posts.spnc-grid .spnc-related-post-wrapper .spnc-post .spnc-post-thumbnail::before { content: ""; display: block; padding-top: 100%; /* wysokość = szerokość → KWADRAT */ } .spnc-related-posts.spnc-grid .spnc-related-post-wrapper .spnc-post .spnc-post-thumbnail a, .spnc-related-posts.spnc-grid .spnc-related-post-wrapper .spnc-post .spnc-post-thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .spnc-related-posts.spnc-grid .spnc-related-post-wrapper .spnc-post .spnc-post-thumbnail img { object-fit: cover; /* zdjęcie wypełnia cały kwadrat */ border-radius: 8px; /* opcjonalne */ } .spnc-related-posts.spnc-grid .spnc-related-post-wrapper .spnc-post .spnc-post-thumbnail { display: block !important; position: relative !important; width: 100% !important; height: 0 !important; padding-bottom: 100% !important; /* wysokość = szerokość => KWADRAT */ overflow: hidden !important; box-sizing: border-box !important; } /* --- UKŁAD SIATKI --- */ @media (max-width: 1024px) { .spnc-related-posts.spnc-grid .spnc-related-post-wrapper .spnc-post { flex: 0 1 calc(31% - 23px / 2); max-width: calc(31% - 23px / 2); } } @media (max-width: 480px) { .spnc-related-posts.spnc-grid .spnc-related-post-wrapper .spnc-post { flex: 0 1 100%; max-width: 100%; } .spnc-related-posts.spnc-grid .spnc-related-post-wrapper .spnc-post .spnc-post-thumbnail { display: block !important; position: relative !important; width: 100% !important; height: 0 !important; padding-bottom: 100% !important; /* wysokość = szerokość => KWADRAT */ overflow: hidden !important; box-sizing: border-box !important; } /* Anchor bez wpływu na flow, wypełnia kontener */ .spnc-related-posts.spnc-grid .spnc-related-post-wrapper .spnc-post .spnc-post-thumbnail > a { position: absolute !important; inset: 0 !important; /* top:0; right:0; bottom:0; left:0 */ display: block !important; width: 100% !important; height: 100% !important; } } .single .uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a[class^="uagb-image-ratio-"], .page .uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a[class^="uagb-image-ratio-"] { position: relative !important; aspect-ratio: 1.3 / 1 !important; overflow: hidden !important; display: flex !important; align-items: stretch !important; } .single .uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a[class^="uagb-image-ratio-"] > img, .page .uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a[class^="uagb-image-ratio-"] > img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important;border-radius: 8px 8px 0px 0px !important; } .single .uagb-post__image, .page .uagb-post__image { width: 100% !important; padding-top: 0% !important; padding-bottom: 0% !important; } .spnc-entry-content p { font-size: 18px; } /* Tablety (np. do 1024px szerokości) */ @media (max-width: 2024px) { .spnc-entry-content p { font-size: 18px; } } /* Telefony (np. do 768px szerokości) */ @media (max-width: 768px) { .spnc-entry-content p { font-size: 16px; } } /* Bardzo małe ekrany (np. do 480px szerokości) */ @media (max-width: 880px) { .spnc-entry-content p { font-size:16px; } } .spnc-entry-content ul, .spnc-entry-content li { font-size: 18px; } /* Tablety (np. do 1024px szerokości) */ @media (max-width: 1024px) { .spnc-entry-content ul, .spnc-entry-content li { font-size: 18px; } } /* Telefony (np. do 768px szerokości) */ @media (max-width: 768px) { .spnc-entry-content ul, .spnc-entry-content li { font-size: 16px; } } /* Bardzo małe ekrany (np. do 480px szerokości) */ @media (max-width: 480px) { .spnc-entry-content ul, .spnc-entry-content li { font-size: 16px; } } .wp-block-quote {background: #fff !important; border-radius: 0px !important;font-weight:700 !important;} aside.wow-callback.zoomIn.widget.w-c.side-bar-widget.sidebar-1.widget_nav_menu.wow-sticky { padding: 0 !important;padding-left:10px !important; padding-right:20px !important; } .uagb-post__image img { transition: filter 0.3s ease; } .uagb-post__image:hover img { filter: brightness(1.02); /* delikatne rozjaśnienie */ } h2 { font-size: 1.7rem;} .newscrunch.single-post article.comment-form { margin-bottom: 0px !important; padding: 10px 0px !important;} @media (max-width:815px) { .spnc-col-9 {display: none !important; } } .wp-block-ub-content-toggle-accordion-title-wrap { background-color: #fff !important; border: 4px solid #e8ebd2 !important;} .single .trail-end { display: none !important;} .breadcrumb-item + .breadcrumb-item::before {font-size:14px !important;} .spnc-sidebar .wp-block-heading { background-color: #7c9828 !important;border-radius:8px !important; font-family: "Caprasimo", sans-serif; text-transform:uppercase; font-weight:100 !important; font-size:1.8rem !important; padding: 18px !important; } .spnc-sidebar .uagb-post-grid .uagb-post__title a, .uagb-post-grid .uagb-post__title a:focus, .uagb-post-grid .uagb-post__title a:active {font-size:15px;width:100%;} .single h4.uagb-post__title.uagb-post__text { line-height:1.1 !important; padding-bottom: 15px !important; } .uagb-block-46194018 .uagb-post__text.uagb-post__title a {font-size:1em !important; font-weight:600 !important; line-height:1.2 !important; margin-top:10px; } @media (max-width: 925px) { .uagb-block-46194018 .uagb-post__text.uagb-post__title a {font-size:1.15em !important; line-height:1.2 !important; } } .widget.widget_block { padding-right:0px !important; max-width:1300px !important; margin: 0 auto !important; padding-bottom:0px !important; } .uagb-block-46194018.wp-block-uagb-post-grid.is-grid {max-width:1030px !important; padding:15px; background:#f3f4ec; border-radius:8px; margin-top:20px; } .uagb-block-46194018 .uagb-post__inner-wrap span.uagb-post__taxonomy.highlighted { margin-bottom: 6px; margin-top: 6px; border-radius:30px !important; text-transform:uppercase; letter-spacing:1px; padding:5px 12px 6px 12px; } .uagb-block-46194018 .uagb-post__inner-wrap span.uagb-post__taxonomy.highlighted a{ font-size:11px !important; font-weight:700; } .widget.widget_block { padding: 0rem !important; margin: 0 auto !important; } .ub-buttons .ub-button-container a.ub-button-block-main.ub-button-block-main { color: #222; background-color: #e8ebd2; border: var(--ub-button-border); } .widget.widget_block .headerhome { color: #fff !important; padding:5px 10px 5px 15px !important; letter-spacing:1.3px !important; font-family:"Caprasimo",sans-serif; font-weight: 100; text-align:center !important; background-color: #FF9100; margin: 0 auto; max-width:1040px !important; border-radius:8px!important; margin-bottom:0px !important; } .uagb-block-6c09a9fb.wp-block-uagb-post-grid.is-grid { margin-top:25px !important; } .widget.widget_block .headerhome a { color: #fff !important;text-decoration: none !important; } @media (min-width: 1068px) { .widget.widget_block .headerhome { } } @media (max-width: 1024px) { .widget.widget_block .headerhome { margin-bottom:0px !important; } } @media (max-width: 480px) { .widget.widget_block .headerhome { font-size:27px !important; } } .archive .headerhome2, .search .headerhome2 { color: #fff !important; padding:5px 10px 5px 15px !important; font-family:"Caprasimo",sans-serif; letter-spacing:1.3px !important; font-size:2.2rem !important; font-weight: 100; text-align:center !important; background-color: #98b731; margin: 0 auto; max-width:1260px !important;margin-left:5px !important;margin-right:5px !important; border-radius:8px!important; margin-bottom:25px !important; } .headerhome2 { color: #fff !important; padding:5px 10px 5px 15px !important; font-family:"Caprasimo",sans-serif; letter-spacing:1.3px !important; font-weight: 100; text-align:center !important; background-color: #98b731; margin: 0 auto; max-width:1040px !important; border-radius:8px!important; margin-bottom:25px !important; } .headerhome2 a { color: #fff !important;text-decoration: none !important; } .widget.widget_block .headerhome3 { color: #fff !important; padding:5px 10px 5px 15px !important; font-family:"Caprasimo",sans-serif; letter-spacing:1.3px !important; font-weight: 100; text-align:center !important; background-color: #98b731; margin: 0 auto; max-width:1040px !important; border-radius:8px!important; margin-bottom:0px !important; } @media (min-width: 1068px) { .widget.widget_block .headerhome2 { } } @media (max-width: 480px) { .widget.widget_block .headerhome2 { font-size:27px !important; } .widget.widget_block .headerhome3 { font-size:27px !important; } } .recipe-block p { font-size: 16px !important; line-height: 1.5; } @media (max-width: 768px !important) { .recipe-block p { font-size: 15px; } } @media (max-width: 480px) { .recipe-block p { font-size: 16px !important; } } .recipe-block .szklanka {font-size:14px !important;padding-top:5px; font-weight:500; } .recipe-block ul { font-size: 16px !important; line-height: 1.5; padding-left: 20px; /* opcjonalnie dla listy */ } .recipe-block li { font-size: 16px !important; line-height: 1.5; margin-bottom: 8px; /* odstęp między elementami listy */ } @media (max-width: 768px) { .recipe-block ul, .recipe-block li { font-size: 16px !important; } } @media (max-width: 480px) { .recipe-block ul, .recipe-block li { font-size: 16px !important; } } .spnc-highlights-2.spnc-highlights-1 .spnc-container .spnc-row {padding: 0px !important; padding-right: 10px !important;padding-left:10px !important;} /* Podstawowy rozmiar akapitu */ .spnc-entry-content p { font-size: 18px; } /* Tablety (do 1024px szerokości) */ @media (max-width: 1024px) { .spnc-entry-content p { font-size: 18px; /* pozostaje taki sam */ } } /* Telefony (do 768px szerokości) */ @media (max-width: 768px) { .spnc-entry-content p { font-size: 16px; } } /* Bardzo małe ekrany (do 480px szerokości) */ @media (max-width: 480px) { .spnc-entry-content p { font-size: 16px; } } html { -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; -o-text-size-adjust: 100% !important; text-size-adjust: 100% !important; } /* Dodatkowo wymuszenie jednolitego skalowania w spanach */ .spnc-entry-content p span, .recipe-block p span { font-size: inherit !important; } .site-footer ul { margin: 0 0 0px 22px !important; padding: 0; } .spnc-sidebar .wp-block-search .wp-block-search__label, .spnc-sidebar .widget.widget_block :is(h1, h2, h3, h4, h5, h6):not(.wc-block-featured-category__title,.wc-block-featured-product__title) {letter-spacing: 1px !important;} .spnc-single-post { padding: 5px 0px 0px 0px !important; margin:0 auto; max-width:95%; } .page-section-space { padding: 3.6px 0 42.75px; } .spnc-single-post .comment-form form textarea { height: 140px; border: solid 1px #ccc !important; } .info-note { display: flex; align-items: center; /* wycentrowanie ikony w pionie względem tekstu */ font-size: 14px; } .info-note .info-icon { font-size: 24px; /* większa ikona */ margin-right: 6px; /* odstęp od tekstu */ } .home .uagb-post__title a:hover {color: #98b731 !important;} .widget.widget_block {padding-top:0px !important;margin-bottom:0px!important;} .spnc-sidebar .widget_categories .wp-block-categories-list .cat-item, .spnc-sidebar .spnc_widget_recent_entries .wp-block-latest-posts__list li { border-bottom: 1px solid #d7d7d7; padding: 7px 0 !important; } .single .uagb-post-grid .uagb-post__image img {border-radius:10px !important;} .archive .uagb-post-grid .uagb-post__image img {border-radius:10px !important;} .search .uagb-post-grid .uagb-post__image img {border-radius:10px !important;} .page .uagb-post-grid .uagb-post__image img {border-radius:10px !important;} .spnc-wrapper.spnc-btn-1 .spnc-sidebar .wp-block-search .wp-block-search__label, .spnc-wrapper.spnc-btn-1 .spnc-page-section-space .spnc-btn-1 .widget .wp-block-heading, .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget.widget_block :is(h1,h2,h3,h4,h5,h6) { position: relative; border-radius: unset; border: unset; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; margin: unset; padding: 10px 25px; color: #fff; font-weight: 700; width: 100%; } .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget.widget_block:not(:has(div.spnc-widget-heading)) :is(h1,h2,h3,h4,h5,h6):after, .spnc-page-section-space .widget .wp-block-heading:after { display: none !important; } @media (max-width: 600px) { /* Każdy post jako flexbox: obrazek po lewej, treść po prawej */ .spnc-post-list-view-section .spnc-post { display: flex !important; flex-direction: row !important; /* poziomo */ align-items: flex-start; width: 97% !important; margin: 0 auto !important; box-sizing: border-box; padding:10px !important; } .spnc-post-list-view-section { display: flex; gap: 0px !important; flex-direction: column; margin-bottom: 20px; } /* Obrazek po lewej */ .spnc-post-list-view-section .spnc-post .spnc-post-thumbnail { flex: 0 0 40% !important; /* zajmuje 40% szerokości postu */ margin-right: 10px !important; } .spnc-post-list-view-section .spnc-post .spnc-post-thumbnail img { width: 100% !important; height: auto !important; display: block; } /* Treść po prawej */ .spnc-post-list-view-section .spnc-post .spnc-post-content { flex: 1 !important; /* zajmuje resztę szerokości */ } } /* Responsywność dla średnich mobile (700px–400px) — poprawka odstępu */ @media screen and (max-width: 1024px) and (min-width: 400px) { body.home .spnc-entry-title, body.archive .spnc-entry-title, body.search .spnc-entry-title { padding-top: 0px !important; padding-left: 0px !important; padding-right: 0px !important; margin-bottom: 0px !important; } body.home .spnc-description, body.archive .spnc-description, body.search .spnc-description { padding-left: 5px !important; padding-top: 3px !important; } body.home .spnc-post-wrap, body.archive .spnc-post-wrap, body.search .spnc-post-wrap { padding: 5px !important; } } .front-banner.spnc-bnr-1 .spnc-post .spnc-post-content a {padding:5px 10px !important; background-color: rgba(152, 183, 49, 0.8); margin-left: 10px !important; } .front-banner.spnc-bnr-1 .spnc-post .spnc-post-content a:hover {padding-left:10px !important; color:#fff !important; text-decoration:underline !important;} .widget_newscrunch_featured_post .spnc-first-post h4.spnc-entry-title a {padding: 10px !important;} .spnc-common-widget-area {margin-bottom: 0px!important;} .widget_newscrunch_featured_post .spnc-first-post figure:before { content: " "; width: 100%; height: 100%; position: absolute; z-index: 0; top: auto; left: 0; background: -webkit-radial-gradient(rgba(255, 255, 255, 0.1) 0%,rgba(4, 0, 4, 0.4) 100%); } .widget_newscrunch_featured_post h4.spnc-entry-title a {padding-left: 10px !important;} .spnc-page-section-space.spnc-bnr-1 { padding-left: 10px; padding-right: 1px; margin 0 auto !important;} body.archive .content-none .spnc-entry-title, body.search .content-none .spnc-entry-title { margin: 0px 0 !important; padding-left: 0px !important; padding-top: 9px !important; padding-bottom: 0px !important; padding-right: 5px !important; } @media (min-width: 1424px) { .spnc-single-post .spnc-blog-wrapper { padding-left: 0px !important; } } @media (min-width: 1025px) { .spnc-single-post .spnc-blog-wrapper { padding-right: 28px !important; } } .uagb-post__image { width: 100% !important; padding-top: 50% !important; /* zawsze kwadrat */ position: relative !important; overflow: hidden !important; margin: 0 auto !important; box-sizing: border-box !important; } /* anchor/picture zajmują cały kwadrat */ .uagb-post__image > a, .uagb-post__image > a.uagb-image-ratio-inherit, .uagb-post__image > picture, .uagb-post__image > picture > img { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; } /* obrazek wypełnia kwadrat i jest przycięty */ .uagb-post__image img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height:97% !important; object-fit: cover !important; object-position: center !important; display: block !important; max-width: none !important; } .spnc-row .spnc-col-1, .spnc-row .spnc-col-2, .spnc-row .spnc-col-3, .spnc-row .spnc-col-4, .spnc-row .spnc-col-5, .spnc-row .spnc-col-6, .spnc-row .spnc-col-7, .spnc-row .spnc-col-8, .spnc-row .spnc-col-9, .spnc-row .spnc-col-10 { padding: 0 0px; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-description { font-size: 1rem !important; padding:0px !important; } .spnc-post-list-view-section .spnc-post { display: flex; background-color: #fff; gap: 20px; padding: 0px 10px; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); } * { box-shadow: none !important; } body .site-info { background-color: #222 !important; } .left-box-col-2 { padding-left: 10px; /* odstęp od obrazka */ } /* Odstęp od obrazka w kolumnach z przepisami */ .left-box-col-2 { padding-left: 10px; } /* Odstęp w stopce */ footer .wp-block-post-title a { margin-left: 8px; display: inline-block; /* dla pewności, żeby margines działał */ } .scroll-top::before { transform: rotate(0deg) !important; /* usuwa obrót */ font-size: 20px !important; cursor: pointer !important; background: var(--wp--preset--color--secondary) !important; color: var(--wp--preset--color--white) !important; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; content: '\f106' !important; /* fa-angle-up */ } .dco-attachment img { max-width: 200px; /* szerokość maksymalna miniaturki */ height: auto; /* zachowanie proporcji */ border-radius: 8px; /* zaokrąglone rogi, opcjonalnie */ margin-top: 10px; /* odstęp od tekstu komentarza */ } /* Nagłówki toggle */ .ub-content-toggle .ub-toggle-title { color: #333333 !important; /* kolor jak w treści wpisu */ font-size: 16px !important; /* wielkość jak reszta wpisu */ font-weight: normal !important; /* wagę czcionki dopasuj */ } /* Wyrównanie list do tekstu */ .entry-content ul, .entry-content ol { margin-left: 0; /* usuwa margines całego bloku listy */ padding-left: 1.2em; /* standardowe wcięcie punktów/numerów */ list-style-position: outside; /* punkty/numerki na zewnątrz */ } .single-post .wp-container-core-columns-is-layout-9c22b1e3 { gap: 0 !important; } .post-inner.wp-block-group { margin-top: 2px !important; padding-top: 2px !important; } .post-inner.wp-block-group > * { margin-top: 2px !important; /* resetuje marginesy dzieci bloków */ } /* Ukrywa autora przy wszystkich postach */ .wp-block-post-author-name__link { display: none !important; } /* Węższy pasek wyszukiwania z marginesami i odstępem od góry */ .wp-block-search__inside-wrapper { width: 300px !important; /* węższy pasek, możesz zmienić */ margin: 20px auto 0 auto; /* górny odstęp 20px, dół 0, wycentrowanie */ height:40px !important; } .wp-block-search__input { width: 100%; padding: 8px 12px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; } .wp-block-search__button { margin-left: 10px; padding: 10px 14px; } /* Zmniejszenie czcionki na urządzeniach mobilnych */ @media (max-width: 768px) { body { font-size: 16px !important; /* dopasuj wartość według potrzeb */ } } .wp-block-group.header-row.is-vertical.is-content-justification-stretch.is-nowrap.is-layout-flex { display: none !important; } /* Dla urządzeń mobilnych (np. poniżej 768px szerokości) */ @media (max-width: 768px) { .wp-block-group.query-wrap.is-layout-flow.wp-block-group-is-layout-flow { margin: 0 auto !important; padding-left: 2px !important; padding-right: 2px !important; width: 99% !important; max-width: 99% !important; } } /* Desktop i większe ekrany */ form.is-form-style { width: 98% !important; max-width: 98% !important; margin-left: auto !important; margin-right: auto !important; display: block; } /* Urządzenia mobilne - pełna szerokość */ @media (max-width: 768px) { form.is-form-style { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } } html { scroll-behavior: smooth; } /* Usuń outline przy kliknięciu myszką */ a:active, a:focus:not(:focus-visible), button:active, button:focus:not(:focus-visible) { outline: none !important; -webkit-tap-highlight-color: transparent !important; } a.ub-button-block-main { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-tap-highlight-color: transparent !important; } aside { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-tap-highlight-color: transparent !important; } .spnc-highlights-2.spnc-highlights-1 .spnc-container { padding-right:15px !important;} .home-sidebar-outer.wp-block-template-part { box-shadow: none !important; border: none !important; outline: none !important; } .wp-block-group.inner-post-box { border-radius: 0 !important; } .front-banner.spnc-bnr-1 .spnc-post .spnc-post-content a { font-size: 20px !important; /* desktop */ } @media (max-width: 1024px) { .front-banner.spnc-bnr-1 .spnc-post .spnc-post-content a { font-size: 17px !important; } } /* Wrapper menu */ .scroll-menu-wrapper { text-transform: uppercase; position: relative; display: flex; justify-content: center; /* wycentrowanie */ align-items: center; width: 100%; margin: 0 5px; /* marginesy po bokach */ overflow: hidden; /* ukrywa nadmiar scrolla dla gradientu */ box-sizing: border-box; margin-top:10px !important; } @media (max-width: 650px) { .scroll-menu-wrapper { margin: 0 3px !important; /* marginesy po bokach */} } /* Scroll container */ .scroll-menu { display: inline-flex; /* dopasowuje szerokość do zawartości */ overflow-x: auto; scroll-behavior: smooth; white-space: nowrap; margin: 0; scrollbar-width: thin; /* Firefox */ position: relative; /* potrzebne dla gradientu */ } /* Chrome/Safari scrollbar */ .scroll-menu::-webkit-scrollbar { height: 6px; } .scroll-menu::-webkit-scrollbar-thumb { background: #bbb; border-radius: 3px; } /* Menu items */ .scroll-menu-item { flex: 0 0 auto; display: inline-block; margin-right: 10px; padding: 7px 10px 6px 11px; color: #fff !important; background-color: #98B731; border-radius: 6px; text-decoration: none; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 1px; white-space: nowrap; transition: background 0.3s; } .scroll-menu-item:hover { background-color: #7A991F !important; color: #fff !important; } .scroll-menu-item:active { background-color: #7A991F !important; color: #fff !important; } @media (min-width:1100px) { .scroll-menu-item { flex: 0 0 auto; display: inline-block; margin-right: 10px; border: 1px solid #222; padding: 7px 10px 6px 11px; color: #222 !important; background-color: #fff !important; border-radius: 6px; text-decoration: none; font-size: 12px; font-weight: 700; letter-spacing: 1px; white-space: nowrap; transition: background 0.3s; } .scroll-menu-item:hover { background-color: #f3f4ec !important; color: #222 !important; border: 1px solid #f3f4ec; } } /* Gradient po prawej stronie */ .scroll-menu-wrapper::after { content: ''; position: absolute; top: 0; right: 0; width: 40px; /* wyraźniejszy efekt */ height: 100%; pointer-events: none; background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0)); } /* Desktop: większe odstępy góra-dół */ @media (min-width: 769px) { .scroll-menu { padding: 5px 0; /* większe odstępy góra-dół */ } } /* Mobile: lekki odstęp tylko na dole */ @media (max-width: 768px) { .scroll-menu { padding: 0 0 5px 0; /* góra 0, dół 5px */ margin-bottom:0px; !important; margin-left:0px; !important; } } @media (max-width: 768px) { .wp-block-navigation__responsive-dialog .wp-block-spacer { height: 0px !important; } .wp-block-navigation__responsive-dialog .wp-block-navigation__container li { margin: 0 !important; /* wymusza brak marginesu */ } .wp-block-navigation__responsive-dialog .wp-block-navigation__container li a { padding: 8px 12px !important; /* wymusza mniejszy padding */ display: block !important; } /* Zmniejszenie spacerów w mobilnym menu */ .wp-block-navigation__responsive-dialog .wp-block-spacer { height: 5px !important; } } @media (max-width: 1024px) { .wp-container-core-columns-is-layout-9c22b1e3 { row-gap: 0 !important; /* usuwa odstęp między wierszami */ gap: 0 !important; /* usuwa ogólny gap */ } } .scroll-bar2 { padding-top: 16px !important; } /* iPad Pro / szerokości około 1024–1366px */ @media (max-width: 1199px) { .scroll-bar2 { display: block !important; /* zmienia na box */ width: 100% !important; height: 100% !important;/* pełna szerokość u góry */ position: relative !important; margin-bottom: 4px !important; /* odstęp od treści poniżej */ padding-top: 25px !important; } } /* 2. Hover dla przycisków is-style-fill */ .wp-block-buttons .wp-block-button__link.is-style-fill:hover { background-color: #a3946b !important; /* tło hover */ color: #ffffff !important; /* kolor tekstu */ transition: all 0.3s ease !important; } .is-style-fill-banerhome { transition: transform 0.3s ease; /* płynne przejście */ } .is-style-fill-banerhome:hover { transform: scale(1.05); /* delikatne powiększenie */ } /* ---------------------------- Featured Image i tytuły postów ---------------------------- */ /* Kontener obrazka */ .inner-post-box .wp-block-post-featured-image { width: 100% !important; /* pełna szerokość kontenera */ height: 250px !important; /* domyślna wysokość na desktop */ overflow: hidden !important; /* przycinanie nadmiaru */ margin-bottom: 12px !important; /* odstęp pod obrazkiem */ } /* Obrazek wewnątrz figure */ .inner-post-box .wp-block-post-featured-image img { width: 100% !important; /* pełna szerokość obrazka */ height: 100% !important; /* dopasowanie do kontenera */ object-fit: cover !important; /* przycinanie zachowujące proporcje */ object-position: center center !important; /* środek widoczny */ display: block !important; /* usuwa inline-block marginesy */ border-radius: 0 !important; /* nadpisanie inline border-radius */ } /* Tytuł postu */ .inner-post-box .wp-block-post-title { margin-top: 8px !important; /* odstęp od obrazka */ margin-bottom: 12px !important; /* odstęp od treści poniżej */ line-height: 1.2em !important; /* kompaktowy line-height */ word-break: break-word !important; /* łamanie długich tytułów */ } /* ---------------------------- Usuń cienie i obramowania między postami ---------------------------- *//* Reset tylko dla elementów w inner-post-box poza recipe-block */ .inner-post-box :not(.wp-block-group.recipe-block), .inner-post-box :not(.wp-block-group.recipe-block) * { box-shadow: none !important; /* usuwa wszystkie cienie */ border: none !important; /* usuwa wszystkie obramowania */ outline: none !important; /* usuwa ewentualne obramowania focus */ } /* ---------------------------- Efekt hover dla tytułów postów (search i archive) ---------------------------- */ body.search .inner-post-box .wp-block-post-title a, body.archive .inner-post-box .wp-block-post-title a { transition: color 0.3s ease !important; } body.search .inner-post-box .wp-block-post-title a:hover, body.archive .inner-post-box .wp-block-post-title a:hover { color: #a3946b !important; } /* ---------------------------- Inner-post-box – ogólne ustawienia ---------------------------- */ .inner-post-box { margin-top: 8px !important; /* marginesy desktop/tablet */ margin-bottom: 12px !important; padding: 12px 16px !important; /* padding wewnątrz boxa */ border-radius: 10px !important; background-color: #fff !important; } /* Featured image – kontener */ .inner-post-box .wp-block-post-featured-image { width: 100% !important; height: 200px !important; /* desktop domyślnie */ overflow: hidden !important; margin-bottom: 6px !important; } /* Featured image – obrazek */ .inner-post-box .wp-block-post-featured-image { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; border-radius: 0 !important; } /* Tytuł postu */ .inner-post-box .wp-block-post-title { margin-top: 4px !important; margin-bottom: 6px !important; line-height: 1.2em !important; word-break: break-word !important; font-size: 17px !important; } /* Excerpt */ .inner-post-box .wp-block-post-excerpt { margin-top: 0 !important; margin-bottom: 8px !important; line-height: 1.4em !important; font-size: 14px !important; } /* ---------------------------- Efekt hover tytułów – search i archive ---------------------------- */ body.search .inner-post-box .wp-block-post-title a, body.archive .inner-post-box .wp-block-post-title a { transition: color 0.3s ease !important; } body.search .inner-post-box .wp-block-post-title a:hover, body.archive .inner-post-box .wp-block-post-title a:hover { color: #a3946b !important; } /* ---------------------------- Responsive – mobile i tablet ---------------------------- */ /* Średnie ekrany: 400px – 768px */ @media (min-width: 400px) and (max-width: 768px) { .inner-post-box { margin-top: 0 !important; /* brak odstępów pionowych */ margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 8px !important; padding-right: 8px !important; border-radius: 10px !important; } .inner-post-box .wp-block-post-featured-image { height: 150px !important; /* mniejsza wysokość */ margin-bottom: 4px !important; } .inner-post-box .wp-block-post-title { margin-top: 2px !important; margin-bottom: 4px !important; font-size: 16px !important; } .inner-post-box .wp-block-post-excerpt { margin-top: 0 !important; margin-bottom: 6px !important; font-size: 13px !important; line-height: 1.3em !important; } } /* Mobile poniżej 400px */ @media (max-width: 399px) { .inner-post-box .wp-block-post-featured-image { height: 120px !important; } .inner-post-box .wp-block-post-title { font-size: 15px !important; } .inner-post-box .wp-block-post-excerpt { font-size: 12px !important; } } /* Desktop powyżej 768px */ @media (min-width: 769px) { .inner-post-box .wp-block-post-featured-image { height: 200px !important; } .inner-post-box .wp-block-post-title { font-size: 17px !important; } .inner-post-box .wp-block-post-excerpt { font-size: 14px !important; } } /* Zmniejszenie i przyciemnienie separatora w breadcrumbs AIOSEO */ .aioseo-breadcrumbs .aioseo-breadcrumb-separator { font-size: 0.8em; /* zmniejszenie rozmiaru */ color: #999999; /* jaśniejszy, bardziej subtelny kolor */ margin: 0 5px; /* minimalny odstęp od elementów */ } @media (max-width: 768px) { .spnc-breadcrumb-wrap { display: flex; flex-direction: column; width: 100%; } .spnc-breadcrumb-wrap .spnc-col-8 { width: 100%; } .spnc-breadcrumb-wrap .spnc-col-8:first-child { order: -1; /* Tytuł pojawi się jako pierwszy */ } } .spnc-breadcrumb-wrap {margin: 0px !important; } /* Usuwamy border i cienie tylko na stronach search i archive */ body.search .inner-post-box, body.archive .inner-post-box { border: none !important; box-shadow: none !important; } /* Scroll-bar2 zajmuje prawie całą szerokość na mobile */ @media (max-width: 768px) { .scroll-bar2 { width: calc(100% - 4px); /* prawie cała szerokość ekranu */ margin: 2px !important; /* minimalne marginesy wokół */ padding-left: 8px !important; /* opcjonalnie wewnętrzne odstępy */ padding-right: 12px !important; flex-basis: 100% !important; /* nadpisuje flex-basis kolumny */ box-sizing: border-box; /* uwzględnia padding w szerokości */ padding-top: 9px !important; } } /* Blokuje przesuwanie w poziomie na wszystkich urządzeniach */ html, body { overflow-x: hidden !important; } /* -------------------- */ /* USUŃ FOCUS / OUTLINE */ /* -------------------- */ /* Wszystkie interaktywne elementy */ a:focus, button:focus, input:focus, textarea:focus, select:focus, summary:focus, details:focus, label:focus, [tabindex]:focus { outline: none !important; box-shadow: none !important; } /* Dodatkowe dla Firefox przycisków */ button::-moz-focus-inner { border: 0; padding: 0; } /* ---------------------------- */ /* USUŃ TAP HIGHLIGHT NA MOBILU */ /* ---------------------------- */ a, button, input, textarea, select, summary, details, img, svg, label, [tabindex] { -webkit-tap-highlight-color: transparent !important; /* iOS/Android */ -webkit-user-select: none !important; /* blokuje zaznaczanie tekstu */ -webkit-touch-callout: none !important; /* usuwa menu po przytrzymaniu iOS */ user-select: none !important; /* blokuje zaznaczanie w desktop Safari/Chrome */ } /* ---------------------------- */ /* DODATKOWE: select / input */ /* ---------------------------- */ select, input[type="text"], input[type="number"], input[type="email"], input[type="password"], textarea { -webkit-appearance: none !important; /* usuwa natywne style */ -moz-appearance: none !important; appearance: none !important; border: none !important; /* usuwa border focus */ } /* ---------------------------- */ /* DODATKOWE: przyciski SVG */ /* ---------------------------- */ button svg, a svg { pointer-events: none; /* nie pokazuje focus na wewnętrznych SVG */ } /* ---------------------------- */ /* DODATKOWE: wszelkie tabindex */ /* ---------------------------- */ [tabindex] { outline: none !important; box-shadow: none !important; } /* kontener zdjęcia postu */ .spnc-category-page .spnc-grid-catpost .spnc-post-thumbnail{ max-height: 220px !important; /* maksymalna wysokość kontenera */ overflow: hidden !important; /* przycinanie nadmiaru */ position: relative !important; /* potrzebne do absolutnego pozycjonowania img */ } /* obrazek w kontenerze */ .spnc-category-page .spnc-grid-catpost .spnc-post-thumbnail img { position: absolute !important; top: 50% !important; left: 50% !important; width: 100% !important; /* wypełnia szerokość kontenera */ height: auto !important; /* zachowuje proporcje */ transform: translate(-50%, -50%) !important; /* centrowanie w kontenerze */ object-fit: cover !important; /* przycinanie nadmiaru w nowoczesnych przeglądarkach */ } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-post-thumbnail {width: 100% important!; height: 100% !important} /* ustawienie minimalnych odstępów między po /* upewniamy się, że kontener flex */ flex-wrap: wrap !important; /* zawijanie wierszy */ gap: 0px 0px !important; /* 6px pionowo, 7px poziomo */ } /* kontenery postów – nie zmieniamy szerokości ani flex */ body.archive .wp-block-group.inner-post-box, body.search .wp-block-group.inner-post-box { box-sizing: border-box !important; margin: 0 !important; /* marginesy zewnętrzne wyzerowane, odstęp z gap */ } /* Zmniejszenie paddingu w kontenerze postów */ body.archive .wp-block-group.inner-post-box, body.search .wp-block-group.inner-post-box { padding: 5px !important; /* minimalny padding wewnętrzny */ box-sizing: border-box !important; } /* Minimalne odstępy między tytułem a zdjęciem */ body.archive .wp-block-group.inner-post-box h4, body.search .wp-block-group.inner-post-box h4 { margin: 4px 0 !important; } /* Minimalne odstępy między excerpt a tytułem */ body.archive .wp-block-group.inner-post-box .wp-block-post-excerpt__excerpt, body.search .wp-block-group.inner-post-box .wp-block-post-excerpt__excerpt { margin: 4px 0 0 0 !important; } /* --- Mobilnie: większe mobile 2 kolumny, brak pionowych marginesów --- */ @media (max-width: 768px) and (min-width: 481px) { body.archive .wp-block-posts, body.search .wp-block-posts { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; /* 2 kolumny */ gap: 0 7px !important; /* brak pionowego gap, poziomy 7px */ } body.archive .wp-block-post, body.search .wp-block-post { margin: 0 !important; /* brak marginesów pionowych */ padding: 6px !important; /* minimalny padding wewnętrzny */ box-sizing: border-box !important; } } /* --- Mini-mobile: do 480px → 1 kolumna --- */ @media (max-width: 480px) { body.archive .wp-block-posts, body.search .wp-block-posts { grid-template-columns: 1fr !important; /* 1 kolumna */ } body.archive .wp-block-post, body.search .wp-block-post { margin: 0 !important; padding: 6px !important; } } /* kontener zdjęcia postu */ body.archive .wp-block-post-featured-image, body.search .wp-block-post-featured-image { max-height: 150px !important; /* maksymalna wysokość kontenera */ overflow: hidden !important; /* przycinanie nadmiaru */ position: relative !important; /* potrzebne do absolutnego pozycjonowania img */ } .wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-title { padding: 10px 10px 10px 12px; margin: 0; display: block; } /* Ukrywa cały element slick-dots na stronie głównej */ .home .slick-dots { display: none !important; } .wp-block-ub-content-toggle-accordion-content-wrap { box-sizing: border-box !important; padding-left:14px; padding-right:14px !important; } .wp-block-ub-content-toggle-accordion {border: none !important;} @media (max-width: 480px) { .wp-block-ub-content-toggle-accordion-content-wrap { box-sizing: border-box !important; padding-left:12px; padding-right:12px !important; overflow: hidden !important; } } .wp-block-comments {border: none !important; padding-bottom: 10px !important;} .single-post .wp-block-post-comments-form textarea, .page .wp-block-post-comments-form textarea {border: 1px solid #949494 !important;padding-top: 18px;} .comment-form-author input, .comment-form-email input { border: 1px solid #949494 !important; } /* Linki tylko w głównym bloku treści wpisu lub strony */ .single-post .entry-content > * a, .page .entry-content > * a { text-decoration: underline !important; } .single-post .entry-content > * a:hover, .page .entry-content > * a:hover { text-decoration: none !important; } /* Strona główna – tylko w treści */ .home .entry-content > * a { text-decoration: none !important; } .home .entry-content > * a:hover { text-decoration: underline !important; } /* Instrukcja skrócona – poprawa odstępów i numeracji */ .wp-block-group.recipe-block .right-column ol { margin-left: 1.2em !important; /* trochę miejsca na numerację */ padding-left: 0 !important; /* reset dziwnych paddingów WP */ line-height: 1.3 !important; /* odstęp między wierszami */ } .wp-block-group.recipe-block .right-column ol li { line-height: 1.3 !important; /* odstęp między wierszami wewnątrz punktu */ margin-bottom: 0.6em !important; /* odstęp między punktami */ } .wp-block-group.recipe-block .right-column p { line-height: 1.3 !important; /* odstęp między wierszami wewnątrz punktu */ margin-bottom: 0.6em !important; /* odstęp między punktami */ } /* Akapity i nagłówki w treści pojedynczego wpisu */ .single-post .entry-content p, .single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6 { margin-top: 0.8em !important; margin-bottom: 0.5em !important; } /* Listy wypunktowane i numerowane w treści wpisu */ .single-post .entry-content ul, .single-post .entry-content ol { margin-top: 0.25em !important; margin-bottom: 0.25em !important; } body.single-post .wp-block-group.wp-block-group-is-layout-flow { margin-top: 0 !important; } :root :where(.wp-block-image figcaption) { color: #555; font-size: 11px; /* mniejsza czcionka */ text-align: left; /* wyrównanie do lewej */ margin: 0.2em 0; /* minimalne marginesy góra/dół */ } .wp-block-image :where(figcaption) { margin: 0.2em 0; /* również minimalny margines */ } @media (max-width: 600px) { :root :where(.wp-block-image figcaption) { font-size: 9px; } } /* Marginesy wyłączone, ale dodany padding wewnętrzny */ .single-post .entry-content [class*="ub-content-toggle-title"] :is(p,h1,h2,h3,h4,h5,h6), .single-post .entry-content .wp-block-ub-content-toggle-accordion-title { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0.7em 0.6em !important; /* góra/dół: 0.5em, lewo/prawo: 0.75em */ } .przycisk-link { display: inline-block !important; padding: 14px 20px 14.5px 20px !important; background-color: #98B731 !important; color: white !important; border: none !important; border-radius: 30px !important; font-weight: 600 !important; font-size: 16px !important; text-transform: none !important; outline: none !important; margin-bottom:8px !important;margin-top:10px; text-decoration: none !important; } .single-post .entry-content > * a.przycisk-link, .page .entry-content > * a.przycisk-link { text-decoration: none !important; } .przycisk-link:hover { background-color: #7A991F !important; text-decoration: none !important; } .socializer .sr-more>a { text-decoration: none !important;} .socializer .sr-comments a { text-decoration: none !important;} .socializer a { text-decoration: none !important; border: none !important; outline: none !important; } .socializer a i { text-decoration: none !important; } .socializer span.sr-facebook a, .socializer span.sr-x a, .socializer span.sr-pinterest a, .socializer span.sr-reddit a, .socializer span.sr-linkedin a, .socializer span.sr-email a { text-decoration: none !important; } .yasr-custom-text-before-overall {margin-top: 30px; } .wow { animation: none !important; opacity: 1 !important; } /* Desktop i tablet (min-width: 768px) */ @media (min-width: 768px) { .archive .wp-block-post, .search .wp-block-post { max-height: 260px !important; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 20px !important; } } /* Mobile (max-width: 767px) - brak ograniczeń wysokości */ @media (max-width: 767px) { .archive .wp-block-post, .search .wp-block-post { max-height: none !important; overflow: visible !important; display: block !important; margin-top: 10px !important; } } @media (min-width: 760px) and (max-width: 1110px) { body { margin-left: 15px; margin-right: 15px; } } @media (max-width: 768px) { .header-front1 { margin-left: 17px !important; } } .spnc-bnr-1 .spnc-post-overlay.lite { background: linear-gradient(to top, rgba(10, 0, 15, 0.5) 0%, rgba(10, 0, 15, 0) 30%) !important; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-post-overlay { position: absolute; top: 0px; bottom: 0px; z-index: 1; left: 0px; right: 0px; background: linear-gradient(to top, rgba(10, 0, 15, 0.9) 0%, rgba(10, 0, 15, 0.1) 30%) !important; margin: 0; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-content-wrapper { position: absolute; max-width: 420px; background-color: rgba(99, 123, 0, 0.0) !important; bottom: 0px; right: 0px; padding: 31px 41px 48px; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-cat-links a { color: #fff !important; } .spnc-cat-links a { background: #98b731 !important; } .spnc-first-catpost .spnc-entry-title a.a_effect1:hover { color: #fff !important; /* prawie biały */ text-decoration: underline !important; } .spnc-author, .single .spnc-date, .spnc-comment-links, .spnc-author-box, .single .entry-header, .comment-links { display: none !important; } .featured-image-caption { font-size: 0.7em; /* mniejszy tekst */ font-style: italic; /* kursywa */ color: #fff; /* opcjonalnie ciemnoszary dla subtelności */ text-align: left; /* jeśli chcesz wyśrodkować */ margin-top: -19px; margin-left:5px; /* trochę odstępu od obrazka */ z-index:9999999; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); /* cień tekstu */ } .header-2.header-sidebar { max-width: 100% !important; margin: 0 auto !important; /* centrowanie poziome */ justify-content: center !important; /* centrowanie zawartości */ } .header-sidebar { left: 0 !important; right: 0 !important; } .spnc-post-content .spnc-tag-links {display: none !important;} .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-post-footer-content .spnc-entry-meta a { font-size: 0.7rem; font-family: "Poppins"; font-weight: 400; color: #000; line-height: 26px; padding: 4px 6px; background: #f2f4df; margin: 6px 6px 6px 0px; transition: 0.2s; } .spnc-single-post .spnc-blog-wrapper .spnc-post-overlay { margin-bottom: 5px !important; position: relative; } .home .tag-links, .home .spnc-entry-content {display: none !important;} .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-entry-header { border-bottom: none !important; } .spnc-category-page .spnc-grid-catpost .spnc-entry-header { border-bottom: none !important; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-post-footer-content .spnc-text-black { font-size: 12px !important; font-family: "Poppins"; font-weight: 400; color: #000; line-height: 10px; padding-right: 15px; } .wp-block-list ul, .wp-block-list ol, .wp-block-list li { font-size: 18px !important; /* domyślna wielkość akapitu */ line-height: 1.6em !important; /* domyślna wysokość linii */ } /* Tablet */ @media (max-width: 1024px) { .wp-block-list ul, .wp-block-list ol, .wp-block-list li { font-size: 17px !important; } } /* Mobile */ @media (max-width: 768px) { .wp-block-list ul, .wp-block-list ol, .wp-block-list li { font-size: 16px !important; } } /* Mini Mobile */ @media (max-width: 480px) { .wp-block-list ul, .wp-block-list ol, .wp-block-list li { font-size: 16px !important; } } .spnc-blog-wrapper, .spnc-blog-wrapper p, .spnc-blog-wrapper h1, .spnc-blog-wrapper h2, .spnc-blog-wrapper h3, .spnc-blog-wrapper h4, .spnc-blog-wrapper h5, .spnc-blog-wrapper h6, .spnc-blog-wrapper ul, .spnc-blog-wrapper ol, .spnc-blog-wrapper li, .spnc-blog-wrapper blockquote { color:#111; } .custom-footer-text { background-color: #222; /* czarne tło */ text-align: center; padding: 5px; /* mniej miejsca wokół tekstu */ font-size: 1rem; /* mniejszy tekst */ color: #fff; /* biały tekst dla kontrastu */ line-height: 1.4em; /* mniejsza odległość między liniami */padding-bottom:20px; } .custom-footer-text p {color: #444; margin: 2px 0; /* minimalny odstęp między akapitami */ font-size: 0.8rem; /* dopasowanie wielkości tekstu */ } .site-info {padding-bottom:5px !important;} .header-2 .collapse.spnc-collapse {border: none !important;} .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-entry-header .spnc-entry-meta {display: none !important;} .header-2 .spnc-topbar { background-color: #dbddbf!important; } .head-contact-info li { display: inline-block; margin: 0rem; color: #000; font-size: 15px !important; position: relative; font-weight: 400; } .custom-logo-link {display: none !important;} /* Usuń marginesy z .spnc-header */ .spnc-header { display: flex; justify-content: center; align-items: center; padding: 0 !important; margin: 0 !important; } /* Desktop + tablet: prostokąt z tłem i zaokrągleniami */ .custom-logo-link2 { display: inline-flex; justify-content: center; align-items: center; background-color: #a3946b; padding: 10px; border-radius: 12px; } /* Mobile: pełna szerokość, zaokrąglone rogi, tło */ @media (max-width: 767px) { .spnc-header { padding: 0 !important; margin: 10px !important; } .custom-logo-link2 { width: 100% !important; max-width: 100% !important; margin: 00px !important; padding: 10px !important; border-radius: 12px !important; background-color: #a3946b !important; } .custom-logo-link2 img { width: 100%; height: auto; display: block; } } .custom-logo-link2 img { max-width: 160px; /* zmniejszenie obrazka */ width: auto; height: auto; padding:16px 30px 16px 30px; } .header-sidebar.header-1 .spnc-navbar .spnc-container { padding: 0px 0px !important; } .spnc-header {margin-top: 0px !important;margin-bottom: 0px !important;} @media (max-width:300px) { .page-title h1 { padding-top:35px !important;} } .copy-ingredients-btn:hover { color: #111 !important; /* kolor tekstu przy hover */ } .page-title-section { background: none !important;} [data-theme="spnc_dark"] .header-1 .spnc-custom .spnc-navbar .spnc-container { background: #000 !important; } .seo-opis { padding-top: 0px !important; padding-bottom: 5px !important; margin-top: 10px !important; padding-left: 10px !important; padding-right: 10px !important; max-width:1100px !important; color: #888 !important; line-height: 1.4 !important; width: 97% !important; background-color: #F9F9F5 !important; /* Ustaw tutaj odpowiedni kolor tła */ } .home .seo-opis { margin-top: 0px !important; margin-bottom: 0px !important; margin: 0 auto !important; max-width: 1040px !important; position: relative !important; transform: translateX(3px) !important; } @media (max-width:768px) { .home .seo-opis { margin-top: 0px !important; margin-bottom: 0px !important; margin: 0 auto !important; max-width: 1040px !important; position: relative !important; transform: translateX(0px) !important; } } .seo-opis h1, .seo-opis h2, .seo-opis h3, .seo-opis h4, .seo-opis h5, .seo-opis h6 { color: #444 !important; font-weight: 700 !important; margin-top: 15px !important; margin-bottom: 10px !important; line-height: 1.3 !important; } .seo-opis h1 { font-size: 1.2rem !important; } .seo-opis h2 { font-size: 1.1rem !important; } .seo-opis h3 { font-size: 1rem !important; } .seo-opis h4 { font-size: 1rem !important; } .seo-opis h5 { font-size: 1rem !important; } .seo-opis h6 { font-size: 1rem !important; } .seo-opis strong, .seo-opis b { font-weight: 600 !important; color: #555 !important; } .seo-opis em, .seo-opis i { font-style: italic !important; color: #555 !important; } .seo-opis ul, .seo-opis ol { padding-left: 20px !important; margin-top: 5px !important; margin-bottom: 10px !important; color: #555 !important; } .seo-opis a { color: #666 !important; text-decoration: underline !important; } @media (max-width: 768px) { .seo-opis { padding-left: 10px !important; /* możesz zostawić tak samo */ padding-right: 10px !important; /* zwiększone z 10px dla lepszej proporcji */ box-sizing: border-box !important; /* upewnia się, że padding nie rozciąga szerokości */ } .home .seo-opis { margin-top: 0px !important; margin-bottom: 0px !important; width: 100% !important; } } .seo-opis p { font-size: 0.9rem !important; color: #777 !important; line-height: 1.4 !important; margin-top: 5px !important; margin-bottom: 10px !important;font-weight:500; } @media (max-width: 768px) { .front-banner.spnc-page-section-space.blog.spnc-bnr-1 { display: none !important; } } /* Domyślna czcionka dla desktopów */ .spnc-category-page .spnc-grid-catpost .spnc-post-wrapper p { font-size: 18px !important; line-height: 1.6 !important; } /* Tablety (np. do 1024px szerokości) */ @media (max-width: 1024px) { .spnc-category-page .spnc-grid-catpost .spnc-post-wrapper p { font-size: 16px !important; } } /* Telefony (np. do 768px szerokości) */ @media (max-width: 768px) { .spnc-category-page .spnc-grid-catpost .spnc-post-wrapper p { font-size: 15px !important; } } /* Bardzo małe ekrany (np. do 480px szerokości) */ @media (max-width: 480px) { .spnc-category-page .spnc-grid-catpost .spnc-post-wrapper p { font-size: 15px !important; } } /* Tablety (do 1024px szerokości) */ @media (max-width: 1024px) { .spnc-category-page .spnc-grid-catpost .spnc-entry-title a { font-size: 1.6rem !important; /* minimalne zmniejszenie */ } } /* Telefony (do 768px szerokości) */ @media (max-width: 768px) { .spnc-category-page .spnc-grid-catpost .spnc-entry-title a { font-size: 1.4rem !important; } } /* Bardzo małe ekrany (do 480px szerokości) */ @media (max-width: 480px) { .spnc-category-page .spnc-grid-catpost .spnc-entry-title a { font-size: 1.4rem !important; } } /* Mniejsze czcionki dla całego bloku najnowszych wpisów */ .wp-block-latest-posts { font-size: 12px !important; } /* Kwadratowe zdjęcia */ .wp-block-latest-posts .wp-block-latest-posts__featured-image img { width: 130px !important; /* szerokość */ height: 110px !important; /* wysokość, aby było kwadratowe */ object-fit: cover !important; /* zachowuje proporcje i przycina */ border-radius: 4px !important; /* opcjonalne zaokrąglenie rogów */ } .spnc-sidebar .spnc-panel ul li a { display: flex !important; align-items: center !important; /* wyrównanie w pionie */ font-size: 14px !important; line-height: 1.4 !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; overflow: visible !important; white-space: normal !important; } #spnc-trending-1759059907 { display: none !important; } .spnc-tabs-three { display: none !important; } @media (min-width: 1150px) { /* desktop od 1024px wzwyż */ .single .spnc-single-post, .single .page-section-space { max-width:1050px; !important; margin:0 auto !important; } .search .spnc-single-post, .search .page-section-space { max-width: 1200px !important; margin: 0px auto !important; } } .single .spnc-single-post .spnc-blog-wrapper .spnc-post { margin-bottom: 0px !important; margin-top: -8px !important; padding: 0px 18px 5px 0px !important; } @media (max-width: 814px) { .single .spnc-single-post .spnc-blog-wrapper .spnc-post { margin-bottom: 0px !important; padding: 0px 0px 5px 0px !important; } } @media (min-width: 1024px) { .single .spnc-single-post .spnc-blog-wrapper .spnc-post { margin-bottom: 0px !important; padding: 0px 0px 0px 0px !important; } .spnc-related-posts.spnc-grid .spnc-related-post-wrapper { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 20px !important; margin:0 auto; } .spnc-related-posts.spnc-grid .spnc-related-post-wrapper .spnc-post { margin: 0; flex: 0 1 calc(33.33% -10px / 2); max-width: calc(33.33% - 10px / 2); margin-right:00px !important; } @media (min-width: 1150px) { .spnc-row .spnc-col-9 { width: 26%; } .single .spnc-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-end !important; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } } .spnc-single-post { padding: 0px 0 0px; } .wp-block-latest-posts .wp-block-latest-posts__featured-image img {border-radius: 0px !important;} @media (max-width: 768px) { .breadcrumb-trail.breadcrumbs { list-style: none outside none; margin-bottom: 0px; padding: 0px 0 !important; text-align: right; line-height: 12px; color: #000; position: relative; } @media (max-width: 768px) { .page-title-section h1 {padding-bottom: 5px; }} .spnc-category-page .spnc-grid-catpost .spnc-description { word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; }