/*
 Theme Name:   Digi Cart
 Theme URI:    https://gpdiscover.in/
 Description:  This GeneratePress Child Theme is for online e-commerce website. Using this child theme you can easily create a good established websites. This GeneratePress Child theme is design by gpdiscover.in.
 Author:       GPDISCOVER.IN
 Author URI:   https://gpdiscover.in/
 Template:     generatepress
 Version: 1.0
*/

/* Main Navigation */
.main-navigation {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

/* Search Box */
#wp-block-search__input-1 {
    border-radius: 120px;
    border: 0px;
}

.wp-block-search__inside-wrapper {
    border-radius: 120px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* WooCommerce Shop Page */
.woocommerce .woocommerce-breadcrumb {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 20px;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 10px 20px;
    font-size: 15px;
}

#wc-column-container .product {
    padding: 15px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.woocommerce ul.products li.product .button {
    transition: 0.5s;
    background-size: 200% auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 4px;
    margin: 5px;
    width: 95%;
    font-size: 14px;
}

.woocommerce ul.products li.product a img {
    border-radius: 4px;
}

.woocommerce-billing-fields label {
    display: none; /* Hides labels for removed fields */
}

@supports (display: grid) {
    .woocommerce ul.products li.product {
        padding: 10px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    }
}

/* WooCommerce Product Page */
.woocommerce div.product form.cart .button {
    transition: 0.5s;
    margin: 10px 0;
    border-radius: 4px;
    width: 100%;
}

/* WooCommerce Related Products */
.woocommerce .related ul.products li.product, 
.woocommerce .up-sells ul.products li.product {
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

/* Custom Buttons */
.live-preview-button {
    display: block;
    text-align: center;
    background-color: #2e666e, !important;
    color: #ffffff;
}

.setup-guide-button {
    text-align: center !important;
    background-color: #2e666e, !important;
    color: #ffffff !important;
}

/* WooCommerce Place Order Button */
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order {
    float: none;
    width: 100%;
    padding: 10px !important;
    font-weight: 700;
    font-size: 18px !important;
}

.woocommerce-checkout #payment ul.payment_methods li img {
    width: 120px;
}

/* Social Share Buttons */
.GPDISCOVER-social-wrapper {
    margin: 20px 5px;
    font-size: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.GPDISCOVER-social-sharing {
    padding: 8px;
    margin: 4px;
    border-radius: 3px;
    flex: 1;
    transition: background-color 0.3s, transform 0.3s, color 0.3s;
}

.GPDISCOVER-social-sharing:hover {
    transform: translateY(-3px);
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

@media only screen and (max-width: 600px) {
    .GPDISCOVER-social-sharing {
        display: inline-block;
    }
}

.GPDISCOVER-social-sharing svg {
    position: relative;
    top: 0.15em;
    display: inline-block;
}

.GPDISCOVER-social-facebook { background-color: rgba(59, 89, 152, 1); }
.GPDISCOVER-social-twitter { background-color: rgba(0, 0, 0); }
.GPDISCOVER-social-whatsapp { background-color: rgba(37, 211, 102, 1); }
.GPDISCOVER-social-telegram { background-color: rgb(2, 126, 189); }
.GPDISCOVER-social-more { background-color: rgba(0, 0, 0); }

/* Sticky Footer Menu */
@media only screen and (min-width: 960px) {
    .sticky-footer-menu { display: none !important; }
}

.sticky-footer-menu {
    position: fixed !important;
    height: 60px;
    width: 100%;
    bottom: 0;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* Button Container */
.woocommerce ul.products li.product .button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 4px !important;
}

/* Button Styling */
.woocommerce ul.products li.product .live-preview-button,
.woocommerce ul.products li.product .setup-guide-button {
    width: 46.5%;
    text-align: center;
    display: inline-block;
    padding: 8px 12px;
    margin: 3px !important;
}

/* Grid Layout */
@media (min-width: 768px) {
    .woocommerce ul.products {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .woocommerce ul.products li.product {
        width: 30% !important;
        margin-right: 3.33%;
    }

    .woocommerce ul.products li.product:nth-child(3n) {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .woocommerce ul.products {
        display: flex;
        flex-direction: column;
    }

    .woocommerce ul.products li.product {
        width: 100% !important;
        margin-right: 0 !important;
    }
}

.woocommerce .related.products ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.woocommerce .related.products ul.products li.product {
    width: 32%; /* Adjust width to fit 3 columns */
    margin-right: 2%;
}

.woocommerce .related.products ul.products li.product:nth-child(3n) {
    margin-right: 0;
}

@media (max-width: 768px) {
    .woocommerce .related.products ul.products li.product {
        width: 48%;
    }
}

@media (max-width: 480px) {
    .woocommerce .related.products ul.products li.product {
        width: 100%;
    }
}

/* Change Proceed to Checkout link color to white */
.wc-block-components-button__text {
    color: white !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

/* Keep text color white on hover */
.wc-block-components-button__text:hover {
    color: white !important;
}