.page-node-type-objednavka .layout-content,
.path-objednavka  .layout-content,
.path-kosik .layout-content{
  max-width: var(--center);
  padding-left: var(--centerpadding);
  padding-right: var(--centerpadding);
  margin: auto;


td{vertical-align:middle;}

}



td .button[id*='-remove'] {
  background: url(../images/trash-can-27.svg) no-repeat center center;
  background-size: 100% auto;
  display: block;
  line-height: 100em;
  overflow: hidden;
  height: 30px;
  width: 15px;
  padding: 0px;
  border: none;
}

td div[id*='-quantity'] {
  display: flex;
  justify-content: center;
  align-items: center;

.form-item{margin:0px;}

gap:5px;
}


td input[id*='-quantity'] {
text-align:center;  font-weight: 700;
  padding: 10px 20px;
  font-size: 1em;
  line-height: 24px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

td div[id*='total-'] {
font-weight:700;
}


td div[id*='product-'] {
  display: flex;
  align-items: center;
gap:var(--gapsmaller);

img{
width:100px;
    flex-shrink: 0;
}

}

#cart-total{
  font-size: var(--h4);
}

#cart-bottom{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--gapsmall);
  flex-direction: column;
}

.kosik-form h3 a{margin-top:20px;}

.kosik-form .button + h2{
margin-top:var(--gapbig);
}

@media all and (max-width: 720px) {

#cart-bottom{
  justify-content: center;
}


table#edit-items{
  display: block;

thead{display:none;}

tbody{display:block;}

tr{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
gap:8px;
padding:20px 0px;
}

td{
display:block;padding:2px;
}

tr td:first-child{width:100%;}

}


}



/*===============================================================
	objednavka
===============================================================*/
 
.form-section{
padding: var(--gap);
  -webkit-border-radius: var(--radius20);
  -moz-border-radius: var(--radius20);
  border-radius: var(--radius20);
  background:  rgba(var(--secondaryrgb),0.08);
width:100%;
}

.order-form{
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}


.chosen-container{
  width: 100%;
}

.chosen-container-single .chosen-single{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}


#summary-wrapper .obaltabulky{
 

table{margin:0px;}
}


.order-form .user-form > .fieldset-wrapper{
flex-wrap: wrap;
  display: flex;
  gap: 0px var(--gapsmall);

> div{width:calc(50% - (var(--gapsmall) * 0.5)); }

> div.form-type-checkbox {width:100%;}

}

 

@media all and (max-width: 500px) {

.order-form .user-form > .fieldset-wrapper{
> div{width:100%; }

}

}

#packeta-wrapper{

 .form-submit{
  font-size: var(--button);
  padding: var(--buttonPadding);
}

#packeta-selected{margin-top:20px;}

}
 



#delivery-payment-wrapper{
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  align-items: inherit;

.form-section{width:calc(50% - (var(--gap) * 0.5));}


fieldset{
margin-top:var(--gapsmall) 
}

legend{
display:none;
  font-size: var(--h3);
  line-height: 1.2em;
  margin: 0 0 10px;
    margin-top: 0px;
  font-weight: 800;
}


.form-radios{
    display: flex;
    flex-direction: column;
    gap: var(--gapsmaller);

 .form-item {
border-bottom: 1px solid var(--border);
padding-bottom:var(--gapsmaller) ;

label{
  display: flex;
  justify-content: space-between;
  align-items: center;
padding-ttop:0px;
}


.price{
font-size: var(--tabletext);
  line-height: 1.2em;
font-weight:700;
}
}


 .form-item:last-child {border:none;padding: 0px;}

}

@media all and (max-width: 500px) {

#delivery-payment-wrapper{
.form-section{width:100%;}
}

}

fieldset.form-item .form-item {
  margin-bottom: 0px;
}

}

tr[data-drupal-selector="edit-items-total"]{
  font-style: italic;
  background: rgba(var(--darkrgb),0.05) !important;


}

/*===============================================================
	chosen
===============================================================*/


.region-content ul.chosen-results li::before {
display:none;
}

.chosen-container-single .chosen-single{
  padding: 10px 20px;
  font-size: 1em;
  line-height: 24px;
  font-family: var(--fontFamily);
  border: 1px solid var(--border);
}




/*===============================================================
	detail objednávky
===============================================================*/

.order-action{width:100%;}

 
.node-order {display:flex;flex-wrap:wrap;align-items:inherit;gap:var(--gap);}


.order-details{
  padding: var(--gap);
  -webkit-border-radius: var(--radius20);
  -moz-border-radius: var(--radius20);
  border-radius: var(--radius20);
  background: rgba(var(--secondaryrgb),0.08);
  width:calc(50% - (var(--gap) * 0.5));
}


.order-details2{
display:table;width:100%;
}

.order-details2> .field--label-inline{
display:table-row;
}

.order-details2 > .field--label-inline > div{
display:table-cell;padding:10px;  border-bottom: 1px solid var(--border);

p{margin:0px;}
}

.order-details2 > .field--label-inline:last-child{
>div{border-bottom:none;padding-bottom:0px;}
}

.node-order .field__label{
font-weight:700;
}

.order-addresses{
display:flex;flex-wrap:wrap;align-items:start;
  padding: var(--gap);
  -webkit-border-radius: var(--radius20);
  -moz-border-radius: var(--radius20);
  border-radius: var(--radius20);
  background: rgba(var(--secondaryrgb),0.08);

  gap: var(--gap);
  width:calc(50% - (var(--gap) * 0.5));
}

.order-addresses2{width:100%;
display:flex;flex-wrap:wrap;align-items:start;
  gap: var(--gap);

}

.node-order .field--name-field-fakturacni-adresa,
.node-order .field--name-field-dorucovaci-adresa{
width:100%;margin:0px;

p{margin:0px;}
}


@media all and (max-width: 720px) {

.order-details,.order-addresses{
width:100%;
}

}

.field--name-field-nazev,
.field--name-field-produkty {
width:100%;

> .field__items{
 
> .field__item{
padding:10px 0px;  border-bottom: 1px solid var(--border);
}

}

}

.paragraph--type--order-item > .paragraph-content{
  display: flex;
  justify-content: start;
  align-items: start;
  gap:0px var(--gapsmall);
flex-wrap:wrap;

 .field--label-above{
  display: flex;
  align-items: start;
  gap:0px 10px;

}

.field--name-field-product{width:100%;}

}


/*
.field--name-field-cena-celkem{
  margin: auto 0px 0px;
  gap: var(--gap_10);
  padding: var(--gap) var(--centerpadding);
  background: var(--secondary);
  color: var(--light_100);
  display: flex;flex-wrap:wrap;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius20);
  width: 100%;
  font-size: var(--h3);
}
*/



/*================================================================
	admin order
================================================================*/

.order-admin-actions{
    width: 100%;

form{
    flex-wrap: wrap;
    display: flex;
    justify-content: start;
    gap: var(--gapsmall);
    align-items: end;

.form-item{
    margin: 0px 0px 0px;
}

.form-submit {
    font-size: var(--button);
    padding: var(--buttonPadding);
}

fieldset{
    width: auto;
}

.form-item-status{
margin-right:var(--gapsmallminus);

select{
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}


}

.form-item-status + .form-submit{
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}


}