/* Quick.Cms.Ext v6.x default stylesheet */

:root {
  --color-primary: #242424;
  --color-lola1:#e3e4df;
  --color-light: #555;
  --color-dark: #003c8f;
  --color-secondary: #6F95C8;
  --color-secondary-light: #6a91C5;
  --color-white: #fff;
  --color-grey: #f1f3f4;
  --color-divider: #efefef;
  --color-admin: #0093dd;
  --color-admin2: green;
}

/* GLOBAL STYLES */
body, body *, body *:before, body *:after{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,table{color:#333;font-size:1em;font-family:'Lato', sans-serif;font-weight:300;}

body{padding:0;background:#efefef;text-align:center;}

input[type="text"], input[type="password"], input[type="file"], input[type="email"], select, textarea{padding:2px;border-width:1px;border-style:solid;border-color:var(--color-primary);font-family:Arial, sans-serif;font-size:1rem;border-radius:2px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus{background:#fbf0d9;border-color:var(--color-primary);box-shadow:0 0 3px rgba(0,103,154,0.6);}
input[type="text"].warning-required, input[type="password"].warning-required, input[type="email"].warning-required, select.warning-required, textarea.warning-required{background:#fbefef;border-color:#bb4c2e;}
input[type="submit"], button[type="submit"]{padding:0.4em 0.9em;border-width:1px;border-style:solid;background:var(--color-primary);color:#fff;transition:all 0.3s ease;font-family:Arial, sans-serif;font-size:1rem;border-radius:2px;}
input[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:hover, button[type="submit"]:focus{background:var(--color-secondary);cursor:pointer;}
label{font-weight:300;}
label span{padding-left:10px;color:#aaa;font-weight:300;font-size:.875em;}
table{border-collapse:collapse;border-spacing:0;font-size:100%;}
tbody, tfoot, thead{margin:0;padding:0;}
caption, tr, th, td{margin:0;padding:2px 4px;font-size:100%;font:inherit;vertical-align:baseline;}

a{color:var(--color-primary);text-decoration:underline;}
a:hover{color:#000;text-decoration:underline;}

#container img{max-width:100%;}

.msg{clear:both;overflow:hidden;padding:20px 0;text-align:center;}
.msg.done, .msg.error{margin:10px 0;background:var(--color-primary) url('img/sprite.svg#info') no-repeat 1rem center;background-size:2rem;color:#fff;font-size:1.5rem;}
.msg.done a, .msg.error a{color:#fff;}
.msg.done a:hover, .msg.error a:hover{color:#1f1a17;}
.msg p{margin:.7em 4rem;line-height:2.25rem;}
.msg p:first-child{font-size:2rem;}
.msg a.action{display:inline-block;margin:7px 7px;padding:3px 8px;border:1px solid #fff;text-decoration:none;font-size:0.813rem;}
.msg a.action:hover{background:#fff;}
.msg.panel a.action{margin-top:13px;}
.msg.error{background-color:var(--color-secondary);}
.msg.light{border:1px solid #e0e0e0;}
body.is-msg-error404 .msg.error{margin-top:3rem;}
.wai{position:absolute;width:1px;height:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;}

.icon{display:inline-block;content:"";flex-shrink:0;width:1.5rem;height:1.5rem;fill:var(--color-primary);}
.icon--labeled{margin-left:.75em;width:1.5em;height:1.5em;}

#container{position:relative;width:100%;margin:0 auto;text-align:left;background:#fff;}
#container:after{content:"";display:table;clear:both;}
@media screen and (min-width:1280px){
  .container{width:1200px;margin:0 auto;}
}

@media screen and (min-width:1920px){
  .container{width:1600px;margin:0 auto;}
}

#body, #foot{margin:0 auto;padding:0;}

/* QUICK LINKS */
#skiplinks{position:absolute;top:0;left:0;}
#skiplinks a{position:absolute;top:-500px;left:0;z-index:10;min-width:200px;padding:10px;color:#fff;}
#skiplinks a:focus{top:0;background:#000;color:#fff;}

#header{background:var(--color-lola1);}

#header .search-ico{display:flex;align-items:center;justify-content:center;min-width:60px;background:var(--color-lola1);color:transparent;font-size:1%;}
/* search form */
#search{display:flex;justify-content:center;background:var(--color-divider);}
#search form{display:flex;padding:1rem 0;justify-content:center;align-items:center;}
  @media screen and (max-width:641px){ #search form{flex-direction:column;} } /* Advanced search link below search form on smaller devices */
#search fieldset{min-width:300px;width:50%;max-width:600px;}
#search .main{display:flex;border:1px solid var(--color-primary);border-radius:2px;}
#search .control{display:flex;flex:1;}
#search .input{width:100%;padding:5px;border:0;}
#search .awesomplete{width:100%;} /* Added by Awesomplete in JS */
#search .btn{border:0;border-radius:0;line-height:0.8em;}
#search .btn:hover, #search .btn:focus{background-color:var(--color-dark);}
/* ADVANCED SEARCH */
#search a.advanced-search{padding:4px 0 4px 1rem;font-size:.875em;text-decoration:none;}
#search a.advanced-search:hover{text-decoration:underline;}
#search a.advanced-search:after{content:' \00bb';}
  @media screen and (min-width:641px){
    body:not(.is-page-search) .header-navigation__search{display:flex;} /* Display SEARCH ICON IN MENU only for bigger screens and if it is not search results page */
    body:not(.is-page-search) #search.search--hidden{display:none;} /* Hide SEARCH FORM only for bigger screens and if it is not search results page */
  }

/* LOGO, HEADER BACKGROUND AND SLOGAN */
/*#logo #title{position:absolute;z-index:1;}*/
#logo{display:flex;justify-content:center;align-items:center;gap:2em}
#logo #title img{width:100px;margin:1em;}*/
#logo #title a{color:var(--color-100);font:bold 2em 'Lato', sans-serif;text-decoration:none;}
#logo #title em{font-style:normal;}

.icon.icon--labeled2{fill:black !important}
/* SLIDER */
/* You will find slider styles in style-slider.css file */

/* BODY/CONTENT STYLES */
#body{clear:both;margin:0;border-top:1px solid #eaeaea;}
#body:after{content:"";display:table;clear:both;}

/* LEFT COLUMN */
body #content{flex-basis:100%;max-width:100%;}
@media screen and (min-width:960px){
  #body .container{display:flex;flex-flow:row wrap;justify-content:space-around;}
  body:not(.is-without-left-column) .widgets-8 + #content{flex-basis:75%;max-width:75%;}
}


/* SITE MAP */
#site-map{clear:left;margin:1rem 0;list-style:none;}
.sitemap__section{padding:.3em 0 .3em 2rem;list-style:none;}
.sitemap__el{padding:.3em 0;}
.sitemap__el--0{padding:.5em 0;}
.sitemap__link--0, .sitemap__nolink--0{font-size:1.25rem;}
.sitemap__link--1, .sitemap__nolink--1{font-size:1.125rem;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{background:var(--color-primary);color:#fff;font-size:1.083em;}
#foot .container{display:flex;flex-wrap:wrap;justify-content:space-between;}
#foot .container:not(:first-child){border-top:1px solid var(--color-light);}
#foot .container > *{padding:1.5rem 0;}
#foot a{color:#fff;text-decoration:none;}
#foot a:hover{text-decoration:underline;}
#foot .options ul{display:flex;list-style:none;}
#foot .options li:not(:last-child){margin-right:2rem;}
#foot .options a{display:block;font-size:1%;color:transparent;}
#foot .options .icon{width:1rem;}
#foot .options a:hover .icon{fill:#000;}

.print, .back{list-style:none;}
.print a, .back a{font-size:0;}

#powered{clear:both;width:100%;padding-bottom:60px;text-align:center;background:var(--color-primary);}
#powered a{display:inline-block;width:192px;height:26px;color:var(--color-white);}

/* COMMON CLASSES */

/* Form on full page size */
.form-full{clear:both;margin:25px auto 0;}
.form-full dt{padding:0 0 7px;}
.form-full dd{margin-bottom:20px;}
.form-full input[type="text"], .form-full input[type="email"], .form-full input[type="password"], .form-full textarea{width:99%;padding:7px;font-size:1em;}
.form-full .save{text-align:center;}
.form-full .save input{padding:0.8em 1.5em;text-transform:uppercase;letter-spacing:1px;}
.captcha input[type="text"]{min-width:60px;width:6%;}
.captcha strong{font-weight:300;}
.captcha em{font-style:normal;font-weight:300;}
.captcha ins{padding:0 3px;font-weight:300;text-decoration:none;}
/* With fields on 50% size */
@media screen and (min-width:600px){
  .form-full ul.fields-half{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
  .form-full li.fields-half__full{flex-basis:100%;}
  .form-full li.fields-half__col{flex-basis:48.5%;}
}
.form-full .fields-half input, .form-full .fields-half__full{margin-bottom:1.25rem;}

/* ADMIN OPTIONS */
#page ul.options{position:absolute;right:0;top:15px;min-width:100px;list-style:none;text-align:right;}
#page ul.options li{display:inline-block;margin-left:1rem;}
.panel-link{display:inline-block;width:21px;height:21px;background:rgba(255,255,255,0.6) url('../admin/img/options.png') no-repeat 0px 0px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;opacity:.25;}
.panel-link:hover{opacity:1;}
.panel-link.edit:hover{background-position:0 -21px;}
.panel-link.delete{background-position:-21px 0;}
.panel-link.delete:hover{background-position:-21px -21px;}
.panel-link.list{background-position:-121px 0;}
.panel-link.list:hover{background-position:-121px -21px;}

#PagesLastVisited .image img{width:70px;}
.dev{padding:5px;text-align:center;color:#f00;font-weight:300;}



#ppl-public .ppl-head{display:flex;flex-direction:column;gap:6px;margin:10px 0 14px}
#ppl-public .ppl-meta{font-size:.9em;color:#666}
#ppl-public code{background:#f6f6f6;border:1px solid #eee;border-radius:4px;padding:2px 6px}
.product-box{display:flex;gap 2em;padding:1em;width:100%;}   
.product-box .right{flex-direction:column;justify-content:center;width:50%;padding: 0 0 0 3em;}
.product-box .left{flex-direction:column;justify-content:start;width:50%;padding: 0 0 0 3em;align-items:center;display:flex;}
.ppl-nav{display:flex;align-items:center;gap:10px;margin:10px 0 18px}
.ppl-nav .spacer{flex:1}
.ppl-nav a{padding:6px 10px;border:1px solid #e5e5e5;border-radius:6px;text-decoration:none}
.ppl-nav .disabled{opacity:.45;padding:6px 10px;border:1px dashed #e5e5e5;border-radius:6px}



@media print{
  /* PRINT STYLES */
  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;}

  body{margin:.5cm 0;font-size:0.875em;}
  #container{position:static;width:17.2cm;height:auto;margin:0;box-shadow:none;}
  #head1{height:auto;}
  #logo{padding:0 0 0.2cm;}
  #logo #title a{font-size:2em;}
  #logo img{max-height:1cm;}

  #head2 .container{position:static;}

  #body{clear:none;border-top:0;}
  #page{clear:both;position:static;float:none;}
  #body #page h1{margin:0;font-size:1.25rem;}

  #body, #head1, #foot{float:none;}
  .menu-top li:hover:after, .menu-top .selected:after, .menu-top .selected-parent:after, #search form, #foot .options{display:none;}
  .is-order-summary .widget:not(.type-32), .is-order-summary .menu-top{display:none;}
  #content .msg{padding:0;border:0;}
  #content .msg p{line-height:1.25rem;}
  #content .widget.type-32{margin:0;}
  .msg p:first-child{font-size:1rem;}
}

/* PLUGINS */

/* YOUTUBE LINKS */
.youtube{width:550px;height:413px;padding:1px;box-shadow:0 0 4px rgba(100,100,100,0.4);}
@media screen and (max-width:460px){
  .youtube{max-width:100%;height:240px;}
}

/* EVENT DATES (range) */
.event-dates{padding:0.3em 0;font-size:0.938em;color:#6e6e6e;}
.event-dates > span{display:block;margin:0.3em 0;}
/* page details */
@media screen and (min-width:960px){
  #page > .event-dates{float:right;margin-top:-35px;}
}
/* for subpages list only */
.pages-list .event-dates{padding:0.3em 0;}

/* CONTACT-PANEL */
.contact-panel{padding:1.5rem 0;border-top:5px solid var(--color-divider);border-bottom:5px solid var(--color-divider);}

.hide{display:none;}   /* DODAĆ DO STANDARDU */

/* Custom radio buttons */                /* DODAĆ DO STANDARDU */
.radio{position:absolute;left:-9999px;}
.radio + label{position:relative;display:inline-block;cursor:pointer;line-height:20px;color:#666;}
.radio:not(.radio--hidden) + label{padding-left:28px;}
.radio:not(.radio--hidden) + label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #666;border-radius:100%;background:#fff;}
.radio:not(.radio--hidden) + label:after{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;background:var(--color-primary);border-radius:100%;transition:all 0.2s ease;}
.radio:not(:checked) + label:after{opacity:0;transform:scale(0);}
.radio:checked + label:after{opacity:1;transform:scale(1);}
/* Required */
.radio.warning-required + label:before{background:#fbefef;border-color:#bb4c2e;}

/* Custom checkbox fields */                /* DODAĆ DO STANDARDU */
.checkbox{position:absolute;opacity:0;}
.checkbox + label{position:relative;cursor:pointer;padding:0;}
.checkbox + label:before{content:"";margin-right:.7em;display:inline-block;vertical-align:text-top;width:20px;height:20px;background:#fff;border-radius:2px;border:1px solid var(--color-primary);}
.checkbox:focus + label:before, .checkbox:hover + label:before{border-color:var(--color-primary);box-shadow:0 0 3px rgba(0,103,154,0.6);}
.checkbox:checked + label:before{background:var(--color-primary);}
.checkbox:disabled + label{color:#b8b8b8;cursor:auto;}
.checkbox:disabled + label:before{box-shadow:none;background:#ddd;}
.checkbox:checked + label:after{position:absolute;display:block;content:'';top:0.15rem;left:0.45rem;width:0.4rem;height:0.75em;transform:rotate(45deg);border-right:2px solid #fff;border-bottom:2px solid #fff;}
/* Required */
.checkbox.warning-required:not(:checked) + label:before{background:#fbefef;border-color:#bb4c2e;}

/* Custom select fields */                /* DODAĆ DO STANDARDU */
.select{max-width:100%;margin:0;padding:.3em 2em .3em .6em;border:1px solid #aaa;
  -moz-appearance:none;-webkit-appearance:none;appearance:none;
  background-color:#fff;background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yMy4yNDUgNGwtMTEuMjQ1IDE0LjM3NC0xMS4yMTktMTQuMzc0LS43ODEuNjE5IDEyIDE1LjM4MSAxMi0xNS4zOTEtLjc1NS0uNjA5eiIvPjwvc3ZnPg==');background-repeat:no-repeat;background-position:right .7em top 50%;background-size:1em auto;}
.select::-ms-expand{display:none;}
.select:hover{border-color:#333;}

/* NOTICES ACCEPTS */
.notices{list-style:none;}
.notices .option, .option.notice{margin:4px 0 10px;font-size:0.875em;}
.notices .option label, .option.notice label{margin-left:4px;font-weight:300;}

/* PANEL KOSZYKA (fixed w prawym dolnym rogu) */
.widget-basket{
  position: fixed;
  right: 16px;
  bottom: 16px;
  width: 360px;                 /* możesz zmienić */
  max-height: min(80vh, 720px); /* całość panelu */
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
  overflow: hidden; /* zaokrąglenia dla scrola */
  z-index: 2000;
}

/* nagłówek */
.widget-basket__head{
  display:flex; align-items:center; justify-content:space-between;
  padding: 10px 12px;
  border-bottom: 1px solid #f0f0f0;
  background: #fafafa;
}
.widget-basket__title{ font-weight:600; }
.widget-basket__toggle{
  border:0; background:transparent; cursor:pointer;
  font-size:20px; line-height:1; padding:4px 8px; border-radius:8px;
}
.widget-basket__toggle:hover{ background:#efefef; }

/* opis (opcjonalny) */
.widget-basket__desc{ padding: 8px 12px; color:#666; }

/* ciało panelu z wewnętrznym scrollem */
.widget-basket__body{
  display:flex; flex-direction:column; min-height: 120px;
  /* wysokość do przewijania: zabierz nagłówek + footer */
  max-height: calc(80vh - 56px - 56px);
}

/* SCROLLER wewnątrz panelu – tu pojawia się przewijanie */
.widget-basket__scroller{
  overflow:auto;
  padding: 10px 10px 2px 10px;
  /* delikatny scroll na iOS */
  -webkit-overflow-scrolling: touch;
}

/* stopka */
.widget-basket__footer{
  padding: 10px 12px;
  border-top: 1px solid #f0f0f0;
  background: #fafafa;
}
.widget-basket__btn{
  display:inline-block; width:100%;
  text-align:center; text-decoration:none;
  padding:10px 12px; border-radius:8px;
  border:1px solid #0ea5e9; color:#0ea5e9;
}
.widget-basket__btn:hover{ background:#e0f2fe; }

/* tryb zwinięty (po kliknięciu minus) */
.widget-basket.is-collapsed .widget-basket__body{ display:none; }
.widget-basket.is-collapsed .widget-basket__toggle{ transform: rotate(180deg); }

/* wersja „przyklejona” (sticky) – jeśli wolisz w kolumnie bocznej zamiast fixed:
.sidebar .widget-basket{ position: sticky; bottom: 16px; right:auto; }
*/

/* mobilnie: na całą szerokość u dołu */
@media (max-width: 640px){
  .widget-basket{    right: 8px; left: 8px; bottom: 8px;    width: auto;    max-height: min(80vh, 70vh);  }
  .product-box{flex-direction:column;width:100%;}
  .product-box .left, .product-box .right{width:100%;}
  .widget-basket__body{ max-height: calc(70vh - 56px - 56px); }
}


.added-to-basket{display:none;padding:1em 0 .5em;}
.added-to-basket__msg{padding-bottom:.5em;color:#6e9c37;font-weight:300;}