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


/* 1. Hide the core red button inside ANY container with the hover-box class */
.hover-box .elementor-button {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important; /* Adds a smooth upward slide effect */
    transition: all 0.3s ease-in-out !important;
}

/* 2. Reveal the red button when its specific parent box is hovered */
.hover-box:hover .elementor-button {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}


/* 1. Expand the specific sub-menu container for "AgriBusiness" */
li.menu-item-2662 > ul.sub-menu {
    width: 320px !important; /* Provides a hard, expanded width for the longest item */
    max-width: none !important;
}

/* 2. Override the flex constraints on the child <li> items */

li.menu-item-2660 {
	display: flex !important; 
    height: auto !important; /* Crucial: This stops the overlapping by forcing the <li> to grow if needed */
    min-height: 35px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

li.menu-item-2662 > ul.sub-menu > li.menu-item {
    display: flex !important; 
    height: auto !important; /* Crucial: This stops the overlapping by forcing the <li> to grow if needed */
    min-height: 45px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* 3. Protect the <a> tag text from wrapping or being squished */
li.menu-item-2662 > ul.sub-menu > li.menu-item > a {
    white-space: nowrap !important;
    width: 100% !important;
    flex-shrink: 0 !important; /* Crucial: Stops the flex parent from compressing the link */
    display: block !important;
    line-height: 1.4 !important;
}

/* 1. Expand the parent sub-menu container to ensure the text fits horizontally */
li.menu-item-2662 > ul.sub-menu {
    width: 320px !important; 
    max-width: none !important;
}

/* 2. Force the container for Equipment & Properties to expand properly */
li.menu-item-2658 {
    display: flex !important; 
    height: auto !important; 
    min-height: 45px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* 3. Keep the text on a single line and prevent it from breaking outside the box */
li.menu-item-2658 > a {
    white-space: nowrap !important;
    width: 100% !important;
    flex-shrink: 0 !important;
    display: block !important;
    line-height: 1.4 !important;
}

/* Force the container to expand and behave properly */
li.menu-item-2283 {
    display: flex !important; 
    height: auto !important; 
    min-height: 45px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* Keep the text on a single line and stop it from breaking */
li.menu-item-2283 > a {
    white-space: nowrap !important;
    width: 100% !important;
    flex-shrink: 0 !important;
    display: block !important;
    line-height: 1.4 !important;
}

@media (min-width: 1025px) {
    /* Target the 3rd layer dropdown */
    ul.sub-menu ul.sub-menu {
        position: absolute !important;
        top: 0 !important;
        left: 100% !important; 
        margin-left: 2px !important; /* Optional: creates a tiny gap */
        z-index: 9999 !important; /* Prevents it from falling behind page content */
    }

    /* Ensure relative positioning on the parent