/* ==============================================
   RESPONSIVE MENU OPTIMIZATION
   ============================================== */

/* Desktop - Standard size (1200px+) */
@media (min-width: 1200px) {
  .navbar .bottom .right ul li a {
    font-size: 14px !important;
    padding: 0 12px !important;
  }

  .navbar .bottom .right ul li.dropdown .dropdown-menu a {
    font-size: 14px !important;
    padding: 8px 15px !important;
  }

  .navbar .bottom .left .btnwrapper .btns {
    min-width: 155px !important;
    padding: 0 15px !important;
    font-size: 16px !important;
  }
}

/* Laptop - Compressed menu (1024px - 1199px) */
@media (max-width: 1199px) and (min-width: 1025px) {
  /* فشرده کردن منوها */
  .navbar .bottom .right ul li a {
    font-size: 13px !important;
    padding: 0 8px !important;
  }

  .navbar .bottom .right ul li.dropdown .dropdown-menu a {
    font-size: 13px !important;
    padding: 6px 12px !important;
  }

  /* کوچک کردن دکمه‌های سمت چپ */
  .navbar .bottom .left .btnwrapper {
    gap: 8px !important;
  }

  .navbar .bottom .left .btnwrapper .btns {
    min-width: 130px !important;
    height: 48px !important;
    line-height: 46px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
  }

  /* کاهش فاصله بین logo و منو */
  .navbar .bottom .right {
    gap: 10px;
  }
}

/* Tablet Landscape - More compressed (992px - 1024px) */
@media (max-width: 1024px) and (min-width: 992px) {
  /* فشرده‌تر کردن منوها */
  .navbar .bottom .right ul li a {
    font-size: 12px !important;
    padding: 0 6px !important;
  }

  .navbar .bottom .right ul li.dropdown .dropdown-menu a {
    font-size: 12px !important;
    padding: 5px 10px !important;
  }

  /* کوچک‌تر کردن دکمه‌ها */
  .navbar .bottom .left .btnwrapper {
    gap: 6px !important;
  }

  .navbar .bottom .left .btnwrapper .btns {
    min-width: 115px !important;
    height: 44px !important;
    line-height: 42px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }
}

/* Tablet Portrait - Hamburger menu (below 992px) */
@media (max-width: 991px) {
  .navbar .navbar-toggler {
    display: block !important;
  }

  .navbar .navbar-collapse {
    position: fixed;
    width: 100%;
    right: 0;
    top: 103px;
    background: #fff;
    padding: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    z-index: 9999;
  }

  .navbar .navbar-collapse ul {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 15px;
  }

  .navbar .navbar-collapse ul li {
    width: 100%;
  }

  .navbar .navbar-collapse ul li:last-child a {
    border: none;
  }

  .navbar .navbar-collapse ul li a {
    color: #222 !important;
    line-height: 50px !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(34, 34, 34, 0.5) !important;
  }
}

/* Mobile - Smaller buttons (below 768px) */
@media (max-width: 767px) {
  .navbar .bottom .left .btnwrapper {
    gap: 6px !important;
  }

  .navbar .bottom .left .btnwrapper .btns {
    min-width: 100px !important;
    height: 40px !important;
    line-height: 38px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
  }
}

/* Very Small Mobile (below 480px) */
@media (max-width: 480px) {
  .navbar .bottom .left .btnwrapper .btns {
    min-width: 90px !important;
    height: 38px !important;
    line-height: 36px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
  }
}
/* ==============================================
   HEADER BUTTONS OPTIMIZATION - LAPTOP MODE
   ============================================== */

/* Laptop - Compressed buttons (1024px - 1199px) */
@media (max-width: 1199px) and (min-width: 1025px) {
  /* فشرده کردن دکمه‌های header */
  .navbar .bottom .left .btnwrapper {
    gap: 8px !important;
    display: flex !important;
  }

  .navbar .bottom .left .btnwrapper .btns {
    min-width: 120px !important;
    max-width: 120px !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }
}

/* Tablet Landscape - More compressed (992px - 1024px) */
@media (max-width: 1024px) and (min-width: 992px) {
  /* فشرده‌تر کردن دکمه‌های header */
  .navbar .bottom .left .btnwrapper {
    gap: 6px !important;
    display: flex !important;
  }

  .navbar .bottom .left .btnwrapper .btns {
    min-width: 110px !important;
    max-width: 110px !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }
}

/* Tablet Portrait - Hamburger menu (below 992px) */
@media (max-width: 991px) {
  .navbar .navbar-toggler {
    display: block !important;
  }

  .navbar .navbar-collapse {
    position: fixed;
    width: 100%;
    right: 0;
    top: 103px;
    background: #fff;
    padding: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    z-index: 9999;
  }

  .navbar .navbar-collapse ul {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 15px;
  }

  .navbar .navbar-collapse ul li {
    width: 100%;
  }

  .navbar .navbar-collapse ul li:last-child a {
    border: none;
  }

  .navbar .navbar-collapse ul li a {
    color: #222 !important;
    line-height: 50px !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(34, 34, 34, 0.5) !important;
  }

  /* دکمه‌ها در تبلت */
  .navbar .bottom .left .btnwrapper {
    gap: 6px !important;
  }

  .navbar .bottom .left .btnwrapper .btns {
    min-width: 105px !important;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
  }
}

/* Mobile - Smaller buttons (below 768px) */
@media (max-width: 767px) {
  .navbar .bottom .left .btnwrapper {
    gap: 5px !important;
  }

  .navbar .bottom .left .btnwrapper .btns {
    min-width: 95px !important;
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
  }
}

/* Very Small Mobile (below 480px) */
@media (max-width: 480px) {
  .navbar .bottom .left .btnwrapper {
    gap: 4px !important;
  }

  .navbar .bottom .left .btnwrapper .btns {
    min-width: 85px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 5px !important;
    font-size: 11px !important;
  }
}