/*
Janusz Wojtarowicz – skórka dla Quick.Cms
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%;}

@media screen and (min-width:861px){
  button.hamburger{display:none;}
}
@media screen and (max-width:860px){
  .header__menu .menu-top{display:none;}
  button.hamburger{display:flex;align-items:center;gap:.6rem;background:none;color:var(--color-on-dark);cursor:pointer;font:inherit;}
  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);}
.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:block;font-weight:700;}
.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);}
.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:clamp(2.2rem, 6vw, 3.6rem);font-weight:300;line-height:1.05;letter-spacing:-.03em;}
.is-start #page h1{font-size:.8rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;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(--color-accent);font-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;}
#page div.content > h3{margin:1.6em 0 .6em;font-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-accent);}
#page div.content > ol{list-style:decimal;padding-left:1.4em;}
#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%;}
.pages-list .title{font-size:1.3rem;font-weight:600;}
.pages-list .title a{color:var(--color-text);text-decoration:none;}
.pages-list .title a:hover{color:var(--color-accent-dark);}
.pages-list div.description{color:var(--color-muted);}

/* FOOTER */
#foot{background: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 1fr 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 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 */
.front-edit-overlay{position:fixed;inset:0;z-index:9990;background:rgba(10,10,10,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter: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:none;min-height:180px;}
.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:1 1 auto;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:1 1 auto;min-height:0;border:0 !important;}
.front-edit-box .mce-edit-area iframe{height:100% !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-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;}

/* 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);}