/* =====================================================================
   css/uklad-1do1.css – reguły z produkcji, których brakowało w kopii statycznej (style.css bez zmian).
   Ładowany po css/style.css, przed css/motyw-4-kolory.css. Kolory tylko przez zmienne (theme.css).
   ===================================================================== */
/* Nagłówek: na produkcji reguła „.menu-right .widget_shopping_cart>h4{display:none}” jest TYLKO na stronach WooCommerce
   (sklep, kategorie, produkty – CSS osadzony w tych stronach). Na pozostałych napis „Koszyk” jest widoczny i zajmuje 64 px,
   co przesuwa menu w lewo. W kopii reguła trafiła do wspólnego style.css → menu było 64 px za bardzo w prawo. */
body:not(.woocommerce) .menu-right .widget_shopping_cart>h4{display:block}

/* Galeria produktu (motyw Eduma: flexslider) – reguły z wp-content/themes/eduma/style.css i woocommerce-layout.css */
.flexslider{position:relative}
.flexslider li{list-style:none}
.flexslider ul{margin:0}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport{touch-action:pan-y pinch-zoom}
.woocommerce-product-gallery .flex-viewport ul.slides{transition-property:transform;transition-timing-function:ease}
.flexslider .flex-direction-nav{margin:0;padding:0}
.flexslider .flex-direction-nav li{list-style:none}
.flexslider .flex-direction-nav a{position:absolute;z-index:9;top:50%;cursor:pointer;width:31px;margin:0;height:32px;background:var(--color-white);text-align:center;overflow:hidden;margin-top:-16px;transition:all .3s ease-in-out;font-size:0;text-decoration:none}
.flexslider .flex-direction-nav .flex-prev{left:-36px;opacity:0}
.flexslider .flex-direction-nav .flex-next{right:-36px;opacity:0}
.flexslider .flex-direction-nav .flex-prev:before{content:"\f104";font-family:"Font Awesome 5 Free";font-size:18px;line-height:33px;display:inline-block;font-weight:900;color:var(--thim-body-primary-color)}
.flexslider .flex-direction-nav .flex-next:before{content:"\f105";font-family:"Font Awesome 5 Free";font-size:18px;line-height:33px;display:inline-block;font-weight:900;color:var(--thim-body-primary-color)}
.flexslider .flex-direction-nav .flex-disabled{display:none!important}
.flexslider:hover .flex-direction-nav .flex-prev,.flexslider:focus-within .flex-direction-nav .flex-prev{opacity:.8;left:5px}
.flexslider:hover .flex-direction-nav .flex-next,.flexslider:focus-within .flex-direction-nav .flex-next{opacity:.8;right:5px}
@media (max-width:767px){.flexslider .flex-direction-nav .flex-prev{left:0}.flexslider .flex-direction-nav .flex-next{right:0}}
#carousel .slides li{cursor:pointer}
@media (prefers-reduced-motion:reduce){.woocommerce-product-gallery .flex-viewport ul.slides,.flexslider .flex-direction-nav a{transition:none!important}}

/* Zakładki produktu – stan aktywny (WooCommerce + Eduma) */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--color-white);color:var(--color-gray-32);z-index:2;border-bottom-color:var(--color-white)}
.woocommerce div.product .woocommerce-tabs .tabs.wc-tabs li.active,.woocommerce-page div.product .woocommerce-tabs .tabs.wc-tabs li.active{background:transparent}
.woocommerce div.product .woocommerce-tabs .tabs.wc-tabs li.active::before,.woocommerce-page div.product .woocommerce-tabs .tabs.wc-tabs li.active::before{content:"";position:absolute;left:0;width:auto;box-shadow:none;border:0;border-radius:0;right:3px;top:0;height:4px;z-index:10;background-color:var(--thim-body-primary-color)}
.woocommerce div.product .woocommerce-tabs .tabs.wc-tabs li.active::after,.woocommerce-page div.product .woocommerce-tabs .tabs.wc-tabs li.active::after{content:"";position:absolute;left:0;width:auto;border-radius:0;border:0;box-shadow:none;right:3px;bottom:-1px;height:1px;z-index:10;background:var(--color-white)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:inherit;text-shadow:inherit}
.woocommerce div.product .woocommerce-tabs .tabs.wc-tabs li.active a,.woocommerce-page div.product .woocommerce-tabs .tabs.wc-tabs li.active a{background:var(--color-white);color:var(--thim-font-title-color);border-bottom:2px solid var(--thim-body-primary-color)}
.woocommerce-tabs .panel[hidden]{display:none!important}
.single .entry-content::after{content:"";display:table;clear:both}
/* Stopka: produkcja (thim-scripts) ustawia footer#colophon.has-footer-bottom margin-bottom = wysokość .footer-bottom (0 px);
   w style.css została reguła 450 px → luka 450 px pod stopką. Ustawiamy też w JS (main.js), tu bez-JS. */
footer#colophon.has-footer-bottom{margin-bottom:0}

/* (szef, 11.10) Strony z układem „treść + prawy pasek boczny” BEZ paska (strona główna + 40 wpisów): motyw Eduma daje
   <main class="col-sm-9"> = 75 % szerokości i pusty pas 25 % po prawej. Na produkcji jest TAK SAMO (ustawienie strony
   „sidebar right” bez widżetów) – świadome odstępstwo od 1:1 na prośbę szefa: gdy w wierszu nie ma paska bocznego,
   treść zajmuje całą szerokość kontenera. Strony z paskiem (karty produktów) bez zmian. */
.site-content>.row>main.site-main.col-sm-9:only-child{width:100%;float:none}

/* (11.10) Galeria Elementora „justified” (warsztat-wyjazdowy.html) – reguły z elementor/assets/lib/e-gallery/css/e-gallery.css;
   pozycje kafelków liczy js/main.js (jak e-gallery.js). Bez tego galeria miała 1 px wysokości. */
.e-gallery-container{position:relative;display:flex;flex-wrap:wrap}
.e-gallery-justified{padding-bottom:calc(var(--container-aspect-ratio) * 100%)}
.e-gallery-justified .e-gallery-item{position:absolute;width:calc(var(--item-width) * (100% - var(--hgap) * var(--gap-count)));height:var(--item-height);top:calc(var(--item-top) + (var(--row) * var(--vgap)))}
.e-gallery-justified .e-gallery-image{height:100%}
.e-gallery--ltr.e-gallery-justified .e-gallery-item{left:calc(var(--item-start) * (100% - var(--hgap) * var(--gap-count)) + var(--hgap) * var(--item-row-index))}

/* (13.10) Karta „Warszaty pisarskie online” (oferta.html) bez odwrotu (usunięty przycisk do warsztatów) – nie znika po najechaniu */
.el-flip-box--bez-odwrotu .el-flip-box__front{opacity:1!important;transform:none!important;visibility:visible!important}


/* 2026-10-14 kafelki na dotyk / wąskich ekranach: bez obracania, przycisk zawsze widoczny */
@media (hover:none),(max-width:768px){
.el-flip-box{height:auto!important;cursor:default}
.el-flip-box__layer{position:relative!important;height:auto!important;opacity:1!important;transform:none!important;visibility:visible!important;transition:none!important}
.el-flip-box .el-flip-box__front .el-flip-box__layer__overlay{padding:24px 24px 8px 24px!important}
.el-flip-box .el-flip-box__back .el-flip-box__layer__overlay{padding:0 24px 24px 24px!important;text-align:start!important}
.el-flip-box__back .el-flip-box__button{margin-inline:0!important;align-self:flex-start}
.el-flip-box__back:not(:has(a,li)){display:none!important}
}

/* 2026-10-14 przyciski kafelków widoczne w spoczynku (desktop, hover) */
@media (hover:hover) and (min-width:769px){
.el-flip-box--effect-fade .el-flip-box .el-flip-box__back{opacity:1}
html:root body .el-1064 .el-flip-box .el-flip-box__button.el-button:not(:hover):not(:focus-visible){background-color:transparent!important;color:#8a6a00!important;border:1px solid rgba(255,198,0,.65)!important;transition:background-color .3s,color .3s,border-color .3s}
html:root body .el-1064 .el-flip-box .el-flip-box__button.el-button:not(:hover):not(:focus-visible) *{color:#8a6a00!important}
.bp-firmy .el-flip-box__front .el-flip-box__layer__overlay{padding-right:230px!important}
.e-64c465b .el-flip-box__front .el-flip-box__layer__overlay{padding-right:230px!important}
}

/* 2026-10-14 bez ciemnego najechania: przycisk po najechaniu pełne złoto (zamiast #2b2118) */
@media (hover:hover) and (min-width:769px){
html:root body .el-1064 .el-flip-box .el-flip-box__button.el-button:is(:hover,:focus-visible),html:root body .el-1064 .el-flip-box .el-flip-box__button.el-button:is(:hover,:focus-visible) *{background-color:#ffc600!important;color:#2b2118!important;border-color:#ffc600!important}
html:root body .el-1064 .el-flip-box .el-flip-box__button.el-button:is(:hover,:focus-visible) *{background-color:transparent!important}
}
/* 2026-10-14 mobile: flip-boxy bez 3D */
@media (hover:none),(max-width:768px){
.el-flip-box{transform-style:flat!important;perspective:none!important}
}
/* 2026-10-14 wpisy: sekcja „Może Ci się spodobać” – 3 równe kolumny (desktop), 1 kolumna (mobile), czytelny rozmiar tytułów */
.related-archive .archived-posts{margin-left:0;margin-right:0}
.related-archive .thim-carousel-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.related-archive .thim-carousel-wrapper .post{min-width:0;margin:0;padding:0}
.related-archive .rel-post-text h5{font-size:19px;line-height:1.35;text-transform:none;margin:0 0 6px;overflow-wrap:anywhere}
.related-archive .rel-post-text .date{font-size:13px;margin-bottom:6px;opacity:.8}
.related-archive .post p{font-size:15px;line-height:1.55;margin:0}
@media (max-width:768px){
.related-archive .thim-carousel-wrapper{grid-template-columns:1fr;gap:22px}
.related-archive .rel-post-text h5{font-size:18px}
}
/* 2026-10-14 wpis: wyraźny koniec recenzji – dopisek/opis wydawcy w ramce oddzielonej linią (bez nowych słów) */
.bp-po-recenzji{margin-top:36px;padding-top:28px;border-top:3px solid var(--color-primary,#ffc600);position:relative}
.bp-po-recenzji .el-widget-container{background:rgba(0,0,0,.035);border-radius:6px;padding:20px 24px;font-size:.95em}
@media (max-width:768px){.bp-po-recenzji .el-widget-container{padding:16px}}
/* 2026-10-14 wpis: kreski cytatów w złocie marki (zamiast domyślnego niebieskiego) */
.bp-cytat .elementskit-section-title-wraper .elementskit-border-divider{width:150px;height:4px;background:var(--color-primary,#ffc600)!important;color:var(--color-primary,#ffc600)}
.bp-cytat .elementskit-section-title-wraper .elementskit-border-divider::before{background-color:var(--color-primary,#ffc600)!important}
/* 2026-10-14 „Może Ci się spodobać” – mobile: karty w motywie 4 (złoty akcent), cała karta klikalna */
@media (max-width:768px){
.related-archive{padding-top:24px}
.related-archive .single-title{font-size:24px;margin:0 0 22px;padding-bottom:12px}
.related-archive .single-title::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:2px;background:var(--color-primary,#ffc600)}
.related-archive .thim-carousel-wrapper{gap:14px}
.related-archive .thim-carousel-wrapper .post{position:relative;background:#fff;border-left:4px solid var(--color-primary,#ffc600);border-radius:10px;padding:16px 16px 16px 18px;box-shadow:0 2px 10px rgba(43,33,24,.08);transition:box-shadow .2s,transform .2s}
.related-archive .thim-carousel-wrapper .post:active{transform:scale(.99);box-shadow:0 1px 4px rgba(43,33,24,.12)}
.related-archive .rel-post-text h5{font-size:17px;font-weight:600;line-height:1.35;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.related-archive .rel-post-text h5 a{color:var(--color-text,#2b2118);text-decoration:none}
.related-archive .rel-post-text h5 a::after{content:"";position:absolute;inset:0;border-radius:10px}
.related-archive .rel-post-text h5 a:focus-visible::after{outline:3px solid var(--color-primary,#ffc600);outline-offset:2px}
.related-archive .rel-post-text .date{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#7a6a55;opacity:1;margin:0 0 8px;padding:2px 8px;border-radius:999px;background:rgba(255,198,0,.18)}
.related-archive .post p{font-size:14px;line-height:1.5;color:#5a4a3a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
/* 2026-10-14 nawigacja „Poprzedni / Następny post”: wielkość liter z tytułu (bez lowercase), czytelny rozmiar */
.entry-navigation-post .prev-post .title,.entry-navigation-post .next-post .title{text-transform:none;font-size:20px;line-height:1.35;-webkit-line-clamp:2;line-clamp:2}
.entry-navigation-post .prev-post .heading,.entry-navigation-post .next-post .heading{text-transform:none}
@media (max-width:767px){
.entry-navigation-post{display:flex;flex-direction:column;gap:12px;border:0;border-radius:0;overflow:visible}
.entry-navigation-post:before{display:none}
.entry-navigation-post .prev-post,.entry-navigation-post .next-post{width:100%;position:relative;text-align:left;background:#fff;border-left:4px solid var(--color-primary,#ffc600);border-radius:10px;padding:14px 16px 14px 18px;box-shadow:0 2px 10px rgba(43,33,24,.08)}
.entry-navigation-post .prev-post:empty,.entry-navigation-post .next-post:empty{display:none}
.entry-navigation-post .prev-post .heading,.entry-navigation-post .next-post .heading{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.entry-navigation-post .prev-post .heading a,.entry-navigation-post .next-post .heading a{color:#7a6a55}
.entry-navigation-post .prev-post .title,.entry-navigation-post .next-post .title{font-size:17px;font-weight:600;margin:0 0 8px;-webkit-line-clamp:3;line-clamp:3}
.entry-navigation-post .prev-post .title a::after,.entry-navigation-post .next-post .title a::after{content:"";position:absolute;inset:0;border-radius:10px}
.entry-navigation-post .prev-post .title a:focus-visible::after,.entry-navigation-post .next-post .title a:focus-visible::after{outline:3px solid var(--color-primary,#ffc600);outline-offset:2px}
.entry-navigation-post .prev-post .date,.entry-navigation-post .next-post .date{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#7a6a55;padding:2px 8px;border-radius:999px;background:rgba(255,198,0,.18)}
}