/* =====================================================
   Mobile View – Bottom Center Floating Language Wrapper
   ===================================================== */
@media (max-width: 767px) {

  /* 🔘 Bottom floating button (HEIGHT REDUCED) */
  .language-wrapper {
      position: fixed !important;
      left: 50%;
      bottom: calc(20px + env(safe-area-inset-bottom));
      transform: translateX(-50%);

      display: block !important;
      z-index: 9999;

      padding: 3px 7px;          /* ⬇️ HEIGHT KAM */
      border-radius: 16px;       /* ⬇️ smaller */

      background: #ffffff;
      box-shadow: 0 4px 10px rgba(0,0,0,0.22);
      text-align: center;
  }

  /* dropdown relative base */
  .language-wrapper .dropdown {
      position: relative;
  }

  /* ⬆️ Dropdown – TOP side (HEIGHT REDUCED) */
  .language-wrapper .dropdown-menu {
      position: absolute !important;
      bottom: 110% !important;
      top: auto !important;

      left: 50%;
      transform: translateX(-50%);

      padding: 3px 2px;          /* ⬇️ HEIGHT KAM */
      min-width: 100px;          /* ⬇️ WIDTH KAM */
      max-width: 130px;

      background: #ffffff;
      border-radius: 8px;        /* ⬇️ smaller */
      border: 1px solid #e6e6e6;

      box-shadow: 0 6px 14px rgba(0,0,0,0.28);
      z-index: 10000;
  }

  /* dropdown items – VERY COMPACT */
  .language-wrapper .dropdown-item {
      padding: 3px 6px;          /* ⬇️ ITEM HEIGHT */
      font-size: 11px;           /* ⬇️ text size */
      font-weight: 600;
      border-radius: 6px;
      text-align: center;
      line-height: 1.2;
  }

  /* hover / tap */
  .language-wrapper .dropdown-item:hover,
  .language-wrapper .dropdown-item:active {
      background: #f2f6ff;
  }

  /* page content overlap fix */
  body {
      padding-bottom: 100px;     /* ⬇️ less gap */
  }
}