:root { --wlpc-nav-accent:#0a66c2; }

  /* Bar */
  #courseNav { position: relative; z-index: 9999; width: 100%; background:#fff;    z-index: 1; }
  #courseNav.is-fixed {
    position: fixed; left:0; right:0;
   top: 0 !important;
    background:#fff; border-bottom:1px solid #eaeaea;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
  }
  #courseNav .inner { max-width: 1200px; margin: 0 auto; padding:10px 16px; }

  /* Desktop tabs */
  .course-tabs { list-style:none; display:flex; flex-wrap:wrap; gap:20px; margin:0; padding:0; }
  .course-tabs a{
    display:inline-block; padding:8px 2px; text-decoration:none;
    color:#333; font-weight:600; border-bottom:2px solid transparent; transition:color .2s, border-color .2s;
  }
  .course-tabs a:hover{ color:var(--wlpc-nav-accent); }
  .course-tabs a.active{ color:var(--wlpc-nav-accent); border-color:var(--wlpc-nav-accent); }

  /* Mobile dropdown */
  .course-dropdown{ display:none; width:100%; padding:10px; border:1px solid #ddd; background:#fff; }

  @media (max-width: 768px){
    .course-tabs{ display:none; }
    .course-dropdown{ display:block; }
    #courseNav .inner{ padding:8px 12px; }
    
    #courseNav .course-dropdown{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box;
        padding-right: 30px; /* space for arrow */
        background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23333'%3E%3Cpath d='M1.5 5l6.5 6 6.5-6'/%3E%3C/svg%3E") no-repeat right 10px center;
        background-size: 16px 16px;
        appearance: none; /* hide default arrow */
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
      }
      .elementor-element.elementor-element-0048d4a.elementor-widget.elementor-widget-html {
        width: 100%;
    }
  #courseNav .course-tabs{ display:none !important; }
  }