/* 
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 */


/* Global CSS Starts */
:root{
    --color-primary: #28BDF8;
    --color-secondary: #E61C1C;
    --color-white: #fff;
    --color-black: #000;
    --color-green: #43B14E;
    --color-green-dark: #278330;
    --color-yellow: #FFCC00;

    --color-light-stroke: #D4D4D4;
    --color-dark-stroke: #424242;
    --color-heading-highlight: #C9EBFF;

    

    --global-font: "Fredoka", Sans-serif;
}
/* Global CSS Ends */

/* Header CSS Starts */
.header-icon-outer{}
.header-icon-outer li a{color: initial !important;}
/* Header CSS Ends */

/* Product Categories Section CSS Starts */
.product-cat-section{}
.product-cat-section .woocommerce-loop-category__title{margin: 0px !important;padding: 0px !important;}
/* Product Categories Section CSS Ends */

/* Newsletter Form CSS Starts */
.newsletter-form{width:100%;}
.newsletter-form p{margin: 0px;}
.newsletter-row{display:flex;align-items:stretch;}
.newsletter-email{flex:1;}
.newsletter-email .wpcf7-form-control-wrap{display:block;}

.newsletter-email input,
.newsletter-button input
{width:100%;height:44px;font-family: var(--global-font);}

.newsletter-email input{font-family: var(--global-font);background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,.12);border-right:none;color: var(--color-white);font-size:14px;padding:0 18px;border-radius:4px 0 0 4px;outline:none;box-sizing:border-box;}
.newsletter-email input::placeholder{color:var(--color-light-stroke);}
.newsletter-email input:focus{border-color:var(--color-secondary);}
.newsletter-button{width:125px;}
.newsletter-button input{background:var(--color-green);color:var(--color-white);border:none;font-size:16px;font-weight:500;line-height: 1;cursor:pointer;border-radius:0 4px 4px 0;padding: 0 !important;transition:.3s;}
.newsletter-button input:hover{background:var(--color-green-dark);}

/* Checkbox */
.newsletter-checkbox{font-family: var(--global-font);margin-top:12px;color:var(--color-white);font-size:14px;}
.newsletter-checkbox .wpcf7-list-item{margin:0;}
.newsletter-checkbox input[type="checkbox"]{width:16px;height:16px;margin-right:8px;vertical-align:middle;accent-color:var(--color-secondary);}
.newsletter-checkbox a{color:var(--color-white);text-decoration:underline;}
.newsletter-checkbox a:hover{color:var(--color-green-dark);}

/* Validation */
.wpcf7-not-valid-tip{font-size:13px;margin-top:5px;color: var(--color-black) !important;}
.wpcf7-spinner{display:none;}

.elementor-shortcode .wpcf7-response-output{font-size: 14px;color: var(--color-white) !important;}

/* Mobile */
@media(max-width:767px)
{
    .newsletter-row{flex-direction:column;}.newsletter-email input{border-radius:4px;border-right:1px solid rgba(255,255,255,.12);}
    .newsletter-button{width:100%;margin-top:10px;}
    .newsletter-button input{border-radius:4px;}
}
/* Newsletter Form CSS Ends */

/* Product Single Page CSS Starts */
.woocommerce-product-gallery__wrapper{}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{width: 100% !important;height: 500px !important;object-fit: contain;}
/* Product Single Page CSS Ends */

/* Product Single Images CSS Starts */
/* ==========================================
   WooCommerce Product Thumbnail Slider
   ========================================== */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery {position: relative !important;}
/* Thumbnail container */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs {display: flex !important;flex-wrap: nowrap !important;width: 100% !important;overflow-x: auto !important;overflow-y: hidden !important;gap: 8px !important;margin: 12px 0 0 !important;padding: 0 34px !important;box-sizing: border-box !important;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;scrollbar-width: none;cursor: grab;}

.elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs:active {cursor: grabbing;}

/* Hide scrollbar - Chrome/Safari */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {display: none;}
/* ==========================================
   Individual thumbnails
   ========================================== */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs li {float: none !important;flex: 0 0 75px !important;width: 75px !important;min-width: 75px !important;margin: 0 !important;padding: 0 !important;}

/* Thumbnail image */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs li img {display: block !important;width: 75px !important;height: 75px !important;max-width: none !important;object-fit: cover !important;margin: 0 !important;cursor: pointer;opacity: 0.65;transition: opacity 0.2s ease;}

/* Active thumbnail */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs li img.flex-active, .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs li img:hover {opacity: 1;}
/* ==========================================
   Previous / Next buttons
   ========================================== */
.product-thumb-arrow {position: absolute;top: auto;bottom: 24px;width: 30px;height: 30px;padding: 0 !important;margin: 0 !important;border: none !important;border-radius: 50% !important;background: #ffffff !important;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);z-index: 20;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 18px !important;line-height: 1 !important;color: #222 !important;transition: background 0.2s ease, opacity 0.2s ease;}

.product-thumb-arrow:hover {background: #f3f3f3 !important;}
.product-thumb-prev {left: 2px;}
.product-thumb-next {right: 2px;}
/* Product Single Images CSS Ends */

/* Footer CSS Starts */
.footer-newsletter-inner{position: relative;}
.footer-newsletter-inner::before{content: '';width: 201px;height: 238px;position: absolute;left: inherit;bottom: 0px;right: 17px;background-image: url(../../uploads/2026/08/footer-img.png);background-size: contain;background-position: center center;background-repeat: no-repeat;}

.signup-icon{}
.signup-icon h3{margin: 0px !important;}

.footer-iconbox{}
.footer-iconbox h3{margin: 0px !important;}
/* Footer CSS Ends */


/* Media Query CSS Starts */
@media screen and (max-width: 1600px)
{
    .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{height: 400px !important;}
}

@media screen and (max-width: 1200px)
{
    .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{height: 380px !important;}

    .footer-newsletter-inner::before{right: 2px;}
}

@media screen and (max-width: 767px)
{
    .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{height: 350px !important;}

    .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs {gap: 6px !important;padding-left: 30px !important;padding-right: 30px !important;}
    .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs li {flex-basis: 60px !important;width: 60px !important;min-width: 60px !important;}
    .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs li img {width: 60px !important;height: 60px !important;}
    .product-thumb-arrow {width: 26px;height: 26px;font-size: 15px !important;bottom: 17px;}

    .footer-newsletter-inner::before{width: 120px;height: 150px;}
}
/* Media Query CSS Ends */