/* 
    Document   : com_minibasket 
    Created on : 2014.12.15., 9:22:00
    Author     : Gege <gergo@infoartnet.hu>
*/

div#header-whi .part-minibasket{
    display: inline-block;
    float: right;
}

div#header-whi .part-minibasket h2.component-heading{
    display: none;
}

div#header-whi .part-minibasket div.component-body{
    display: inline-block;
}

/*kiskosár*/
div#header-whi .part-minibasket div#minicart{
    position: relative;
    height: 36px;
    /* border-radius: 5px; */
    padding: 0 10px 0 10px;
    margin: 0 20px 0 0;
    box-sizing: border-box;
    display: inline-block;
    background: #FFF;
}
.beloldal div#header-whi .part-minibasket div#minicart{
    position: relative;
    height: 36px;
    padding: 0 10px 0 10px;
    margin: 0 0 0 0;
    box-sizing: border-box;
    display: inline-block;
    background: #FFF;
    top: 0;
    left: -20px;
}

div#header-whi .part-minibasket div#minicart span#minicart_title{
    display: none;
}
div#header-whi .part-minibasket div#minicart span#minicart_product_nr{
    height: 36px;
    line-height: 36px;
    color: #004B84;
    cursor: pointer;
    background: transparent url('../../../gfx/icon-basket.png') no-repeat 0 50%;
    display: inline-block;
    padding: 0 0 0 25px;
    font-family: 'Open Sans Lignt', sans-serif;
    text-transform: uppercase;
}

/*kiskosár részletek*/
div#header-whi .part-minibasket div#minicart div#minicartcart_details:before{
    content: '';
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFF;
    position: absolute;
    top: -10px;
    left: 50%;
}
div#header-whi .part-minibasket div#minicart div#minicartcart_details{
    display: none;
    box-sizing: border-box;
    padding: 15px;
    position: absolute;
    top: 100%;
    left: -84%;
    width: 300px;
    z-index: 1000;
    margin-top: 11px;
    background: #004B84;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}
div#header-whi .part-minibasket div#minicart div#minicartcart_details.toggled{
    display: block;
}


div#header-whi .part-minibasket div#minicart div#minicartcart_details div.minicart_item{
    display: block;
    width: 270px;
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.25); 
    padding: 0 0 15px;
    margin: 0 0 15px;
}
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.minicart_item div.minicart_image{
    width: 78px;
    height: 78px;
    display: table;
    float: left;
    margin: 0 10px 0 0;
    border:1px solid #D4D9E8;
    background: #FFF;
}
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.minicart_item div.minicart_image a{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.minicart_item div.minicart_image a img{
    width: auto;
    height: auto;
    max-width: 78px;
    max-height: 78px;
}

div#header-whi .part-minibasket div#minicart div#minicartcart_details div.minicart_item div.minicart_info{
    width: 180px;
    float: left;
    box-sizing: border-box;
    padding: 0 20px 0 0;
}
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.minicart_item div.minicart_info a.minicart_product_title{
    color: #FFFFFF;
    text-transform: uppercase;
    display: block;
}
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.minicart_item div.minicart_info a.minicart_product_title:hover{
    color: rgba(255,255,255,0.75);
}
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.minicart_item div.minicart_info span.minicart_product_sku{
    display: none;
}
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.minicart_item div.minicart_info span.minicart_product_quantity,
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.minicart_item div.minicart_info span.minicart_product_price,
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.minicart_item div.minicart_info span.minicart_product_price span.sign,
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.minicart_item div.minicart_info span.minicart_product_price span.currency{
    color: #D4D9E8;
    font-size: 16px;
}

div#header-whi .part-minibasket div#minicart div#minicartcart_details div.minicart_item a.minicart_delete{
    width: 22px;
    height: 22px;
    display: block;
    text-indent: -9999px;
    background: url('../gfx/delete.png') no-repeat 50% 50%;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.minicart_item a.minicart_delete:hover{
    background-image: url('../gfx/delete-hover.png');
}

/*cart-bottom*/
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.cart-bottom{}
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.cart-bottom div.minicart_total{
    display: block;
    text-align: right;
    margin: 0 0 10px;
}
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.cart-bottom div.minicart_total,
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.cart-bottom div.minicart_total span,
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.cart-bottom div.minicart_total strong{
    color: #FFF;
}
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.cart-bottom div.minicart_buttons{}
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.cart-bottom div.minicart_buttons a.minicart_tocart{
    text-transform: uppercase;
    color: #FFFFFF;
    float: left;
}
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.cart-bottom div.minicart_buttons a.minicart_checkout{
    text-transform: uppercase;
    color: #FFFFFF;
    float: right;
}
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.cart-bottom div.minicart_buttons a.minicart_tocart:hover,
div#header-whi .part-minibasket div#minicart div#minicartcart_details div.cart-bottom div.minicart_buttons a.minicart_checkout:hover{
    color: rgba(255,255,255,0.25);
}

/*basket message*/

div#basket_message {
  display: none;
  position: fixed;
  z-index: 999999;
  background: #004B84;
  padding: 20px;
  box-shadow: 0 0 5px 0 #000;
  width: 300px;
  box-sizing: border-box;
}

div#basket_message > div#basket_cart_added {
  color: #fff;
}

div#basket_message > a.basket_message_close {
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -9999px;
  background: transparent url('../gfx/delete.png') 0 0 no-repeat;
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
}
div#basket_message > a.basket_message_close:hover{
    background-image: url('../gfx/delete-hover.png');
}

div#basket_message > div#basket_message_buttons {
  display: block;
  margin: 20px 0 0;
}

div#basket_message > div#basket_message_buttons > div > a {
  height: 36px;
  line-height: 36px;
  padding: 0px;
  color: rgba(255,255,255,1);
  font-size: 15px;
  display: inline-block;
  text-transform: uppercase;
}

div#basket_message > div#basket_message_buttons > div > a:hover {
  color: rgba(255,255,255,0.25);
}

div#basket_message > div#basket_message_buttons > div.basket_m_button.continue {
  float: left;
  margin: 0 20px 0 0;
}

div#basket_message > div#basket_message_buttons > div.basket_m_button.tobasket {
  float: right;
}

/*------- MEDIA QUERIES -------*/


@media only screen and (min-width: 1323px){
}

@media only screen and (min-width: 994px) and (max-width: 1323px){
}

@media only screen and (max-width:639px) {
    div#header-whi .part-minibasket {
        float:none;
    }
}

@media only screen and (min-width: 640px) and (max-width: 993px){
    div#header-whi .part-minibasket div#minicart { margin: 0 10px 0 0; }
    
}

@media only screen and (max-width:993px) {
    .beloldal div#header-whi .part-minibasket div#minicart {
        left:0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    
    div#header-whi .part-minibasket div#minicart div#minicartcart_details { left: 0; }
    div#header-whi .part-minibasket div#minicart div#minicartcart_details div.minicart_item {
        width:390px;
    }
    
    div#header-whi .part-minibasket div#minicart div#minicartcart_details div.minicart_item div.minicart_info {
        width:300px;
    }
    
}

@media only screen and (max-width:639px) {
    div#header-whi .part-minibasket {
        display:block;
        text-align:center;
        background-color:#004B84;
        position:relative;
    }
    
    div#header-whi .part-minibasket div#minicart {
        background-color:transparent;
        position:static;
    }
    
    .beloldal div#header-whi .part-minibasket div#minicart {
        background-color:transparent;
        position:static;
    }
    
    div#header-whi .part-minibasket div#minicart div#minicartcart_details {
        left:0;
        width:100%;
    }
    
    
    div#header-whi .part-minibasket div#minicart span#minicart_product_nr {
        color:#ffffff;
        background-image:url('../../../gfx/icon-basket_inv.png');
    }
    
    .beloldal div#header-whi .part-minibasket {
        background-color:#000000;
        margin-top:10px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    div#header-whi .part-minibasket { margin: 0; }
    
    
    div#header-whi .part-minibasket div.component-body{
        width: auto;
        text-align: center;
    }
    div#header-whi .part-minibasket div#minicart div#minicartcart_details:before { left: 77%; }
    div#basket_message { width: 270px; }
    div#header-whi .part-minibasket div#minicart { margin: 0; }
    
    .beloldal div#header-whi .part-minibasket div#minicart span#minicart_product_nr {
       background: none;
       padding: 0;
    }
}