/*
 * mentzen-blog-2 — style aplikacji listingu bloga.
 *
 * [1] Kompat: minimalny podzbiór preflightu Tailwinda, ograniczony do #mentzen-blog-25
 *     przez :where() (zerowa specyficzność — kaskada identyczna jak w starym bundle'u).
 *     Potrzebny, by widżet wyglądał tak samo również bez CSS starej wtyczki.
 * [2] Klasy narzędziowe Tailwinda używane w markupie — wartości 1:1 z bundle'a.
 * [3] CSS aplikacji wyciągnięty z bundle.js (od .mbc-loader… do końca stringa),
 *     bez sufiksów scopingu [data-v-XXXXXXXX]. Wartości niezmienione.
 * [4] Nowe style: autorzy na karcie, przycisk Filtrowanie (mobile), stan błędu,
 *     zwijanie poddrzew kategorii.
 */

/* ===== [1] Kompat (preflight, zero specyficzności) ===== */
:where(#mentzen-blog-25) *,:where(#mentzen-blog-25) *::before,:where(#mentzen-blog-25) *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1}
:where(#mentzen-blog-25) img,:where(#mentzen-blog-25) svg{display:block;vertical-align:middle}
:where(#mentzen-blog-25) img{max-width:100%;height:auto}
:where(#mentzen-blog-25) h3,:where(#mentzen-blog-25) h4,:where(#mentzen-blog-25) p,:where(#mentzen-blog-25) ul{margin:0}
:where(#mentzen-blog-25) h3,:where(#mentzen-blog-25) h4{font-size:inherit;font-weight:inherit}
:where(#mentzen-blog-25) ul{list-style:none;padding:0}
:where(#mentzen-blog-25) a{color:inherit;text-decoration:inherit}
:where(#mentzen-blog-25) button,:where(#mentzen-blog-25) input{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
:where(#mentzen-blog-25) button{text-transform:none;background-color:transparent;background-image:none;cursor:pointer}
:where(#mentzen-blog-25) input::placeholder{opacity:1;color:#9ca3af}

/* ===== [2] Utility classes (1:1 z bundle'a) ===== */
.invisible{visibility:hidden}
.absolute{position:absolute}
.relative{position:relative}
.right-5{right:1.25rem}
.top-1\/2{top:50%}
.mx-auto{margin-left:auto;margin-right:auto}
.my-2{margin-top:.5rem;margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mt-5{margin-top:1.25rem}
.mt-10{margin-top:2.5rem}
.\!mt-0{margin-top:0!important}
.block{display:block}
.\!flex{display:flex!important}
.flex{display:flex}
.h-0{height:0px}
.max-h-\[200px\]{max-height:200px}
.w-0{width:0px}
.w-full{width:100%}
.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.\!list-none{list-style-type:none!important}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.gap-4{gap:1rem}
.overflow-y-auto{overflow-y:auto}
.border{border-width:1px}
.border-t{border-top-width:1px}
.border-t-\[\#0D2B4426\]{border-top-color:#0d2b4426}
.bg-\[\#0B253A\]{--tw-bg-opacity: 1;background-color:rgb(11 37 58 / var(--tw-bg-opacity, 1))}
.p-0{padding:0}
.px-4{padding-left:1rem;padding-right:1rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.pl-0{padding-left:0}
.pl-5{padding-left:1.25rem}
.text-left{text-align:left}
.text-center{text-align:center}
.font-bold{font-weight:700}
.font-normal{font-weight:400}
.font-\[600\]{font-weight:600}
.font-\[16px\]{font-weight:16px}
.font-\[400\]{font-weight:400}
.text-\[\#1B191A66\]{color:#1b191a66}
.text-\[\#1B191A\]{--tw-text-opacity: 1;color:rgb(27 25 26 / var(--tw-text-opacity, 1))}
.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.text-\[\#1b191a\]{--tw-text-opacity: 1;color:rgb(27 25 26 / var(--tw-text-opacity, 1))}
.hover\:bg-\[\#0F2232\]:hover{--tw-bg-opacity: 1;background-color:rgb(15 34 50 / var(--tw-bg-opacity, 1))}
.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
@media (min-width: 768px){.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:text-\[25px\]{font-size:25px}}
@media (min-width: 1024px){.lg\:text-\[35px\]{font-size:35px}}
.font-\[\'InstrumentSans\'\]{font-family:InstrumentSans}

/* ===== [3] CSS aplikacji z bundle.js (bez scopingu data-v) ===== */
.mbc-loader{width:45px;aspect-ratio:1;--c: no-repeat linear-gradient(#0B253A 0 0);background:var(--c) 0% 50%,var(--c) 50% 50%,var(--c) 100% 50%;background-size:20% 100%;animation:l1-cafe7e91 1s infinite linear}@keyframes l1-cafe7e91{0%{background-size:20% 100%,20% 100%,20% 100%}33%{background-size:20% 10%,20% 100%,20% 100%}50%{background-size:20% 100%,20% 10%,20% 100%}66%{background-size:20% 100%,20% 100%,20% 10%}to{background-size:20% 100%,20% 100%,20% 100%}}.author-wrapper ul,ul.most-read-list{list-style:none;padding-left:0}ul.most-read-list li{border-top:1px solid #0D2B4426}.mbc-title,.mb-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mb-excerpt{margin-bottom:.75rem}input:checked+label{font-weight:700}.mbc-wrapper{border-top:1px solid #0D2B4426}.categories{display:flex;align-items:center;justify-content:center;user-select:none;flex-wrap:wrap}.categories .cat{display:block;margin:.5rem;transition:all .3s;white-space:nowrap;cursor:pointer}.categories .cat input{display:none;width:0;height:0;opacity:0}.categories .cat label{padding:.5rem 1rem;display:block;cursor:pointer;border-radius:1rem;box-shadow:0 0 20px -15px #333}.categories .cat:hover label{box-shadow:0 0 20px -10px #333}.categories .cat input:checked+label{color:#fff;background-color:#f59d24;font-weight:700}.tags .tag{display:inline-block;padding:.2rem .3rem;font-size:small}.load-more{min-height:1rem}.mb-search-input{padding:.5rem 1rem;display:block;width:100%;margin:1rem auto 0;box-sizing:border-box;border:1px solid #0D2B4426}.mb-posts,.mb-pages{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2rem;grid-row-gap:2rem;margin:1rem 0 2rem}.mb-post-content{padding:1rem}.mb-post-item{transition:transform .3s;border:1px solid #0D2B4426}.mb-post-item:hover{transform:scale(1.03)}.search-results .mbc-item .wp-post-image{max-width:5rem;aspect-ratio:76/41;object-fit:cover}.search-results{min-height:100vh;margin-top:1rem}.mb-page-item .mb-page-wrapper{position:relative}.mb-page-item .mb-page-wrapper .mb-page-title{position:absolute;left:1rem;bottom:1rem;z-index:2;color:#f59d24;font-size:1rem}.mbc-item .mbc-title.mb-post-title{font-size:1rem;text-align:left;margin-top:.75rem;margin-bottom:.75rem;line-height:130%}.mbc-item .mbc-title a{color:#585858}.mbc-item .mb-post-category{text-align:left;text-transform:uppercase;color:#f59d24}.mbc-item .mb-author{display:flex}.mbc-item .mb-author .mb-author-image img{border-radius:50%}.mbc-item .mb-publish-date img{width:16px;margin-right:4px}.mbc-item .mb-post-meta{display:flex;align-items:center;gap:1rem;justify-content:space-between}.mb-page-item{box-shadow:0 12px 34px -10px #20345940;border-radius:1rem;overflow:hidden}.mb-page-item .mb-page-image{transition:all .6s;will-change:transform}.mb-page-item:hover .mb-page-image{transform:scale(1.08)}@media screen and (max-width: 1200px){.mb-posts,.mb-pages{grid-template-columns:repeat(2,1fr);grid-column-gap:1rem;grid-row-gap:1rem}}@media screen and (max-width: 981px){.mb-grid{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}.mb-grid .mb-col-span-3{grid-column:span 1 / span 1}.blog-banner{display:none}}@media screen and (max-width: 768px){.mb-posts,.mb-pages{grid-template-columns:repeat(1,1fr);grid-column-gap:.5rem;grid-row-gap:1rem}.mbc-item .mbc-title.mb-post-title{min-height:auto}.mb-col-span-3 .mb-posts-ang-pages .mb-posts,.mb-col-span-3 .mb-posts-ang-pages .mb-pages{grid-template-columns:repeat(1,1fr);grid-column-gap:.5rem;grid-row-gap:1rem}}.mbc-post-image img{aspect-ratio:76/41;object-fit:cover;width:100%;height:auto}.mb-page-image img{aspect-ratio:76/41;object-fit:cover;width:100%;height:auto;border-radius:1rem}.mb-page-image.placeholder:before{display:none}.mbc-item .mb-author{align-items:center;color:#f59d24}.mbc-item .mb-author span{display:block}.mbc-item .mb-author .mb-author-image{margin-right:1rem}.mbc-item .mb-author .mb-author-image img{aspect-ratio:1/1;border-radius:50%;width:4rem;height:4rem}.toggle-subcategories{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;height:100%;border-radius:50%;aspect-ratio:1/1;background-color:#fff}.toggle-subcategories.toggled img{transform:rotate(180deg)}.subcategories{padding:.5rem}.categories-tree .cat{position:relative;display:flex!important;align-items:center}.categories-tree .cat.hasSubcategories>label{padding-right:2.5rem}.categories-tree .subcategories{position:absolute;box-shadow:0 5px 20px -20px #333;left:0;top:100%;border-radius:0 0 1rem 1rem}.categories-tree .subcategories .subcategory label{box-shadow:none;border-radius:unset;display:inline-block;padding:.5rem}.categories-tree .subcategories .subcategory input{display:inline-block;opacity:1;width:auto;height:auto}.categories-tree .subcategories .subcategory:hover label{box-shadow:none}.categories-tree .cat:hover .subcategories label{box-shadow:unset}.categories-tree .cat .subcategories input:checked+label{background-color:unset;color:#f59d24}.mb-subcategories{margin-left:.5rem}.mb-main-category{display:flex;position:relative}.mb-grid{display:grid;gap:2rem;grid-template-columns:repeat(4,minmax(0,1fr))}.mb-grid .mb-col-span-3{grid-column:span 3 / span 3}.mb-main-category .toggle-subcategories{width:20px;height:20px}.mb-subcategories{max-height:0;overflow:hidden;transition:all .65s ease-in-out}.mb-subcategories.show{max-height:100%}.mb-subcategories .mb-subcategory{padding-left:0;opacity:0;transition:all .4s}.mb-subcategories.show .mb-subcategory{padding-left:1rem;opacity:1}.category-item,.mb-subcategory{padding:.25rem}.mb-subcategory label{display:block;transition:all .3s}.category-item input{width:0;height:0;visibility:hidden;position:absolute}.category-item .mb-main-category input+label{padding-left:0;transition:all .3s}.category-item .mb-main-category input:checked+label{color:#f59d24}.category-item input+label img{opacity:0;transition-duration:.3s;transition-property:opacity,width,margin-right;width:0}.category-item input:checked+label img{opacity:1;transition-delay:.3s;transition-duration:.3s;margin-right:5px;width:18px}.category-item .mb-subcategory input:checked+label{color:#f59d24}.mb-subcategories .mb-subcategory:nth-of-type(1){transition-delay:.1s}.mb-subcategories .mb-subcategory:nth-of-type(2){transition-delay:.15s}.mb-subcategories .mb-subcategory:nth-of-type(3){transition-delay:.2s}.mb-subcategories .mb-subcategory:nth-of-type(4){transition-delay:.25s}.mb-subcategories .mb-subcategory:nth-of-type(5){transition-delay:.3s}.mb-subcategories .mb-subcategory:nth-of-type(6){transition-delay:.35s}.mb-subcategories .mb-subcategory:nth-of-type(7){transition-delay:.4s}.mb-subcategories .mb-subcategory:nth-of-type(8){transition-delay:.45s}.mb-subcategories .mb-subcategory:nth-of-type(9){transition-delay:.5s}.mb-subcategories .mb-subcategory:nth-of-type(10){transition-delay:.55s}.mb-subcategories .mb-subcategory:nth-of-type(11){transition-delay:.6s}.mb-subcategories .mb-subcategory:nth-of-type(12){transition-delay:.65s}.no-results{text-align:center}.no-results .hard-work{max-width:80%;display:block;margin:1rem auto}.search-query-wrapper{margin-bottom:2rem}.search-query{display:block;font-size:1.7rem;color:#f59d24;font-weight:bolder}.search-query:before{content:'"'}.search-query:after{content:'"'}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.categories-header{position:relative}.v-categories{position:absolute;right:0;top:50%;transform:translateY(-50%);width:1rem;display:none}.v-categories.toggled{transform:translateY(-50%) rotate(180deg)}.blog-banner h3{font-size:1.3rem}.blog-banner span.block{display:block}.blog-banner span.small{font-size:.7rem;line-height:100%}.blog-banner span.orange{color:#f59d24}.text-right{text-align:right}@media screen and (max-width: 981px){.mb-grid{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}.mb-grid .mb-col-span-3{grid-column:span 1 / span 1}}@media screen and (max-width: 768px){.v-categories{display:block}}


/* ===== [4] Nowe style (mentzen-blog-2) ===== */

/* Zwijanie poddrzew kategorii (stara appka usuwała je z DOM przez v-if) */
#mentzen-blog-25 .mbc-subcategories,#mentzen-blog-25 .mbc-subcategories-children{display:none}
#mentzen-blog-25 .mbc-subcategories.show,#mentzen-blog-25 .mbc-subcategories-children.show{display:block}

/* Listbox autora — podświetlenie aktywnej opcji (klawiatura) */
#mentzen-blog-25 .author-wrapper li.mb-option-active{background-color:#0F2232;color:#fff}
#mentzen-blog-25 .author-wrapper li[aria-selected="true"]{font-weight:700}

/* Wiersz meta karty: autorzy + data */
#mentzen-blog-25 .mb-post-meta{margin-bottom:.75rem}
#mentzen-blog-25 .mb-card-authors{display:flex;align-items:center;gap:.5rem;min-width:0}
#mentzen-blog-25 .mb-card-avatars{display:flex;align-items:center;flex:none}
#mentzen-blog-25 .mb-card-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;background-color:#e5e7eb;border:2px solid #fff}
#mentzen-blog-25 .mb-card-avatar+.mb-card-avatar{margin-left:-8px}
#mentzen-blog-25 .mb-card-author-names{font-size:.85rem;color:#585858;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mentzen-blog-25 .mb-publish-date{color:#1b191a66;font-size:.85rem;white-space:nowrap}

/* Stan błędu sieci */
#mentzen-blog-25 .mb-error{text-align:center;padding:2rem 1rem}
#mentzen-blog-25 .mb-error p{margin-bottom:1rem}
#mentzen-blog-25 .mb-retry{display:inline-block;padding:.5rem 1.5rem;background-color:#0B253A;color:#fff;transition:background-color .15s}
#mentzen-blog-25 .mb-retry:hover{background-color:#0F2232}

/* Przycisk "Filtrowanie" — widoczny tylko na mobile, rozwija panel filtrów */
#mentzen-blog-25 .mb-filters-toggle{display:none;align-items:center;justify-content:space-between;width:100%;padding:.5rem 1rem;border:1px solid #0D2B4426;font-weight:700}
#mentzen-blog-25 .mb-filters-toggle svg{transition:transform .3s}
#mentzen-blog-25 .mb-filters-toggle.open svg{transform:rotate(180deg)}
@media screen and (max-width: 768px){
#mentzen-blog-25 .mb-filters-toggle{display:flex}
#mentzen-blog-25 .mbc-post-categories>.categories-header,#mentzen-blog-25 .mbc-post-categories>p{display:none}
#mentzen-blog-25 .mb-filters-body{display:none}
#mentzen-blog-25 .mbc-post-categories.mb-open .mb-filters-body{display:block}
}