@import url("com_hikashop/show_quantity.css");
@import 'com_hikashop_2.css';
@import 'com_hikashop_3.css';
/* Future: Add other HikaShop customizations */
td[data-title="Quantity"] {
    .refreshDeleteBox {
        width:110px;
        opacity: 0.7;
    }
    a[title="Delete"] {

    }
}
#hikashop_checkout {
    .hikashop_wizardbar {
        margin-bottom:44px !important;
        background-color: transparent;
        border: none;
        margin-bottom: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        position:relative;
        z-index:3;
        .hikashop_wizardbar_step {}
        .hkbadge {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 10px;
            padding: 0;
            font-size: 14px;
            color:var(--white-1);
            font-weight: 400;
            line-height: 1;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            background-color: #777;
            border-radius: 100vh;
            height: 24px;
            width: 24px;
            &.hkbadge-current {
                background:var(--red-1);
            }
        }
        ul li .hikashop_chevron {
            display:none;
        }
        ul li .hikashop_chevron::before {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23777' d='M8 9.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3'/%3E%3C/svg%3E");
            border: none !important;
            background: transparent;
        }
        ul li {
            position: relative;
            float: left;
            padding: 0 40px 0 0;
            margin: 0;
            font-size: var(--size-2);
            line-height: 1.3 !important;
            color: #666;
            cursor: default;
            background: transparent;
            display:flex;
            align-items:center;
            a {
                text-decoration: none;
            }

        }
        ul li:nth-child(1) {
            z-index: 10;
            padding-left: 20px;
            border-radius: 4px 0 0 4px;
        }
        ul li.hikashop_cart_step_current {
            color: var(--red-1);
            background: transparent;
            padding-left:0;
            .hikashop_checkout_step_name {
                border-bottom:solid 2px var(--red-1);
                border-radius:0;
            }

        }
        ul li.hikashop_cart_step_finished {
            color:var(--green-1);
            padding-left:0;
            .hkbadge {
                background:var(--green-1);
                color:var(--white-1);
            }
        }
    }
}
.remodal-is-opened {
    #address-btns-contain, #address-btns-contain .span4 {
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .remodal.remodal-is-initialized.remodal-is-opened {

        background: var(--white-2);
        margin:0;
    }
    .contain-modal-btns {
        display:flex;
        align-items:center;
        justify-content:center;
        gap:10px;
        margin:10px;
        .remodal-cancel {
            background:var(--red-1);
            color:var(--white-1);

        }
    }
    .remodal-confirm {
        background:var(--blue-1);
        color:var(--white-1);
        display:flex;
        align-items:center;
        justify-content:center;
        border:none;
        &:hover, &:focus, &.active {
            background:var(--red-1);
        }
        button .fa {
            width:20px;
            height:20px;
        }
        .fa-pencil-square-o {
            width:20px;
            height:20px;
            display:block;
            &::before {
                content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFF' d='m13.498.795l.149-.149a1.207 1.207 0 1 1 1.707 1.708l-.149.148a1.5 1.5 0 0 1-.059 2.059L4.854 14.854a.5.5 0 0 1-.233.131l-4 1a.5.5 0 0 1-.606-.606l1-4a.5.5 0 0 1 .131-.232l9.642-9.642a.5.5 0 0 0-.642.056L6.854 4.854a.5.5 0 1 1-.708-.708L9.44.854A1.5 1.5 0 0 1 11.5.796a1.5 1.5 0 0 1 1.998-.001m-.644.766a.5.5 0 0 0-.707 0L1.95 11.756l-.764 3.057l3.057-.764L14.44 3.854a.5.5 0 0 0 0-.708z'/%3E%3C/svg%3E");
            }
        }
        .fa-plus {
            width:20px;
            height:20px;
            display:block;
            &::before {
                content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E");
            }
        }

    }

}
.icon-eye.icon-fw {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g fill="currentColor"><path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z"/><path d="M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0"/></g></svg>');
    width:24px;
    height:100%;
    background-repeat:no-repeat;
    background-size:contain;
    display:block;
    opacity: 0.6;
}
.icon-fw.icon-eye-slash {
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g fill="currentColor"><path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755q-.247.248-.517.486z"/><path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829"/><path d="M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12z"/></g></svg>');
    width:24px;
    height:100%;
    background-repeat:no-repeat;
    background-size:contain;
    display:block;
    opacity: 0.6;
    }
.icon-question-sign {
background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25c.09-.656.54-1.134 1.342-1.134c.686 0 1.314.343 1.314 1.168c0 .635-.374.927-.965 1.371c-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486c.609-.463 1.244-.977 1.244-2.056c0-1.511-1.276-2.241-2.673-2.241c-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927c.609 0 1.028-.394 1.028-.927c0-.552-.42-.94-1.029-.94c-.584 0-1.009.388-1.009.94"/></svg>');
    height:100%;
    background-repeat:no-repeat;
    background-size:contain;
    display:block;
    opacity: 0.6;
    width:16px;
}
#hikashop_checkout_login_2_0 {
 .hk-container-fluid {
     gap:64px;
     .hkc-lg-4 {
         input[type="text"], input[type="password"] {
             border: var(--border-width) solid #ced4da;
             border-radius: var(--border-radius);
             background-clip: padding-box;
             padding: .6rem 1rem;
             font-size: 1rem;
             font-weight: 400;
             line-height: 1.5;
             width:100%;
         }
     }

     #form-login-username {
         a:has(.icon-question-sign) {
             display:none;
         }
     }
 }
    button.hikabtn {
        background:var(--blue-1);
        color:var(--white-1);
        border:none;
        &:hover, &:focus {
            background:var(--red-1);
            color:var(--white-1);
            border:none;
        }

    }
}
@media screen and ( width < 768px ) {
    #hikashop_checkout_login_2_0 {
        .hk-container-fluid {
            gap:0;
        }
    }
}
@media screen and ( width < 1022px ) {
    #hikashop_checkout_cart_4_1 {
        &.hikashop_checkout_cart table td[data-title="Quantity"] {
            text-align:left !important;
            padding-left:calc(30% + 20px) !important;
        }
    }
    .hikashop_checkout_cart {
        tr {
            margin-bottom:1rem;
            border-radius:8px;
            border-color:var(--border-color);
            td:last-of-type {
                border-bottom:none;
            }
            &.hikashop_cart_subtotal_row,
            &.hikashop_cart_shipping_row,
            &.hikashop_cart_total_row {
                border:none;
                margin-bottom:0;
                span {
                    padding-left:0;
                }
            }
        }
        td[data-title="Quantity"] {
            border-bottom:none;
            text-align:left !important;
        }
        .hikashop_cart_product_name {
            text-wrap:balance;
            .fa-pen {
                margin-left:10px;
            }
        }
    }

    #hikashop_cart_product_listing, .hikashop_checkout_cart table, #hikashop_carts_listing table {
        & td[data-title="Quantity"] {

            align-items:center;
            gap:10px;
            .hikashop_product_quantity_input_div_default_main {
                justify-content: start;
                padding-left: 0 !important;
            }
            .hikashop_cart_product_quantity_delete {

                text-align:center;
                padding-left:0 !important;
            }
        }
    }

    .hikashop_checkout_cart table td:before {
        content: attr(data-title);
        font-weight: 400 !important;
        font-size: 14px;
    }
    .hikashop_checkout_cart .hikashop_product_price_full {

        padding-left: 0 !important;
        padding-top: 0 !important;
        display: inline !important;
    }

}
@media screen and (width < 800px) {
    #hikashop_checkout {
        td[data-title="Name"] {
            display: grid;
            grid-template-columns: 1fr !important;
            .hikashop_cart_product_image_thumb {
                grid-column: 1 !important;
                grid-row: 1 / 2 !important;
                margin-bottom:20px;
                width:75px !important;
                height:auto !important;
                object-fit:contain !important;
                img {
                    width:100%;
                }
            }
            .hikashop_cart_product_name  {
                grid-column: 1 !important;
                grid-row: 2 / 3 !important;
                margin-bottom:20px;
            }
            .hikashop_cart_product_custom_item_fields {
                grid-column: 1 !important;
                grid-row: 3 / 15 !important;
                margin-bottom:20px;
                word-break: break-word;
            }
        }
    }
}
@media screen and ( width < 768px ) {
    #hikashop_cart_product_listing, .hikashop_checkout_cart table, #hikashop_carts_listing table {
        & td[data-title="Quantity"] {
            & .hikashop_product_quantity_input_div_default_main {
                .hikashop_product_quantity_div.hikashop_product_quantity_change_div_default {

                    margin-left:auto;
                    margin-right: 0;
                }
            }
        }
        tr:has(th[data-title="Select all"]) {
            border:none;
            th[data-title="Select all"] {
                border:none !important;
                text-align:left !important;
            }
        }

        tr {
            border:solid 1px var(--border-color);
            border-radius:8px;
            margin-bottom:1rem;
            td {
                word-break: break-word;
                border-bottom:none;
                &::before {
                    font-weight:400 !important;
                    font-size:14px !important;
                }
                &[data-title="Name"] {
                    &::before {
                        display:none;
                    }
                }
            }
            td:last-of-type {
                border-bottom:none;
            }
        }
    }
}
@media screen and ( width < 761px ) {
    .refreshDeleteBox {
        margin-left:auto;
    }
}
@media screen and ( width < 660px ) {
dl.hika_options {
    display: grid !important;
    dd {
        margin-right:0 !important;
    }
}
}

@media screen and ( width < 600px ) {
    #hikashop_checkout_form {
        .hikashop_payment_methods_table.table {
            td {
                grid-template-columns: 20px 1fr;
                padding: 20px 5px !important;
                label {
                    grid-area: 1 / 2 / 2 / 4;
                }
                .hikashop_checkout_payment_images {
                    grid-area: 2 / 2 / 3 / 4;
                    display: flex;
                    gap:5px;
                }
                .hikashop_checkout_payment_custom {
                    grid-area: 3 / 2 / 4 / 4;
                }
                .hikashop_checkout_payment_description {
                    grid-area: 4 / 2 / 5 / 4;
                }
            }
        }
    }
    #hikashop_checkout {
        .hikashop_shipping_methods_table.table {
            td {
                grid-template-columns: 20px 1fr;
                label {
                    grid-area: 1 / 2 / 2 / 4;
                }
                .hikashop_checkout_shipping_images {
                    grid-area: 3 / 2 / 4 / 4;
                }
                .hikashop_checkout_shipping_cost {
                    grid-area: 2 / 2 / 3 / 4;
                }
                .hikashop_checkout_shipping_description {
                    grid-area: 4 / 2 / 5 / 4;
                    display: flex;
                    gap:5px;
                }
                .hikashop_checkout_shipping_description {
                    flex-direction:column;
                }
                p {
                        line-height: 1.6;
                }

            }
        }
    }
}
@media screen and (max-width: 768px) {
    dl.hika_options.large > dt {
        margin-bottom:10px;
    }
}
@media screen and ( width < 500px ) {
    #hikashop_user_addresses_show {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        grid-template-rows: subgrid;
        gap: 1rem;

        div:has(i.fa-plus), .addressBadges {
            flex-flow: row wrap;
        }
    }



}