/**
 * @file
 * Commerce Popup Cart stylesheet
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900');


#block-commerce-popup-cart-commerce-popup-cart {
  float: right;
}

#block-commerce-popup-cart-commerce-popup-cart .wrapper {
  position: relative;
}


#block-commerce-popup-cart-commerce-popup-cart .line-item-summary {
  font-size: 13px;
  color: #fff;
}


#block-commerce-popup-cart-commerce-popup-cart: hover {
  cursor: pointer;
}

.commerce-cart-pop--summary__icon {
  float: left;
}

.commerce-cart-pop--summary__count {
    margin-left: 18px;
    display: block;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 30%;
    min-width:25px; 
	font-weight:500;
	font-size:.99em;
	border:0px solid green;
}

#commerce-cart-pop-block {
	background: url("images/cart-nav-bg.png") repeat-x scroll 0 100% white;
	border: 1px solid #d2d5d2;
	margin: 0 0 10px 0;
	padding: 20px 20px 33px 20px;
	position: absolute;
	right: 10px;
	top: 55px;
	z-index: 10000!important;
	font-size: 14px;
	line-height: 14px;
	min-width: 240px;
	max-height:600px;
	overflow-y:auto;
	display:none ;
	font-family: 'Montserrat', sans-serif;
}

#commerce-cart-pop-block input[value="Зберегти"] { display:none!important}


#commerce-cart-pop-block .views-field-product-attributes .field,
#commerce-cart-pop-block .views-field-product-attributes .field-label {
  font-size: 10px;
}

.popup-arrow {
  background: url("images/cart-popup-arrow.png") no-repeat scroll transparent;
  height: 9px;
  right: 30px;
  top: -9px;
  width: 17px;
  position: absolute;
}

#commerce-cart-pop-block .line-item-summary .links {
  position: relative;
  right: -10px;
  top: 15px;
}

#commerce-cart-pop-block table{
	width: 440px;
}


#commerce-cart-pop-block table td {
	border-color: #4b565c;
	border-image: none;
	
	border-style: solid solid none;
	border-width: 0px 0px medium;
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
	margin:10px 0 10px;
	background: rgba(245,245,245,.55);
}

.table th, .table td {
    padding: 2.75rem 1.1rem;
	margin:0 0 2em;
    vertical-align: middle!important;
    border-top: 1px solid #dee2e6;
}

#commerce-cart-pop-block td.views-field-title{
	padding:0 11px!important;
	width:50%;
}

#commerce-cart-pop-block td.views-field-title a{
	font-weight:500;
	color: #4c90d4;
	 webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    transition: opacity .5s;
}

#commerce-cart-pop-block td.views-field-title a:hover{
	font-weight:500;
	color: #e94545;
	 webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    transition: opacity .5s;
}

#commerce-cart-pop-block table tr{
	margin:0 0 5px;
	position:relative;
	display:block;
	min-width:100%;
}

#commerce-cart-pop-block .order-total-line.order-total-line__subtotal{
	display:none;
}

#commerce-cart-pop-block .order-total-line.order-total-line__total span.order-total-line-label{
	margin-right:8px;
}

#commerce-cart-pop-block .order-total-line.order-total-line__total{
	display:block;
	margin:14px 0 14px;
	padding:15px 5px;
	text-align:right;
	font-size:1.1em;
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
	background: rgba(245,245,245,.55);
}

#commerce-cart-pop-block table td.views-field-remove-button input{
    display: inline-block;
    width: 22px!important;
    height: 22px!important;
    background: transparent!important;
    box-shadow: 0 0 0 #fff;
    border: none!important;
	font-size:0!important;
    background-image: url(images/delete.png)!important;
    background-size: 21px 21px!important;
    background-repeat: no-repeat!important;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    transition: opacity .5s;
}

#commerce-cart-pop-block table td.views-field-remove-button input:hover{
	opacity:.5;
	-webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    transition: opacity .5s;
}


#commerce-cart-pop-block table td.views-field-field-foto-tovaru img{
    width:77px;
	display:block;
	margin:9px auto;
	height:auto;
}

#commerce-cart-pop-block td {
  padding: 3px 6px;
}

.commerce-cart-pop--summary__icon {
	background: url("images/popup-cart-icon.png") no-repeat;
	background-size:69px 69px;
	background-repeat:no-repeat!important;
	background-position:center center!important;
	width: 70px;
	height: 70px;
	cursor:pointer;
}

.commerce-cart-pop-view-cart-link{
	position:relative;
	display:block;
	margin:39px 0 0;
	min-height:55px;
}

.commerce-cart-pop-view-cart-link  a {
    position: relative;
    display: inline-block;
    border:2.01px solid #404040;
    color: #000;
    background: #EBF5FF;
    padding: 13px 37px 13px ;
	margin-right:5%;
    border-radius:6px;
    font-size: 1.0em;
	line-height:1;

    font-weight: 500;
    box-shadow: 1px 1px 1px #ccc;
    -webkit-transition: all .45s;
    -moz-transition: all .45s;
    -o-transition: all .45s;
    -ms-transition: all .45s;
    transition: all .45s;
	font-family: 'Montserrat', sans-serif;
}

.commerce-cart-pop-view-cart-link  button{
    position: relative;
    display: inline-block;
    border:2.01px solid #404040;
    color: #000;
	cursor:pointer;
	box-shadow:1px 1px 1px #ccc;
    background: #FFD6E4;
	font-family: 'Montserrat', sans-serif;
    padding: 13px 10% 13px ;
	line-height:1;

	vertical-align:top;
    border-radius: 6px;
    font-size: 1.0em;
    font-weight: 500;
    box-shadow: 1px 1px 4px #ccc;
    -webkit-transition: all .45s;
    -moz-transition: all .45s;
    -o-transition: all .45s;
    -ms-transition: all .45s;
    transition: all .45s;
}