/* 
Theme Name: ABM AUTO
Theme URI: https://netforgelabs.com/
Description: Custom Elementor child theme for ABM Auto.
Author: Irfan Tariq
Author URI: https://netforgelabs.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: abm-auto
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, translation-ready
*/

/* Add your custom styles here */

/* Elementor Nav Menu – 50% centered underline */
.elementor-nav-menu .elementor-item {
  position: relative;
}

.elementor-nav-menu .elementor-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 50%;
  height: 3px;
  background-color: #E12F2F;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease;
  z-index: 2;
}

/* Hover + Active state */
.elementor-nav-menu .elementor-item:hover::after,
.elementor-nav-menu .elementor-item.elementor-item-active::after {
  transform: translateX(-50%) scaleX(1);
}

/* Tablet and Mobile devices */
@media only screen and (max-width: 1024px) {
  .elementor-nav-menu .elementor-item::after {
    width: 100% !important;      /* Force full width */
    height: 2px !important;      /* Force thinner line */
  }
}

/* Mobile devices only */
@media only screen and (max-width: 767px) {
  .elementor-nav-menu .elementor-item::after {
    width: 30px !important;
    left: 0 !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
  }
  
  .elementor-nav-menu .elementor-item:hover::after,
  .elementor-nav-menu .elementor-item.elementor-item-active::after {
    transform: scaleX(1) !important;
  }
  
}