/*
Theme Name: SMB WooCommerce Theme
Author: Ashish Rampal
Description: A custom WooCommerce theme.
Version: 1.0
*/

.custom-single-product {
    display: flex;
    gap: 20px;
}

.product-image {
    flex: 1;
}

.product-details {
    flex: 2;
}

.add-to-cart .qty {
    border: 1px solid #ccc;
    padding: 6px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.related.products > h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 30px;
}

/* Product Show */
.products {
    margin: 30px 0;
}
.products .product {
}
.products .product .woocommerce-loop-product__link {
    position: relative;
}
.products .product .woocommerce-loop-product__link .onsale {
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: rgba(255,255,255,0.7);
    padding: 3px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.products .product .woocommerce-loop-product__link .attachment-woocommerce_thumbnail {
    width: 100%;
}
.products .product .woocommerce-loop-product__link .woocommerce-loop-product__title {
    font-size: 18px;
    font-weight: bold;
    padding: 5px 15px;
}
.products .product .woocommerce-loop-product__link .price {
    padding: 0 15px;
}


/* Woocommerce Breadcrumbs */
.woocommerce-breadcrumb {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
    color: #777;
}
.woocommerce-breadcrumb a {
    color: purple;
    font-weight: 500;
}

/* Widget Styles */
.wc-blocks-filter-wrapper {
    margin-bottom: 15px;
}
.wc-blocks-filter-wrapper .wp-block-heading {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

.woocommerce-Button,
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button {
    display: inline-block;
    padding: 5px 15px;
    background-color: #9333ea;
    color: #fff;
    transition: .5s;
}
.wc-block-components-checkout-place-order-button:hover,
.wc-block-cart__submit-button:hover {
    background-color: #6a18b7;
}

/* My Account Page Settings */
.my-account-page {}
.my-account-page .my-account-navigation {}
.my-account-page .my-account-navigation nav.woocommerce-MyAccount-navigation {}
.my-account-page .my-account-navigation nav.woocommerce-MyAccount-navigation ul {}
.my-account-page .my-account-navigation nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link {
}
.my-account-page .my-account-navigation nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #aaa;
}
.my-account-page .my-account-navigation nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover {
    background-color: #999;
    color: #fff;
}

.my-account-page .my-account-content {}
.my-account-page .my-account-content p {
    color: #888;
}
.my-account-page .my-account-content .title h2 {
    font-size: 20px;
}

.my-account-page .my-account-content input {
    border: 1px solid #999;
    padding: 8px 5px;
    border-radius: 5px;
}
.my-account-page .my-account-content label {
    font-weight: 500;
}
.my-account-page .my-account-content fieldset {
    padding: 20px;
    border: 1px solid #ccc;
    background-color: #eee;
    margin: 20px 0;
}
.my-account-page .my-account-content fieldset legend {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #bbb;
}

/* Form Settings */
.woocommerce-form-row {}

.my-account-page .my-account-content button[type=submit],
.woocommerce-Addresses a {
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
    padding: 7px 20px;
    border-radius: 50px;
    background-color: #9333ea;
    color: #fff;
    margin: 20px 0 0 0;
    transition: .5s;
}
.my-account-page .my-account-content button[type=submit]:hover,
.woocommerce-Addresses a:hover {
    background-color: #6a18b7;
}
.woocommerce-Address {
    margin-bottom: 20px;
}