@media (max-width: 991px){
  header#header-sticky .container,
  header#header-sticky .mega-menu-wrapper{
    max-width:100% !important;
    width:100% !important;
    padding-inline:12px !important;
  }
  header#header-sticky .header-main{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:56px !important;
    overflow:visible !important;
  }
  header#header-sticky .header-button,
  header#header-sticky .mean__menu-wrapper{ display:none !important; }
  header#header-sticky .header-left,
  header#header-sticky .header-right,
  header#header-sticky .logo,
  header#header-sticky .header-logo-2{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:static !important;
    transform:none !important;
    left:auto !important;
    right:auto !important;
    margin:0 !important;
  }
  header#header-sticky .header-logo-2 img,
  header#header-sticky .logo img{
    display:block !important;
    height:32px !important;
    width:auto !important;
    max-width:160px !important;
  }

  .offcanvas__top{
    display:flex !important;
    align-items:center !important;
    direction:ltr !important;
    gap:8px !important;
    min-height:64px !important;
    padding:10px 12px !important;
    overflow:visible !important;
  }
  .offcanvas__logo{
    position:static !important;
    flex:0 1 auto !important;
    min-width:0 !important;
  }
  .offcanvas__logo img{
    display:block !important;
    height:28px !important;
    width:auto !important;
    max-width:110px !important;
    object-fit:contain !important;
  }
  .offcanvas__top .language-selector,
  .offcanvas__top .dropdown{
    position:relative !important;
    z-index:40 !important;
    flex:0 0 auto !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }
  .offcanvas__top .dropdown-toggle::after{ display:none !important; }
  .offcanvas__top .language-name{
    display:inline !important;
    font-size:13px !important;
    font-weight:600 !important;
    margin-inline-start:6px !important;
    white-space:nowrap !important;
  }
  .offcanvas__top .dropdown-menu{
    z-index:80 !important;
    min-width:140px !important;
  }

  /* X in the flex row — never overlapping */
  .offcanvas__close{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex:0 0 42px !important;
    margin:0 !important;
    border-radius:50% !important;
    z-index:20 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .offcanvas__close button{
    width:42px !important;
    height:42px !important;
    border-radius:50% !important;
    font-size:16px !important;
  }

  /* EN: logo left — flag English — X */
  html[dir="ltr"] .offcanvas__logo{ order:1 !important; margin-right:auto !important; }
  html[dir="ltr"] .offcanvas__top .language-selector{ order:2 !important; }
  html[dir="ltr"] .offcanvas__close{ order:3 !important; }

  /* AR: X — flag Arabic — logo */
  html[dir="rtl"] .offcanvas__close{ order:1 !important; }
  html[dir="rtl"] .offcanvas__top .language-selector{ order:2 !important; }
  html[dir="rtl"] .offcanvas__logo{ order:3 !important; margin-left:auto !important; margin-right:0 !important; }

  .offcanvas__contact a[href^="tel"]{
    direction:ltr !important;
    unicode-bidi:embed !important;
  }
}

/* ===== OC_DROP ===== */
@media (max-width: 991px){
  .offcanvas__top .dropdown-menu{
    margin-top:8px !important;
    z-index:90 !important;
    position:absolute !important;
    min-width:150px !important;
    transform:none !important;
  }
  html[dir="ltr"] .offcanvas__top .dropdown-menu{
    right:0 !important;
    left:auto !important;
    inset:auto 0 auto auto !important;
  }
  html[dir="rtl"] .offcanvas__top .dropdown-menu{
    left:0 !important;
    right:auto !important;
    inset:auto auto auto 0 !important;
  }
}