/* theme background images */

/* html { background: url('img/repeat.bg.jpg') repeat-x top; } */ /* background repeating image */
/* body { background: url('img/center.bg.jpg') no-repeat center top; } */ /* background center image */


.all_trans {
	border: 1px solid #999999;
	background-color: #cccccc;
	padding: 0.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-align: left;
}

.all_trans_head {
	background-color: #999999;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	text-align: center;
}

.all_trans_line {
	background-color: #ffffff;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-align: right;
	vertical-align: top;
}

.all_trans_line_big {
	background-color: #ffffff;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	text-align: center;
	vertical-align: top;
}

.all_trans_line_txa {
	background-color: #ffffff;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	width: 150px;
	text-align: right;
}

.all_trans_line_txt {
	background-color: #ffffff;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	vertical-align: top;
	text-align: left;
}

.all_txt_small {
	font-size: 10px;
}

.all_txt_green {
	font-weight: bold;
	color: #33ff33;
}

.all_txt_red {
	font-weight: bold;
	color: #ff3333;
}

.all_trans_edit_txa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	font-weight: bold;
	background-color: #FFFFFF;
	height: 40px;
	width: 150px;
	border: 1px solid #CCCCCC;
}

.all_trans_edit_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	font-weight: bold;
	background-color: #FFFFFF;
	width: 80px;
	border: 1px solid #CCCCCC;
}

#all_frame {		
	top: 3px;	
	margin-bottom: 3px;
}

#all_frame .background {
  background: #f6f6f6;  
  padding-top: 0px;
  padding-bottom: 6px;
  padding-left: 0px;
  padding-right: 0px;
}

#all_frame .container {
  position: relative;
  background: #ffffff;
  border: 0px solid #c7c7c7;
  border-radius: 10px;
  box-shadow: 0 1px 2px #c7c7c7;
  margin: 10px;
  padding: 0px;  
}

#all_frame .but_body {
	margin: 0px;
	padding-top: 1px;
  
	text-align: center;
	vertical-align: top;
	border: 0px solid #fff;
  background: #fff;
	border-radius: 10px;	
}

#all_frame .par_body {
  margin: 4px; 
  
  background: #fffff;		
	text-align: center;		
  
  
  max-width: 320px;
}

/* gdy ma klasę .gallery → nowa maksymalna szerokość */
#all_frame .par_body.gallery { max-width: 560px; }
/* NA TELEFONACH wracamy do 320px */
@media (max-width: 480px) {
  #all_frame .par_body.gallery { max-width: 320px; }
}

#all_frame .par_title {
  float: left; 
  width: 100%; 
  padding: 4px; 
  font-size: 18px; 
  font-weight: 700; 
  background: #fff; 
  box-sizing: border-box;
  color: #333333;
	
	text-align: center;	
  display: block;
  border: 1px solid #dddddd;
  border-radius: 10px 10px 0px 0px;
}
#all_frame .par_content {
  float: left; 
  width: 100%; 
  padding-top: 16px;
  padding-bottom: 16px;  
  background: #fff; 
  
  border: 1px solid #dddddd;
  border-top-style: none;  
  box-sizing: border-box;
  display: block;
  border-radius: 0px 0px 10px 10px;
}

#all_frame .par_content img {
  padding: 0px;  
  border: 0px solid #ffffff; 
  margin: 4px; 
  width: 310px;
  max-height: 500px;
}

/* Wersja dla widoku "gallery" */
#all_frame .par_body.gallery .par_content img { width: 550px; }
/* Na telefonach wracamy do mniejszej szerokości */
@media (max-width: 480px) {
  #all_frame .par_body.gallery .par_content img { width: 310px; }
}

#all_frame .par_content .param_textarea { text-align: left; }
#kaledit .par_content .param_textarea textarea { width: 290px; }

#all_frame .typ_W21 img, #all_frame .typ_W20 img { max-height: 388px !important; }

#all_frame .typ_K3 img, #all_frame .typ_K4 img, #all_frame .typ_K7 img, #all_frame .typ_K8 img,  #all_frame .typ_K12 img, 
#all_frame .typ_K13 img, #all_frame .typ_K14 img, #all_frame .typ_K15 img, 
#all_frame .typ_K18 img, #all_frame .typ_K19 img, #all_frame .typ_K20 img { max-height: 400px !important; width: auto !important; max-width: 300px !important; }

#all_frame .typ_W1 img, #all_frame .typ_W2 img, #all_frame .typ_W3 img, #all_frame .typ_W11 img, #all_frame .typ_W16 img, 
#all_frame .typ_W17 img, #all_frame .typ_W18 img, #all_frame .typ_K9 img, #all_frame .typ_K10 img, #all_frame .typ_K11 img,
#all_frame .typ_K10 img, #all_frame .typ_K11 img { max-height: 320px !important; width: auto !important; max-width: 300px !important; }

#all_frame .shadow {
  /* -webkit-box-shadow: 2px 2px 4px #141414; */
  /* -moz-box-shadow: 2px 2px 4px #141414; */
  /* margin: 2px 5px 5px 2px; */
  box-shadow: 5px 5px red;
}

#all_frame .wgshadow {  
  box-shadow: 2px 2px 4px #1e1e1e;
  margin: 2px 5px 5px 2px;
}

#all_frame .wwshadow {  
  box-shadow: 1px 1px 2px #282828;
  margin: 1px 2px 2px 1px;
}

#all_frame .picbox {
  height: auto; display: inline-block;  
  background-image:url('img/ajax-loader.gif');
  background-position: center center;
  background-repeat:no-repeat;
}

#all_frame .picbox_disabled {
  height: auto; display: inline-block;  
  background-image:url('img/ajax-loader.gif');
  background-position: center center;
  background-repeat:no-repeat;
  opacity: 0.2;
}

.picshadow {
/* -webkit-box-shadow: 1px 1px 2px #282828;
  -moz-box-shadow: 1px 1px 2px #282828;
  margin: 5px 0px 5px 0px;
*/
}

.picswieta { max-width: 90px; }

.parametrbox {
  border: 1px solid #ccc; 
  border-radius: 10px; 
  padding: 5px !important; 
  margin: 2px;
}

#all_frame .body {
	background: #FFFFFF;
	border: 0px solid #444444;
	padding: 10px;
}

#all_frame .header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
  line-height: 32px;
	color: #FFFFFF;
	font-weight: 300;	
	padding: 0px;  
}

#all_frame .container .header {  
  font-weight: 600;
	line-height: 32px;
  background: #e7e7e7;
  border-bottom: 0px solid #d7d7d7;
  border-radius: 5px 5px 0px 0px;
}

#all_frame .footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 2px;
  border: 0px;
}

.all_trans_but {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #333333;
	font-weight: 300;
	text-decoration: none;
	text-align: Center;
	background-color: #FFC848;
	height: 15px;
	width: 70px;
	margin: 1px;
	padding-bottom: 2px;
	border: 1px dashed #AAAAAA;
	border-radius: 6px;	
}

.all_trans_but:hover {
	color: #FFC848;
	background-color: #333333;
	border: 1px outset #666666;
}

.style {
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 12px;
	line-height: 14px;
}

.style_sm {
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 10px;
	line-height: 12px;
}

.style_bg {
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 14px;
	line-height: 16px;
}

.style_hg {
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 16px;
	line-height: 18px;
}

.kaledit_title {
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	padding: 4px;
	padding: 4px;
	text-align: left;
	height: 40px;
}

.paragraph_style_2 {
	color: #463c3c;
	font-family: 'ArialMT', 'Arial', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 17px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	opacity: 1.00;
	padding-bottom: 8px;
	padding-top: 0px;
	text-align: left;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
}

.paragraph_style_3 {
	color: #463c3c;
	font-family: 'ArialMT', 'Arial', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 17px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	opacity: 1.00;
	padding-bottom: 8px;
	padding-top: 0px;
	text-align: left;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
}

.all_trans_user {
	background-color: #FFFFFF;
	padding: 0.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}

.f_label {
  font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;  
  line-height: 24px;
	color: #333333;
	font-weight: 600;
  margin-left: 10px;  
}

.f_edit {
	font-family: Tahoma, Arial, "Arial CE", Helvetica, sans-serif;
	font-size: 18px;
  line-height: 30px;
	color: #003366;
	font-weight: 600;
	background-color: #EEEEFF;
	border: 1px ridge #CCCCCC;
	height: 30px;
	vertical-align: text-top;
}

.f_inp {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 17px;  
  line-height: 22px;
	color: #333333;
	font-weight: 300;
	background-color: #eef0f3;
	border: 0px;
	height: 30px;
	vertical-align: text-top;
  border-radius: 5px;
  padding: 8px;
  padding: 4px 10px;
}
.f_inp:hover {background-color: #e0e2e6; color: #000000;}

.f_opt {
	font-family: Tahoma, Arial, "Arial CE", Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	font-weight: 600;
	background-color: #EEEEFF;
	border: 1px ridge #CCCCCC;
	height: 15px
}

.but_big {
	font-family: Tahoma, Arial, "Arial CE", Helvetica, sans-serif;
	font-size: 14pt;
	color: #90CF4F;
	font-weight: bold;
	text-decoration: none;
	text-align: Center;
	background-color: #193B7B;
	height: 32px;
	width: 300px;
	border: 1px outset #CCCCCC;
}

.but_big:hover {
	font-family: Tahoma, Arial, "Arial CE", Helvetica, sans-serif;
	font-size: 14pt;
	color: #009900;
	font-weight: bold;
	text-decoration: none;
	text-align: Center;
	background-color: #56B0CD;
	height: 32px;
	width: 300px;
	border: 1px outset #CCCCCC;
}

div.autocomplete {
	
	width: 250px;
	background-color: white;
	border: 1px solid #888;
	margin: 0px;
	padding: 0px;
}

div.autocomplete ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 9px;
}

div.autocomplete ul li.selected {
	background-color: #ffb;
}

div.autocomplete ul li {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px;
	height: 70px;
	cursor: pointer;
	border-bottom: 1px solid #ddaaaa;
}

div.trans_lista {
	margin: 0px;
	padding: 0px;
}

div.trans_lista ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: table;
	clear: both;
	width: 100%;
}

div.trans_lista ul li {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0;
	padding: 2px;
}

div.trans_lista li {
	border-top: 1px solid #CDD0D4;
	clear: both;
	display: table;
	margin: 0pt;
	overflow: hidden;
	padding: 0pt;
	width: 200px;
	font-size: 9px;
}

div.trans_lista .data {
	color: #339933;
	display: block;
	text-align: right;
	float: left;
	width: 45px;
	overflow: hidden;
}

div.trans_lista .faktura {
	color: #993333;
	display: block;
	text-align: right;
	float: left;
	width: 75px;
	overflow: hidden;
}

div.trans_lista .kwota {
	text-align: right;
	float: right;
	display: block;
	overflow: hidden;
}

div.trans_lista .but {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #333333;
	font-weight: 300;
	text-decoration: none;
	text-align: Center;
	background-color: #FFC848;
	height: 14px;
	width: 14px;
	border: 1px outset #CCCCCC;
	vertical-align: top;
}

div.trans_lista .but:hover {
	color: #FFC848;
	background-color: #333333;
	border: 1px outset #666666;
}

.all_menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background: url(../img/allegro/dolna_belka.png) no-repeat;
	height: 23px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
}

td.all_menu {
	color: #dd0000;
}

a.all_menu {
	color: #ffffff;
}

a.all_menu:hover {
	color: #ff0000;
}

.all_kaledit_radio {
	cursor: pointer;
	height: 20px;
	width: 20px;
	/*
  background: url(../img/radioOn.png);
  */
}

#kaledit .text_box {
  padding: 2px;
  margin-bottom: 2px;
  margin-top: 2px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: block;
  width: 220px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
  border-radius: 1px;	
}

#kaledit .pic_qty {
  font-family: Impact, Charcoal, sans-serif;
	font-size: 40px;
  line-height: 40px;
  color: #60CF4F;
  background: #C8FFC8;
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-top: 3px;
}

#kaledit .pic_plusminus {
  font-family: Impact, Charcoal, sans-serif;
	font-size: 32px;
  line-height: 32px;
  color: #339933;
  border-radius: 3px;  
  padding: 2px;
  background: #EEEEFF;
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: 3px;
}

#kaledit .pic_totalqty {
  font-family: Impact, Charcoal, sans-serif;
  font-size: 36px;
  line-height: 36px;
  color: #339933;  
  border-top-right-radius: 40px;
  border-top-left-radius: 40px;
  padding: 0px;
  background: #EEEEFF;
  width: 100%;
  height: 50px;
  overflow: hidden;
  display: block;  
  position: fixed;
  bottom: 0px;  
  left: 0px;
  text-align: center;
  z-index: 999;
}

#kaledit #pic_totalused {
  font-size: 48px;
  line-height: 48px;
  color: #006600;
}

#kaledit .alert, #kaledit .alert_disabled { 
  background: #FF3333; 
  color: #ffffff;
  width: 100%;
  font-size: 20px;
  line-height: 30px;
}
#kaledit .alert_disabled { padding: 1px; background: #CC9999; }
#kaledit .unused { padding: 1px; background: #FFC8FF; color: #333333; font-size: 20px; }
#kaledit .onceused { background: transparent; color: #de4b92; font-size: 20px; }
#kaledit .multiused { padding: 1px; background: #cccccc; color: #de4b92; font-size: 20px; }

#kaledit .kaledit-header { background: #000000; color: #ffffff; overflow: hidden; padding-left: 16px; padding-right: 16px;}

#kaledit .kaledit-header .logo {float: left; display: inline;}
#kaledit .kaledit-header .numerzam {float: right; display: inline; font-size: 14px; line-height: 30px;}

#kalparams .labeled { margin: 10px 10px 0px 10px; border: 0px #efefef solid; }
#kalparams .unlabeled { margin: 10px; border: 0px #efefef solid; }
#kalparams .icon { width: 154px; height: 80px; }
#kalparams .bigicon { width: 228px; height: 119px; }
#kalparams .bigtallicon { width: 228px; height: 163px; }
#kalparams .gbcovericon { width: 224px; height: 213px; }
#kalparams .allcal { width: 320px; height: 227px; }
#kalparams .mpnotes { width: 480px; height: 600px; }
#kalparams .guestbook { width: 476px; height: 423px; }


.all_kaledit_select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
  line-height: 30px;
	background-color: #ffffff;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	cursor: pointer;
	height: 30px;
  width: 220px;
}

.all_kaledit_select_edit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #ffeedd;
	border-left: 1px solid #ddaaaa;
	border-right: 1px solid #ddaaaa;
	border-top: 1px solid #ddaaaa;
	border-bottom: 1px solid #ddaaaa;
	cursor: text;
}

.all_kaledit_textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #ffffff;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	cursor: pointer;
}

.all_kaledit_textarea_edit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #ffeedd;
	border-right: 1px solid #ddaaaa;
	border-top: 1px solid #ddaaaa;
	border-bottom: 1px solid #ddaaaa;
	cursor: text;
}

.kaledit_trcolor1 {
	background-color: #eeeeee;
	/*
  background-image: url(img/000/1.png);
  background-repeat: repeat-y;
  */
}

.kaledit_trcolor2 {
	background-color: #dddddd;
	/*
  background-image: url(img/000/2.png);
  background-repeat: repeat-y;
  */
}

.tymczasowy_guzik_20x20 {
	font-size: 9px;
	height: 20px;
	width: 20px;
}

.all_kaledit_but {
	font-size: 10px;
	height: 20px;
	width: 50px;
}

.all_trans_TXA_clos {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	background-color: #98FF98;
	border: 1px solid #B8B8B8;
	text-align: left;
	cursor: pointer;
	border-radius: 4px;	
}

.all_trans_SEL_clos {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FAF273;
	border: 1px solid #B8B8B8;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;	
}

.all_trans_TXTTXT_clos {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	background-color: #98FF98;
	border: 1px solid #B8B8B8;
	text-align: left;
	cursor: pointer;
	border-radius: 4px;	
}

.all_trans_TXTNUM_clos {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #98FF98;
	border: 1px solid #B8B8B8;
	text-align: right;
	cursor: pointer;
	width: 25px;
	border-radius: 4px;	
}

.all_trans_TXA_open {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFEEDD;
	border-left: 1px solid #ddaaaa;
	border-right: 1px solid #ddaaaa;
	border-top: 1px solid #ddaaaa;
	border-bottom: 1px solid #ddaaaa;
	text-align: left;
	cursor: text;
	border-radius: 4px;	
}

.all_trans_SEL_open {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFEEDD;
	border-left: 1px solid #ddaaaa;
	border-right: 1px solid #ddaaaa;
	border-top: 1px solid #ddaaaa;
	border-bottom: 1px solid #ddaaaa;
	text-align: left;
	cursor: text;
	border-radius: 4px;	
}

.all_trans_TXTTXT_open {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #663333;
	font-weight: bold;
	padding: 1px;
	background-color: #FFEEDD;
	border: 1px solid #ddaaaa;
	text-align: left;
	cursor: text;
	border-radius: 4px;	
}

.all_trans_TXTNUM_open {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFEEDD;
	border-left: 1px solid #ddaaaa;
	border-right: 1px solid #ddaaaa;
	border-top: 1px solid #ddaaaa;
	border-bottom: 1px solid #ddaaaa;
	text-align: right;
	cursor: text;
	width: 25px;
	border-radius: 4px;	
}

.all_trans_HIDDEN {
	display: none;
}

/* kaledit */
.all_boxLG {
	background: url(../img/allegro/ramLG.png) no-repeat left top;
	width: 15px;
	height: 15px;
}

.all_boxPG {
	background: url(../img/allegro/ramPG.png) no-repeat right top;
	width: 15px;
	height: 15px;
}

.all_boxLD {
	background: url(../img/allegro/ramLD.png) no-repeat left bottom;
	width: 15px;
	height: 15px;
}

.all_boxPD {
	background: url(../img/allegro/ramPD.png) no-repeat right bottom;
	width: 15px;
	height: 15px;
}

.all_boxL {
	background: url(../img/allegro/ramL.png) repeat-y left;
	width: 15px;
}

.all_boxP {
	background: url(../img/allegro/ramP.png) repeat-y right;
	width: 15px;
}

.all_boxG {
	background: url(../img/allegro/ramG.png) repeat-x top;
	height: 15px;
}

.all_boxD {
	background: url(../img/allegro/ramD.png) repeat-x bottom;
	height: 15px;
}

.all_boxC {
	vertical-align: top;
	margin-left: 0px;
	margin-top: 0px;
}  /* content */ /* startowa */
.all_boxSkalL {
	background: url(../img/allegro/ramSkalL.png) repeat-y left;
	width: 10px;
}

.all_boxSkalP {
	background: url(../img/allegro/ramSkalP.png) repeat-y right;
	width: 10px;
}

.all_boxSkalG {
	background: url(../img/allegro/ramSkalG.png) repeat-x top;
	height: 20px;
}

.all_boxSkalD {
	background: url(../img/allegro/ramSkalD.png) repeat-x bottom;
	height: 20px;
}

.all_boxSkalC {
	background: url(../img/allegro/ramSkalS.png) repeat;
}

.all_boxSgwaL {
	background: url(../img/allegro/ramSgwaL.png) repeat-y left;
	width: 10px;
}

.all_boxSgwaP {
	background: url(../img/allegro/ramSgwaP.png) repeat-y right;
	width: 10px;
}

.all_boxSgwaG {
	background: url(../img/allegro/ramSgwaG.png) repeat-x top;
	height: 20px;
}

.all_boxSgwaD {
	background: url(../img/allegro/ramSgwaD.png) repeat-x bottom;
	height: 20px;
}

.all_boxSgwaC {
	background: url(../img/allegro/ramSgwaS.png) repeat;
}

.all_boxSzasL {
	background: url(../img/allegro/ramSzasL.png) repeat-y left;
	width: 10px;
}

.all_boxSzasP {
	background: url(../img/allegro/ramSzasP.png) repeat-y right;
	width: 10px;
}

.all_boxSzasG {
	background: url(../img/allegro/ramSzasG.png) repeat-x top;
	height: 20px;
}

.all_boxSzasD {
	background: url(../img/allegro/ramSzasD.png) repeat-x bottom;
	height: 20px;
}

.all_boxSzasC {
	background: url(../img/allegro/ramSzasS.png) repeat;
}

a.trans_user {
	color: #666666;
	text-decoration: none;
}

a.trans_user:hover {
	color: #000000;
}

a.trans_email {
	color: #3333ff;
	text-decoration: none;
}

a.trans_email:hover {
	color: #000099;
}

a.trans_inv {
	color: #33ff33;
	text-decoration: none;
}

a.trans_inv:hover {
	color: #009900;
}

div.inv_info {
	margin: 0px;
	padding: 0px;
}

div.inv_info ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: table;
	clear: both;
	width: 100%;
}

div.inv_info ul li {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0;
	padding: 2px;
	font-size: 10px;
}

div.inv_info li {
	border-top: 1px solid #CDD0D4;
	clear: both;
	display: table;
	margin: 0pt;
	overflow: hidden;
	padding: 0pt;
	width: 200px;
	line-height: 150%;
}

div.inv_info .info {
	color: #339933;
	display: block;
	text-align: right;
	float: left;
	overflow: hidden;
}

div.inv_info .tresc {
	text-align: left;
	float: right;
	display: block;
	overflow: hidden;
}

div.inv_info .but {
	font-size: 10px;
	color: #333333;
	font-weight: 300;
	text-decoration: none;
	text-align: Center;
	background-color: #FFC848;
	height: 18px;
	width: 20px;
	border: 1px outset #CCCCCC;
	vertical-align: top;
}

div.inv_info .but:hover {
	color: #FFC848;
	background-color: #333333;
	border: 1px outset #666666;
}

div.inv_info .data {
	color: #339933;
	display: block;
	text-align: left;
	float: left;
	width: 60px;
	overflow: hidden;
}

div.inv_info .bank {
	color: #993333;
	display: block;
	text-align: left;
	float: left;
	width: 50px;
	overflow: hidden;
}

div.inv_info .numer {
	color: #993333;
	display: block;
	text-align: left;
	float: left;
	width: 65px;
	overflow: hidden;
}

div.inv_info .nazwa {
	color: #339933;
	display: block;
	text-align: left;
	float: left;
	width: 160px;
}

div.inv_info .kwota {
	text-align: right;
	float: right;
	display: block;
	overflow: hidden;
}

/**** Form Section ****/
form ul {
	font-size: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

form li {
	display: block;
	margin: 0;
	padding: 4px 5px 2px 9px;

}

#all_frame label { cursor: pointer; display: inline-block; margin: 0px 0px 0px 4px; }


#kaledit .param_button {
  box-sizing: border-box;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  font-size: 14px;
  background-color: rgb(204, 204, 204);
  line-height: 26px;
  font-family: "Lato", "helvetica neue", "helvetica", "arial", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  outline: 0px;  
  text-align: center;
  display: inline-block;
  height: 58px;
  width: calc(100% - 16px);
  padding: 16px;
  color: white;
  cursor: pointer;  
  border: 0px none;
  border-radius: 4px;
  margin: 8px;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#kaledit .param_button:hover, #kaledit #kaledit .param_button:active, #kaledit .param_button:focus {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 8px;
  color: #ffc107;
}
#kaledit .param_button_edit { background-color: #28A745; border-color: #28A745; }
#kaledit .param_button_edit:hover { background-color: #1C7430; border-color: #1C7430; }
#kaledit .param_button_preview { background-color: #007BFF; border-color: #007BFF; }
#kaledit .param_button_preview:hover { background-color: #0056B3; border-color: #0056B3; }
#kaledit .param_button_save { background-color: #6C757D; border-color: #6C757D; } /* #17A2B8 */
#kaledit .param_button_save:hover { background-color: #565E64; border-color: #565E64; }
#kaledit .param_button_confirm { background-color: #FD7E14; border-color: #FD7E14; height: 132px; line-height: 20px; padding: 46px 16px; }
#kaledit .param_button_confirm:hover { background-color: #C76B1A; border-color: #C76B1A; }
#kaledit .param_button_mini { 
  width: auto;
  height: 28px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 20px;
  background-color: #17A2B8; 
  border-color: #17A2B8; 
  text-transform: none;
  margin: 3px 8px 0px;
}
#kaledit .param_button_mini:hover { background-color: #565E64; border-color: #565E64; }

#kaledit .param_akcept_confirm_box { max-width: 420px; display: flex; flex-flow: column wrap; font-size: 13px; }
#kaledit .param_button_confirm_box { max-width: 320px; }

#kaledit .param_laststep_box { display: flex; flex-flow: column wrap; margin: 0px auto; max-width: 1080px; }
#kaledit .param_laststep_inpost_locker_box { 
  font-size: 16px; 
  padding: 12px; 
  border: #990000 solid 0px; 
  margin: 12px 0px 12px 4px; 
  border-radius: 4px; 
  background: #ffddff; 
}

#kaledit .firststep-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 320px;
    height: 110px;
    background-color: #3498db;
    border: none;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    outline: none;
    padding-left: 15px;    
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#kaledit .firststep-button img {
    width: 80px;
    height: 80px;
    margin-right: 15px;
}

#kaledit .firststep-button span {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    text-align: left;
    font-size: 14px;    
    line-height: 20px;
    font-family: "Lato", "helvetica neue", "helvetica", "arial", sans-serif;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

#kaledit .firststep-button:hover, #kaledit .firststep-button:active { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 8px; color: #ffc107; }
#kaledit .firststep-button:hover { background-color: #2980b9; }
#kaledit .firststep-button:active { background-color: #1c5a8d; }

#kaledit .firststep-message {    
    align-items: center;
    max-width: 500px;
    width: auto;
    min-width: 200px;
    font-family: Impact, Charcoal, sans-serif;
    font-size: 26px;
    line-height: 30px;
    color: #339933;
    padding: 10px;
}

#kaledit .frontcover-message {    
    align-items: left;    
    width: auto;
    min-width: 300px;
    font-family: Impact, Charcoal, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #339933;
    padding: 10px;
}



#kaledit .param_textline { margin: 4px; }
#kaledit .param_textline h1 { font-size: 16px; font-weight: normal; margin: 0px 0px 2px 0px;  }
#kaledit .param_textline input[type=text] {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
  line-height: 22px;
	color: #003366;
	font-weight: bold;
	background-color: #EEEEFF;
	border: 1px solid #CCCCCC;
	height: 40px;
	vertical-align: text-top;
  margin-top: 3px; 
  padding: 8px;
  width: 320px;
  box-sizing: border-box;
}
#kaledit .param_minitextline input[type=text] {
  height: 28px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 20px;
  vertical-align: baseline;
}

#kaledit .param_select { margin: 4px;	box-sizing: border-box; }
#kaledit .param_select h1 { font-size: 16px; font-weight: normal; margin: 0px 0px 2px 0px; }
#kaledit .param_select label { 
  margin: 0px; 
  font-size: 26px;
  font-weight: bold;
  line-height: 40px;  
}
#kaledit .param_select select {	
  font-size: 18px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 30px;
	background-color: #ffffff;
	border: 1px solid #aaaaaa;	
  border-radius: 3px;
	cursor: pointer;
	height: 40px;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
}
#kaledit .param_select select:focus { 
  outline: none;  
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);
}



#kaledit .param_radio { padding: 8px; border: 1px solid #eeeeee; border-radius: 10px; margin: 4px; width: 302px; }
#kaledit .param_box { padding: 8px; margin: 2px; background: #aaaaaa; border-radius: 5px; }

#kaledit .param_textarea { max-width: 320px; margin: 4px;}
#kaledit .param_textarea textarea { width: 300px; }


#kaledit .param_checkbox { margin: 10px 0px; }
#kaledit .param_checkbox input[type="checkbox"] { opacity: 0;  display: none; }
#kaledit .param_checkbox label {
    position: relative;
    display: inline-block;    
    padding-left: 30px; /* 22px */
    padding-top: 5px;
}
#kaledit .param_checkbox label::before,
#kaledit .param_checkbox label::after {
    position: absolute;
    content: "";    
    display: inline-block;
}
#kaledit .param_checkbox label::before{
    height: 20px;  /* 16px */
    width: 20px;   /* 16px */ 
    border: 1px solid #ddd;
    left: 0px;    
    top: 1px; /* 3px */
}
#kaledit .param_checkbox label::after {
    height: 9px; /* 5px */
    width: 12px;  /* 9px */
    border-left: 3px solid;
    border-bottom: 3px solid;
    border-color: #F87DA9;    
    transform: rotate(-45deg);    
    left: 4px; /* 4px */
    top: 3px;  /* 7px */
}
#kaledit .param_checkbox input[type="checkbox"] + label::after { content: none; }
#kaledit .param_checkbox input[type="checkbox"]:checked + label::after {  content: ""; }




#kaledit .param_radio [type="radio"]:checked,
#kaledit .param_radio [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
#kaledit .param_radio [type="radio"]:checked + label,
#kaledit .param_radio [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    padding-right: 8px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    color: #666;
}
#kaledit .param_radio [type="radio"]:checked + label:before,
#kaledit .param_radio [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
#kaledit .param_radio [type="radio"]:checked + label:after,
#kaledit .param_radio [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #F87DA9;
    position: absolute;
    top: 6px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#kaledit .param_radio [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
#kaledit .param_radio [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
#kaledit .param_radio [type="radio"]:checked + label { font-weight: bold; }
#kaledit .param_radio [type="radio"]:not(:checked) + label { font-weight: normal; }

#kaledit .param_radio label { margin: 5px 0px; font-size: 16px; }

#kaledit .param_imgradio label {  
  border: 1px solid #eeeeee; 
  border-radius: 10px; 
  margin: 4px; 
  width: 154px;
  height: 100px;
  text-align: center;
  display: block;
  float: left;
  font-weight: normal;
  color: #999;
}
#kaledit .param_imgradio input { display: none; }
#kaledit .param_imgradio label img { margin: 2px; }
#kaledit .param_imgradio label span { font-weight: normal; font-size: 12px; display: inline-block; }
#kaledit .param_imgradio input[type="radio"]:checked + label { border: 3px solid #0071e3; margin: 2px; color: #333; }
#kaledit .param_imgradio input[type="radio"]:not(:checked) + label { font-weight: normal; }

#kaledit .param_radio .akceptidpaczki_radio [type="radio"]:not(:checked) + label { font-weight: normal; line-height: 1em; }
#kaledit .param_radio .akceptidpaczki_radio [type="radio"]:checked + label { color: #00aa33; font-size: 1.5em; }
#kaledit .param_radio .nowapaczka label { color: #F87DA9 !important; font-size: 1.2em; font-weight: bold !important; line-height: 24px !important;}

#kaledit .jumpbutton {
  display: inline-block;
  vertical-align: baseline; /* zamiast middle */
  font-size: 12px;
  line-height: 18px;
 
  padding: 1px 9px 2px;
  margin-left: 8px;
  border: 1px solid #b5c36a;
  border-radius: 5px;
  background: linear-gradient(to bottom, #faffcc, #e5f28c);
  color: #465000;
  text-decoration: none;
  position: relative;
  top: -3px; /* precyzyjna korekta – wyrównuje do środka tekstu 32px */
  box-shadow: 0 1px 1px rgba(0,0,0,0.08);
  transition: all 0.15s ease-in-out;
}
#kaledit .jumpbutton:hover { background: linear-gradient(to bottom, #fdffbf, #e3f07f);
  border-color: #a5b85e;
  color: #2e3400; }
#kaledit .jumpbutton:active { background: #dce97a;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); }

.kal_accept span { color: #ff3333; }
.kal_accept input:checked + span { color: #333333; }

.kaledit_editswieta { display: flex; flex-direction: column;  align-items: center; }
.kaledit_noweswieto { border: 1px solid #aaaaaa; border-radius: 6px; margin: 8px; padding: 8px; }
.kaledit_td3par_del { display: inline-block; width: 16px; margin: 2px; }
.kaledit_td3par_item { display: inline-block; margin: 2px; font-size: 14px; }
.kaledit_td3par_item span { font-size: 11px; font-weight: bold; }
.kaledit_td3par_columntitle {display: inline-block; margin: 2px; font-size: 12px; font-weight: bold;}
.kaledit_td3par_titlebar {}
.kaledit_td3par_titlebar_guziki {display: inline-block; width: 16px; margin: 2px;}
.kaledit_td3par_label { font-weight: bold; display: block; }

.hflex { display: flex !important; flex-flow: row wrap; justify-content:center; align-items: flex-start; }
.vflex { display: flex !important; flex-flow: column; justify-content: center; align-items: flex-start; }
.vhflex { display: flex !important; flex-flow: column; justify-content: center; align-items: flex-start; }

/* === GALERIA WYBORU PROJEKTU  ONEOPTION === */


/* To jest najważniejsze: nowy root rozciąga się wewnątrz Fancyboxa */
.onegallery-wrapper .onegallery-modal {
  width: 96vw;          /* prawie pełna szerokość ekranu */
  max-width: 1600px;    /* opcjonalne maksimum */
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

/* modal wewnętrzny, żeby się dobrze układał */
.onegallery-modal {
  width: 100%;
  max-width: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-sizing: border-box;
  padding: 0;
}

.onegallery-container {
  width: 96vw;               /* prawie pełna szerokość okna */
  margin: 0 auto;            /* wyśrodkuj w obrębie fancyboxa */
  max-width: 1600px;         /* możesz dopasować limit jeśli chcesz */
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

/* --- Nagłówek --- */
.onegallery-header {
  padding: 1rem;
  border-bottom: 1px solid #ddd;
  text-align: center;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
}

.onegallery-header h2 {
  margin: 0;
  font-size: 1.2rem;
}

/* grid miniaturek */
.onegallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(220px, 22vw, 360px), 1fr));
  gap: 30px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 70vh;
  padding: 16px;
  box-sizing: border-box;
  align-content: start;
  justify-content: stretch;
}

/* --- Miniatura projektu --- */
.onegallery-item {
  position: relative;  
  background: #fafafa;
  cursor: pointer;
  overflow: visible; /* <-- kluczowa zmiana: ramka nie będzie obcinana */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;  
}

.onegallery-item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  background: #f3f3f3;
  pointer-events: none;
}



.onegallery-item:hover {
  transform: none;  
  border-radius: 10px;
  /* border: 3px solid rgba(255,255,255,0.05); */
  border: 8px solid rgba(255,255,255,1);
  /* box-shadow: 0 3px 10px rgba(0,0,0,0.3); */
  box-shadow: 0 2px 30px rgba(60,125,255,0.5);
}

/* --- Elegancka selekcja z cienką ramką + naturalnym glow --- */
.onegallery-item.selected {
  position: relative;
  z-index: 3;
}


.onegallery-item.selected::after {
  content: "";
  position: absolute;

  /* ← TU ustawiasz odległości OBWÓDKI od boków */
  top: -14px;
  left: -14px;
  right: -14px;
  bottom: -14px;

  border-radius: 10px;
  border: 8px solid rgba(60,125,255,1);
  pointer-events: none;
  box-shadow:
      0 0 12px rgba(60,125,255,0.7),
      0 0 22px rgba(60,125,255,0.4);
}


/* --- Nazwa projektu --- */
.onegallery-title {
  padding: 0.4rem 0.3rem;
  font-size: 0.9rem;
  color: #333;
  text-align: center;
  line-height: 1.2;
  background: #fff;
  border-top: 1px solid #eee;
}

/* --- Stopka z przyciskami --- */
.onegallery-footer {
  display: flex;
  gap: 16px;
  justify-content: center;
  padding: 20px 16px;
}

.onegallery-footer button {
  font-size: 17px;
  font-weight: 600;
  padding: 14px 28px;       /* 🔥 większe hit-area */
  border-radius: 10px;      /* ładne zaokrąglenia */
  min-width: 140px;         /* stabilna szerokość */
  cursor: pointer;
  border: none;
}

/* ZIELONY */
.btn-choose {
  background: #29b86f;
  color: white;
}

/* CZERWONY */
.btn-close {
  background: #e74c3c;
  color: white;
}

/* Hover (desktop) */
.onegallery-footer button:hover {
  opacity: 0.9;
}

/* Mobile — przyciski pełnej szerokości */
@media (max-width: 600px) {
  .onegallery-footer {
    flex-direction: column;
    gap: 12px;
  }

  .onegallery-footer button {
    width: 100%;
    padding: 16px;
    min-width: unset;
  }
}


/* --- Responsywność --- */
@media (max-width: 800px) {
  .onegallery-grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.8rem;
  }
  .onegallery-title {
    font-size: 0.8rem;
  }
}

@media (max-width: 500px) {
  .onegallery-grid {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 0.7rem;
  }
  .onegallery-title {
    font-size: 0.75rem;
  }
}

/* === GALERIA WYBORU PARAMETRÓW  MANYOPTIONS === */

/* Wrapper całego okienka */
.multigallery-wrapper {  
  padding: 16px;  
  font-family: Arial, sans-serif;  
  
  width: 96vw;          /* prawie pełna szerokość ekranu */  
  max-width: 1200px;    /* opcjonalne maksimum */
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

/* Mobile */
@media (max-width: 480px) {
  .multigallery-wrapper {
    max-width: 1600px;  
  }
}

/* Główny widok */
.multigallery-mainview {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;                 /* 💥 KLUCZ: wypełnia fancybox-content */
  max-height: 100%;             /* zabezpieczenie */
  overflow: hidden;          /* nic nie wycieka */  
  box-sizing: border-box;
}
/* przewijalna treść */
.multigallery-content {          
  
  width: 100%;
  max-width: 100%;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 30px;
  box-sizing: border-box;
  
  display: flex;       /* lub grid – obojętne, działa tak samo */
  justify-content: center; /* <— DODAĆ */
  align-items: center;      /* <— PIONOWE WYRÓWNANIE */
}


/* Podgląd */
.multigallery-preview {
  grid-column: 1;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 610px;            /* ← kluczowe — nadajemy realną szerokość */
  max-width: 100%;         /* żeby na mobilkach się zmniejszało */    
}

.multigallery-preview img { width: 100%; }

.multigallery-preview #bookPreview {  
  height: auto;
  border-radius: 6px;
}

/* PRAWA KOLUMNA — SWITCH + PARAMS */
.multigallery-right {  
  grid-column: 2;
  max-width: 340px;        
  width: 100%;             /* superarcy ważne: NIE więcej niż 340px */
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Przełącznik rodzaju tła */
/* Wrapper */
/* Etykieta "Rodzaj tła:" POCZĄTEK */

/*****************************************************
 *  APPLE-STYLE RADIO SEGMENTS (kompletna wersja)
 *****************************************************/

/* Kontener – trzyma wszystko w jednej linii i centruje pionowo */
.multigallery-bgmode-switch {      
  display: inline-flex;
  gap: 14px;
  align-items: center;
}

/* Etykieta (Rodzaj tła:) */
.multigallery-bgmode-label {
  font-size: 15px;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 1.3;
  display: flex;           /* <— TRZYMANIE WYSOKOŚCI */
  align-items: center;     /* <— WYRÓWNANIE DO OPcji */
}

/* Każdy segment (label) */
.multigallery-bgmode-option {
  position: relative;
  display: inline-flex;
  align-items: center;     /* <— TEŻ KLUCZ */
  gap: 10px;
  padding: 12px 20px;
  margin-top: 6px;
  background: #ffffff;
  border: 1.5px solid #d2d2d7;
  border-radius: 14px;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.3;
  user-select: none;
  transition: all 0.25s ease;
  white-space: nowrap;
  width: 160px;
}

/* Ukryty, ale stylizowany input */
.multigallery-bgmode-option input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #b5b5b7;
  background: white;
  flex-shrink: 0;
  cursor: pointer;
  transition: all 0.25s ease;
  position: relative;
}

/* Wybór radiobutton – niebieskie kółko Apple */
.multigallery-bgmode-option input[type="radio"]:checked {
  border-color: #007aff;
  background: #007aff;
  box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.3);
}

/* Hover segmentu */
.multigallery-bgmode-option:hover {
  background: #f7f7f8;
}

/* Styl zaznaczonego segmentu */
.multigallery-bgmode-option:has(input[type="radio"]:checked) {
  border-color: #007aff;
  box-shadow: 0 0 0 3px rgba(0,122,255,0.15);
}

/* Tekst obok radiobuttona */
.multigallery-bgmode-option span {
  color: #1d1d1f;
  font-weight: 500;
}

/* Tekst po zaznaczeniu – ciemniejszy Apple Blue */
.multigallery-bgmode-option input[type="radio"]:checked ~ span {
  color: #0a63d8;
  font-weight: 600;
}

/* Mobile */
@media (max-width: 480px) {
  .multigallery-bgmode-option {
    padding: 10px 16px;
    font-size: 14px;
  }
}


/* Etykieta "Rodzaj tła:" KONIEC */

/* Przyciski parametrów  POCZĄTEK*/

.multigallery-params {    
  display: flex;
  flex-wrap: wrap;
  gap: 12px 14px;
  justify-content: flex-start;
}

@media (max-width: 1000px) {
  .multigallery-content { display: block;  /* wraca do układu pionowego */ }
  .multigallery-right { max-width: none; width: 100%; margin-top: 12px; align-items: center; }
  .multigallery-bgmode-switch { margin-top: 18px; }  
  .multigallery-params { justify-content: center; margin-top: 18px; }
}

/* GŁÓWNY STYL KAFLI */
/* PRZYCISK PARAMETRU */
/* PRZYCISK PARAMETRU – ikonka z lewej, tekst z prawej */
/* PRZYCISK PARAMETRU – ikonka z lewej, tekst z prawej */
.multigallery-param-button {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;

  padding: 8px 14px;           /* nieco mniejsze paddingi */
  background: #d0f1e8;
  border: 2px solid #e5e5e7;
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.25s ease;

  color: #1d1d1f;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  line-height: 1.25;
  box-sizing: border-box;
  gap: 4px;                   /* odstęp między ikoną a tekstem */
  width: 160px;
}

/* ============================= */
/*  KOLORY PRZYCISKÓW            */
/* ============================= */

/* Kolor tła */
.multigallery-param-button.col-button {
  background: #ffefe7;
  border-color: #ffd7c5;
}
.multigallery-param-button.col-button:hover {
  background: #ffe2d2;
  border-color: #ffbfa5;
}

/* Ramka */
.multigallery-param-button.fr-button {
  background: #e7f7f8;
  border-color: #caf2f4;
}
.multigallery-param-button.fr-button:hover {
  background: #d8f1f3;
  border-color: #b4e9ec;
}

/* Wzór tła */
.multigallery-param-button.bg-button {
  background: #e4f7ef;
  border-color: #c8f0df;
}
.multigallery-param-button.bg-button:hover {
  background: #d6f2e7;
  border-color: #b0e8d4;
}

/* Czcionka */
.multigallery-param-button.fn-button {
  background: #fff7ec;
  border-color: #ffe8ca;
}
.multigallery-param-button.fn-button:hover {
  background: #ffefd9;
  border-color: #ffd9a2;
}

/* Układ */
.multigallery-param-button.scheme-button {
  background: #f6ebff;
  border-color: #ead6ff;
}
.multigallery-param-button.scheme-button:hover {
  background: #ecdfff;
  border-color: #dbbfff;
}

/* IKONKA – DUŻA, BEZ WEWNĘTRZNEGO OBRAMOWANIA */
.multigallery-param-icon {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  display: block;
}

/* TEKST – może się łamać */
.multigallery-param-button span {
  display: inline-block;
  white-space: normal;
}

/* HOVER */
.multigallery-param-button:hover {
  background: #bce9dd;
  border-color: #22a699;
  box-shadow: 0 0 0 3px rgba(34,166,153,0.25);
  transform: translateY(-1px);
}

/* Wersja mobilna */
@media (max-width: 600px) {
  .multigallery-param-button {
    padding: 6px 12px;
    font-size: 14px;
  }

  .multigallery-param-icon {
    width: 36px;
    height: 36px;
  }
}




/* Przyciski parametrów  KONIEC*/


/* Stopka z przyciskami zapisz/zamknij */
.multigallery-footer {    
  flex: 0 0 auto;
  display: flex;
  gap: 16px;
  justify-content: center;
  padding: 20px 16px;
}

.multigallery-footer-btn {
  line-height: 32px;
  font-family: "Lato", "helvetica neue", "helvetica", "arial", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  padding: 14px 28px;       /* 🔥 większe hit-area */
  border-radius: 10px;      /* ładne zaokrąglenia */
  min-width: 240px;         /* stabilna szerokość */
  cursor: pointer;
  border: none;
}

/* GUZIK WYBIERZ — DOMINUJĄCY */
/* Bardzo dominujący przycisk – zapis/zatwierdź */
.multigallery-btn-choose {
  background: #25b965;
  color: #ffffff;  
  padding: 14px 32px;
  border-radius: 14px;

  /* WYRAŹNE PODWÓJNE OBRAMOWANIE */
  border: 4px solid #0f8a46; /* grubsza linia */
  box-shadow:
    0 0 0 6px rgba(38, 206, 114, 0.45),   /* zewnętrzna jasnozielona poświata */
    0 6px 16px rgba(0, 0, 0, 0.22);       /* mocniejszy cień */

  transition: all 0.25s ease;
}

.multigallery-btn-choose:hover {
  background: #1fa958;
  border-color: #0c753b;
  box-shadow:
    0 0 0 6px rgba(38, 206, 114, 0.55),
    0 8px 20px rgba(0, 0, 0, 0.28);
  transform: translateY(-2px);
}


/* GUZIK ZAMKNIJ — mniej dominujący */
.multigallery-btn-close {
  background: #e74c3c;
  color: #ffffff;
  padding: 10px 18px;
  border-radius: 10px;
  border: 2px solid rgba(0,0,0,0.1);
  cursor: pointer;
  transition: all 0.25s ease;
}

.multigallery-btn-close:hover {
  background: #cf3f31;
  transform: translateY(-1px);
}

/* Mobile — przyciski pełnej szerokości */
@media (max-width: 600px) {
  .multigallery-footer { flex-direction: column; gap: 12px; }
  .multigallery-footer-btn { width: 100%; padding: 16px; min-width: unset; font-size: 16px; line-height: 18px; }
}

/* OKIENKO OPCJI PARAMETRU START */

/****************************************************
 *   WIDOK WYBORU OPCJI – NOWY, UJEDNOLICONY DESIGN
 ****************************************************/

/* Cały widok opcji */
.multigallery-options-view {
  display: none;
}

.multigallery-options-view {
  width: 100%;  
  
  display: flex;
  flex-direction: column;
  height: 100%;          /* KLUCZ: pozwala na scroll tylko w środku */
  max-height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
@media (max-width: 999px) {
  .multigallery-options-view {
    min-width: 800px;     /* zwykle 3 kolumny */    
    padding: 0 18px;
  }
}
@media (max-width: 599px) {
  .multigallery-options-view {
    min-width: auto !important;   /* fancybox nie walczy */
    width: 100%;                  /* pełna szerokość ekranu */
    max-width: 100%;
    padding: 0 12px;              /* mniejsze marginesy */
  }
}


/* Nagłówek */
.multigallery-options-header {  
  flex: 0 0 auto;
  padding: 12px 0;  
  z-index: 10;
}

.multigallery-options-title {
  font-size: 18px;
  font-weight: 700;
  color: #1d1d1f;
}

/****************************************************
 *   SIATKA OPCJI (miniatury)
 ****************************************************/

/* Przewijany środek */
.multigallery-options-scroll {
    flex: 1 1 auto;        /* zajmuje CAŁĄ pozostałą wysokość */
    overflow-y: auto;      /* poprawne przewijanie */
    padding-right: 8px;    /* miejsce na scrollbar */    
    display: flex;
    height: 600px;
    max-height: calc(100vh - 200px); 
}

.multigallery-options-grid {  
  margin: auto;             /* <— MAGIC-LINE */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
  padding: 10px 0;
  width: 100%;
  max-width: 100%;
}
.multigallery-options-grid-scheme { grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); }

/****************************************************
 *   KAFELKI OPCJI
 ****************************************************/

.multigallery-option {
  background: #ffffff;
  border-radius: 14px;
  border: 2px solid #e5e5e7;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.25s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.multigallery-option-scheme { padding: 10px;  }


/* Miniatura wewnątrz kafla */
.multigallery-option img {
  background: #aaaaaa;
  width: 100%;
  height: 100%;
  object-fit: cover; /* profesjonalne wypełnienie */
  display: block;
  border-radius: 4px;
}


/* Zaznaczenie */

.multigallery-option.selected,
.multigallery-option.selected:hover {
  border: 8px solid rgba(60,125,255,1);
  box-shadow:
      0 0 12px rgba(60,125,255,0.7),
      0 0 22px rgba(60,125,255,0.4);
}


/* Hover */
.multigallery-option:hover {    
  border: 1px solid rgba(60,125,255,1);
  /* box-shadow: 0 3px 10px rgba(0,0,0,0.3); */
  box-shadow: 0 2px 30px rgba(60,125,255,0.5);
}

/* Tytuł układu */
.multigallery-option-title {
  padding: 6px 8px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #1d1d1f;
}
@media (max-width: 600px) {
  .multigallery-option-title { font-size: 14px; }
}

/****************************************************
 *   STOPKA (WRÓĆ / WYBIERZ)
 ****************************************************/

.multigallery-options-footer {    
  flex: 0 0 auto;
  padding: 12px 0 10px;  
  border-top: 1px solid #e6e6e6;
  display: flex;
  justify-content: center;
  gap: 10px;
  z-index: 10;
  
}


.multigallery-options-footer button {
  line-height: 28px;
  font-family: "Lato", "helvetica neue", "helvetica", "arial", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 300;
  padding: 14px 28px;       /* 🔥 większe hit-area */
  border-radius: 10px;      /* ładne zaokrąglenia */
  min-width: 240px;         /* stabilna szerokość */
  cursor: pointer;
  border: none;
}

/* GUZIK WYBIERZ — DOMINUJĄCY */
/* Bardzo dominujący przycisk – zapis/zatwierdź */
.multigallery-options-footer .multigallery-btn-apply {
  background: #3498db;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 14px;

  border: 4px solid #217dbb; /* ciemniejszy niebieski */
  box-shadow:
    0 0 0 6px rgba(100, 181, 246, 0.45), /* jasny niebieski glow */
    0 6px 16px rgba(0, 0, 0, 0.22);

  transition: all 0.25s ease;
}

.multigallery-options-footer .multigallery-btn-apply:hover {
  background: #2980b9;
  border-color: #1f6fa3; /* głębszy niebieski */
  box-shadow:
    0 0 0 6px rgba(100, 181, 246, 0.55),
    0 8px 20px rgba(0, 0, 0, 0.28);

  transform: translateY(-2px);
}


/* GUZIK ZAMKNIJ — mniej dominujący */
.multigallery-options-footer .multigallery-btn-back {
  background: #bdc3c7;
  color: #2c3e50;
  padding: 10px 18px;
  border-radius: 10px;
  border: 2px solid #a6adb2; /* neutralny ciemny szary */

  cursor: pointer;
  transition: all 0.25s ease;
}

.multigallery-options-footer .multigallery-btn-back:hover {
  background: #b2bcc0;   /* chłodniejszy, jaśniejszy szary */
  border-color: #919ba3; /* ciemniejszy szary na hover */
  transform: translateY(-1px);
}

/* Mobile — przyciski pełnej szerokości */
@media (max-width: 600px) {
  .multigallery-options-footer { flex-direction: column; gap: 12px; }
  .multigallery-options-footer button { width: 100%; padding: 16px; min-width: unset; font-size: 16px; line-height: 18px; }
}






/****************************************************
 *   MOBILE – Zawsze 2 kolumny
 ****************************************************/

@media (max-width: 600px) {
  .multigallery-options-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}


/* OKIENKO OPCJI PARAMETRU KONIEC */

/* Pomocnicze (np. ukrywanie przycisku koloru) */
.multigallery-hidden {
  display: none !important;
}