/* Theme Name:  NePly Theme New
 Theme URI:    https://www.classicpress.net/themes/classicpress-twentyseventeen/
 Description:  ClassicPress TwentySeventeen is a child theme of the WordPress TwentySeventeen Theme
 Author:       the ClassicPress team
 Author URI:   https://www.classicpress.net
 Template:     twentyseventeen
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  classicpress-twentyseventeen */

/* Navigation Menu Styles */
.nav-menu {
  position: relative;
}

.nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-menu li {
  position: relative;
}

.nav-menu a {
  display: block;
  text-decoration: none;
  padding: 0.5rem 1rem;
  color: #1e2d56;
  transition: color 0.3s ease;
}

.nav-menu a:hover {
  color: #e53e3e;
}

/* Submenu Styles */
.nav-menu .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  border-radius: 4px;
  padding: 0.5rem 0;
}

.nav-menu .sub-menu li {
  width: 100%;
}

.nav-menu .sub-menu a {
  padding: 0.75rem 1rem;
  white-space: nowrap;
}

/* Show submenu on hover */
.nav-menu li:hover > .sub-menu {
  display: block;
}

/* Submenu hover effects */
.nav-menu .sub-menu a:hover {
  background-color: #f8f9fa;
}

/* Add arrow indicator for items with submenu */
.nav-menu .menu-item-has-children > a::after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 0.5rem;
  font-size: 0.8em;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .nav-menu .sub-menu {
    position: static;
    box-shadow: none;
    padding-left: 1rem;
  }

  .nav-menu .menu-item-has-children > a::after {
    content: "\f105";
  }
}