/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


/* -----------  */
/* 	   Menu		*/
/* -----------  */


  /* Container must be relative so the line can position inside it */
  #top-menu {
    position: relative;
    display: flex;
    gap: 4px;
  }

  /* Keep links tidy (works with your earlier padding fix) */
  #top-menu li a{
    padding: 6px 14px;
    line-height: 1.4em;
    border-radius: 10px;
    font-weight: 600;
    color: #182848;
  }

  /* The moving “magic line” */
  #top-menu .magic-line{
    position: absolute;
    bottom: 6px;              /* adjust if you want closer/further from text */
    height: 4px;
    left: 0;
    width: 0;
    background: #3B82F6;      /* accent color */
    border-radius: 4px;
    box-shadow: -2px -4px 6px rgba(255,255,255,.6),
                 2px  4px 6px rgba(136,165,191,.6);  /* neumorphic feel */
    transition: left .2s ease-in-out, width .2s ease-in-out;
    pointer-events: none;
    z-index: 1;
  }

  /* Keep Download as a pill CTA (no underline) */
  #top-menu .menu-item-16 a{
    background: #3B82F6;
    color: #fff !important;
    border-radius: 30px;
    padding: 10px 22px;
    box-shadow: -4px -4px 8px #ffffff, 4px 4px 8px #d1d9e6;
  }

  /* Disable magic-line on mobile dropdown */
  @media (max-width: 981px){
    #top-menu .magic-line { display:none; }
  }