/*
 Theme Name:   Webteck Child  
 Theme URI:    https://themeholy.com/wordpress/webteck
 Description:  This is a child theme for Webteck - WordPress Theme
 Author:       Themeholy
 Author URI:   https://themeforest.net/user/themeholy 
 Template:     webteck
 Version:      1.0
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  webteck-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */ 

* 🔹 Force Elementor Section to Full Width */
.elementor-section-wrap {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

/* 🔹 Force Pricing Container to Be in a Row */
.pricing-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 20px !important;
    padding: 0px !important;
    max-width: 88% !important;
    margin: 0 auto !important;
	margin-bottom: 30px !important;
}

/* 🔹 Ensure Pricing Cards are Equal Width */
.pricing-card {
    background: white !important;
    border-radius: 10px !important;
    padding:0px !important;
    width: 30% !important;
    min-width: 300px !important;
    text-align: center !important;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #ddd !important;
    transition: transform 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* 🔹 Fix Hover Effect */
.pricing-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15) !important;
}

/* 🔹 Fix Header Background */
.pricing-header {
    background: linear-gradient(135deg, #1D9EBE, #011539) !important;
    padding: 20px !important;
    border-radius: 10px 10px 0 0 !important;
    color: #fff !important;
}

/* 🔹 Apply Global Font to Headings */
.pricing-header h2 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 24px !important;
    margin: 0 !important;
    color: #ffcc00 !important; /* White */
    text-transform: uppercase !important; /* Make Uppercase */
}

/* 🔹 Subtitle (Light Grey) */
.pricing-subtitle {
	font-weight: 600;
    font-size: 16px !important;
    color: #fff !important; /* Light Grey */
    margin-top: 5px !important;
}

/* 🔹 Fix Pricing Amount (Gold) */
.pricing-price {
    font-size: 32px !important;
    font-weight: bold !important;
    color: #fff !important;
    margin: 15px 0 !important;
}

.pricing-price span {
    font-size: 12px !important; /* Smaller size for "Per Month" */
}

/* 🔹 Fix Features List */
.pricing-features {
       list-style: none !important;
	height: 450px;
	    overflow-y: auto;
    overflow-x: hidden;
    padding: 15px !important;
    margin: 15px 0 !important;
    margin-top: 0 !important;
}

.pricing-features::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px #fff;
    background-color: #fff;
}
.pricing-features::-webkit-scrollbar-thumb
{
    background-color: #f3efeb;
}
.pricing-features::-webkit-scrollbar
{
    width: 5px;
    background-color: #fff;
}
.pricing-features li {
    background: #f9f9f9 !important;
	    color: #126486;
    padding: 10px !important;
    margin: 5px 0 !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    text-align: left !important;
    display: flex !important;
    align-items: center !important;
}

/* 🔹 Fix Checkmark Color */
.pricing-features li .feature-icon {
    color: #28a745 !important;
    font-weight: bold !important;
    margin-right: 10px !important;
}

/* 🔹 Fix Purchase Button */
.pricing-footer {
    margin-top: 0px !important;
    margin-bottom: 25px;
}

.pricing-button {
    display: inline-block !important;
    background: #1D9EBE !important;
    color: white !important; /* Text color to #1D9EBE */
    padding: 12px 20px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    font-size: 18px !important;
    font-weight: bold !important;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out !important;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2) !important;
}

.pricing-button:hover {
    background: #ffcc00 !important; /* Background color on hover */
    color: #323335 !important; /* Text color to white on hover */
}

/* 🔹 Responsive Design - Stack on Small Screens */
@media (max-width: 1024px) {
    .pricing-container {
        flex-wrap: wrap !important;
    }

    .pricing-card {
        width: 100% !important;
    }
}

/* 🔹 Responsive Design - For Phone Screens */
@media (max-width: 768px) {
    .pricing-container {
        padding: 15px !important; /* Reduce padding for the container */
        max-width: 100% !important;
    }

    .pricing-card {
        padding: 5px !important; /* Reduce padding for the cards */
        width: 100% !important; /* Ensure cards take full width */
        max-width: 100% !important;
        text-align: center !important; /* Center-align content */
    }

    .pricing-header {
        padding: 15px !important; /* Adjust padding for header */
    }

    .pricing-header h2 {
        font-size: 20px !important; /* Reduce font size for headings */
    }

    .pricing-subtitle {
        font-size: 12px !important; /* Reduce subtitle font size */
    }

    .pricing-price {
        font-size: 24px !important; /* Reduce price font size */
        margin: 10px 0 !important;
    }

    .pricing-price span {
        font-size: 12px !important; /* Smaller size for "Per Month" */
    }

    .pricing-features li {
        font-size: 14px !important; /* Reduce font size for features */
        padding: 8px !important; /* Adjust padding for features */
    }

    .pricing-button {
        font-size: 16px !important; /* Adjust button font size */
        padding: 10px 15px !important; /* Adjust padding for buttons */
    }
}


/* 🔹 Pricing Extra Line */
.pricing-extra {
    font-size: 14px !important; /* Maintain a smaller font size */
    color: #cccccc !important; /* Light grey color */
    margin: 5px 0 !important; /* Reduce top and bottom margin */
    padding: 0 !important; /* Remove any extra padding */
    text-align: center !important; /* Center-align text */
}



/* 🔹 Pricing Discount (Bold, 16px, Black) */
.pricing-discount {
    border-radius: 200px !important;
    justify-self: center !important;
    padding: 0px 15px !important;
    width: fit-content !important;
	background: #FFCC00;
    font-size: 16px !important; /* Set font size to 16px */
    font-weight: bold !important; /* Make text bold */
    color: black !important; /* Change text color to black */
    margin: 5px 0 !important; /* Reduce top and bottom margin */
    text-align: center !important; /* Center-align text */
}

/* 🔹 Per User Price (Regular, 14px, Grey) */
.pricing-per-user {
    font-size: 14px !important; /* Set font size to 14px */
    font-weight: normal !important; /* Keep text normal */
    color: #ccc !important; /* Set text color to grey */
    margin: 5px 0 !important; /* Reduce top and bottom margin */
    text-align: center !important; /* Center-align text */
}




.scroll-top {
    left: 30px; /* Move to the left side */
}
html,
body{
 width:100%;
 overflow-x:hidden;
}

.th-hero-wrapper .slider-arrow {
 display: none;
}

.elementor-widget-tragashapeimage {
 position: static;
}
.woocommerce-message.updated {
 display: none;
}

.blog-grid .blog-line {
 background-color: #a5a9b3 !important;
}
.blog-grid3.style2 {
 height: 100%;
}

.icon-masking {
 width: 200px;
}

/*.swiper-wrapper .testi-box5_author > img{*/
/*        width: 60px;*/
/*    height: 60px;*/
/*    object-fit: cover;*/
/*    border-radius: 50%;*/
/*} */

/*.swiper-wrapper .testi-box5_image {*/
/*    width: 100%;*/
/*    height: 210px;*/
/*}*/

/*.swiper-wrapper .testi-box5_image > img{*/
/*  height: 100%;*/
/*    object-fit: cover;*/
/*    width: 100%;*/
/*    border-radius: 12px;*/
/*    object-position: center 10%;*/
/*}*/
/*.testi-box5 .testi-box5_text{*/
/*    margin-bottom:0px;*/
/*}*/



.testi-box5 .testi-quote {
    max-width: 88px;
}





// Stop Woo styles entirely (theme styles suffice)
add_filter('woocommerce_enqueue_styles', '__return_empty_array');

add_action('wp_enqueue_scripts', function () {
  if (function_exists('is_woocommerce') && !is_woocommerce() && !is_cart() && !is_checkout() && !is_account_page()) {
    wp_dequeue_style('woocommerce-general');
    wp_dequeue_style('woocommerce-layout');
    wp_dequeue_style('woocommerce-smallscreen');

    wp_dequeue_script('wc-cart-fragments');
    wp_dequeue_script('woocommerce');
    wp_dequeue_script('wc-add-to-cart');
    wp_dequeue_script('wc-single-product');
    wp_dequeue_script('wc-checkout');

    // Woo Blocks (if present)
    wp_dequeue_style('wc-blocks-style');
    wp_dequeue_script('wc-blocks');
  }
}, 99);