/* Custom Header Vertical Template for responsive design */

.mycart-margin {
    margin-top: 2.5% !important;
}

@media screen and (max-width: 991px) {
    #oe_structure_header_vertical_2 {
        padding-left: 0.5rem !important;
    }
    .o_header_centered_logo img,
    .o_header_centered_logo > #oe_structure_header_vertical_2 img {
        transform: unset !important;
        min-width: 80% !important;
    }
    #top_menu_container #top_menu_2 {
        transform: unset !important;
    }
    .navbar-brand.logo {
        width: 35% !important;
    }
    #oe_structure_header_vertical_2 .row {
        justify-content: center;
        align-items: inherit;
    }
    #oe_structure_header_vertical_2 .o_we_custom_image {
        width: 50% !important;
        max-width: unset !important;
    }
    #oe_structure_header_vertical_2 .o_wsale_my_cart,
    #oe_structure_header_vertical_2 .o_wsale_my_cart * {
        background-color: transparent !important;
    }
    #oe_structure_header_vertical_2 .o_wsale_my_cart a span {
        display: none !important;
    }
    .navbar-brand.logo span img {
        width: 100% !important;
    }
    #oe_structure_header_vertical_2 svg {
        margin-left: 0 !important;
    }
    .mycart-margin {
        margin-top: 0px !important;
        padding-left: 10% !important;
        padding-right: 10% !important;
        transform: translateY(-0.8vw);
    }
    .navbar-collapse .o_wsale_my_cart {
        display: none !important;
    }

    #oe_structure_header_vertical_2 .o_wsale_my_cart svg.icon-cart {
        height: 8.5vw !important;
        transform: translateY(0.5vw);
    }

    #oe_structure_header_vertical_2 .o_wsale_my_cart sup.my_cart_quantity {
        font-size: 2.5vw !important;
        transform: translateY(0.9vw);
    }
}

#wrapwrap #top_menu_2 .navbar-toggler[aria-expanded="true"] > .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' fill-opacity='0.55' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 010 .708L8 8.707l3.354-3.353a.5.5 0 11.708.708L8.707 9.414l3.353 3.353a.5.5 0 11-.708.708L8 10.121l-3.354 3.354a.5.5 0 01-.708-.708L7.293 9.414 3.94 6.061a.5.5 0 01.708-.708L8 8.707l-3.354-3.353a.5.5 0 010-.708z'/%3E%3C/svg%3E") !important;
    background-size: cover !important;
    margin: 1.2vw !important;
}

/* Product table adjustments for responsive design */
#cart_products {
    table-layout: auto !important;
    width: 100% !important;
}

.td-product_name {
    max-width: 300px !important;
    word-wrap: break-word !important;
    white-space: normal !important;
}

.td-img {
    max-width: 150px !important;
    width: 150px !important;
}

.td-qty {
    width: 80px !important;
    text-align: center !important;
}

.td-price {
    width: 120px !important;
    text-align: right !important;
}

.product_price,
.product_bag_size {
    word-wrap: break-word !important;
}

/* Responsive alignment for tablet and smaller screens */
@media (max-width: 768px) {
    .td-product_name,
    .td-qty,
    .td-price {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .td-qty input {
        max-width: 60px !important;
    }
}