/**
 * Theme Name: hello-elementor-child
 * Author: DevLabor GmbH
 * Author URI: https://devlabor.com
 * Description: Child Theme of Hello Elementor
 * Version: 1.0.0
 * Template: hello-elementor
 *
 * Text Domain: ta
 * Domain Path: /languages
*/

/* ==========================================================================
   Custom Navigation Hover Dropdown and Underline Overrides
   ========================================================================== */

/* Custom Header Navigation Hover and Underline Highlights */
.ta-desktop-menu .elementor-widget-n-menu .e-n-menu .e-n-menu-item a.e-n-menu-title-container {
    position: relative;
    padding-bottom: 40px;
}

.ta-desktop-menu .elementor-widget-n-menu .e-n-menu .e-n-menu-item a.e-n-menu-title-container::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: background-color 0.3s ease;
}

.ta-desktop-menu .elementor-widget-n-menu .e-n-menu .e-n-menu-item:hover a.e-n-menu-title-container::after,
.ta-desktop-menu .elementor-widget-n-menu .e-n-menu .e-n-menu-item.hovered a.e-n-menu-title-container::after,
.ta-desktop-menu .elementor-widget-n-menu .e-n-menu .e-n-menu-item a.e-n-menu-title-container.hovered::after {
    background-color: #e30613 !important;
}

/* Position the parent menu item relatively so the dropdown aligns underneath it */
.ta-desktop-menu .elementor-widget-n-menu .e-n-menu .e-n-menu-item {
    position: relative !important;
}

/* Force display of the dropdown submenu on hover since Elementor's frontend JS is not loaded */
.ta-desktop-menu .elementor-widget-n-menu .e-n-menu .e-n-menu-item:hover > .e-n-menu-content {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: absolute !important;
    left: auto !important;
    right: 0 !important;
    top: 100% !important;
    width: max-content !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    border-radius: 4px !important;
}

.ta-desktop-menu .elementor-widget-n-menu .e-n-menu .e-n-menu-item:hover > .e-n-menu-content > .e-con {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}