/*
Theme Name:   xstore-child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* Puri website ke har text element par Montserrat apply karne ke liye */
* {
  font-family: 'Montserrat', sans-serif !important;
}

body, input, button, textarea, select {
  font-family: 'Montserrat', sans-serif !important;
}
/* Entire Homepage Body Background Gradient */
body.home {
  background: linear-gradient(180deg, #061126 0%, #0a192f 35%, #1e3a8a 70%, #2563eb 100%) !important;
  background-attachment: fixed !important;
  color: #ffffff; /* Sets default text color to white for better readability */
}

/* Optional: Smooth transition for overall look */
body.home #wrapper, 
body.home #page, 
body.home .site-content {
  background: transparent !important;
}

/* Remove white background and padding from XStore Mega Menu container */
.et_column_menu .nav-sublist-dropdown,
.navigation-item .nav-sublist-dropdown,
.xstore-mega-menu-wrapper {
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Force static block container to match blue theme */
.xstore-mega-menu-wrapper .elementor-section-wrap,
.xstore-mega-menu-wrapper .elementor-section {
    background-color: #1e3a8a !important; /* Tera exact blue shade yahan match kar le */
    width: 100% !important;
}

/* Force 1000px width with 0 margin and 0 padding */
.elementor-2017,
.elementor-2017 .elementor-element-e6a91e9 {
    width: 1000px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.elementor-2017 .e-con-inner {
    padding: 20px 0 !important;
    margin: 0 !important;
}
/* --- FIX: Remove default theme padding and force full gradient across the full 1000px width --- */

/* 1. Reset the theme's outer dropdown container */
.etheme-nav-menu ul.nav-sublist-dropdown,
.etheme-nav-menu div.nav-sublist-dropdown,
.menu-item-has-children .nav-sublist-dropdown {
    padding: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    width: 1000px !important; /* Forces the container to your target width */
    max-width: 1000px !important;
}

/* 2. Style the static block inner container (your provided gradient) to be the *actual* background */
div[data-elementor-type="wp-post"].elementor-2017 .elementor-element-e6a91e9 {
    padding: 30px 20px !important; /* Corrects internal spacing so content doesn't hit edges */
    background-image: linear-gradient(120deg, #01266D 0%, #2563EB 100%) !important;
    width: 1000px !important;
    max-width: 1000px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* 3. Handle specific Elementor padding on your grid container */
.elementor-2017 .elementor-element.elementor-element-e6a91e9 .e-con-inner {
    padding: 0 !important;
    margin: 0 !important;
}
/* --- MEGA MENU CENTERING FIX --- */

/* 1. Parent Menu Item ki relative position remove karo taaki dropdown Header ke hisab se align ho */
.etheme-nav-menu .menu-item-has-children,
.etheme-nav-menu .menu-item-2023 {
    position: static !important;
}

/* 2. Main Navigation Bar ko position relative do */
.etheme-elementor-nav-menu-main,
.etheme-elementor-nav-menu-container {
    position: relative !important;
}

/* 3. Mega Menu Dropdown ko Exact Center me Shift karo */
div.menu-static-block.nav-sublist-dropdown {
    left: 60% !important;
    transform: translateX(-50%) !important;
    right: auto !important;
    width: 1000px !important;
    max-width: 90vw !important;
    margin: 0 !important;
}

/* 1. Horizontal scrollbar ko rokne ke liye */
html, body {
    overflow-x: hidden !important;
}

/* 2. Header ko chhode bina SIRF Hero Banner ko Full Viewport Width (100vw) karna */
.home article .elementor > .elementor-element:first-child,
.home #main .elementor > .elementor-element:first-child,
.home .elementor-section:first-child {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    border-radius: 0 !important; /* Rounded corners hatane ke liye */
}

/* 3. Inner banner elements aur images se rounded border hatana */
.home article .elementor > .elementor-element:first-child *,
.home article .elementor > .elementor-element:first-child .e-con-inner {
    border-radius: 0 !important;
}
/* --- SIRF 2ND MAIN SECTION / CONTAINER KO FULL WIDTH KARNA --- */

/* 1. Sirf main content area ke top-level 2nd section ko target karo */
.home article > .elementor > .elementor-element:nth-of-type(2),
.home #main article > .elementor > .elementor-element:nth-of-type(2) {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    border-radius: 0 !important;
}

/* 2. Sirf usi 2nd section ke inner elements ka border radius reset karo */
.home article > .elementor > .elementor-element:nth-of-type(2) *,
.home article > .elementor > .elementor-element:nth-of-type(2) .e-con-inner {
    border-radius: 0 !important;
}