/*
Quick.Cms.Lite (demo) – skórka dla Quick.Cms, developed by grafiQa
Ciemny hero ze sliderem, jasna kolumna treści, ciemna stopka z menu.
*/
:root {
--color-text: #1b1a18;
--color-muted: #6f6a62;
--color-bg: #ffffff;
--color-soft: #f4f1ec;
--color-divider: #e4dfd6;
--color-accent: #9a7b4f;
--color-accent-dark: #7a5f3a;
--color-dark: #0e0e0e;
--color-dark-2: #181818;
--color-on-dark: #f2efe9;
--color-on-dark-muted: #9b978f;
--color-white: #fff;
--font: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
--gutter: clamp(1rem, 4vw, 3rem);
--measure: 44rem;
}
/* GLOBAL */
body, body *, body *:before, body *:after{margin:0;padding:0;border:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body, table{color:var(--color-text);font-family:var(--font);font-size:1.0625rem;}
body{background:var(--color-bg);line-height:1.7;-webkit-font-smoothing:antialiased;}
a{color:var(--color-accent-dark);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;}
a:hover{color:var(--color-text);}
strong{font-weight:600;}
.msg.error h1{padding:4rem 0;text-align:center;}
.wai{position:absolute;width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;}
#container{position:relative;}
/* SKIP LINKS */
#skiplinks{position:absolute;top:0;left:0;}
#skiplinks a{position:absolute;top:-500px;left:0;z-index:100;min-width:200px;padding:10px;color:var(--color-white);}
#skiplinks a:focus{top:0;background:#000;}
/* HEADER / NAVIGATION */
.header__navigation{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem var(--gutter);color:var(--color-on-dark);transition:background .35s ease, padding .35s ease, box-shadow .35s ease;}
.header__navigation.is-solid, .is-sub .header__navigation{background:rgba(14,14,14,.94);padding-top:.75rem;padding-bottom:.75rem;box-shadow:0 1px 0 rgba(255,255,255,.06);}
@supports (backdrop-filter: blur(8px)){
.header__navigation.is-solid, .is-sub .header__navigation{background:rgba(14,14,14,.82);backdrop-filter:blur(10px);}
}
#logo #title a{color:var(--color-on-dark);font-size:.95rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;white-space:nowrap;}
#logo #title a strong{font-weight:700;}
.header__menu .level-0-menu{display:flex;flex-flow:row wrap;list-style:none;gap:.25rem 1.6rem;}
.header__menu .menu__link{position:relative;display:block;padding:.35rem 0;color:var(--color-on-dark);font-size:.78rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;opacity:.78;transition:opacity .25s ease;}
.header__menu .menu__link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:currentColor;transition:width .3s ease;}
.header__menu .menu__link:hover, .header__menu .selected > .menu__link{opacity:1;}
.header__menu .menu__link:hover:after, .header__menu .selected > .menu__link:after{width:100%;}
/* menu mobilne ( przycisk Menu + wysuwany panel ) wlacza core/common.js klasa html.menu-collapsed -
wtedy, gdy menu nie miesci sie w jednej linii obok logo, a nie od stalej szerokosci ekranu */
button.hamburger{display:none;align-items:center;gap:.6rem;background:none;color:var(--color-on-dark);cursor:pointer;font:inherit;}
html.menu-collapsed button.hamburger{display:flex;}
html.menu-collapsed .header__menu .menu-top{display:none;}
button.hamburger .hamburger-label{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;}
button.hamburger .hamburger-box{position:relative;display:block;width:22px;height:14px;}
button.hamburger .hamburger-inner, button.hamburger .hamburger-inner:before, button.hamburger .hamburger-inner:after{position:absolute;left:0;display:block;width:22px;height:1.5px;background:currentColor;content:"";}
button.hamburger .hamburger-inner{top:6px;}
button.hamburger .hamburger-inner:before{top:-6px;}
button.hamburger .hamburger-inner:after{top:6px;}
/* mobile menu (mmenu-light) */
.mm-ocd .menu__link{display:block;padding:.9rem 1.25rem;color:var(--color-text);text-decoration:none;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;}
.mm-ocd .selected > .menu__link{color:var(--color-accent-dark);}
.mm-ocd .level-0-menu{list-style:none;}
/* HERO (start page) */
#hero{position:relative;height:100vh;height:100svh;min-height:520px;background:var(--color-dark);color:var(--color-on-dark);overflow:hidden;}
#hero.no-slider{background:
radial-gradient(ellipse 60% 55% at 72% 38%, rgba(154,123,79,.28), transparent 70%),
radial-gradient(ellipse 50% 60% at 15% 90%, rgba(255,255,255,.06), transparent 70%),
var(--color-dark);}
#hero #slider, #hero .quick-slider{position:absolute !important;inset:0;width:100% !important;height:100% !important;}
#hero .quick-slider ul, #hero #slider > ul{height:100%;list-style:none;}
#hero .quick-slider-slide, #hero #slider li{height:100% !important;width:100%;}
#hero #slider li.img img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 30%;}
#hero:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 22%, rgba(0,0,0,0) 45%, rgba(0,0,0,.72) 100%);}
#hero .quick-slider-slide .description{z-index:3;position:absolute;top:auto;right:var(--gutter);bottom:2rem;left:auto;width:auto;max-width:22rem;min-width:0;padding:0;background:none;font-size:.8rem;line-height:1.5;color:var(--color-on-dark-muted);text-align:right;}
#hero .quick-slider-nav-arrows{display:none;}
#hero .quick-slider-nav-dots-wrapper{z-index:4;bottom:2.2rem;left:auto;right:var(--gutter);width:auto;text-align:right;}
#hero .quick-slider-nav-dots{width:28px;height:2px;margin:0 0 0 8px;background:rgba(255,255,255,.35);border:0;vertical-align:middle;}
#hero .quick-slider-nav-dots.active, #hero .quick-slider-nav-dots:hover{background:var(--color-white);}
#hero div[id^="slider-"] > ul > li{display:none;}
.hero__text{position:absolute;z-index:3;left:var(--gutter);right:var(--gutter);bottom:clamp(3rem, 10vh, 6rem);pointer-events:none;} /* klikniecie w napis trafia w link slajdu */
.hero__down{pointer-events:auto;}
#hero #slider li a.slide-link{display:block;width:100%;height:100%;}
/* przeciaganie slidera mysza / palcem ( footer.php ): pionowy ruch palcem przewija strone, poziomy zmienia slajd */
#hero #slider{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;}
#hero #slider.is-dragging, #hero #slider.is-dragging *{cursor:grabbing;}
#hero #slider img{-webkit-user-drag:none;user-drag:none;}
.hero__eyebrow{margin-bottom:1rem;color:var(--color-on-dark-muted);font-size:.8rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;}
.hero__name{font-size:clamp(3rem, 11vw, 9.5rem);font-weight:300;line-height:.92;letter-spacing:-.035em;}
.hero__name strong{display:inline;font-weight:700;} /* pogrubienie nie lamie linii - nowa linia to osobny
( Enter / przycisk w edytorze nazwy ) */
.hero__down{position:absolute;right:0;bottom:.4rem;display:block;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:50%;transition:border-color .25s ease;}
.hero__down span{position:absolute;left:50%;top:44%;width:9px;height:9px;border-right:1.5px solid var(--color-white);border-bottom:1.5px solid var(--color-white);transform:translate(-50%,-50%) rotate(45deg);}
.hero__down:hover{border-color:var(--color-white);}
.has-slider .hero__down{display:none;}
/* BODY */
#body{clear:both;}
#body .container{padding:0 var(--gutter);}
.parallax{position:relative;height:var(--parallax-h, 45vh);min-height:180px;max-height:900px;overflow:hidden;background:#fff;}
.parallax img{position:absolute;left:0;top:calc(-100% * var(--parallax-speed, .25));display:block;width:100%;max-width:none;height:calc(100% * (1 + 2 * var(--parallax-speed, .25)));object-fit:cover;}
.parallax--bottom{clear:both;}
/* ruch prowadzi przegladarka w kroku z przewijaniem; zakres i przesuniecie mierzy skrypt ( core/page-background.php ) */
@keyframes parallax-shift{from{transform:translate3d(0,var(--parallax-from, 0px),0);}to{transform:translate3d(0,var(--parallax-to, 0px),0);}}
@supports (animation-timeline:scroll()){
.parallax img{animation-name:parallax-shift;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root block);animation-range:var(--parallax-start, 0px) var(--parallax-end, 100vh);}
}
.parallax.is-static img{animation:none;transform:none !important;}
@media (prefers-reduced-motion:reduce){ .parallax img{top:0;height:100%;animation:none;transform:none !important;} }
@media print{ .parallax{display:none;} }
.is-sub #body{padding-top:4.5rem;}
/* PAGE */
#page{max-width:var(--measure);margin:0 auto;padding:clamp(3rem, 8vw, 6rem) 0 clamp(3rem, 8vw, 5rem);}
#page h1{margin:0 0 2.2rem;font-size:var(--h1-size, clamp(2.2rem, 6vw, 3.6rem));color:var(--h1-color, inherit);font-weight:300;line-height:1.05;letter-spacing:-.03em;}
/* strona glowna: H1 jako maly napis nad trescia - wielkosc i kolor z ustawien ( belka administratora ) tez tu dzialaja */
.is-start #page h1{font-size:var(--h1-size, .8rem);font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--h1-color, var(--color-accent));margin-bottom:1.6rem;}
.breadcrumb{margin-bottom:1.25rem;font-size:.85rem;color:var(--color-muted);}
.breadcrumb ol{list-style:none;}
.breadcrumb li{display:inline-block;}
.breadcrumb li:not(:first-child)::before{content:"\203A";padding:0 .5em;}
#page div.content > p{padding-bottom:1.1em;}
#page div.content > p.lead{padding-bottom:1.4em;font-size:clamp(1.25rem, 2.6vw, 1.55rem);font-weight:300;line-height:1.5;letter-spacing:-.01em;}
#page div.content > h2{margin:2.8em 0 1em;padding-top:1.4em;border-top:1px solid var(--color-divider);color:var(--h2-color, var(--color-accent));font-size:var(--h2-size, .78rem);font-weight:600;letter-spacing:.22em;text-transform:uppercase;}
#page div.content > h2:first-child{margin-top:0;padding-top:0;border-top:0;}
/* naglowek nad playlista FONA ( core/fona-player.php ) - jak naglowki w tresci */
#page .fona-players .fona-player-heading{margin:2.8em 0 1em;color:var(--h2-color, var(--color-accent));font-size:var(--h2-size, .78rem);font-weight:600;letter-spacing:.22em;text-transform:uppercase;}
#page .fona-players .fona-player-heading:first-child{margin-top:0;}
#page div.content > h3{margin:1.6em 0 .6em;color:var(--h3-color, inherit);font-size:var(--h3-size, 1.15rem);font-weight:600;}
#page div.content > ul, #page div.content > ol{margin:0 0 1.4em;padding:0;list-style:none;}
#page div.content > ul > li{position:relative;margin:0;padding:.75em 0 .75em 1.6em;border-bottom:1px solid var(--color-divider);}
#page div.content > ul > li:before{content:"";position:absolute;left:0;top:1.45em;width:.7em;height:1px;background:var(--color-text);} /* galazyn: punktor w kolorze tekstu */
/* punktor wybierany w ustawieniach ( belka administratora ): - domyslnie kreska */
html[data-bullet="dot"] #page div.content > ul > li:before, html[data-bullet="square"] #page div.content > ul > li:before{top:1.26em;width:.38em;height:.38em;}
html[data-bullet="dot"] #page div.content > ul > li:before{border-radius:50%;}
html[data-bullet="arrow"] #page div.content > ul > li:before, html[data-bullet="check"] #page div.content > ul > li:before{top:.75em;width:auto;height:auto;background:none;color:var(--color-text);font-weight:600;line-height:inherit;}
html[data-bullet="arrow"] #page div.content > ul > li:before{content:"\203A";}
html[data-bullet="check"] #page div.content > ul > li:before{content:"\2713";}
html[data-bullet="none"] #page div.content > ul > li{padding-left:0;}
html[data-bullet="none"] #page div.content > ul > li:before{display:none;}
#page div.content > ol{list-style:decimal;padding-left:1.4em;}
#page div.content > ol > li::marker{color:var(--color-text);}
#page div.content > ol > li{margin:.5em 0;}
/* IMAGES */
ul[class*='images-']{list-style:none;}
ul[class*='images-'] li{margin:0 0 1rem 0;}
ul[class*='images-'] p{margin-top:.4rem;color:var(--color-muted);font-size:.85rem;}
ul[class*="images-"] img{display:block;max-width:100%;height:auto;}
ul[class*="images-"] a:hover img{opacity:.88;}
.images-1{clear:left;float:left;max-width:45%;margin:.4rem 1.8rem 1rem 0;}
.images-2{clear:right;float:right;max-width:45%;margin:.4rem 0 1rem 1.8rem;}
.images-3{clear:both;display:grid;grid-template-columns:repeat(auto-fill, minmax(12rem, 1fr));gap:1rem;margin-top:2rem;}
@media screen and (max-width:600px){
.images-1, .images-2{float:none;max-width:100%;margin:0 0 1.5rem;}
}
/* FILES LIST */
.files-list{clear:both;margin:2rem 0 .5rem;list-style:none;font-size:.95rem;}
.files-list li{padding:.7rem 0 .7rem 2rem;border-bottom:1px solid var(--color-divider);background:url('img/files-ext.gif') no-repeat 0 calc(.7rem + 2px);}
.files-list p{display:inline;color:var(--color-muted);}
.files-list p:before{content:" – ";}
/* SUBPAGES LIST */
.pages-list{clear:both;margin:2rem 0;}
.pages-list .page{padding:1.4rem 0;border-top:1px solid var(--color-divider);}
.pages-list .page:after{content:"";display:table;clear:both;}
.pages-list .image{float:left;max-width:30%;margin:0 1.4rem .5rem 0;}
.pages-list .image img{max-width:100%;}
/* galazyn: tytuly na listach ( H2 ) - wielkosc i kolor z ustawien wygladu ( H2 ), bez ustawien - wartosci skorki */
.pages-list .title{font-size:var(--h2-size, 1.3rem);font-weight:600;color:var(--h2-color, var(--color-text));}
.pages-list .title a{color:inherit;text-decoration:none;}
.pages-list .title a:hover{color:var(--color-accent-dark);}
.pages-list div.description{color:var(--color-muted);}
/* lista wybranych stron jako kafelki ( core/page-lists.php ) */
/* kafelki: kolumn tyle, ile podstron ( max 4, klasa z core/page-lists.php ); tablet max 2; telefon zawsze 1 */
.pages-list--tiles{--tiles:4;display:grid;grid-template-columns:repeat(var(--tiles),minmax(0,1fr));gap:2rem 1.5rem;}
.pages-list--cols-1{--tiles:1;max-width:36rem;}
.pages-list--cols-2{--tiles:2;}
.pages-list--cols-3{--tiles:3;}
@media screen and (max-width:900px){ .pages-list--cols-3, .pages-list--cols-4{--tiles:2;} }
@media screen and (max-width:600px){ .pages-list--tiles{--tiles:1;} }
.pages-list--tiles .page{padding:0;border-top:0;}
.pages-list--tiles .image{float:none;max-width:none;margin:0 0 .8rem;aspect-ratio:4/3;overflow:hidden;background:var(--color-divider);}
.pages-list--tiles .image a{display:block;height:100%;}
.pages-list--tiles .image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;}
.pages-list--tiles .title{font-size:var(--h2-size, 1.1rem);}
/* FOOTER */
/* kolor stopki z ustawien ( --foot-bg; kolory napisow dobiera core/site-style.php ) */
#foot{--color-on-dark:var(--foot-text, #f2efe9);--color-on-dark-muted:var(--foot-text-muted, #9b978f);background:var(--foot-bg, var(--color-dark));color:var(--color-on-dark-muted);font-size:.9rem;}
#foot .container{padding:0 var(--gutter);}
.foot__cols{display:grid;grid-template-columns:2fr repeat(var(--foot-menus, 2), 1fr);gap:2.5rem;padding-top:clamp(3rem, 7vw, 5rem) !important;padding-bottom:clamp(2.5rem, 6vw, 4rem) !important;}
@media screen and (max-width:760px){
.foot__cols{grid-template-columns:1fr 1fr;}
.foot__about{grid-column:1 / -1;}
}
@media screen and (max-width:420px){
.foot__cols{grid-template-columns:1fr;}
}
.foot__name{color:var(--color-on-dark);font-size:clamp(1.6rem, 3.5vw, 2.4rem);font-weight:300;line-height:1.1;letter-spacing:-.02em;}
.foot__name strong{font-weight:700;}
.foot__slogan{margin-top:.8rem;font-size:.9rem;}
.foot__head{margin-bottom:1rem;color:var(--color-accent);font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;}
.menu-foot .level-0-menu{list-style:none;}
.menu-foot .menu__link{display:inline-block;padding:.3rem 0;color:var(--color-on-dark);text-decoration:none;opacity:.75;transition:opacity .2s ease;}
.menu-foot .menu__link:hover, .menu-foot .selected > .menu__link{opacity:1;}
.menu-foot .menu__link[target="_blank"]:after{content:" \2197";font-size:.8em;opacity:.6;}
.foot__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.4rem !important;padding-bottom:1.4rem !important;border-top:1px solid var(--foot-line, rgba(255,255,255,.08));font-size:.8rem;}
#powered a{color:var(--color-on-dark-muted);font-size:.75rem;letter-spacing:.06em;text-decoration:none;opacity:.7;transition:opacity .2s ease;}
#powered a strong{font-weight:600;}
#powered a:hover{opacity:1;color:var(--color-on-dark);}
.icon{display:inline-block;flex-shrink:0;width:1.5rem;height:1.5rem;fill:currentColor;}
@media print{
*{color:#000 !important;background:#fff !important;}
.header__navigation{position:static;}
#menu-main, #hero, .foot__cols, #powered{display:none !important;}
#page{padding:0;max-width:none;}
}
/* FORMS */
input[type="text"], input[type="email"], select, textarea{padding:.5rem .7rem;border:1px solid var(--color-divider);font-family:var(--font);font-size:1rem;}
input[type="submit"]{padding:.6rem 1.2rem;background:var(--color-dark);color:var(--color-white);font-family:var(--font);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;}
input[type="submit"]:hover{background:var(--color-accent-dark);}
label{font-weight:600;}
/* QUICK.BOX (image lightbox) */
#quick-box{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.88);z-index:200;}
#quick-box .background{height:100%;}
#quick-box .quick-box-container{position:absolute;padding:0;}
#quick-box .image-wrapper{position:relative;line-height:0;}
#quick-box .navigation{position:absolute;bottom:0;width:100%;padding:.5em 0;text-align:center;font-size:.9rem;color:var(--color-white);line-height:normal;background:rgba(0,0,0,.3);}
#quick-box .navigation__sep{padding:0 3px;}
#quick-box .full-size{display:none;}
#quick-box .description{margin:0;padding:.6em 0;text-align:center;font-size:.85rem;color:#ddd;background:rgba(0,0,0,.8);max-height:66px;overflow:hidden;}
#quick-box .arrow{position:absolute;display:block;width:50%;top:15%;height:70%;z-index:100;opacity:.5;text-decoration:none;}
#quick-box .arrow:before{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;margin:0 10px;background:url('img/arrows.png') no-repeat 0 0;}
#quick-box .arrow.prev:before{background-position:0 -32px;}
#quick-box .arrow.next:before{right:0;}
#quick-box .arrow:hover{opacity:.9;}
#quick-box .prev{left:0;}
#quick-box .next{right:0;}
#quick-box .close{position:absolute;top:0;right:0;padding:.2em .5em;background:#000;color:var(--color-white);font-weight:bold;text-decoration:none;z-index:100;line-height:normal;}
#quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;}
/* SMALL SCREENS */
@media screen and (max-width:600px){
#logo #title a{font-size:.8rem;letter-spacing:.14em;}
.hero__down{display:none;}
.hero__eyebrow{font-size:.7rem;letter-spacing:.18em;}
}
/* ==========================================================================
EDYCJA NA STRONIE ( zalogowany administrator ) - core/front-edit.php / .js
wzorowane na serwisie andrzejlichota
========================================================================== */
:root{--color-user-action:#c0392b;}
/* belka zalogowanego */
.front-user-bar{position:fixed;top:0;left:0;right:0;z-index:9998;display:flex;align-items:center;gap:1em;height:40px;padding:0 1rem;
background:var(--color-user-action);color:#fff;font-family:var(--font);font-size:.78rem;letter-spacing:.02em;line-height:1.2;}
.front-user-bar-who{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.front-user-bar-who strong{font-weight:600;}
.front-user-bar-msg{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.9;}
.front-user-bar-msg.is-error{font-weight:600;opacity:1;}
.front-user-bar-link, .front-gadgets-toggle{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5em;padding:.35em .8em;
border:1px solid rgba(255,255,255,.55);border-radius:6px;background:transparent;color:#fff;font-family:inherit;font-size:.7rem;
letter-spacing:.04em;line-height:1.4;text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease;}
.front-user-bar-link:hover, .front-gadgets-toggle:hover{background:rgba(255,255,255,.18);border-color:#fff;color:#fff;}
html.has-user-bar body{padding-top:40px;}
html.has-user-bar .header__navigation{top:40px;}
html.has-user-bar #hero{height:calc(100vh - 40px);height:calc(100svh - 40px);}
@media screen and (max-width:600px){
.front-user-bar{gap:.5em;padding:0 .6rem;font-size:.68rem;}
.front-user-bar-who, .front-user-bar-msg{display:none;}
.front-user-bar-link{margin-right:auto;}
}
/* ukrycie narzedzi - podglad strony oczami goscia */
html.front-gadgets-hidden .front-edit,
html.front-gadgets-hidden .front-add-images-button,
html.front-gadgets-hidden .front-slider-edit{display:none !important;}
/* olowek przy edytowalnym polu */
.front-edit{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;margin:0 0 0 .5em;padding:0;
border:1px solid var(--color-user-action);border-radius:3px;background:transparent;color:var(--color-user-action);
cursor:pointer;vertical-align:middle;opacity:.75;transition:opacity .2s ease, background .2s ease, color .2s ease;font-family:var(--font);}
.front-edit:hover{opacity:1;background:var(--color-user-action);color:#fff;}
.front-edit svg{width:.9rem;height:.9rem;fill:currentColor;}
#page h1 .front-edit{position:relative;top:-.15em;}
#page .content > .front-edit.is-block{display:flex;margin:1rem 0 0;}
.front-edit.is-empty, .front-add-images-button{display:inline-flex;align-items:center;gap:.5em;width:auto;height:auto;margin:1rem 0 0;padding:.5em .95em;
border:1px dashed var(--color-user-action);border-radius:6px;background:transparent;color:var(--color-user-action);
font-family:var(--font);font-size:.8rem;letter-spacing:.02em;line-height:1.4;opacity:1;cursor:pointer;transition:background .2s ease,color .2s ease;}
.front-edit.is-empty:hover, .front-add-images-button:hover{background:var(--color-user-action);border-style:solid;color:#fff;}
.front-add-images-button svg, .front-edit.is-empty svg{width:1rem;height:1rem;fill:currentColor;}
.front-add-images-button{display:flex;clear:both;}
/* link na sliderze */
.front-slider-edit{position:absolute;z-index:6;top:5.5rem;right:var(--gutter);display:inline-flex;align-items:center;gap:.5em;padding:.5em .95em;
border:1px solid var(--color-user-action);border-radius:6px;background:rgba(192,57,43,.9);color:#fff;font-size:.8rem;letter-spacing:.02em;text-decoration:none;}
.front-slider-edit:hover{background:var(--color-user-action);color:#fff;}
.front-slider-edit svg{width:.9rem;height:.9rem;fill:currentColor;}
/* okno edycji - ciemny modal na srodku ekranu */
/* tlo pod oknem edycji - kolor, krycie i rozmycie z ustawien ( --edit-overlay, --edit-overlay-blur; core/site-style.php ) */
.front-edit-overlay{position:fixed;inset:0;z-index:9990;background:var(--edit-overlay, rgba(10,10,10,.62));backdrop-filter:blur(var(--edit-overlay-blur, 3px));-webkit-backdrop-filter:blur(var(--edit-overlay-blur, 3px));animation:frontEditFade .18s ease;}
.front-edit-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;display:flex;flex-direction:column;
width:min(680px,94vw);max-width:98vw;max-height:94vh;min-width:300px;min-height:200px;overflow:hidden;resize:both;
background:#141414;color:#f4f4f4;border:1px solid #2b2b2b;border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.55);
font-family:var(--font);font-size:.9rem;line-height:1.5;text-align:left;animation:frontEditIn .2s cubic-bezier(.2,.8,.3,1);color-scheme:dark;}
.front-edit-box.is-wysiwyg{width:min(860px,96vw);}
.front-edit-box.is-images{width:min(820px,96vw);}
@keyframes frontEditFade{from{opacity:0}to{opacity:1}}
@keyframes frontEditIn{from{opacity:0;transform:translate(-50%,-46%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.front-edit-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1.2rem;border-bottom:1px solid #262626;}
.front-edit-title{font-size:1rem;font-weight:400;letter-spacing:.02em;color:#fff;}
.front-edit-title strong{font-weight:600;}
.front-edit-close{width:2rem;height:2rem;padding:0;border:0;border-radius:50%;background:transparent;color:#8a8a8a;font-size:1.5rem;line-height:1;cursor:pointer;}
.front-edit-close:hover{background:#242424;color:#fff;}
.front-edit-body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:1.2rem;overflow-y:auto;overflow-x:hidden;}
.front-edit-box .front-edit-field{display:block;width:100%;padding:.75em .9em;background:#1c1c1c;border:1px solid #333;border-radius:8px;
color:#f4f4f4;font-family:inherit;font-size:1rem;line-height:1.6;outline:none;transition:border-color .2s ease;}
.front-edit-box .front-edit-field:focus{border-color:#6a6a6a;}
.front-edit-box textarea.front-edit-field{flex:1 1 auto;resize:vertical;min-height:180px;}
/* opis krotki pod trescia strony w tym samym oknie */
.front-edit-short{flex:none;display:flex;flex-direction:column;margin-top:1rem;}
.front-edit-short .front-edit-label{display:block;margin:0 0 .4rem;color:#9a9a9a;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;}
.front-edit-short .front-edit-label small{color:#6f6f6f;font-size:inherit;letter-spacing:0;text-transform:none;}
.front-edit-box .front-edit-short textarea.front-edit-field{flex:none;min-height:90px;resize:vertical;}
.front-edit-box .front-edit-short .mce-tinymce{flex:none;}
.front-edit-box.has-short .front-edit-body > .mce-tinymce{flex:none;}
.front-edit-box.has-short .front-edit-body > textarea.front-edit-field{flex:none;min-height:min(380px,45vh);}
.front-edit-buttons{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;padding:.9rem 1.2rem;border-top:1px solid #262626;background:#101010;}
.front-edit-buttons button{padding:.55em 1.4em;border-radius:8px;border:1px solid #3a3a3a;background:transparent;color:#e6e6e6;
font-family:inherit;font-size:.9rem;letter-spacing:.04em;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;}
.front-edit-buttons .front-edit-cancel:hover{background:#242424;border-color:#4d4d4d;}
.front-edit-buttons .front-edit-save{border-color:var(--color-user-action);color:#ff8a7d;font-weight:500;}
.front-edit-buttons .front-edit-save:hover{background:var(--color-user-action);color:#fff;}
.front-edit-buttons button:disabled{opacity:.5;cursor:wait;}
.front-edit-msg{margin-right:auto;font-size:.82rem;color:#9a9a9a;}
.front-edit-msg.error{color:#ff8080;}
.front-edit-loading{padding:2rem 1.2rem;text-align:center;color:#9a9a9a;}
/* TinyMCE w ciemnej kolorystyce okna */
.front-edit-box .mce-tinymce{flex:none;display:flex;flex-direction:column;min-height:0;border:1px solid #333 !important;border-radius:8px;overflow:hidden;box-shadow:none !important;}
.front-edit-box .mce-tinymce > .mce-container-body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;}
.front-edit-box .mce-edit-area{flex:none;min-height:0;border:0 !important;}
.front-edit-box .mce-panel{background:#1c1c1c !important;border-color:#333 !important;}
.front-edit-box .mce-btn{background:transparent !important;border-color:transparent !important;}
.front-edit-box .mce-btn:hover{background:#2e2e2e !important;}
.front-edit-box .mce-ico{color:#dcdcdc !important;}
.front-edit-box .mce-btn.mce-active, .front-edit-box .mce-btn:active{background:#3a3a3a !important;}
.front-edit-box .mce-toolbar-grp{border-bottom:1px solid #333 !important;}
/* okno zdjec */
.front-images-drop{display:flex;flex-direction:column;align-items:center;gap:.3em;padding:1.4rem 1rem;border:1px dashed #444;border-radius:10px;
color:#cfcfcf;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease;}
.front-images-drop strong{color:#fff;font-weight:600;}
.front-images-drop small{color:#8a8a8a;font-size:.78rem;}
.front-images-drop:hover, .front-images-drop.is-drop{border-color:#f4f4f4;border-style:solid;background:#1c1c1c;}
.front-page-list-seg{margin:0 0 .9rem;}
.front-page-list-tools{display:flex;gap:.6rem;align-items:center;margin:0 0 .6rem;}
.front-page-list-tools .front-edit-field{flex:1 1 auto;width:auto;padding:.5em .7em;font-size:.85rem;}
.front-page-list-tools button{flex:none;padding:.45em .7em;border:1px solid #3a3a3a;border-radius:6px;background:transparent;color:#cfcfcf;font-family:inherit;font-size:.76rem;cursor:pointer;}
.front-page-list-tools button:hover{border-color:#777;color:#fff;}
.front-page-list-items{max-height:min(46vh,420px);margin:0;padding:0;overflow-y:auto;list-style:none;}
.front-page-list-items li{margin:0;padding:0;}
.front-page-list-items li[hidden]{display:none;}
.front-page-list-items label{display:flex;align-items:center;gap:.55rem;padding:.42rem .3rem;border-bottom:1px solid #262626;color:#ddd;font-size:.86rem;cursor:pointer;}
.front-page-list-items label:hover{background:#1c1c1c;}
.front-page-list-items input{flex:none;width:1rem;height:1rem;accent-color:var(--color-user-action);cursor:pointer;}
.front-images-server-toggle{display:block;margin:.7rem auto 0;padding:.4em .9em;background:none;border:1px solid #444;border-radius:6px;color:#f4f4f4;font:inherit;font-size:.85rem;cursor:pointer;}
.front-images-server-toggle:hover{border-color:#f4f4f4;background:#1c1c1c;}
.front-images-server{margin-top:.7rem;}
.front-images-server-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem;max-height:280px;margin:.6rem 0 0;padding:0;overflow-y:auto;list-style:none;}
.front-images-server-item{margin:0;padding:0;}
.front-images-server-item[hidden]{display:none;}
.front-images-server-item button{display:block;width:100%;padding:0;background:#1c1c1c;border:1px solid #333;border-radius:6px;overflow:hidden;color:#bbb;font-size:.7rem;cursor:pointer;}
.front-images-server-item button:hover{border-color:#f4f4f4;}
.front-images-server-item img{display:block;width:100%;height:72px;object-fit:cover;}
.front-images-server-item span{display:block;padding:.25em .4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.front-images-server-item.is-used button{opacity:.4;cursor:default;}
.front-images-progress{height:6px;margin:.9rem 0 0;background:#2a2a2a;border-radius:3px;overflow:hidden;}
.front-images-progress-bar{height:100%;width:0;background:#f4f4f4;transition:width .2s ease;}
.front-images-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.9rem;margin:1.1rem 0 0;padding:0;list-style:none;}
.front-images-empty{grid-column:1 / -1;padding:1rem 0;color:#8a8a8a;text-align:center;}
.front-images-item{position:relative;display:flex;flex-direction:column;gap:.4rem;padding:.4rem;border:1px solid #2b2b2b;border-radius:8px;background:#1a1a1a;cursor:grab;}
.front-images-item.is-dragged{opacity:.4;cursor:grabbing;}
.front-images-item.is-busy{opacity:.4;pointer-events:none;}
.front-images-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:5px;background:#222;pointer-events:none;}
.front-images-item .front-edit-field{padding:.45em .6em;font-size:.8rem;}
.front-images-remove{position:absolute;top:.7rem;right:.7rem;width:1.8rem;height:1.8rem;padding:0;border:0;border-radius:50%;
background:rgba(0,0,0,.7);color:#fff;font-size:1.2rem;line-height:1;cursor:pointer;}
.front-images-remove:hover{background:#c00;}
.front-images-hint{margin:.9rem 0 0;color:#8a8a8a;font-size:.8rem;}
@media print{
.front-user-bar, .front-edit, .front-add-images-button, .front-slider-edit{display:none !important;}
html.has-user-bar body{padding-top:0;}
}
/* ==========================================================================
UKLAD NAPISU I SLOGANU NA SLIDERZE ( ustawiany w oknie slidera, bin: hero_layout )
Pozycja = punkt zaczepienia w % slidera; wyrownanie mowi, ktora krawedz elementu
lezy w tym punkcie. Ta sama regula dziala dla #hero i dla podgladu w oknie.
Na telefonie ( < 768px ) zostaje uklad domyslny - tekst nie wyjdzie poza ekran.
========================================================================== */
@media screen and (min-width:768px){
.hero-layout[data-layout="custom"] .hero__text{position:static;}
.hero-layout[data-layout="custom"] .hero__eyebrow,
.hero-layout[data-layout="custom"] .hero__name{position:absolute;z-index:3;margin:0;--tx:0%;}
.hero-layout[data-layout="custom"] .hero__eyebrow{left:var(--slogan-x);top:var(--slogan-y);font-size:var(--slogan-size);white-space:nowrap;transform:translate(var(--tx),-50%);}
.hero-layout[data-layout="custom"] .hero__name{left:var(--name-x);top:var(--name-y);font-size:max(2.4rem, var(--name-size));white-space:nowrap;transform:translate(var(--tx),-50%);}
.hero-layout[data-slogan-align="center"] .hero__eyebrow, .hero-layout[data-name-align="center"] .hero__name{--tx:-50%;text-align:center;}
.hero-layout[data-slogan-align="right"] .hero__eyebrow, .hero-layout[data-name-align="right"] .hero__name{--tx:-100%;text-align:right;}
.hero-layout[data-layout="custom"] .hero__down{right:var(--gutter);bottom:2rem;}
}
.hero-layout[data-color="dark"] .hero__name{color:#111;}
.hero-layout[data-color="dark"] .hero__eyebrow{color:#333;}
.hero-layout[data-color="dark"]:after{background:linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,0) 20%);}
/* okno slidera */
.front-edit-box.is-slider{width:min(1000px,96vw);}
.front-slider-section{margin:0 0 1.4rem;}
.front-slider-section:last-child{margin-bottom:0;}
.front-slider-section h3{margin:0 0 .7rem;color:#c9c9c9;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;}
.front-slider-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0 0 .7rem;}
.front-slider-seg{display:inline-flex;border:1px solid #3a3a3a;border-radius:8px;overflow:hidden;}
.front-slider-seg button{padding:.45em .85em;border:0;background:transparent;color:#cfcfcf;font-family:inherit;font-size:.8rem;cursor:pointer;}
.front-slider-seg button + button{border-left:1px solid #3a3a3a;}
.front-slider-seg button.is-on{background:#f4f4f4;color:#111;}
.front-slider-seg button.is-name.is-on{background:#ff8a7d;color:#111;}
.front-slider-seg button.is-slogan.is-on{background:#7dc4ff;color:#111;}
.front-slider-range{display:inline-flex;align-items:center;gap:.5rem;color:#9a9a9a;font-size:.78rem;}
.front-slider-range input{width:120px;accent-color:var(--color-user-action);}
.front-slider-range output{min-width:3.5em;color:#ddd;}
.front-slider-stage{position:relative;width:100%;overflow:hidden;border:1px solid #333;border-radius:8px;background:#0e0e0e;cursor:crosshair;user-select:none;-webkit-user-select:none;}
.front-slider-replica{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none;overflow:hidden;background:#0e0e0e center 30% / cover no-repeat;}
.front-slider-replica:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 22%, rgba(0,0,0,0) 45%, rgba(0,0,0,.72) 100%);}
.front-slider-replica[data-color="dark"]:after{background:linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,0) 20%);}
.front-slider-replica .hero__text{color:var(--color-on-dark);}
.front-slider-marker{position:absolute;z-index:5;width:22px;height:22px;margin:-11px 0 0 -11px;border:2px solid #fff;border-radius:50%;
box-shadow:0 0 0 2px rgba(0,0,0,.6);cursor:grab;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;color:#111;}
.front-slider-marker.is-name{background:#ff8a7d;}
.front-slider-marker.is-slogan{background:#7dc4ff;}
.front-slider-marker.is-active{transform:scale(1.25);}
.front-slider-readout{margin:.5rem 0 0;color:#8a8a8a;font-size:.78rem;}
.front-slider-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;margin:.9rem 0 0;padding:0;list-style:none;}
.front-slider-list .front-images-item img{cursor:pointer;pointer-events:auto;}
.front-slider-list .front-images-item.is-preview{border-color:#f4f4f4;}
.front-slider-reset{padding:.45em .85em;border:1px solid #3a3a3a;border-radius:8px;background:transparent;color:#9a9a9a;font-family:inherit;font-size:.78rem;cursor:pointer;}
.front-slider-reset:hover{border-color:#6a6a6a;color:#fff;}
button.front-slider-edit{font-family:var(--font);cursor:pointer;}
.front-edit-panel-link{color:#8a8a8a;font-size:.82rem;text-decoration:none;margin-right:.4rem;}
.front-edit-panel-link:hover{color:#fff;}
/* wlasne kolory napisow z okna slidera ( --name-color / --slogan-color ) */
.hero-layout .hero__name{color:var(--name-color, inherit);}
.hero-layout .hero__eyebrow{color:var(--slogan-color, var(--color-on-dark-muted));}
.hero-layout[data-color="dark"] .hero__name{color:var(--name-color, #111);}
.hero-layout[data-color="dark"] .hero__eyebrow{color:var(--slogan-color, #333);}
.front-slider-colorpick{display:inline-flex;align-items:center;gap:.4rem;color:#9a9a9a;font-size:.78rem;}
.front-slider-colorpick input[type="color"]{width:2.2rem;height:1.7rem;padding:0;border:1px solid #3a3a3a;border-radius:6px;background:transparent;cursor:pointer;}
.front-slider-colorpick button{padding:.2em .5em;border:1px solid #3a3a3a;border-radius:6px;background:transparent;color:#9a9a9a;font-family:inherit;font-size:.72rem;cursor:pointer;}
.front-slider-colorpick button:hover{color:#fff;border-color:#6a6a6a;}
.front-slider-colorpick.is-auto input[type="color"]{opacity:.35;}
/* kolor blendy slajdu - osobna klasa, bo .front-slider-colorpick obsluguje kolory napisow ( aLayout ) */
.front-slider-blendcolor{display:inline-flex;align-items:center;gap:.4rem;color:#9a9a9a;font-size:.78rem;}
.front-slider-blendcolor input[type="color"]{width:2.2rem;height:1.7rem;padding:0;border:1px solid #3a3a3a;border-radius:6px;background:transparent;cursor:pointer;}
.front-slider-blendcolor input[type="color"]:disabled{opacity:.35;cursor:default;}
.front-slider-blendcolor button{padding:.2em .5em;border:1px solid #3a3a3a;border-radius:6px;background:transparent;color:#9a9a9a;font-family:inherit;font-size:.72rem;cursor:pointer;}
.front-slider-blendcolor button:hover{color:#fff;border-color:#6a6a6a;}
/* blenda: kazdy slajd ma wlasny gradient ( span.slide-blend, styl z core/front-edit.php ).
Po zapisaniu ukladu w oknie slidera stary wspolny gradient znika - na zdjeciu zostaje tylko blenda slajdu.
Selektory z #hero, bo #hero:after wyzej ma wyzsza wage */
#hero[data-layout="custom"]:after, .front-slider-replica:after,
#hero[data-layout="custom"][data-color="dark"]:after, .front-slider-replica[data-color="dark"]:after{background:none;}
.slide-blend, .front-slider-replica-blend{position:absolute;inset:0;z-index:1;pointer-events:none;}
.front-slider-replica .hero__text{z-index:3;}
.front-slider-marker.is-blend{background:#ffd166;}
.front-slider-seg button.is-blend.is-on{background:#ffd166;color:#111;}
.front-slider-blendtools[hidden]{display:none;}
.front-slider-blendtools{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0 0 .7rem;padding:.6rem .7rem;border:1px solid #2b2b2b;border-radius:8px;background:#181818;}
.front-slider-blendtools .front-slider-label{color:#ffd166;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;}
/* bez blendy menu stoi na samym zdjeciu - delikatny cien, zeby dalo sie je przeczytac na jasnym tle */
.is-start .header__navigation:not(.is-solid){text-shadow:0 1px 10px rgba(0,0,0,.45);}
/* przenikanie slajdow bez przyciemnienia ( skrypt w footer.php ) */
#hero .quick-slider-slide.is-leaving{opacity:1 !important;z-index:1;}
#hero .quick-slider-slide.is-entering{z-index:2;}
/* przed pierwsza zmiana slajdu widoczny jest tylko pierwszy - bez tego wszystkie slajdy
lezaly na sobie i na wierzchu byl ostatni ( z jego blenda ) */
#hero .quick-slider-slide{position:absolute;top:0;left:0;display:none;}
#hero .quick-slider-slide:first-child{display:block;}
#hero #slider > ul > li:not(:first-child){display:none;}
/* ==========================================================================
NAGLOWEK: bez przewiniecia - bez paska ( przezroczysty ), po przewinieciu - bialy pasek.
Napisy zawsze czarne, bez cieni. Klase is-solid dokłada skrypt w footer.php
========================================================================== */
:root{--head-h:60px;}
.header__navigation,
.is-sub .header__navigation,
.is-start .header__navigation:not(.is-solid){height:var(--head-h);padding:0 var(--gutter);background:transparent;color:#111;
box-shadow:none;text-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .25s ease;}
.header__navigation.is-solid, .is-sub .header__navigation.is-solid{background:#fff;}
#logo #title a, .header__menu .menu__link, button.hamburger{color:#111;text-shadow:none;}
.header__menu .menu__link{opacity:.7;}
.header__menu .menu__link:hover, .header__menu .selected > .menu__link{opacity:1;}
.is-sub #body{padding-top:var(--head-h);}
/* ciemne zdjecie slidera pod naglowkiem ( jasnosc liczy skrypt w footer.php ) - napisy biale; po przewinieciu ( bialy pasek ) znow czarne */
.is-start .header__navigation #logo #title a, .is-start .header__navigation .header__menu .menu__link, .is-start .header__navigation button.hamburger{transition:color .4s ease, opacity .25s ease;}
.is-start .header__navigation.is-on-dark:not(.is-solid),
.is-start .header__navigation.is-on-dark:not(.is-solid) #logo #title a,
.is-start .header__navigation.is-on-dark:not(.is-solid) .header__menu .menu__link,
.is-start .header__navigation.is-on-dark:not(.is-solid) button.hamburger{color:var(--head-text, #fff);} /* galazyn: wlasny kolor paska - napisy z niego */
/* galeria "justified" - wtyczka justifiedGallery ( plugins/, jak w serwisie andrzejlichota ).
Wtyczka stylizuje tylko a / div / figure, a galeria Quick.Cms to ul > li - te same reguly dla li.
Bez JS ( zanim wtyczka ulozy rzedy ) zdjecia stoja obok siebie w naturalnej wielkosci */
.images-3{display:flex;flex-wrap:wrap;gap:var(--gallery-gap, 6px);margin-top:2rem;}
.images-3 li{position:relative;margin:0;overflow:hidden;}
.images-3 img{display:block;max-width:100%;height:auto;}
.images-3.justified-gallery{display:block;}
.justified-gallery > li{position:absolute;display:inline-block;overflow:hidden;opacity:.1;margin:0;padding:0;background:var(--color-soft);}
.justified-gallery > li > a{display:block;width:100%;height:100%;}
.justified-gallery > li > a > img, .justified-gallery > li > img{position:absolute;top:50%;left:50%;max-width:none;margin:0;padding:0;border:none;opacity:0;}
.justified-gallery > li.jg-entry-visible{opacity:1;background:none;}
.justified-gallery > li.jg-entry-visible > a > img, .justified-gallery > li.jg-entry-visible > img{opacity:1;transition:opacity .5s ease-in, transform .5s ease;}
.justified-gallery > li > a:hover > img{transform:scale(1.03);}
.images-3 p{position:absolute;left:0;right:0;bottom:0;z-index:2;max-width:none;margin:0;padding:1.6rem .7rem .5rem;
background:linear-gradient(transparent, rgba(0,0,0,.6));color:#fff;font-size:.78rem;line-height:1.35;pointer-events:none;
opacity:0;transition:opacity .25s ease;}
.images-3 li:hover p{opacity:1;}
@media screen and (max-width:600px){ .images-3 p{opacity:1;} }
/* zdjecia z lewej / prawej: szerokosc miniatury ( bez limitu 45% ), najwyzej cala kolumna */
.images-1, .images-2{max-width:100%;}
.images-1 img, .images-2 img{width:auto;max-width:100%;height:auto;}
/* listy, linie i sródtytuly z kreska omijaja zdjecie z lewej / prawej ( obramowania i punktory nie wchodza pod obrazek );
gdy obok zdjecia zostaje mniej niz 22rem, schodza pod nie zamiast tworzyc waska kolumne */
#page div.content > ul, #page div.content > ol, #page div.content > h2, #page div.content > h3,
#page div.content > hr, #page div.content > table, #page div.content > blockquote{display:flow-root;min-width:min(100%, 22rem);}
/* stopka: powered by + designed by w jednej linii */
#powered{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .6rem;}
#powered .powered__sep{color:var(--color-on-dark-muted);opacity:.5;font-size:.75rem;}
/* formularz logowania do edycji ( core/front-login.php ) - bez obramowan i cieni */
.front-login{max-width:26rem;margin:2rem 0 0;}
.front-login label{display:block;margin:0 0 .35rem;color:var(--color-muted);font-size:.85rem;font-weight:500;}
.front-login input[type=email], .front-login input[type=password], .front-login input[type=text]{display:block;width:100%;margin:0 0 1rem;padding:.8em .95em;
background:var(--color-soft);border:0;border-radius:6px;box-shadow:none;color:var(--color-text);font:inherit;outline:none;}
.front-login input:focus{background:#ebe6dc;}
.front-login .front-login__code{font-size:1.8rem;letter-spacing:.5em;text-align:center;padding:.4em .2em .4em .7em;}
.front-login__step{margin:0 0 1rem;color:var(--color-accent);font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;}
.front-login__buttons{display:flex;flex-wrap:wrap;gap:.6rem;margin:.2rem 0 0;}
.front-login button, .front-login__button{display:inline-block;padding:.7em 1.5em;border:0;border-radius:6px;box-shadow:none;background:var(--color-dark);color:#fff;
font:inherit;font-size:.9rem;text-decoration:none;cursor:pointer;transition:background .2s ease;}
.front-login button:hover, .front-login__button:hover{background:var(--color-accent-dark);color:#fff;}
.front-login button.is-ghost, .front-login__button.is-ghost{background:var(--color-soft);color:var(--color-text);}
.front-login button.is-ghost:hover, .front-login__button.is-ghost:hover{background:#e4ded2;color:var(--color-text);}
.front-login__msg{margin:0 0 1.2rem;padding:.8rem 1rem;border:0;border-radius:6px;background:#e9f2e6;color:#2f5a2a;font-size:.9rem;}
.front-login__msg.is-error{background:#f7e4e1;color:#8a2a1e;}
.front-login__hint{margin:1rem 0 0;color:var(--color-muted);font-size:.8rem;}
.front-login__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
/* punkt srodka slajdu na telefonie ( okno slidera -> Telefon; --fx / --fy z core/front-edit.php ) */
@media screen and (max-width:767px){
#hero #slider li.img img{object-position:var(--fx,50%) var(--fy,30%);}
}
/* telefon: slogan i nazwa wysrodkowane w poziomie, w pionie jak bylo ( przy dole zdjecia ) - polozenie z okna slidera dziala od 768 px */
@media screen and (max-width:767px){
#hero .hero__text{left:var(--gutter);right:var(--gutter);text-align:center;}
#hero .hero__eyebrow, #hero .hero__name{margin-left:auto;margin-right:auto;white-space:normal;}
/* slogan pod nazwa ( w kodzie stoi nad nia - kolejnosc odwracamy tylko na telefonie ) */
#hero .hero__text{display:flex;flex-direction:column;}
#hero .hero__name{order:1;}
#hero .hero__eyebrow{order:2;margin-top:.9rem;margin-bottom:0;}
}
/* okno slidera: ustawienie telefonu */
.front-slider-seg button.is-phone.is-on{background:#9be38d;color:#111;}
.front-slider-phonetools[hidden]{display:none;}
.front-slider-phonetools{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem;margin:0 0 .7rem;padding:.8rem;border-radius:8px;background:#181818;}
.front-slider-phone-image{position:relative;flex:1 1 320px;max-width:560px;cursor:crosshair;user-select:none;-webkit-user-select:none;line-height:0;}
.front-slider-phone-image img{display:block;width:100%;height:auto;border-radius:4px;pointer-events:none;}
.front-slider-phone-image .front-slider-marker{background:#9be38d;}
.front-slider-phone-image .front-slider-phone-empty{display:block;padding:2rem 1rem;color:#8a8a8a;font-size:.85rem;line-height:1.4;}
.front-slider-phone{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#9a9a9a;font-size:.75rem;}
.front-slider-phone-screen{position:relative;width:140px;height:290px;border-radius:18px;background:#000 50% 30% / cover no-repeat;outline:6px solid #2b2b2b;overflow:hidden;}
.front-slider-phone-screen .front-slider-phone-blend{position:absolute;inset:0;}
.front-slider-phone-hint{flex:1 1 100%;margin:0;color:#8a8a8a;font-size:.78rem;}
.front-images-zoom{display:flex;align-items:center;gap:.45rem;padding:.15rem .1rem;color:#cfcfcf;font-size:.78rem;cursor:pointer;}
.front-images-zoom input{width:1rem;height:1rem;accent-color:var(--color-user-action);cursor:pointer;}
.front-images-default{display:flex;align-items:center;gap:.45rem;padding:.15rem .1rem;color:#fff;font-size:.78rem;cursor:pointer;}
.front-images-default input{width:1rem;height:1rem;accent-color:var(--color-user-action);cursor:pointer;}
/* srodek kadru zdjecia ( cover ): przycisk przy zdjeciu i okno z przeciaganym punktem ( core/front-edit.js ) */
.front-images-focus{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4em .6em;border:1px solid #333;border-radius:6px;background:#202020;color:#cfcfcf;font:inherit;font-size:.76rem;cursor:pointer;}
.front-images-focus:hover, .front-images-focus:focus-visible{border-color:#777;color:#fff;outline:none;}
.front-images-focus span{color:#8a8a8a;font-variant-numeric:tabular-nums;}
.front-images-focus.is-set span{color:var(--color-user-action);}
.front-focus-overlay{z-index:10010;}
.front-edit-box.is-focus{z-index:10011;width:min(1100px,96vw);}
.front-focus-hint{margin:0 0 .9rem;color:#9a9a9a;font-size:.8rem;}
.front-focus-main{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:flex-start;}
.front-focus-stage{position:relative;flex:0 1 auto;max-width:100%;line-height:0;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none;}
.front-focus-stage img{display:block;max-width:min(640px,100%);max-height:62vh;width:auto;height:auto;border-radius:4px;pointer-events:none;}
.front-focus-line{position:absolute;pointer-events:none;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(0,0,0,.25);}
.front-focus-line.is-x{top:0;bottom:0;width:1px;margin-left:-.5px;}
.front-focus-line.is-y{left:0;right:0;height:1px;margin-top:-.5px;}
.front-focus-marker{position:absolute;z-index:2;width:26px;height:26px;margin:-13px 0 0 -13px;border:2px solid #fff;border-radius:50%;background:rgba(255,90,70,.35);box-shadow:0 0 0 1px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.5);cursor:grab;outline:none;}
.front-focus-marker:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#fff;}
.front-focus-marker:focus-visible{box-shadow:0 0 0 3px var(--color-user-action), 0 2px 8px rgba(0,0,0,.5);}
.front-focus-stage.is-dragging, .front-focus-stage.is-dragging .front-focus-marker{cursor:grabbing;}
.front-focus-side{flex:1 1 260px;display:flex;flex-direction:column;gap:1rem;min-width:0;}
.front-focus-fields{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;color:#cfcfcf;font-size:.82rem;}
.front-focus-fields label{display:flex;align-items:center;gap:.4rem;}
.front-focus-fields input{width:5.5em;padding:.4em .5em;font-variant-numeric:tabular-nums;}
.front-focus-reset{padding:.4em .8em;border:1px solid #333;border-radius:6px;background:transparent;color:#cfcfcf;font:inherit;font-size:.78rem;cursor:pointer;}
.front-focus-reset:hover{border-color:#777;color:#fff;}
.front-focus-previews{display:flex;gap:.8rem;align-items:flex-end;}
.front-focus-previews figure{margin:0;display:flex;flex-direction:column;gap:.3rem;}
.front-focus-previews figcaption{color:#8a8a8a;font-size:.72rem;}
.front-focus-preview{overflow:hidden;border:1px solid #333;border-radius:4px;background:#0b0b0b;}
.front-focus-preview.is-wide{width:200px;aspect-ratio:16/9;}
.front-focus-preview.is-tall{width:68px;aspect-ratio:9/19.5;}
.front-focus-preview img{display:block;width:100%;height:100%;object-fit:cover;}
/* kropki slidera: na dole, wyrownane do srodka, jednakowej wielkosci, bez cieni i obramowan;
zaznaczona biala, niezaznaczone ciemne */
#hero .quick-slider-nav-dots-wrapper{position:absolute;z-index:5;left:0;right:0;bottom:1.4rem;width:auto;display:flex;justify-content:center;gap:.2rem;margin:0;padding:0;list-style:none;text-align:center;mix-blend-mode:normal;}
#hero .quick-slider-nav-dots-wrapper li{display:block;width:auto !important;height:auto !important;margin:0;padding:0;} /* regula slajdow ( #hero #slider li 100% ) nie dotyczy kropek */
#hero .quick-slider-nav-dots{display:block;box-sizing:content-box;width:10px;height:10px;margin:0;padding:0;border:8px solid transparent;border-radius:50%;
background:rgba(17,17,17,.55);background-clip:content-box;box-shadow:none;font-size:0;line-height:0;color:transparent;overflow:hidden;cursor:pointer;
transform:none;transition:background-color .25s ease;}
#hero .quick-slider-nav-dots:hover{background-color:rgba(17,17,17,.85);}
#hero .quick-slider-nav-dots.active{background-color:#fff;transform:none;}
/* strona ze statystykami bez dostepu ( core/front-login.php: displayFrontStats ) */
.front-stats__denied{margin:1.5rem 0 0;padding:1.1rem 1.3rem;border-radius:6px;background:var(--color-soft);}
.front-stats__denied p{margin:0;padding:0;}
.front-stats__denied p + p{margin-top:1rem;}
/* stopka: "Powered by Quick.Cms.Lite" - Quick.Cms -> opensolution.org, .Lite -> grafiqa.pl */
#powered .powered__by{color:var(--color-on-dark-muted);font-size:.75rem;letter-spacing:.06em;opacity:.7;}
#powered .powered__by a{opacity:1;}
#powered .powered__by:hover{opacity:1;}
/* przelacznik wersji jezykowej w naglowku ( core/translations.php, displayLanguageSwitcher ) */
.header__menu:has(.lang-switch){display:flex;align-items:center;gap:1.6rem;}
.lang-switch{display:flex;gap:.7rem;margin:0;padding:0;list-style:none;font-size:.72rem;font-weight:600;letter-spacing:.16em;}
.lang-switch li{margin:0;}
.lang-switch a, .lang-switch span{display:block;padding:.35rem 0;color:inherit;text-decoration:none;}
.lang-switch a{opacity:.55;transition:opacity .25s ease;}
.lang-switch a:hover{opacity:1;}
.lang-switch .is-current span{border-bottom:1px solid currentColor;}
/* zrodlo materialu ( pages.sSource / sSourceLink, core/page-sources.php ) - jak media w andrzejlichota */
.page-source{margin:.45rem 0 0;color:var(--color-muted);font-size:.78rem;letter-spacing:.02em;}
.page-source__label{text-transform:lowercase;}
.page-source a{color:var(--color-text);text-decoration:underline;text-underline-offset:2px;}
.page-source a:hover{color:var(--color-accent-dark);}
#page > .page-source{margin:1.2rem 0 0;}
/* "dodaj kolejną" pod lista podstron i edycja zrodla - tylko dla zalogowanego redaktora */
.front-add-subpage-button, .front-source-edit{display:inline-flex;align-items:center;gap:.5em;margin:1rem 0 0;padding:.5em .95em;
border:1px dashed var(--color-user-action);border-radius:6px;background:transparent;color:var(--color-user-action);
font-family:var(--font);font-size:.8rem;letter-spacing:.02em;line-height:1.4;cursor:pointer;transition:background .2s ease,color .2s ease;}
.front-add-subpage-button:hover, .front-source-edit:hover{background:var(--color-user-action);border-style:solid;color:#fff;}
.front-add-subpage-button svg, .front-source-edit svg{width:1rem;height:1rem;fill:currentColor;}
.front-add-subpage-button{display:flex;}
html.front-gadgets-hidden .front-add-subpage-button, html.front-gadgets-hidden .front-source-edit{display:none !important;}
@media print{ .front-add-subpage-button, .front-source-edit{display:none !important;} }
.front-edit-box.is-fields .front-edit-label{display:block;margin:1rem 0 .4rem;color:#9a9a9a;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;}
.front-edit-box.is-fields .front-edit-label:first-child{margin-top:0;}
.front-edit-box.is-fields .mce-tinymce{flex:0 0 auto;}
/* zdjecie w polozeniu "Tło" ( core/page-background.php ): osobna kolumna obok tresci - tekst na nie nie wchodzi.
do lewej / do prawej = kolumna z tej strony, srodek = pod trescia; #container ma wybrany kolor tla.
Zdjecie w oryginalnej wielkosci, zmniejszane tylko gdy nie miesci sie w kolumnie. */
.page-bg-layout{display:flex;align-items:flex-start;justify-content:center;gap:clamp(2rem, 5vw, 4.5rem);}
.page-bg-layout > #page{flex:1 1 var(--measure);min-width:0;margin:0;}
.page-bg-image{flex:0 1 auto;min-width:0;margin:0;padding:clamp(3rem, 8vw, 6rem) 0 clamp(3rem, 8vw, 5rem);}
.page-bg-image img{display:block;max-width:100%;height:auto;}
.page-bg-layout.is-left .page-bg-image{order:-1;}
.page-bg-layout.is-center{flex-direction:column;align-items:center;gap:0;}
.page-bg-layout.is-center > #page{flex:0 0 auto;width:100%;max-width:var(--measure);}
.page-bg-layout.is-center .page-bg-image{padding-top:0;}
@media screen and (max-width:860px){
/* telefon i waski ekran: tytul, tekst, pod spodem zdjecie */
.page-bg-layout, .page-bg-layout.is-left, .page-bg-layout.is-right{flex-direction:column;align-items:stretch;gap:0;}
.page-bg-layout > #page{flex:0 0 auto;width:100%;margin:0 auto;}
.page-bg-layout .page-bg-image, .page-bg-layout.is-left .page-bg-image{order:0;padding-top:0;align-self:center;}
}
/* okno zdjec: opcje tla ( polozenie "Tło" ) */
.front-images-bg{display:flex;flex-direction:column;gap:.4rem;}
.front-images-bg[hidden]{display:none;}
.front-images-bgpos{display:flex;}
.front-images-bgpos button{flex:1 1 0;padding:.35em .3em;font-size:.72rem;}
.front-images-bgcolor{display:flex;align-items:center;justify-content:space-between;gap:.4rem;color:#9a9a9a;font-size:.75rem;}
.front-images-bgcolor input{width:2.2rem;height:1.6rem;padding:0;border:1px solid #3a3a3a;border-radius:6px;background:transparent;cursor:pointer;}
/* okno ustawien wygladu ( belka administratora -> ustawienia, core/site-style.php ) - z boku, strona widoczna obok */
.front-edit-overlay.is-light{background:rgba(10,10,10,.12);backdrop-filter:none;-webkit-backdrop-filter:none;}
.front-edit-box.is-settings{top:56px;right:1rem;left:auto;transform:none;width:min(460px,94vw);max-height:calc(100vh - 72px);resize:none;animation:frontEditFade .18s ease;}
.front-settings-section{margin:0 0 1.2rem;}
.front-settings-section h3{margin:0 0 .6rem;color:#c9c9c9;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;}
.front-settings-row{display:grid;grid-template-columns:8.5rem 1fr auto;align-items:center;gap:.3rem .7rem;padding:.35rem 0;color:#9a9a9a;font-size:.8rem;}
.front-settings-row input[type="range"]{width:100%;accent-color:var(--color-user-action);}
.front-settings-row input[type="color"]{width:2.4rem;height:1.7rem;padding:0;border:1px solid #3a3a3a;border-radius:6px;background:transparent;cursor:pointer;}
.front-settings-row output{grid-column:2;color:#ddd;font-size:.75rem;}
.front-settings-row.is-default output{color:#7a7a7a;}
.front-settings-row .front-settings-reset{grid-column:3;grid-row:1;padding:.2em .6em;border:1px solid #3a3a3a;border-radius:6px;background:transparent;color:#9a9a9a;font-family:inherit;font-size:.72rem;cursor:pointer;}
.front-settings-row .front-settings-reset:hover{color:#fff;border-color:#6a6a6a;}
.front-settings-row.is-default .front-settings-reset, .front-settings-row.is-default .front-settings-px-reset{visibility:hidden;}
.front-settings-row .front-settings-px-reset{grid-column:3;grid-row:1;padding:.2em .6em;border:1px solid #3a3a3a;border-radius:6px;background:transparent;color:#9a9a9a;font-family:inherit;font-size:.72rem;cursor:pointer;}
.front-settings-row .front-settings-px-reset:hover{color:#fff;border-color:#6a6a6a;}
.front-settings-row .front-settings-bullets{grid-column:2 / -1;flex-wrap:wrap;}
.front-settings-bullets button{font-size:.75rem;}
.front-settings-hint{margin:.3rem 0 0;color:#7a7a7a;font-size:.75rem;}
.front-settings-select{width:100%;padding:.35em .5em;border:1px solid #3a3a3a;border-radius:6px;background:#1c1c1c;color:#eee;font-family:inherit;font-size:.8rem;}
/* probka kroju - w kroju strony ( --font ), nie okna */
.front-settings-row .front-settings-sample{grid-column:1 / -1;padding:.4rem .6rem;border:1px solid #2b2b2b;border-radius:6px;color:#eee;font-family:var(--font);font-size:1.05rem;}
@media screen and (max-width:600px){
.front-edit-box.is-settings{right:3vw;top:48px;}
.front-settings-row{grid-template-columns:1fr auto;}
.front-settings-row .front-settings-name{grid-column:1 / -1;}
.front-settings-row output{grid-column:1;}
.front-settings-row .front-settings-reset{grid-column:2;grid-row:auto;}
}
/* okno slidera: napisy na zdjeciu ( core/site-texts.php ) */
.front-slider-text{display:inline-flex;align-items:center;gap:.5rem;color:#9a9a9a;font-size:.78rem;}
.front-slider-text .front-edit-field{width:min(320px,60vw);padding:.45em .6em;font-size:.85rem;}
.front-slider-texteditor{display:inline-flex;align-items:stretch;border:1px solid #333;border-radius:8px;background:#1c1c1c;overflow:hidden;}
.front-slider-bold{flex:0 0 2rem;border:0;border-right:1px solid #333;background:#232323;color:#f4f4f4;cursor:pointer;}
.front-slider-bold:hover{background:var(--color-user-action);}
.front-slider-break{flex:0 0 2rem;border:0;border-right:1px solid #333;background:#232323;color:#f4f4f4;font-size:1rem;cursor:pointer;}
.front-slider-break:hover{background:var(--color-user-action);}
.front-slider-name{display:block;min-width:min(260px,50vw);padding:.45em .6em;color:#f4f4f4;font-size:.85rem;white-space:nowrap;outline:none;}
.front-slider-hint{margin:.2rem 0 0;color:#7a7a7a;font-size:.75rem;}
/* okno ustawien: wersja demo ( database/demo.php ) */
.front-settings-row.front-settings-demo{cursor:pointer;}
.front-settings-demo-delete{margin:.5rem 0 0;padding:.35em .9em;border:1px solid var(--color-user-action);border-radius:6px;background:transparent;color:#ff8a7d;font-family:inherit;font-size:.78rem;cursor:pointer;}
.front-settings-demo-delete:hover{background:var(--color-user-action);color:#fff;}
.front-settings-demo-delete:disabled{opacity:.5;cursor:wait;}
.front-settings-demo input{grid-column:2;justify-self:start;width:1.1rem;height:1.1rem;accent-color:var(--color-user-action);}
/* belka: wersja demo bez zapisu ( core/site-style.php, checkSiteDemoReadOnly ) */
.front-user-bar-demo{flex:0 0 auto;padding:.25em .7em;border-radius:6px;background:#ffd166;color:#111;font-size:.7rem;font-weight:600;letter-spacing:.03em;white-space:nowrap;}
@media screen and (max-width:600px){ .front-user-bar-demo{display:none;} }
/* okno zdjec: ustawienia naraz dla wszystkich zdjec strony ( core/front-edit.js, applyToAll ) */
.front-images-all{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem;margin:.9rem 0 0;padding:.7rem .8rem;border:1px solid #2b2b2b;border-radius:8px;background:#181818;}
.front-images-all-label{flex:1 1 100%;color:#c9c9c9;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;}
.front-images-all .front-edit-field{width:auto;flex:1 1 11rem;padding:.45em .6em;font-size:.82rem;}
#page h1 .page-views{display:inline-flex;align-items:center;gap:.35em;margin-left:.8rem;padding:.25em .7em;border:1px solid var(--color-divider);border-radius:999px;vertical-align:middle;
color:var(--color-muted);font-size:.78rem;font-weight:400;letter-spacing:.02em;line-height:1.3;text-decoration:none;text-transform:none;white-space:nowrap;}
#page h1 .page-views:before{content:"";width:.95em;height:.95em;background:currentColor;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C6.5 5 2.7 9.3 1.5 11.4a1.2 1.2 0 0 0 0 1.2C2.7 14.7 6.5 19 12 19s9.3-4.3 10.5-6.4a1.2 1.2 0 0 0 0-1.2C21.3 9.3 17.5 5 12 5zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8z'/%3E%3C/svg%3E") 50% 50% / contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C6.5 5 2.7 9.3 1.5 11.4a1.2 1.2 0 0 0 0 1.2C2.7 14.7 6.5 19 12 19s9.3-4.3 10.5-6.4a1.2 1.2 0 0 0 0-1.2C21.3 9.3 17.5 5 12 5zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8z'/%3E%3C/svg%3E") 50% 50% / contain no-repeat;}
#page h1 .page-views b{color:var(--color-text);font-weight:600;}
#page h1 a.page-views:hover{border-color:var(--color-accent);color:var(--color-accent-dark);}
html.front-gadgets-hidden #page h1 .page-views{display:none;}
@media print{ #page h1 .page-views{display:none;} }
#page h1 .page-views__now{display:inline-flex;align-items:center;gap:.3em;}
#page h1 .page-views__now:before{content:"";width:.5em;height:.5em;border-radius:50%;background:#b8b8b8;}
#page h1 .page-views__now.is-on{color:var(--color-text);font-weight:600;}
#page h1 .page-views__now.is-on:before{background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:pageViewsPulse 2s infinite;}
@keyframes pageViewsPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55);}70%{box-shadow:0 0 0 .45em rgba(34,197,94,0);}100%{box-shadow:0 0 0 0 rgba(34,197,94,0);}}
@media (prefers-reduced-motion:reduce){ #page h1 .page-views__now.is-on:before{animation:none;} }
/* ekran techniczny wlaczony - pasek dla zalogowanego ( core/maintenance.php ) */
.maintenance-notice{position:fixed;left:50%;bottom:1rem;z-index:300;transform:translateX(-50%);max-width:calc(100% - 2rem);padding:.55rem 1rem;border-radius:2rem;background:#000;color:#fff;font-size:.8rem;line-height:1.4;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.3);}
.maintenance-notice a{color:#fff;text-decoration:underline;}
/* okno "dodaj" ( core/front-edit.php: displayFrontAddMenu ) i edycja przy istniejacym elemencie */
.front-add-menu-box{width:min(22rem, calc(100vw - 2rem));}
.front-add-menu-box .front-edit-body{display:grid;gap:.6rem;}
.front-add-menu-box .front-edit-body button{display:flex;width:100%;margin:0;font-size:.9rem;padding:.75em 1em;}
.front-edit-at{clear:both;}
.front-edit-at > button{margin-top:.6rem;}
/* pojedyncza strona pod trescia ( core/page-blocks.php ): miniatura, nazwa, opis krotki, "wiecej" */
/* miniatura w rozmiarze z ustawien zdjecia ( files// ), bez rozciagania i przycinania; najwyzej pol szerokosci */
.page-feature{clear:both;display:grid;grid-template-columns:fit-content(50%) minmax(0,1fr);gap:1.5rem 2rem;align-items:start;margin:2rem 0;}
.page-feature.no-image{grid-template-columns:1fr;}
.page-feature__image a{display:block;}
.page-feature__image img{display:block;width:auto;height:auto;max-width:100%;}
.page-feature__title{margin:0 0 .6rem;font-size:var(--h2-size, 1.3rem);font-weight:600;color:var(--h2-color, var(--color-text));}
.page-feature__title a{color:inherit;text-decoration:none;}
.page-feature__title a:hover{color:var(--color-accent-dark);}
.page-feature__text{color:var(--color-muted);}
.page-feature__text p:last-child{margin-bottom:0;}
.page-feature__more{display:inline-block;margin-top:1rem;font-weight:600;text-decoration:none;color:var(--color-accent-dark);}
.page-feature__more:after{content:" \2192";}
.page-feature__more:hover{text-decoration:underline;}
@media screen and (max-width:600px){ .page-feature{grid-template-columns:1fr;gap:1rem;} }
/* bloki pod trescia - przeciaganie kolejnosci ( tylko zalogowany redaktor ) */
.page-block{position:relative;}
.page-blocks.is-sortable > .page-block{outline:1px dashed transparent;outline-offset:.4rem;transition:outline-color .2s ease;}
.page-blocks.is-sortable > .page-block:hover{outline-color:var(--color-user-action);}
.front-block-tools{position:absolute;z-index:5;top:0;right:0;display:flex;gap:.3rem;}
.front-block-handle{display:inline-flex;align-items:center;justify-content:center;height:2rem;margin:0;padding:0;
border:1px solid var(--color-user-action);border-radius:6px;background:#fff;color:var(--color-user-action);font-family:var(--font);font-size:.75rem;}
.front-block-handle{display:none;width:2rem;cursor:grab;touch-action:none;}
.front-block-handle svg{width:1.1rem;height:1.1rem;fill:currentColor;flex:none;}
.page-blocks.is-sortable .front-block-handle{display:inline-flex;}
.front-block-handle:active{cursor:grabbing;}
.page-block.is-ghost{opacity:.35;}
html.front-gadgets-hidden .front-block-tools{display:none !important;}
html.front-gadgets-hidden .page-blocks.is-sortable > .page-block{outline:0;}
@media print{ .front-block-tools{display:none !important;} }
/* odstep miedzy modulami pod trescia - globalnie, suwak w ustawieniach wygladu ( --block-gap ); wewnetrzne marginesy blokow zerowane */
.page-block > .pages-list, .page-block > .images-3, .page-block > .page-feature, .page-block > .fona-players{margin-top:0;margin-bottom:0;}
.page-block{margin-top:var(--block-gap, 32px);}
/* osadzenia YouTube / Vimeo / Spotify / SoundCloud / Bandcamp ( tresci z galazyn.com ) */
.content .embed{margin:1.2rem 0 2rem;}
.content .embed iframe{display:block;width:100%;border:0;border-radius:6px;background:#000;}
.content .embed-video iframe{aspect-ratio:16/9;height:auto;}
.content .embed-audio iframe{background:transparent;}
.content .button-wrap{margin:1.2rem 0;}
.content a.button{display:inline-block;padding:.6em 1.4em;border:1px solid currentColor;border-radius:4px;text-decoration:none;letter-spacing:.06em;text-transform:uppercase;font-size:.9em;}
.content a.button:hover{background:#0d0a0a;color:#fff;border-color:#0d0a0a;}
/* pas z paralaksa wewnatrz tresci ( strona glowna ) - na cala szerokosc okna */
html{overflow-x:clip;}
.content .parallax--mid{width:100vw;margin:clamp(2.5rem,6vw,5rem) 0 clamp(2.5rem,6vw,5rem) calc(50% - 50vw);}
/* ===== FILMY STRON - modul z ROADSHOW ( core/videos.php, core/videos.js, footer.php ) ===== */
/* player vimeo ( changeVimeoLinks w core/common.php ) - responsywny 16:9 */
/* filmy z linkow w tresci ( changeVimeoLinks / changeYoutubeLinks ) i film na gorze w trybie kinowym */
.vimeo-wrap{display:block;position:relative;width:100%;max-width:1200px;margin:1.5rem auto;aspect-ratio:var(--video-ratio, 16/9);}
.vimeo-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;} /* vimeo i youtube */
/* tryb kinowy ( skrypt w footer.php ): po kliknieciu play strona przechodzi w ciemna wersje,
a odtwarzany klip staje na cala szerokosc strony pod naglowkiem, nad h1.
Klip przesuwa tylko CSS ( position:absolute w #container ) - przeniesienie iframe'a w DOM przeladowaloby film */
body.is-cinema{--color-text:var(--color-on-dark);--color-muted:var(--color-on-dark-muted);--color-bg:var(--color-dark);--color-soft:var(--color-dark-2);--color-divider:#2b2b2b;--color-accent-dark:var(--color-accent);
--cinema-h:calc(100vw / 1.7778);} /* dokladna wysokosc ( proporcje filmu ) ustawia skrypt w footer.php */
body, #container{transition:background-color .5s ease, color .5s ease;}
body.is-cinema, body.is-cinema #container{background:var(--color-dark) !important;color:var(--color-on-dark);}
body.is-cinema #page h1{color:var(--color-on-dark);}
/* stopka w trybie kinowym zawsze ciemna - niezaleznie od koloru z ustawien wygladu ( --foot-bg w core/site-style.php ) */
body.is-cinema{--foot-bg:var(--color-dark);--foot-text:#f7f5f0;--foot-text-muted:rgba(255,255,255,.72);--foot-line:rgba(255,255,255,.12);}
body.is-cinema #foot{border-top:1px solid #2b2b2b;transition:background-color .5s ease, color .5s ease;}
body.is-cinema .header__navigation, body.is-cinema .header__navigation.is-solid{background:var(--color-dark);color:var(--color-on-dark);} /* jasny tekst naglowka - takze przelacznik jezyka ( color:inherit ) */
body.is-cinema .lang-switch a, body.is-cinema .lang-switch span{color:var(--color-on-dark);}
body.is-cinema #logo #title a, body.is-cinema .header__menu .menu__link, body.is-cinema button.hamburger{color:var(--color-on-dark);}
body.is-cinema button.hamburger .hamburger-inner, body.is-cinema button.hamburger .hamburger-inner:before, body.is-cinema button.hamburger .hamburger-inner:after{background-color:var(--color-on-dark);}
body.is-cinema .is-sub #body{padding-top:calc(var(--head-h) + var(--cinema-h));}
body.is-cinema .vimeo-wrap.is-head{position:absolute;top:var(--head-h);left:0;z-index:5;width:100%;max-width:none;height:var(--cinema-h);margin:0;aspect-ratio:auto;}
/* FILMY STRON ( core/videos.php ): lista pod trescia w wygladzie listy stron ( .pages-list ) - miniatura z czasem,
nazwa, opis. Klik = tryb kinowy ( skrypt w footer.php ), odtwarzany film oznaczony na liscie */
.videos-list .video .image{position:relative;width:min(30%, 22rem);max-width:none;}
.video__thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;overflow:hidden;background:var(--color-dark);cursor:pointer;}
.video__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease, opacity .3s ease;}
.video__thumb:hover img, .video__thumb:focus-visible img{transform:scale(1.04);}
.video__thumb:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;}
.video__nothumb{display:block;width:100%;height:100%;}
.video__play{position:absolute;top:50%;left:50%;width:3.2rem;height:3.2rem;margin:-1.6rem 0 0 -1.6rem;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(0,0,0,.4);transition:background .25s ease, border-color .25s ease;}
.video__play:before{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:.55rem 0 .55rem .9rem;border-color:transparent transparent transparent #fff;}
.video__thumb:hover .video__play, .video__thumb:focus-visible .video__play{background:var(--color-accent);border-color:var(--color-accent);}
.video__duration{position:absolute;right:.5rem;bottom:.5rem;padding:.1rem .45rem;border-radius:3px;background:rgba(0,0,0,.75);color:#fff;font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.03em;}
.video__now{display:none;position:absolute;top:.5rem;left:.5rem;padding:.2rem .5rem;background:var(--color-accent);color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;}
.video.is-current .video__now{display:block;}
.video.is-current .video__play{display:none;}
.video.is-current .video__thumb{outline:2px solid var(--color-accent);outline-offset:2px;}
.video__link{padding:0;background:none;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;}
.video__link:hover, .video__link:focus-visible{color:var(--color-accent-dark);}
.video__time{color:var(--color-muted);font-size:.8em;font-weight:400;font-variant-numeric:tabular-nums;}
@media screen and (max-width:560px){ .videos-list .video .image{float:none;width:100%;margin:0 0 .8rem;} }
/* zamkniecie filmu na gorze ( koniec trybu kinowego ) */
.video-head__close{position:absolute;top:.6rem;right:.6rem;z-index:2;width:2.4rem;height:2.4rem;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;opacity:.75;transition:opacity .2s ease, background .2s ease;}
.video-head__close:hover, .video-head__close:focus-visible{opacity:1;background:var(--color-accent);}
/* liczba odtworzen pod filmem na liscie - tylko dla zalogowanych ( displayPageVideos w core/videos.php ) */
.video-stat{margin:.5rem 0 0;font-size:.75rem;letter-spacing:.04em;color:var(--color-muted);}
.video-stat:before{content:"▶";display:inline-block;margin-right:.45em;font-size:.65rem;color:var(--color-accent);}
.video-stat a{color:inherit;text-decoration:none;}
.video-stat a:hover{color:var(--color-accent-dark);text-decoration:underline;}
/* okno "filmy" na froncie ( core/videos.js ) - wiersz: miniatura, pola, kolejnosc / usuniecie */
.is-page-videos .page-videos-add{display:flex;gap:.5rem;}
.is-page-videos .page-videos-add input, .is-page-videos .page-videos-fields input[type=text], .is-page-videos .page-videos-fields textarea{box-sizing:border-box;width:100%;padding:.5em .7em;border:1px solid #444;border-radius:4px;background:#1c1c1c;color:#eee;font:inherit;font-size:.88rem;}
.is-page-videos .page-videos-add button, .is-page-videos .page-videos-tools button{flex:0 0 auto;padding:.45em .9em;border:1px solid #555;border-radius:4px;background:#2a2a2a;color:#eee;font:inherit;font-size:.85rem;cursor:pointer;}
.is-page-videos .page-videos-add button:hover, .is-page-videos .page-videos-tools button:hover{background:var(--color-user-action, #007aff);border-color:transparent;}
.is-page-videos .page-videos-add button:disabled{opacity:.5;cursor:wait;}
.is-page-videos .page-videos-list{margin:0;padding:0;list-style:none;}
.is-page-videos .page-videos-row{display:flex;gap:.8rem;align-items:flex-start;padding:.7rem 0;border-top:1px solid #333;}
.is-page-videos .page-videos-row:first-child{border-top:0;}
.is-page-videos .page-videos-thumb{position:relative;flex:0 0 7.5rem;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#111;}
.is-page-videos .page-videos-thumb img{display:block;width:100%;height:100%;object-fit:cover;}
.is-page-videos .page-videos-thumb span{position:absolute;left:.3rem;bottom:.3rem;padding:0 .35rem;border-radius:3px;background:rgba(0,0,0,.7);color:#fff;font-size:.65rem;}
.is-page-videos .page-videos-fields{flex:1 1 auto;display:flex;flex-direction:column;gap:.35rem;min-width:0;}
.is-page-videos .page-videos-fields textarea{resize:vertical;min-height:2.6rem;}
.is-page-videos .page-videos-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;font-size:.8rem;color:#aaa;}
.is-page-videos .page-videos-meta label{display:inline-flex;align-items:center;gap:.35rem;}
.is-page-videos .page-videos-meta input.page-videos-duration{width:5.5rem;}
.is-page-videos .page-videos-meta a{color:#9cc8ff;}
.is-page-videos .page-videos-tools{display:flex;flex-direction:column;gap:.3rem;}
.is-page-videos .page-videos-tools button{padding:.2em .6em;}
.is-page-videos .page-videos-row:first-child .page-videos-up, .is-page-videos .page-videos-row:last-child .page-videos-down{visibility:hidden;}
.is-page-videos .page-videos-empty{color:#888;font-size:.85rem;}
@media screen and (max-width:560px){ .is-page-videos .page-videos-thumb{display:none;} }
.is-page-videos .page-videos-lang{margin:0 0 .6rem;padding:.5rem .7rem;border-left:3px solid var(--color-user-action, #007aff);background:rgba(0,122,255,.08);color:#ccc;}
/* przycisk "filmy" pod trescia ( zalogowani ) */
.front-page-videos-button{display:flex;align-items:center;gap:.5em;clear:both;width:auto;margin:1rem 0 0;padding:.5em .95em;
border:1px dashed var(--color-user-action);border-radius:6px;background:transparent;color:var(--color-user-action);
font-family:var(--font);font-size:.8rem;letter-spacing:.02em;line-height:1.4;cursor:pointer;transition:background .2s ease,color .2s ease;}
.front-page-videos-button:hover{background:var(--color-user-action);border-style:solid;color:#fff;}
.front-page-videos-button svg{width:1rem;height:1rem;fill:currentColor;}
html.front-gadgets-hidden .front-page-videos-button{display:none !important;}
@media print{ .front-page-videos-button{display:none !important;} }
/* galazyn: dlugie tytuly filmow ( przycisk ) nie spadaja pod miniature - tekst w kolumnie obok niej */
.videos-list .video .title, .videos-list .video .description, .videos-list .video .video-stat{overflow:hidden;}
.video__link{white-space:normal;}
@media screen and (max-width:560px){ .videos-list .video .title, .videos-list .video .description{overflow:visible;} }
/* galazyn: Wideo - filmy wszystkich podstron od razu, w grupach ( displayChildrenVideos w core/videos.php ) */
.videos-group{margin:0 0 clamp(2.5rem,5vw,4rem);}
.videos-group__title{margin:0 0 1rem;padding-bottom:.6rem;border-bottom:1px solid var(--color-divider);}
.videos-group__title a{color:inherit;text-decoration:none;}
.videos-group__title a:hover{color:var(--color-accent-dark);}
/* galazyn: poprzedni / nastepny film w trybie kinowym ( footer.php ) */
.video-head__nav{position:absolute;top:50%;z-index:2;width:2.8rem;height:4.2rem;margin-top:-2.1rem;padding:0;border:0;border-radius:4px;background:rgba(0,0,0,.45);color:#fff;font-size:2.4rem;line-height:1;cursor:pointer;opacity:.6;transition:opacity .2s ease, background .2s ease;}
.video-head__nav--prev{left:.6rem;}
.video-head__nav--next{right:.6rem;}
.video-head__nav:hover, .video-head__nav:focus-visible{opacity:1;background:var(--color-accent);}
.video-head__nav span{display:block;margin-top:-.2rem;}
@media screen and (max-width:560px){ .video-head__nav{width:2.2rem;height:3.2rem;margin-top:-1.6rem;font-size:1.9rem;} }
/* galazyn: naglowek playlisty w liscie filmow ( sGroup w core/videos.php ) */
.videos-list .videos-subgroup{clear:both;margin:2.2rem 0 .4rem;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);}
.videos-list .videos-subgroup:first-child{margin-top:0;}
/* galazyn: przycisk "Odtwarzaj wszystkie" nad lista filmow ( footer.php ) */
.videos-play-all{clear:both;margin:1.5rem 0 2rem;}
.videos-play-all__button{display:inline-flex;align-items:center;gap:.8rem;padding:.55rem 1.3rem .55rem .55rem;border:1px solid currentColor;border-radius:999px;background:transparent;color:var(--color-text);font:inherit;font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s ease, color .2s ease;}
.videos-play-all__button .video__play{position:relative;top:auto;left:auto;flex:0 0 auto;width:2.2rem;height:2.2rem;margin:0;background:#0d0a0a;border-color:#0d0a0a;}
.videos-play-all__button .video__play:before{border-width:.4rem 0 .4rem .65rem;}
.videos-play-all__button:hover, .videos-play-all__button:focus-visible{background:#0d0a0a;color:#fff;}
.videos-play-all__button:hover .video__play{background:var(--color-accent);border-color:var(--color-accent);}
.videos-play-all__count{font-weight:400;color:var(--color-muted);}
.videos-play-all__button:hover .videos-play-all__count{color:inherit;}
body.is-cinema .videos-play-all__button{color:var(--color-on-dark);}
/* galazyn: "Wlacz dzwiek" - film wystartowal wyciszony, bo przegladarka zablokowala dzwiek ( footer.php ) */
.video-head__unmute{position:absolute;left:50%;bottom:1.2rem;z-index:3;transform:translateX(-50%);display:inline-flex;align-items:center;gap:.5em;padding:.6em 1.2em;border:0;border-radius:999px;background:rgba(0,0,0,.75);color:#fff;font:inherit;font-size:.85rem;font-weight:600;letter-spacing:.06em;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.35);}
.video-head__unmute:hover, .video-head__unmute:focus-visible{background:var(--color-accent);}
.video-head__unmute[hidden]{display:none;}
/* galazyn: MUZYKA ( strona 28 i jej podstrony ) - miniatury filmow o polowe mniejsze ( standard: min(30%, 22rem) ) */
#page28 .videos-list .video .image, .is-parent-page-28 .videos-list .video .image{width:min(15%, 11rem);}
#page28 .videos-list .video__play, .is-parent-page-28 .videos-list .video__play{width:2.2rem;height:2.2rem;margin:-1.1rem 0 0 -1.1rem;}
#page28 .videos-list .video__play:before, .is-parent-page-28 .videos-list .video__play:before{border-width:.4rem 0 .4rem .65rem;}
#page28 .videos-list .video__duration, .is-parent-page-28 .videos-list .video__duration{right:.3rem;bottom:.3rem;padding:0 .3rem;font-size:.65rem;}
#page28 .videos-list .video__now, .is-parent-page-28 .videos-list .video__now{top:.3rem;left:.3rem;padding:.1rem .35rem;font-size:.55rem;}
@media screen and (max-width:560px){ #page28 .videos-list .video .image, .is-parent-page-28 .videos-list .video .image{width:100%;} }
/* galazyn: PLYTY ( strona 39 ) i NUTY ( strona 72 ) - podstrony jako siatka okladek; nowe pozycje z panelu trafiaja do siatki same */
#page39 .pages-list:not(.videos-list), #page72 .pages-list:not(.videos-list){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.2rem 1.5rem;}
#page39 .pages-list:not(.videos-list) .page, #page72 .pages-list:not(.videos-list) .page{padding:0;border-top:0;margin:0;}
#page39 .pages-list:not(.videos-list) .image, #page72 .pages-list:not(.videos-list) .image{float:none;width:100%;max-width:none;margin:0 0 .7rem;aspect-ratio:1/1;overflow:hidden;background:var(--color-divider);}
#page39 .pages-list:not(.videos-list) .image a, #page72 .pages-list:not(.videos-list) .image a{display:block;height:100%;}
#page39 .pages-list:not(.videos-list) .image img, #page72 .pages-list:not(.videos-list) .image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .5s ease;}
#page39 .pages-list:not(.videos-list) .page:hover .image img, #page72 .pages-list:not(.videos-list) .page:hover .image img{transform:scale(1.04);}
#page39 .pages-list:not(.videos-list) .title, #page72 .pages-list:not(.videos-list) .title{margin:0;font-size:var(--h2-size, .95rem);line-height:1.35;}
#page39 .pages-list:not(.videos-list) .description, #page72 .pages-list:not(.videos-list) .description{font-size:.85rem;}
@media screen and (max-width:900px){ #page39 .pages-list:not(.videos-list), #page72 .pages-list:not(.videos-list){grid-template-columns:repeat(3,minmax(0,1fr));} }
@media screen and (max-width:600px){ #page39 .pages-list:not(.videos-list), #page72 .pages-list:not(.videos-list){grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 1rem;} #page39 .pages-list:not(.videos-list) .title, #page72 .pages-list:not(.videos-list) .title{font-size:calc(var(--h2-size, .95rem) * .9);} }
/* galazyn: poprzedni / wszystkie / nastepny album pod trescia ( core/page-siblings.php ) */
.siblings-nav{clear:both;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin:3.5rem 0 0;padding:1.4rem 0 0;border-top:1px solid var(--color-divider);}
.siblings-nav__link{display:flex;align-items:center;gap:.8rem;min-width:0;color:var(--color-text);text-decoration:none;}
.siblings-nav__link--next{justify-content:flex-end;text-align:right;}
.siblings-nav__image{flex:0 0 3.6rem;width:3.6rem;height:3.6rem;overflow:hidden;background:var(--color-divider);}
.siblings-nav__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.siblings-nav__text{display:flex;flex-direction:column;min-width:0;}
.siblings-nav__label{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);}
.siblings-nav__name{font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.siblings-nav__arrow{font-size:2rem;line-height:1;color:var(--color-muted);transition:transform .2s ease, color .2s ease;}
.siblings-nav__link:hover .siblings-nav__name{color:var(--color-accent-dark);}
.siblings-nav__link:hover .siblings-nav__image img{transform:scale(1.06);}
.siblings-nav__link--prev:hover .siblings-nav__arrow{transform:translateX(-3px);color:var(--color-text);}
.siblings-nav__link--next:hover .siblings-nav__arrow{transform:translateX(3px);color:var(--color-text);}
.siblings-nav__all{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text);text-decoration:none;text-align:center;white-space:nowrap;}
.siblings-nav__all:hover{color:var(--color-accent-dark);}
.siblings-nav__count{display:block;margin-top:.2rem;font-weight:400;letter-spacing:.06em;color:var(--color-muted);}
@media screen and (max-width:600px){
.siblings-nav{grid-template-columns:1fr 1fr;}
.siblings-nav__all{grid-column:1 / -1;grid-row:2;}
.siblings-nav__image{display:none;}
.siblings-nav__name{white-space:normal;}
}
/* ===== galazyn: ODTWARZACZ AUDIO ( Muzyka, footer.php ) - ciemna strona jak w trybie kinowym, bez klipu na gorze ===== */
body.is-audio{--color-text:var(--color-on-dark);--color-muted:var(--color-on-dark-muted);--color-bg:var(--color-dark);--color-soft:var(--color-dark-2);--color-divider:#2b2b2b;--color-accent-dark:var(--color-accent);}
body.is-audio, body.is-audio #container{background:var(--color-dark) !important;color:var(--color-on-dark);}
body.is-audio #page h1{color:var(--color-on-dark);}
body.is-audio{--foot-bg:var(--color-dark);--foot-text:#f7f5f0;--foot-text-muted:rgba(255,255,255,.72);--foot-line:rgba(255,255,255,.12);}
body.is-audio #foot{border-top:1px solid #2b2b2b;transition:background-color .5s ease, color .5s ease;}
body.is-audio .header__navigation, body.is-audio .header__navigation.is-solid{background:var(--color-dark);color:var(--color-on-dark);} /* jasny tekst naglowka - takze przelacznik jezyka ( color:inherit ) */
body.is-audio .lang-switch a, body.is-audio .lang-switch span{color:var(--color-on-dark);}
body.is-audio #logo #title a, body.is-audio .header__menu .menu__link, body.is-audio button.hamburger{color:var(--color-on-dark);}
body.is-audio button.hamburger .hamburger-inner, body.is-audio button.hamburger .hamburger-inner:before, body.is-audio button.hamburger .hamburger-inner:after{background-color:var(--color-on-dark);}
body.is-audio .videos-play-all__button{color:var(--color-on-dark);}
body.is-audio{transition:background-color .5s ease, color .5s ease;}
body.is-audio{padding-bottom:232px;}
body.is-audio .videos-play-all__button{color:var(--color-on-dark);}
/* utwor na liscie: odtwarzany / pauza */
.videos-list[data-player="audio"] .video.is-current .video__now{display:block;}
.videos-list[data-player="audio"] .video.is-current .video__link{color:var(--color-accent);}
.videos-list[data-player="audio"] .video.is-current:not(.is-playing) .video__now:after{content:" \2016";}
.audio-bar{--audio-bar-h:232px;position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:200px minmax(0,1fr) auto;align-items:center;gap:1.6rem;height:var(--audio-bar-h);padding:16px max(var(--gutter, 1.5rem), 16px);box-sizing:border-box;background:#0f0d0d;color:#f4f2ee;border-top:1px solid #2b2b2b;box-shadow:0 -10px 40px rgba(0,0,0,.45);animation:audio-bar-in .35s ease;}
@keyframes audio-bar-in{from{transform:translateY(100%);}to{transform:none;}}
.audio-bar__cover{width:200px;height:200px;overflow:hidden;border-radius:6px;background:#000;}
.audio-bar__cover iframe{display:block;width:200px;height:200px;border:0;}
.audio-bar__main{display:flex;flex-direction:column;gap:.9rem;min-width:0;}
.audio-bar__meta{display:flex;flex-direction:column;gap:.25rem;min-width:0;}
.audio-bar__group{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9b978f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.audio-bar__title{font-size:1.25rem;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.audio-bar__controls{display:flex;align-items:center;gap:.6rem;}
.audio-bar__btn{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;padding:0;border:0;border-radius:50%;background:transparent;color:#f4f2ee;font:inherit;font-size:1.6rem;line-height:1;cursor:pointer;transition:background .2s ease, color .2s ease, opacity .2s ease;}
.audio-bar__btn svg{width:1.4rem;height:1.4rem;fill:currentColor;}
.audio-bar__btn:hover, .audio-bar__btn:focus-visible{background:rgba(255,255,255,.1);}
.audio-bar__btn:disabled{opacity:.3;cursor:default;background:transparent;}
.audio-bar__play{width:3.4rem;height:3.4rem;background:#f4f2ee;color:#0f0d0d;}
.audio-bar__play svg{width:1.7rem;height:1.7rem;}
.audio-bar__play:hover, .audio-bar__play:focus-visible{background:#fff;transform:scale(1.05);}
.audio-bar__i-pause, .audio-bar.is-playing .audio-bar__i-play{display:none;}
.audio-bar.is-playing .audio-bar__i-pause{display:block;}
.audio-bar__progress{display:flex;align-items:center;gap:.8rem;font-size:.75rem;font-variant-numeric:tabular-nums;color:#9b978f;}
.audio-bar input[type=range]{-webkit-appearance:none;appearance:none;height:4px;margin:0;border-radius:2px;background:linear-gradient(to right, #f4f2ee var(--progress, 0%), #3a3636 var(--progress, 0%));cursor:pointer;}
.audio-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#f4f2ee;border:0;}
.audio-bar input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#f4f2ee;border:0;}
.audio-bar__seek{flex:1 1 auto;min-width:0;}
.audio-bar__volume{width:6.5rem;--progress:100%;}
.audio-bar__side{display:flex;align-items:center;gap:.5rem;}
.audio-bar__i-muted, .audio-bar.is-muted .audio-bar__i-sound{display:none;}
.audio-bar.is-muted .audio-bar__i-muted{display:block;}
.audio-bar__close{font-size:1.8rem;margin-left:.4rem;}
.audio-bar__unmute{padding:.5em 1em;border:0;border-radius:999px;background:var(--color-accent, #a7a59a);color:#fff;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;}
.audio-bar__unmute[hidden]{display:none;}
@media screen and (max-width:760px){
.audio-bar{--audio-bar-h:auto;grid-template-columns:200px minmax(0,1fr);grid-template-rows:auto auto;gap:.8rem 1rem;height:auto;padding:12px 14px;}
.audio-bar__main{display:contents;}
.audio-bar__meta{grid-column:2;grid-row:1;align-self:start;}
.audio-bar__controls{grid-column:2;grid-row:1;align-self:end;}
.audio-bar__progress{grid-column:1 / -1;grid-row:2;}
.audio-bar__side{position:absolute;top:8px;right:8px;}
.audio-bar__mute, .audio-bar__volume{display:none;}
.audio-bar__title{white-space:normal;font-size:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.audio-bar__group{white-space:normal;padding-right:2rem;}
.audio-bar__btn{width:2.3rem;height:2.3rem;}
.audio-bar__play{width:2.9rem;height:2.9rem;}
body.is-audio{padding-bottom:300px;}
.audio-bar__unmute{position:absolute;top:8px;right:3rem;}
}
@media print{ .audio-bar{display:none;} }
/* galazyn: okladka w pasku audio - sama miniatura utworu na playerze ( bez przyciskow i napisow YouTube ) */
.audio-bar__cover{position:relative;}
.audio-bar__art{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:cover;cursor:pointer;background:#000;}
.audio-bar__art:not([src]), .audio-bar__art[src=""]{display:none;}
/* galazyn: ikony mediow spolecznosciowych ( core/social-links.php ) - stopka i strona Kontakt */
.social{display:flex;flex-wrap:wrap;gap:.35rem;margin:1.2rem 0 0;padding:0;list-style:none;}
.social__item{margin:0;padding:0;}
.social__item:before{display:none !important;content:none !important;}
.social__link{--social-bg:var(--foot-bg, #fff);display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;color:inherit;opacity:.75;text-decoration:none;transition:opacity .2s ease, background .2s ease, transform .2s ease;}
.social__link:hover, .social__link:focus-visible{opacity:1;background:rgba(0,0,0,.07);transform:translateY(-2px);}
.social__icon{display:block;width:1.25rem;height:1.25rem;fill:currentColor;}
.social__item--imdb .social__icon{width:1.6rem;}
/* Kontakt: ikony z nazwami */
.content .social--labels{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.6rem 1.5rem;margin:1rem 0 2rem;}
.content .social--labels .social__link{--social-bg:var(--color-bg, #fff);width:auto;height:auto;justify-content:flex-start;gap:.75rem;padding:.55rem .8rem .55rem .55rem;border-radius:6px;opacity:1;color:var(--color-text);font-weight:500;}
.content .social--labels .social__link:hover{background:rgba(0,0,0,.05);color:var(--color-accent-dark);}
.content .social--labels .social__icon{width:1.6rem;height:1.6rem;}
.content .social--labels .social__item--imdb .social__icon{width:2rem;}
body.is-cinema .social__link:hover, body.is-audio .social__link:hover{background:rgba(255,255,255,.1);}
/* Kontakt: wyzsza waga niz style list w tresci ( .content ul / li - linie, wciecia, punktory ) */
#page .content ul.social--labels{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.6rem 1.5rem;margin:1rem 0 2rem;padding:0;list-style:none;}
#page .content ul.social--labels > li{display:block;margin:0;padding:0;border:0;background:none;}
#page .content ul.social--labels > li:before, #page .content ul.social--labels > li::marker{display:none;content:none;}
/* galazyn: okno ustawien - paralaksy, kazdy pas osobno ( front-edit.js ) */
.front-settings-pxband{margin:.4rem 0 .9rem;padding:.6rem .7rem .3rem;border:1px solid #2f2f2f;border-radius:8px;}
.front-settings-pxband h4{margin:0 0 .3rem;color:#ddd;font-size:.78rem;font-weight:600;}
.front-settings-pxband.is-empty h4{color:#7a7a7a;}
.front-settings-pxband.is-empty .front-settings-hint{margin:.2rem 0 .4rem;}
.front-settings-pxx-buttons{grid-column:2 / -1;display:inline-flex;gap:.3rem;}
.front-settings-pxx-buttons button{padding:.25em .7em;border:1px solid #3a3a3a;border-radius:6px;background:transparent;color:#9a9a9a;font-family:inherit;font-size:.72rem;cursor:pointer;}
.front-settings-pxx-buttons button:hover{color:#fff;border-color:#6a6a6a;}
.front-settings-pxx-buttons button.is-active{background:var(--color-user-action, #007aff);border-color:transparent;color:#fff;}
/* galazyn: paralaksa w trybie "okno" ( ruch = 100, core/page-background.php ) - jak background-attachment: fixed na galazyn.com:
zdjecie przypiete do ekranu, pas odslania je przy przewijaniu. clip-path przycina zdjecie do pasa ( dziala tez na iOS ).
Zdjecie ma wielkosc okna - punkt widocznosci z okna zdjec ( data-focus, core/focus-cover.js ) dziala w obu osiach */
.parallax.is-window{clip-path:inset(0);}
.parallax.is-window img{position:fixed;top:0;left:0;width:100vw;height:100vh;max-width:none;transform:none !important;animation:none !important;}
@media print{ .parallax.is-window img{position:absolute;height:100%;width:100%;} }
/* galazyn: pola tekstowe w oknach edycji - uchwyt w prawym dolnym rogu ( TinyMCE resize, front-edit.js ) */
.front-edit-box .mce-statusbar{background:#1c1c1c !important;border-top:1px solid #2b2b2b !important;}
.front-edit-box .mce-statusbar .mce-container-body{min-height:16px;}
.front-edit-box .mce-resizehandle{right:2px !important;bottom:1px !important;cursor:ns-resize;}
.front-edit-box .mce-resizehandle i, .front-edit-box .mce-i-resize{color:#9a9a9a !important;}
.front-edit-box .mce-resizehandle:hover i{color:#fff !important;}
.front-edit-box textarea{resize:vertical;}
/* galazyn: edycja linkow do mediow spolecznosciowych na stronie ( redaktor / administrator, core/social-links.php + front-edit.js ) */
.front-social-edit{display:inline-flex;align-items:center;gap:.5em;margin:1rem 0 0;padding:.5em .95em;background:transparent;border:1px dashed var(--color-user-action);border-radius:6px;color:var(--color-user-action);font-family:var(--font);font-size:.8rem;letter-spacing:.02em;line-height:1.4;cursor:pointer;transition:background .2s ease,color .2s ease;}
.front-social-edit:hover{background:var(--color-user-action);border-style:solid;color:#fff;}
.front-social-edit svg{width:1rem;height:1rem;fill:currentColor;}
html.front-gadgets-hidden .front-social-edit{display:none !important;}
@media print{ .front-social-edit{display:none !important;} }
.front-edit-box.is-social{max-width:640px;}
.front-social-hint{margin:0 0 1rem;color:#9a9a9a;font-size:.85rem;line-height:1.5;}
.front-social-list{margin:0;padding:0;list-style:none;}
.front-social-row{display:grid;grid-template-columns:1.6rem 6.5rem 1fr auto;align-items:center;gap:.6rem;margin:0 0 .45rem;padding:0;}
.front-social-row:before{display:none !important;}
.front-social-icon svg{display:block;width:1.3rem;height:1.3rem;fill:#e8e8e8;--social-bg:#141414;}
.front-social-name{color:#e8e8e8;font-size:.85rem;}
.front-edit-box .front-social-row .front-edit-field{padding:.5em .7em;font-size:.82rem;}
.front-social-row.is-off .front-social-icon, .front-social-row.is-off .front-social-name{opacity:.4;}
.front-social-move{display:flex;gap:.25rem;}
.front-social-move button{width:1.9rem;height:1.9rem;padding:0;background:#1c1c1c;border:1px solid #333;border-radius:6px;color:#ccc;font-size:.9rem;cursor:pointer;}
.front-social-move button:hover{background:#2a2a2a;color:#fff;}
.front-social-row:first-child [data-move="-1"], .front-social-row:last-child [data-move="1"]{opacity:.3;pointer-events:none;}
@media (max-width:560px){
.front-social-row{grid-template-columns:1.6rem 1fr auto;}
.front-social-row .front-edit-field{grid-column:1 / -1;order:5;}
}
/* ==========================================================================
galazyn: KOLORYSTYKA STRONY - ciemne tlo i jasne napisy ( body.is-tone-dark, okno "Ustawienia wygladu" -> "Kolorystyka – ta strona",
core/page-background.php addPageToneClass ). Stopka zostaje w swoim kolorze ( sekcja "Stopka" )
========================================================================== */
/* kolory naglowkow z ustawien wygladu sa dobrane do jasnego tla - na ciemnej stronie naglowki jasne */
body.is-tone-dark{--h1-color:var(--color-on-dark);--h2-color:var(--color-on-dark);}
body.is-tone-dark{--color-text:var(--color-on-dark);--color-muted:var(--color-on-dark-muted);--color-bg:var(--color-dark);--color-soft:var(--color-dark-2);--color-divider:#2b2b2b;--color-accent-dark:#c9a774;--social-bg:var(--color-dark);}
body.is-tone-dark, body.is-tone-dark #container{background:var(--color-dark);color:var(--color-on-dark);}
body.is-tone-dark #page h1{color:var(--h1-color, var(--color-on-dark));}
body.is-tone-dark #page div.content > h3{color:var(--h3-color, var(--color-on-dark));}
body.is-tone-dark a:hover{color:#fff;}
body.is-tone-dark .parallax{background:var(--color-dark);}
body.is-tone-dark .header__navigation.is-solid, body.is-tone-dark.is-sub .header__navigation.is-solid, body.is-tone-dark .is-sub .header__navigation.is-solid{background:var(--head-bg, var(--color-dark));box-shadow:0 1px 0 rgba(255,255,255,.08);}
body.is-tone-dark .header__navigation, body.is-tone-dark #logo #title a, body.is-tone-dark .header__menu .menu__link, body.is-tone-dark button.hamburger,
body.is-tone-dark .lang-switch a, body.is-tone-dark .lang-switch span{color:var(--head-text, var(--color-on-dark));}
body.is-tone-dark button.hamburger .hamburger-inner, body.is-tone-dark button.hamburger .hamburger-inner:before, body.is-tone-dark button.hamburger .hamburger-inner:after{background-color:var(--head-text, var(--color-on-dark));}
body.is-tone-dark .content .social--labels .social__link{--social-bg:var(--color-dark);color:var(--color-on-dark);}
body.is-tone-dark .content .social--labels .social__link:hover{background:rgba(255,255,255,.07);color:#fff;}
body.is-tone-dark .videos-play-all__button{color:var(--color-on-dark);}
body.is-tone-dark{transition:background-color .4s ease, color .4s ease;}
/* galazyn: naglowek H2 nad lista wybranych stron ( core/page-lists.php ) - jak H2 w tresci */
#page h2.page-list-title{margin:2.8em 0 1em;padding-top:1.4em;border-top:1px solid var(--color-divider);color:var(--h2-color, var(--color-accent));font-size:var(--h2-size, .78rem);font-weight:600;letter-spacing:.22em;text-transform:uppercase;}
/* galazyn: olowek z podpisem "edytuj treść / nazwę / opis" ( core/front-edit.php displayFrontEditIcon ) */
/* ten sam prostokatny przycisk co "lista stron" / "dodaj kolejną" ( .front-add-subpage-button ) */
.front-edit.has-label:not(.is-empty){gap:.5em;width:auto;height:auto;padding:.5em .95em;border:1px dashed var(--color-user-action);border-radius:6px;opacity:1;
font-size:.8rem;font-weight:400;line-height:1.4;letter-spacing:.02em;text-transform:none;white-space:nowrap;}
.front-edit.has-label:not(.is-empty):hover{border-style:solid;}
.front-edit.has-label:not(.is-empty) svg{width:1rem;height:1rem;flex:none;}
#page h1 .front-edit.has-label{font-size:.8rem;font-weight:400;letter-spacing:.02em;line-height:1.4;vertical-align:middle;}
/* galazyn: pasek audio - przegladarka ( Safari ) zablokowala start: okladka odslania odtwarzacz YouTube, klik trafia prosto w niego */
.audio-bar.is-blocked .audio-bar__art{display:none;}
.audio-bar.is-blocked .audio-bar__cover{box-shadow:0 0 0 2px var(--color-accent, #a7a59a);}
.audio-bar__tap{padding:.5em 1em;border-radius:6px;background:var(--color-accent, #a7a59a);color:#fff;font-size:.8rem;font-weight:600;white-space:nowrap;animation:audio-tap 1.2s ease-in-out infinite alternate;}
.audio-bar__tap[hidden]{display:none;}
@keyframes audio-tap{from{opacity:1;}to{opacity:.6;}}
@media (prefers-reduced-motion:reduce){ .audio-bar__tap{animation:none;} }
@media screen and (max-width:600px){ .audio-bar__tap{position:absolute;top:8px;right:3rem;} }
/* galazyn: lista w dwoch kolumnach ( przycisk "2 kolumny" w edytorze, core/editor-embed.js ) - kolejnosc z gory na dol, potem druga kolumna */
#page div.content > ul.cols-2, #page div.content > ol.cols-2{columns:2;column-gap:3rem;}
#page div.content > ul.cols-2 > li, #page div.content > ol.cols-2 > li{break-inside:avoid;-webkit-column-break-inside:avoid;}
@media screen and (max-width:700px){ #page div.content > ul.cols-2, #page div.content > ol.cols-2{columns:1;} }
/* galazyn: hierarchia naglowkow na listach filmow / utworow - kazdy poziom bierze wielkosc i kolor ze swojego naglowka w ustawieniach wygladu.
Grupa ( Film, Teatr... ) = H2, w niej tytuly i playlisty = H3; na samej podstronie tytuly = H2 */
.videos-group__title{font-size:var(--h2-size, 1.6rem);color:var(--h2-color, var(--color-text));}
.pages-list h3.title{font-size:var(--h3-size, 1.15rem);color:var(--h3-color, var(--color-text));}
.videos-list h2.videos-subgroup{font-size:calc(var(--h2-size, 1rem) * .55);color:var(--h2-color, var(--color-muted));}
.videos-list h3.videos-subgroup{font-size:calc(var(--h3-size, 1.15rem) * .7);color:var(--h3-color, var(--color-muted));}
/* galazyn: wlasny kolor tla strony ( okno "Ustawienia wygladu" -> "Kolorystyka – ta strona" -> kolor tla; body.has-page-bg, --page-bg ) */
body.has-page-bg{--color-bg:var(--page-bg);}
body.has-page-bg, body.has-page-bg #container{background:var(--page-bg);}
body.has-page-bg .parallax{background:var(--page-bg);}
body.has-page-bg .header__navigation.is-solid, body.has-page-bg .is-sub .header__navigation.is-solid{background:var(--head-bg, var(--page-bg));}
/* galazyn: zakladki w oknie ustawien wygladu ( Globalne / Ta strona ) */
.front-settings-tabs{display:flex;gap:0;margin:0 1.2rem .2rem;flex-wrap:wrap;}
.front-settings-tabs button{flex:1 1 auto;padding:.55em 1em;font-size:.8rem;}
.front-settings-pane[hidden]{display:none;}
.front-settings-pane-hint{margin:0 0 1rem;}
/* galazyn: elementy listy podstron dla strony ( okno ustawien -> Ta strona -> Lista podstron; body.list-hide-* ) - bez list filmow */
body.list-hide-thumb #page .pages-list:not(.videos-list) .image{display:none;}
body.list-hide-name #page .pages-list:not(.videos-list) .title{display:none;}
body.list-hide-desc #page .pages-list:not(.videos-list) .description{display:none;}
/* galazyn: Muzyka na telefonie - lista utworow bez miniatur ( klik w tytul odtwarza ), zwarta lista zamiast wielkich okladek */
@media screen and (max-width:600px){
.videos-list[data-player="audio"] .video > .image{display:none;}
.videos-list[data-player="audio"] .video{display:block;margin:0;padding:.75rem 0;border-bottom:1px solid var(--color-divider);}
.videos-list[data-player="audio"] .video .title{margin:0;}
.videos-list[data-player="audio"] .video.is-current .title, .videos-list[data-player="audio"] .video.is-current .video__link{color:var(--color-accent);}
}
/* galazyn: gorny pasek z menu - wlasny kolor z ustawien globalnych ( --head-bg, --head-text: core/site-style.php ).
Bez ustawienia zmienne nie istnieja i zostaje dotychczasowy wyglad ( zalezny od kolorystyki strony ).
Strona glowna: nad sliderem pasek przezroczysty ( is-on-dark ), kolor dopiero po przewinieciu ( is-solid ) */
.is-sub .header__navigation:not(.is-solid){background:var(--head-bg, transparent);}
.header__navigation.is-solid, .is-sub .header__navigation.is-solid{background:var(--head-bg, #fff);}
.is-sub .header__navigation, .is-sub #logo #title a, .is-sub .header__menu .menu__link, .is-sub button.hamburger, .is-sub .lang-switch a, .is-sub .lang-switch span,
.header__navigation.is-solid, .header__navigation.is-solid #logo #title a, .header__navigation.is-solid .header__menu .menu__link, .header__navigation.is-solid button.hamburger,
.header__navigation.is-solid .lang-switch a, .header__navigation.is-solid .lang-switch span{color:var(--head-text, var(--head-text-page, #111));}
body.is-tone-dark{--head-text-page:var(--color-on-dark);}
body.is-cinema, body.is-audio{--head-text-page:var(--color-on-dark);}
body.is-cinema .is-sub .header__navigation, body.is-cinema .header__navigation.is-solid, body.is-cinema .is-sub .header__navigation.is-solid,
body.is-audio .is-sub .header__navigation, body.is-audio .header__navigation.is-solid, body.is-audio .is-sub .header__navigation.is-solid{background:var(--color-dark);}
body.is-cinema .is-sub .header__navigation, body.is-cinema .is-sub #logo #title a, body.is-cinema .is-sub .header__menu .menu__link, body.is-cinema .is-sub button.hamburger, body.is-cinema .is-sub .lang-switch a, body.is-cinema .is-sub .lang-switch span,
body.is-audio .is-sub .header__navigation, body.is-audio .is-sub #logo #title a, body.is-audio .is-sub .header__menu .menu__link, body.is-audio .is-sub button.hamburger, body.is-audio .is-sub .lang-switch a, body.is-audio .is-sub .lang-switch span{color:var(--color-on-dark);}
/* galazyn: linia pozioma ( hr ) w kolorze tekstu strony - na jasnej stronie ciemna, na ciemnej jasna ( takze przy wlasnym kolorze tla ) */
#page hr{height:0;margin:2.2em 0;border:0;border-top:1px solid var(--content-line);background:none;opacity:1;}
/* kreski miedzy punktami list w tresci - tez w kolorze tekstu */
#page div.content > ul > li, #page div.content > ol > li{border-bottom-color:var(--content-line);}
/* linie w tresci: kolor tekstu, krycie 30 % ( ciemny tekst ) albo 40 % ( jasny tekst, ciemna strona ) */
body{--content-line-alpha:30%;--content-line:color-mix(in srgb, var(--color-text) var(--content-line-alpha), transparent);}
body.is-tone-dark{--content-line-alpha:40%;}
/* galazyn: strona glowna - ustawiony kolor paska ( globalny albo tej strony ) obowiazuje od razu, takze nad sliderem; bez koloru pasek nad sliderem przezroczysty */
.is-start .header__navigation:not(.is-solid){background:var(--head-bg, transparent);}
.is-start .header__navigation:not(.is-on-dark):not(.is-solid), .is-start .header__navigation:not(.is-on-dark):not(.is-solid) #logo #title a, .is-start .header__navigation:not(.is-on-dark):not(.is-solid) .header__menu .menu__link,
.is-start .header__navigation:not(.is-on-dark):not(.is-solid) button.hamburger, .is-start .header__navigation:not(.is-on-dark):not(.is-solid) .lang-switch a, .is-start .header__navigation:not(.is-on-dark):not(.is-solid) .lang-switch span{color:var(--head-text, var(--head-text-page, #111));}
/* galazyn: edycja menu w stopce na stronie ( core/footer-menus.php + front-edit.js ) */
.foot__edit{padding-top:0;padding-bottom:1rem;}
.front-footer-menus-edit{display:inline-flex;align-items:center;gap:.5em;margin:0;padding:.5em .95em;background:transparent;border:1px dashed var(--color-user-action);border-radius:6px;color:var(--color-user-action);font-family:var(--font);font-size:.8rem;letter-spacing:.02em;line-height:1.4;cursor:pointer;transition:background .2s ease,color .2s ease;}
.front-footer-menus-edit:hover{background:var(--color-user-action);border-style:solid;color:#fff;}
.front-footer-menus-edit svg{width:1rem;height:1rem;fill:currentColor;}
html.front-gadgets-hidden .foot__edit{display:none !important;}
@media print{ .foot__edit{display:none !important;} }
.front-edit-box.is-footmenus{max-width:min(1100px, 96vw);}
.front-footmenus-hint{margin:0 0 1rem;color:#9a9a9a;font-size:.82rem;line-height:1.5;}
.front-footmenus-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:0 0 1rem;}
.front-footmenus-col{padding:.8rem;border:1px solid #333;border-radius:8px;background:#181818;}
.front-footmenus-colhead{display:flex;gap:.4rem;align-items:center;margin:0 0 .6rem;}
.front-footmenus-colhead .front-edit-field{flex:1 1 auto;min-width:0;padding:.45em .6em;font-size:.85rem;}
.front-footmenus-colhead button[disabled]{opacity:.3;pointer-events:none;}
.front-footmenus-pages{max-height:240px;margin:0;padding:0;overflow:auto;list-style:none;}
.front-footmenus-pages li{margin:0;padding:0;}
.front-footmenus-pages li:before{display:none !important;}
.front-footmenus-pages label{display:flex;gap:.45rem;align-items:center;padding:.18rem .2rem;color:#ddd;font-size:.82rem;cursor:pointer;}
.front-footmenus-pages label:hover{background:#222;}
.front-footmenus-add{display:inline-flex;align-items:center;gap:.5em;padding:.5em .95em;background:transparent;border:1px dashed #6a6a6a;border-radius:6px;color:#ddd;font-family:inherit;font-size:.8rem;cursor:pointer;}
.front-footmenus-add:hover{border-style:solid;color:#fff;}
.front-footmenus-add svg{width:1rem;height:1rem;fill:currentColor;}
.front-footmenus-add[disabled]{opacity:.4;pointer-events:none;}