
/* =========================================================
   YUKINON OFFICIAL WEBSITE
   MOBILE LANDSCAPE MENU FIT V1.3

   Target:
   - iPhone landscape
   - slightly wider vertical spacing
   - preserve current stable menu composition
   - keep LINK visible
   ========================================================= */


/* ---------------------------------------------------------
   PHONE / MOBILE LANDSCAPE
   --------------------------------------------------------- */

@media
  (orientation:landscape)
  and (max-width:1180px)
  and (max-height:600px)
{

  /*
   * Current layout remains untouched.
   * Only spacing inside the navigation is adjusted.
   */
  .global-nav{
    gap:
      3px !important;
  }


  .global-nav .nav-link{

    height:
      auto !important;

    min-height:
      0 !important;

    padding:
      4px 22px !important;

    gap:
      2px !important;

    font-size:
      .92rem !important;

    line-height:
      1.06 !important;

  }


  .global-nav .nav-link small{

    font-size:
      .56rem !important;

    line-height:
      1.12 !important;

  }


  .global-nav .nav-link::after{

    bottom:
      0 !important;

  }

}


/* ---------------------------------------------------------
   VERY SHORT LANDSCAPE
   Lower-height phones get slightly tighter spacing.
   --------------------------------------------------------- */

@media
  (orientation:landscape)
  and (max-width:1180px)
  and (max-height:390px)
{

  .global-nav{
    gap:
      1px !important;
  }


  .global-nav .nav-link{

    padding:
      3px 20px !important;

    gap:
      1px !important;

    font-size:
      .84rem !important;

    line-height:
      1.04 !important;

  }


  .global-nav .nav-link small{

    font-size:
      .51rem !important;

    line-height:
      1.08 !important;

  }

}

