/*
 * inwendo WP Shopify - Styles
 *
 ********************************************************/

/* Product Page */
.iw_wp_shopify_product_item {
    padding: 17px;
}

.iw_wp_shopify_product_item .product-col-50 {
    width: 50%;
    float: left;
    padding: 17px;
}

.iw_wp_shopify_product_item .product-col-100 {
    width: 100%;
    padding: 17px;
}

/* Product Page - Header - Thumbnail */
.iw_wp_shpf_prd_img img {
    width: 100%;
    height: inherit;
}


.iw_wp_shpf_prd_img .img_wrapper {
    display: flex;
}

.iw_wp_shpf_prd_img .img_wrapper_list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.iw_wp_shpf_prd_img .img_wrapper_list_item {
    width: 25%;
    padding: 15px;
}

.iw_wp_shpf_prd_img .img_wrapper_list_item img {
    cursor: pointer;
}

/* Product Page - Header - Variant Select / Product Filter */
.iw_wp_shpf_prd_buy_opt .product_filter {
    padding: 17px 0;
}

/* Product Page - Header -  Price */
.iw_wp_shpf_prd_buy_opt .product_price {
    padding: 17px 0;
}

/* Product Page - Header -  VAT and shipping infos */
.iw_wp_shpf_prd_buy_opt .vat-shipping-info {
    padding: 17px 0;
}

/* Product Page - Header -  Quantity Input */
.iw_wp_shpf_prd_buy_opt .iw-shopify-custom-input-number .quantity-input button {
    padding: 15px;
    width: 50px;
    height: 50px;
}

.iw_wp_shpf_prd_buy_opt .iw-shopify-custom-input-number .quantity-input .current-quantity {
    padding: 12px 10px 0 10px;
    min-width: 50px;
    height: 50px;
}

/* Product Page - Header -  Product availability */
.iw_wp_shpf_prd_buy_opt .product_availability {
    min-height: 26px;
    padding: 17px 0;
}

.iw_wp_shpf_prd_buy_opt .product_availability .status_element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.iw_wp_shpf_prd_buy_opt .product_availability .status_element.hidden {
    display: none;
}

.iw_wp_shpf_prd_buy_opt .product_availability span.status_dot {
    border-radius: 50%;
    margin: 6px 5px 0 0;
    width: 10px;
    height: 10px;
}

.iw_wp_shpf_prd_buy_opt .product_availability span.status_dot.green {
    background-color: green;
}

.iw_wp_shpf_prd_buy_opt .product_availability span.status_dot.red {
    background-color: orange;
}

.iw_wp_shpf_prd_buy_opt .product_availability span.status_dot.grey {
    background-color: grey;
}

/* Product Page - Header -  Add to cart button */
.iw-shopify-custom-button a {
    display: inline-block;
}

.iw_wp_shpf_prd_buy_opt.loading .iw-shopify-custom-button button {
    border: 2px solid #EFEFEF !important;
}

.iw_wp_shpf_prd_buy_opt .iw-shopify-custom-button button.hidden {
    display: none;
}

.iw_wp_shpf_prd_buy_opt .iw-shopify-custom-button button {
    margin-top: 15px;
}

.iw_wp_shpf_prd_buy_opt .iw-shopify-custom-button button svg {
    float: left;
}

.iw_wp_shpf_prd_buy_opt .iw-shopify-custom-button button:disabled path#Pfad_65 {
    fill: #CCCCCC;
}

.iw_wp_shpf_prd_buy_opt .iw-shopify-custom-button button .text {
    float: left;
    padding-left: 15px;
}

.iw_wp_shpf_prd_buy_opt .iw-shopify-custom-button .hint {
    display: none;
    padding: 17px;
}

/* Product Page - Body */
.iw_wp_shpf_prd_itm .product_body_area {
    padding: 17px;
}

/* Shopify Cart */
/* Shopify Cart - Opener*/
.iw_wp_shpf_crt_opener .cart_opener_wrapper {
    position: fixed;
    right: 0;
    background: #ef17ef;
    top: 80px;
    border-radius: 5px 0 0 5px;
    padding: 17px;
    cursor: pointer;
    text-align: center;
    z-index: 999;
}

.iw_wp_shpf_crt_opener .item_count {
    padding-bottom: 5px;
}

.iw_wp_shpf_crt_opener svg path#Pfad_67 {
    fill: #17efef;
}

/* Shopify Cart - Cart Wrapper */
.iw_wp_shpf_crt .closing-layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: none;
}

.iw_wp_shpf_crt .cart_wrapper {
    position: fixed;
    top: 0;
    right: -500px;
    bottom: 0;
    width: 500px;
    background-color: #EFEF17;
    z-index: 1000;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, 0, 1);
    transition-timing-function: cubic-bezier(0, 0, 0, 1);
    -webkit-transition: 0.75s;
    -o-transition: 0.75s;
    transition: 0.75s;
}

.iw_wp_shpf_crt .cart_wrapper.open {
    right: 0;
}

.iw_wp_shpf_crt .cart_content {
    padding: 60px 30px 30px 30px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity .6s linear;
    -o-transition: visibility 0s, opacity .6s linear;
    transition: visibility 0s, opacity .6s linear;
}

.iw_wp_shpf_crt .cart_header_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.iw_wp_shpf_crt .cart_header_area .title .icon,
.iw_wp_shpf_crt .cart_header_area .title .text {
    float: left;
}

.iw_wp_shpf_crt .cart_header_area .title .icon {
    padding: 17px;
}

.iw_wp_shpf_crt .cart_header_area .title .icon path#Pfad_67 {
    fill: #EF17EF;
}

.iw_wp_shpf_crt .cart_header_area .title .text {
    padding: 17px;
}

.iw_wp_shpf_crt .cart_header_area .close {
    cursor: pointer;
}

.iw_wp_shpf_crt .cart_body_area {
    padding-top: 60px;
}

.iw_wp_shpf_crt .cart_body_area .no_product {
    text-align: center;
}

/* Shopify Cart - Line Item */
.iw_wp_shpf_crt .cart_line_item {
    padding: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.iw_wp_shpf_crt.loading .cart_line_item {
    display: none;
}

/* Shopify Cart - Line Item - Thumbnail */
.iw_wp_shpf_crt .cart_line_item .item_thumbnail {
    width: 100px;
    height: 100px;
}

.iw_wp_shpf_crt .cart_line_item .item_thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Shopify Cart - Line Item - Summary */
.iw_wp_shpf_crt .cart_line_item .item_summary {
    padding-left: 20px;
    width: calc(100% - 100px);
}

.iw_wp_shpf_crt .cart_line_item .content-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.iw_wp_shpf_crt .cart_line_item .content-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
}

/* Shopify Cart - Line Item - Infos */
.iw_wp_shpf_crt .cart_line_item .item_product_name,
.iw_wp_shpf_crt .cart_line_item .item_variant_name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/* Shopify Cart - Line Item - Delete from cart button */
.iw_wp_shpf_crt .cart_line_item .item_delete_button {
    padding-left: 20px;
    cursor: pointer;
    height: 24px;
}

/* Shopify Cart - Line Item - Price */
.iw_wp_shpf_crt .cart_line_item .item_price_sum {
    text-align: right;
    padding-top: 4px;
}

/* Shopify Cart - Line Item - Quantity Input */
.iw_wp_shpf_crt .iw-shopify-custom-input-number .quantity-input button {
    width: 30px;
    height: 30px;
}

.iw_wp_shpf_crt .iw-shopify-custom-input-number .quantity-input .current-quantity {
    padding: 2px 10px 0 10px;
    min-width: 30px;
    height: 30px;
}

/* Shopify Cart - Footer */
.iw_wp_shpf_crt .cart_footer_area {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
}

/* Shopify Cart - Footer - Checkout Summary */
.iw_wp_shpf_crt .cart_footer_area .cart_checkout_total_price {
    padding: 17px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.iw_wp_shpf_crt .cart_footer_area .cart_checkout_note,
.iw_wp_shpf_crt .cart_footer_area .additional_cart_checkout_note {
    padding: 17px 0;
}

/* Shopify Cart - Footer - Checkout Button */
.iw_wp_shpf_crt .cart_footer_area .iw-shopify-custom-button,
.iw_wp_shpf_crt .cart_footer_area .iw-shopify-custom-button a {
    display: block;
    text-decoration: unset;
}

.iw_wp_shpf_crt .cart_footer_area .iw-shopify-custom-button button.go-to-checkout {
    width: 100%;
    margin: 0;
}

/* Custom Shopify Inputs */
/* Custom Shopify Select */
.iw-shopify-custom-select {
    position: relative;
    width: inherit;
}

.iw-shopify-custom-select select {
    display: none;
}

.iw-shopify-custom-select select.product-option-selects {
    width: 100%;
}

.iw-shopify-custom-select .select-field,
.iw-shopify-custom-select .option-wrapper,
.iw-shopify-custom-select .option {
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #EF17EF;
    border: 1px solid #17EFEF;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #EFEF17;
    padding: 17px;
    margin: -2px 0 0 0;
}

.iw-shopify-custom-select .select-field,
.iw-shopify-custom-select .option-wrapper {
    width: 100%
}

.iw-shopify-custom-select .option {
    width: 100%;
}

.loading .iw-shopify-custom-select .select-field {
    cursor: progress;
    background-color: #EFEFEF !important;
    border: 1px solid #EFEFEF !important;
    color: #CCCCCC !important;
}

.iw-shopify-custom-select .option,
.iw-shopify-custom-select .select-field {
    cursor: pointer;
}

.iw-shopify-custom-select .select-field:after {
    position: absolute;
    top: 27px;
    right: 10px;
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBpZD0iR3J1cHBlXzkzMSIgZGF0YS1uYW1lPSJHcnVwcGUgOTMxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM4NSAtMjAzNSkiPgogICAgPHBhdGggaWQ9ImNoZXZyb24tZG93biIgZD0iTTYsOWw2LDYsNi02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzg1IDIwMzUpIiBmaWxsPSJub25lIiBzdHJva2U9IiM0ODUwNTUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgPHJlY3QgaWQ9IlJlY2h0ZWNrXzkwMCIgZGF0YS1uYW1lPSJSZWNodGVjayA5MDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTM4NSAyMDM1KSIgZmlsbD0ibm9uZSIvPgogIDwvZz4KPC9zdmc+Cg==');
    width: 24px;
    height: 24px;
}

.iw_wp_shpf_prd_buy_opt.loading .iw-shopify-custom-select .select-field:after {
    content: '';
}

.iw-shopify-custom-select .select-field.option-wrapper-open:after {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBpZD0iR3J1cHBlXzEwNzEiIGRhdGEtbmFtZT0iR3J1cHBlIDEwNzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0MDkgMjA1OSkgcm90YXRlKDE4MCkiPgogICAgPHBhdGggaWQ9ImNoZXZyb24tZG93biIgZD0iTTYsOWw2LDYsNi02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzg1IDIwMzUpIiBmaWxsPSJub25lIiBzdHJva2U9IiM0ODUwNTUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgPHJlY3QgaWQ9IlJlY2h0ZWNrXzkwMCIgZGF0YS1uYW1lPSJSZWNodGVjayA5MDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTM4NSAyMDM1KSIgZmlsbD0ibm9uZSIvPgogIDwvZz4KPC9zdmc+Cg==');
}

.iw-shopify-custom-select .option-wrapper {
    position: absolute;
    z-index: 99;
    top: 63px;
    padding: 0;
    border: none;
}

.iw-shopify-custom-select .select-hide {
    display: none;
}

.iw-shopify-custom-select .option-wrapper .option:hover,
.iw-shopify-custom-select .option-wrapper .option.selected {
    background-color: #17EFEF;
}

/* Custom Shopify Input - Number */
.iw-shopify-custom-input-number input {
    display: none;
}

.iw-shopify-custom-input-number .quantity-input.hidden {
    display: none;
}

.iw-shopify-custom-input-number .quantity-input button {
    display: inline-block;
    background-color: #17EFEF;
    margin: 0;
    cursor: pointer;
    outline: none !important;
    border: unset;
    float: left;
    padding: 17px;
    width: 50px;
    height: 50px;
}

.iw-shopify-custom-input-number .quantity-input button:hover {
    background-color: #EF17EF;
}

.iw-shopify-custom-input-number .quantity-input .current-quantity {
    float: left;
    text-align: center;
    color: #EF17EF;
    border: 2px solid #17EFEF;
    padding: 17px;
    min-width: 50px;
    height: 50px;
}

.loading .iw-shopify-custom-input-number .quantity-input button,
.loading .iw-shopify-custom-input-number .quantity-input .current-quantity {
    background-color: #EFEFEF !important;
    border: 1px solid #EFEFEF !important;
    color: #CCCCCC !important;
    cursor: progress !important;
}

.iw-shopify-custom-input-number .quantity-input.disabled button,
.iw-shopify-custom-input-number .quantity-input.disabled .current-quantity,
.iw-shopify-custom-input-number .quantity-input.disabled button:hover {
    background-color: #EFEFEF !important;
    border: 1px solid #EFEFEF !important;
    color: #CCCCCC !important;
    cursor: not-allowed !important;
}

/* Custom Shopify Button */
.loading .iw-shopify-custom-button button {
    background-color: #EFEFEF !important;
    border: 1px solid #EFEFEF !important;
    color: #CCCCCC !important;
    cursor: progress !important;
}

.iw-shopify-custom-button .disabled button,
.iw-shopify-custom-button button.disabled,
.iw-shopify-custom-button button:disabled {
    background-color: #EFEFEF !important;
    border: 1px solid #EFEFEF !important;
    color: #CCCCCC !important;
    cursor: not-allowed !important;
}

.iw-shopify-custom-button button {
    background-color: #EF17EF;
    border: 1px solid #EF17EF;
    padding: 17px;
    margin: 17px 0;
    cursor: pointer;
    outline: none !important;
    border: unset;
    display: flex;
    justify-content: center;
}

/* Shortcode Shipping List */
.iw_wp_shopify_shipping_info .iw_wp_shopify_shipping_profile {
    padding: 17px;
}

.iw_wp_shopify_shipping_info .iw_wp_shopify_shipping_profile span {
    font-weight: 700;
}

.iw_wp_shopify_shipping_info .iw_wp_shopify_shipping_info_country {
    padding: 17px;
}

.iw_wp_shopify_shipping_info .shipping_country {
    padding: 17px;
}

.iw_wp_shopify_shipping_info .shipping_country span {
    font-weight: 700;
}

.iw_wp_shopify_shipping_info table {
    width: 100%;
    border-spacing: 0;
}

.iw_wp_shopify_shipping_info table th,
.iw_wp_shopify_shipping_info table td {
    width: 25%;
    text-align: left;
}

/* Shortcode Retraction Info */
.iw_wp_shopify_retraction_info .iw_wp_shopify_retraction_info_wrapper {
    padding: 17px;
}

@media screen and (max-width: 768px) {

    .iw-shopify-custom-select,
    .iw-shopify-custom-select .select-field,
    .iw-shopify-custom-select .option-wrapper,
    button.add-to-cart {
        width: 100%;
    }

    .iw-shopify-custom-select .select-field:after {
        right: 10px;
    }

}

@media screen and (max-width: 520px) {

    .iw_wp_shpf_crt .cart_wrapper {
        right: 0;
        width: 0;
    }

    .iw_wp_shpf_crt .cart_wrapper.open {
        right: 0;
        width: 100%;
    }

    .iw_wp_shopify_product_item .product-col-50 {
        width: 100%;
    }

}