/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.single-details .buy-now-btn {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 10px 30px;
    text-align: center;
    border: 2px solid #db2777;
    border-radius: 10px;
    color: #db2777;
    text-decoration: none;
    background: #fff;
    font-family: "Inter", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
}

.single-details a {
	color: #db2777;
}

.woocommerce-variation-price {
	margin-bottom: 10px !important;
}

/* Background Grid */
.bg-grid-pattern {
    background-size: 32px 32px;
    background-image:
        linear-gradient(
            to right,
            rgba(219, 39, 119, 0.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            to bottom,
            rgba(219, 39, 119, 0.05) 1px,
            transparent 1px
        );
}


/* Text */
.text-span {
    color: #db2777;
}

.HTML-TB a {
    color: #fff;
}


/* Background Styles */
.stripe-bg {
    background: repeating-linear-gradient(
        -45deg,
        #0000,
        #0000 20px,
        #1a1a5e05 20px,
        #1a1a5e05 40px
    );
}

.footer-before {
    background: linear-gradient(
        135deg,
        #2d2d8a 0%,
        #1a1a5e 60%,
        rgb(219, 39, 119) 100%
    );
}


/* Header */
.header {
    background: rgba(255, 255, 255, 0.65) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}


/* Floating Images */
.hero-images .image-1,
.hero-images .image-2,
.hero-images .image-3 {
    animation: floatImage 3s ease-in-out infinite;
    will-change: transform;
}


/* Image Rotations */
.hero-images .image-1 {
    --rotation: -10deg;
    animation-delay: 0s;
}

.hero-images .image-2 {
    --rotation: 0deg;
    animation-delay: 0.5s;
}

.hero-images .image-3 {
    --rotation: 10deg;
    animation-delay: 1s;
}


/* Floating Animation */
@keyframes floatImage {
    0%,
    100% {
        transform: translateY(0) rotate(var(--rotation));
    }

    50% {
        transform: translateY(-20px) rotate(var(--rotation));
    }
}


/* WooCommerce Variations */
.variations,
.variations tbody,
.variations tr,
.variations th.label,
.variations td.value,
.woo-variation-items-wrapper,
.variable-items-wrapper,
.variable-items-wrapper .variable-item,
.variable-items-wrapper .variable-item-contents {
    background: transparent !important;
}

.variations th.label,
.variations th.label label {
    text-align: left !important;
    padding-left: 0 !important;
}

.woo-variation-swatches
.wvs-style-rounded.variable-items-wrapper
.variable-item:not(.radio-variable-item)::before {
    visibility: visible !important;
    opacity: 1 !important;
    top: auto !important;
    bottom: -35px !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
}

.woo-variation-swatches
.wvs-style-rounded.variable-items-wrapper
.variable-item:not(.radio-variable-item)::after {
    display: none !important;
}

ul.variable-items-wrapper.image-variable-items-wrapper.wvs-style-rounded {
    padding-bottom: 35px !important;
}


/* Single Product Quantity Controls */
.e-atc-qty-button-holder .quantity {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 0;
    height: 55px;
    background: #f5f5f5;
    border-radius: 10px;
    overflow: hidden;
}

.e-atc-qty-button-holder .quantity .qty {
    width: 50px !important;
    margin: 0;
    padding: 0;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
}

.e-atc-qty-button-holder .qty-minus,
.e-atc-qty-button-holder .qty-plus {
    width: 45px;
    text-align: center;
    cursor: pointer;
    font-size: 24px;
    font-weight: 400;
    user-select: none;
    color: #000;
}


/* Elementor Text */
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0 !important;
}


/* WooCommerce General */
.woocommerce-notices-wrapper {
    display: none;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme))
div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme))
div.product span.price {
    color: #000 !important;
}

.cart
.elementor-widget-woocommerce-cart
.woocommerce
.input-text.qty {
    border-style: none;
    text-align: center;
}


/* Cart Quantity */
.woocommerce-cart-form__contents .quantity {
    max-width: 60% !important;
    padding: 10px;
    text-align: center;
    background: #f7f7f7 !important;
}

.woocommerce-cart-form__contents .quantity .qty {
    padding: 10px !important;
    text-align: center;
}


/* Remove Number Input Arrows */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}


/* Product Price */
.elementor-element-d8d255f .price {
    margin-bottom: 0 !important;
}


/* Cart Product Name */
.woocommerce-cart-form
.woocommerce-cart-form__cart-item
.product-name {
    max-width: 75px;
}


/* Tablet / Mobile */
@media (max-width: 768px) {
    .woocommerce-cart-form
    .woocommerce-cart-form__cart-item
    .product-name {
        max-width: 100% !important;
    }

    .woocommerce-form-track-order.track_order button.button {
        width: 100% !important;
    }

    .product-quantity {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }

    .woocommerce-cart-form__contents .quantity {
        padding: 5px;
    }
}