/* IPA Store Header Alignment Fix v1.2.1
   Desktop physical layout:
   Arabic  = actions LEFT | navigation CENTER | brand RIGHT
   English = brand LEFT   | navigation CENTER | actions RIGHT
*/
@media (min-width:1101px){
  .v120-nav-grid{
    direction:ltr !important;
    grid-template-columns:minmax(220px,auto) minmax(420px,1fr) minmax(220px,auto) !important;
    width:100%;
    align-items:center;
  }

  .v120-nav-grid.v121-header-rtl .v120-brand{
    grid-column:3 !important;
    grid-row:1;
    justify-self:end;
    direction:rtl;
    text-align:right;
  }
  .v120-nav-grid.v121-header-rtl .v120-desktop-menu{
    grid-column:2 !important;
    grid-row:1;
    justify-self:center;
    direction:rtl;
  }
  .v120-nav-grid.v121-header-rtl .v120-nav-actions{
    grid-column:1 !important;
    grid-row:1;
    justify-self:start;
    direction:rtl;
  }

  .v120-nav-grid.v121-header-ltr .v120-brand{
    grid-column:1 !important;
    grid-row:1;
    justify-self:start;
    direction:ltr;
    text-align:left;
  }
  .v120-nav-grid.v121-header-ltr .v120-desktop-menu{
    grid-column:2 !important;
    grid-row:1;
    justify-self:center;
    direction:ltr;
  }
  .v120-nav-grid.v121-header-ltr .v120-nav-actions{
    grid-column:3 !important;
    grid-row:1;
    justify-self:end;
    direction:ltr;
  }

  .v120-nav-actions{white-space:nowrap}
  .v120-brand{margin:0 !important}
  .v120-desktop-menu{margin:0 !important}
}

/* Keep one clean row on medium desktop widths before mobile menu takes over. */
@media (min-width:1101px) and (max-width:1280px){
  .v120-nav-grid{grid-template-columns:minmax(190px,auto) minmax(360px,1fr) minmax(190px,auto) !important;gap:14px !important}
  .v120-desktop-menu a{padding-inline:10px !important;font-size:12px !important}
  .v120-lang-btn,.v120-store-btn{font-size:11px !important}
}

/* IPA Store Public Header Mobile/iPad Fix v3.0.1
   Physical placement:
   Arabic  => actions LEFT | brand RIGHT
   English => brand LEFT   | actions RIGHT
   Always one row on phones and tablets.
*/
@media (max-width:1100px){
  .v120-header .v120-nav-grid{
    direction:ltr !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:1fr !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
  }
  .v120-header .v120-desktop-menu{display:none !important}
  .v120-header .v120-nav-grid.v121-header-rtl .v120-brand{
    grid-column:2 !important;grid-row:1 !important;justify-self:end !important;
    direction:rtl !important;text-align:right !important;margin:0 !important;
  }
  .v120-header .v120-nav-grid.v121-header-rtl .v120-nav-actions{
    grid-column:1 !important;grid-row:1 !important;justify-self:start !important;
    direction:ltr !important;margin:0 !important;
  }
  .v120-header .v120-nav-grid.v121-header-ltr .v120-brand{
    grid-column:1 !important;grid-row:1 !important;justify-self:start !important;
    direction:ltr !important;text-align:left !important;margin:0 !important;
  }
  .v120-header .v120-nav-grid.v121-header-ltr .v120-nav-actions{
    grid-column:2 !important;grid-row:1 !important;justify-self:end !important;
    direction:ltr !important;margin:0 !important;
  }
  .v120-header .v120-brand{min-width:0 !important;max-width:100% !important}
  .v120-header .v120-brand-copy{min-width:0 !important}
  .v120-header .v120-brand-copy strong{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .v120-header .v120-nav-actions{display:flex !important;align-items:center !important;flex-wrap:nowrap !important;gap:7px !important;white-space:nowrap !important}
  .v120-header .v120-lang-btn,.v120-header .v120-store-btn,.v120-header .v120-mobile-toggle{flex:0 0 42px !important;width:42px !important;height:42px !important;padding:0 !important}
}
@media (max-width:520px){
  .v120-header-container{padding-inline:12px !important;padding-top:8px !important;padding-bottom:8px !important}
  .v120-header .v120-nav-grid{min-height:52px !important;gap:7px !important}
  .v120-header .v120-brand{gap:7px !important}
  .v120-header .v120-brand-logo{width:38px !important;height:38px !important;flex-basis:38px !important;border-radius:12px !important}
  .v120-header .v120-brand-copy strong{font-size:13px !important;max-width:112px !important}
  .v120-header .v120-nav-actions{gap:6px !important}
  .v120-header .v120-lang-btn,.v120-header .v120-store-btn,.v120-header .v120-mobile-toggle{flex-basis:38px !important;width:38px !important;height:38px !important;border-radius:12px !important}
}
@media (max-width:350px){
  .v120-header .v120-brand-copy strong{max-width:82px !important;font-size:12px !important}
  .v120-header .v120-nav-actions{gap:4px !important}
  .v120-header .v120-lang-btn,.v120-header .v120-store-btn,.v120-header .v120-mobile-toggle{flex-basis:36px !important;width:36px !important;height:36px !important}
}


/* IPA_PUBLIC_MOBILE_HEADER_ORDER_V139
 * Arabic phone/tablet physical order nearest the brand:
 * Language → Applications → Menu.
 * Since the actions block is physically on the left in RTL,
 * visual left-to-right becomes: Menu | Applications | Language.
 * English/LTR is intentionally unchanged.
 */
@media (max-width:1100px){
  .v120-header .v120-nav-grid.v121-header-rtl .v120-nav-actions{
    flex-direction:row-reverse !important;
  }
}