/* ==========================================================================
   Marji V7 — small header tweak
   • Minimize the search box (cap its width)
   • Shift it slightly to the right (added margin)
   • Push the header-actions to the far end (right in LTR, left in RTL)
   Works correctly in both directions via margin-inline-start logical property.
   ========================================================================== */

.header-main .search {
  flex: 0 1 400px;       /* don't fill the whole row anymore */
  max-width: 400px;
  margin-inline-start: auto;  /* pushed to the right, next to the header actions */
}

/* Match the height of the round icons (54px) so they align */
.header-main .search input {
  height: 54px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 54px;
  box-sizing: border-box;
}

/* Header actions sit right after the search */
.header-main .header-actions {
  margin-inline-start: 0;
}

@media (max-width: 991px) {
  .header-main .search {
    flex: 0 1 320px;
    max-width: 320px;
  }
}
@media (max-width: 767px) {
  /* On phones the search drops to its own row, keep it full-width */
  .header-main .search {
    flex: 0 0 100%;
    max-width: none;
    margin-inline-start: 0;
  }
  .header-main .header-actions {
    margin-inline-start: 0;
  }
}