/*
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:      11.12
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 Heebo from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap');

/* Wishlist/Account/Compare pages breadcrumbs */
.woocommerce-account .page-heading, 
.woocommerce-compare .page-heading, 
.woocommerce-wishlist .page-heading {
    padding-top: clamp(60px, 12vw, 130px);
    padding-bottom: clamp(30px, 7vw, 70px);
}

/* Container Layout - Aligns buttons, adds spacing, and adds the bottom line */
.custom-text-nav .e-con-inner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start; 
    gap: 40px; /* Space between the text links */
    flex-wrap: wrap; 
    border-bottom: 1px solid #a6a2a2; /* Light grey line under the menu */
    padding-bottom: 15px; /* Distance from text to the bottom line */
}

/* Base Styling - Removes background, turns text BLACK and uppercase */
/* Combined selectors to ensure Elementor's inner spans don't block the color */
.custom-text-nav .elementor-button,
.custom-text-nav .elementor-button .elementor-button-text {
    background-color: transparent !important; 
    color: #000000 !important; /* Black text color */
    padding: 0 !important; /* Removes default button padding */
    font-size: 15px !important;
    font-weight: 800 !important; /* Makes text extra bold */
    text-transform: uppercase !important; /* Forces ALL CAPS */
    border: none !important; 
    border-radius: 0 !important;
    box-shadow: none !important; 
    font-style: normal !important; /* Overrides previous italics */
    transition: color 0.3s ease !important;
}

/* Hover Effect - Turns text orange when mousing over */
/* We target the span here as well so the hover doesn't get blocked by the black text rule */
.custom-text-nav .elementor-button:hover,
.custom-text-nav .elementor-button:hover .elementor-button-text {
    color: #f15a24 !important; /* Orange color */
    background-color: transparent !important;
}

/* Active/First Item Highlight - Makes active link orange */
a#page-active,
a#page-active .elementor-button-text {
    color: #f15a24 !important; 
}

/* Fixes internal wrapper spacing */
.custom-text-nav .elementor-button-content-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

/* Page Background */
.page-wrapper {
    background-color: #cecac7 !important;
}

/* Center the product title and content area */
.custom-product .etheme-product-grid-content {
    text-align: center !important;
    padding-top: 12px !important;
    width: 100% !important;
}

/* Ensure the title link itself is centered and displays correctly */
.custom-product .etheme-product-grid-title {
    display: block !important;
    margin: 0 auto !important;
    line-height: 1.4 !important;
}

.custom-product .etheme-product-grid-title a {
    display: inline-block !important;
    color: #000000 !important; /* Ensures the product names are also black */
    text-decoration: none !important;
}

/* Center the star rating if it appears */
.custom-product .star-rating-wrapper {
    display: flex !important;
    justify-content: center !important;
    margin-top: 5px !important;
}
/* Override page heading padding to 0 */
.page-heading, 
.et-header-overlap .page-heading {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

/* --- Added custom CSS for typography --- */
/* Apply Heebo to Hebrew version and force regular font style */
html[lang^="he"] body,
html[lang^="he"] h1, html[lang^="he"] h2, html[lang^="he"] h3, html[lang^="he"] h4, html[lang^="he"] h5, html[lang^="he"] h6, 
html[lang^="he"] p, html[lang^="he"] a, html[lang^="he"] span, html[lang^="he"] li, html[lang^="he"] div,
body.rtl, body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4, body.rtl h5, body.rtl h6, 
body.rtl p, body.rtl a, body.rtl span, body.rtl li, body.rtl div {
    font-family: 'Heebo', sans-serif !important;
}

/* Remove all font italics/styles on BOTH Hebrew and English versions */
body, h1, h2, h3, h4, h5, h6, p, a, span, li, div {
    font-style: normal !important;
}
/* Revert italic to icon fonts to prevent display issues, though font-style normal is usually their default */
i[class*="icon"], i[class*="fa-"], i[class*="fas"], i[class*="fab"], i[class*="far"], i[class*="elementor-icon"] {
    font-style: normal !important;
}