/* HYDD original-design mobile navigation fix.
   Keep original logo, typography, spacing, images and Squarespace Fluid Engine
   grids. These rules affect only the independent menu at phone widths. */
html,body{overflow-x:clip}
/* Squarespace's Fluid Engine uses an LTR physical grid. Making the
   entire <html> direction RTL moves its image/text cells outside narrow
   mobile viewports. Keep page geometry LTR, but the Arabic text RTL. */
html[lang="ar"],html[lang="ar"] body,
html[lang="ar"] main,
html[lang="ar"] .page-regions,
html[lang="ar"] .page-section,
html[lang="ar"] .content-wrapper,
html[lang="ar"] .fluid-engine,
html[lang="ar"] .fe-block,
html[lang="ar"] .sqs-block {
  direction:ltr!important;
}
html[lang="ar"] .sqs-block-content,
html[lang="ar"] .sqs-html-content,
html[lang="ar"] .sqs-block-content :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,span),
html[lang="ar"] .sqs-html-content :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,span){
  direction:rtl!important;
}

img,video{max-width:100%}
@media(max-width:767px){
  .sqs-block-content iframe{max-width:100%}
  body.hydd-menu-v4-open{overflow:hidden!important}
  body.hydd-menu-v4-open .header-menu,
  body.hydd-menu-v4-open #hydd-visible-language-menu,
  body.hydd-menu-v4-open #hydd-live-whatsapp,
  body.hydd-menu-v4-open #hydd-whatsapp{
    visibility:hidden!important;
    pointer-events:none!important;
  }
}
/* Arabic-only, body-level handset trigger: Squarespace's native RTL
   hamburger can be visible but physically untappable on narrow screens. */
#hydd-mobile-menu-trigger{display:none!important}
@media(max-width:767px){
 html[lang="ar"] body.hydd-arabic-menu-trigger-active header.header .header-burger-btn{
   pointer-events:none!important;
   opacity:0!important;
 }
 html[lang="ar"] #hydd-mobile-menu-trigger{
   all:unset!important;
   box-sizing:border-box!important;
   display:flex!important;
   position:fixed!important;
   top:max(12px,env(safe-area-inset-top))!important;
   inset-inline-end:14px!important;
   z-index:2147483638!important;
   width:48px!important;
   height:48px!important;
   padding:14px 9px!important;
   flex-direction:column!important;
   align-items:center!important;
   justify-content:center!important;
   gap:7px!important;
   cursor:pointer!important;
   background:rgba(255,255,255,.96)!important;
   border:1px solid rgba(20,20,20,.12)!important;
   color:#171717!important;
   direction:ltr!important;
   pointer-events:auto!important;
   touch-action:manipulation!important;
 }
 #hydd-mobile-menu-trigger span{
   display:block!important;
   width:27px!important;
   height:1px!important;
   flex:none!important;
   background:currentColor!important;
 }
 body.hydd-menu-v4-open #hydd-mobile-menu-trigger{
   visibility:hidden!important;
   pointer-events:none!important;
 }
 #hydd-mobile-menu-trigger:focus-visible{
   outline:2px solid #171717!important;
   outline-offset:3px!important;
 }
}

#hydd-mobile-nav-v4[hidden]{display:none!important}
#hydd-mobile-nav-v4{display:none!important}
@media(max-width:767px){
  body.hydd-menu-v4-open #hydd-mobile-nav-v4{
    display:flex!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    z-index:2147483640!important;
    padding:clamp(68px,10vh,100px) 18px max(24px,env(safe-area-inset-bottom))!important;
    margin:0!important;
    background:#fff!important;
    color:#111!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    isolation:isolate!important;
    text-align:center!important;
    font-family:"Marcellus","PT Serif",Georgia,serif!important;
    opacity:1!important;
    visibility:visible!important;
  }
  #hydd-mobile-nav-v4, #hydd-mobile-nav-v4 *{box-sizing:border-box!important}
  #hydd-mobile-nav-v4 .hydd-mobile-nav-links{
    all:unset!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:450px!important;
    gap:0!important;
    margin:0 auto!important;
    padding:0!important;
    flex:0 0 auto!important;
  }
  #hydd-mobile-nav-v4 .hydd-mobile-nav-links a{
    all:unset!important;
    display:block!important;
    width:100%!important;
    min-height:47px!important;
    padding:7px 4px!important;
    margin:0!important;
    text-align:center!important;
    font:400 clamp(25px,7vw,40px)/1.25 "Marcellus","PT Serif",Georgia,serif!important;
    color:#111!important;
    cursor:pointer!important;
    text-decoration:none!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  #hydd-mobile-nav-v4 .hydd-mobile-nav-languages{
    all:unset!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    gap:4px 15px!important;
    width:100%!important;
    max-width:380px!important;
    padding:20px 0 0!important;
    margin:24px auto 0!important;
    border-top:1px solid #dedbd8!important;
    text-align:center!important;
  }
  #hydd-mobile-nav-v4 .hydd-mobile-nav-languages a{
    all:unset!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    min-height:44px!important;
    padding:6px 3px!important;
    margin:0!important;
    font:400 clamp(15px,4vw,18px)/1.35 "Marcellus","PT Serif",Georgia,serif!important;
    text-align:center!important;
    color:#111!important;
    cursor:pointer!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  #hydd-mobile-nav-v4 a[aria-current="page"]{
    text-decoration:underline!important;
    text-decoration-thickness:1px!important;
    text-underline-offset:5px!important;
  }
  #hydd-mobile-nav-v4 .hydd-mobile-nav-close{
    all:unset!important;
    position:fixed!important;
    inset-block-start:max(10px,env(safe-area-inset-top))!important;
    inset-inline-end:clamp(12px,4vw,22px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:46px!important;
    height:46px!important;
    background:#fff!important;
    border:1px solid #e2ddd8!important;
    color:#111!important;
    font:28px/1 Arial,sans-serif!important;
    cursor:pointer!important;
    z-index:2147483641!important;
  }
  #hydd-mobile-nav-v4 a:focus-visible,#hydd-mobile-nav-v4 button:focus-visible{
    outline:2px solid #111!important;
    outline-offset:2px!important;
  }
}
/* Close control is a body child, not inside the transformed Squarespace
   overlay. Physical viewport offsets are stable in French and Arabic. */
#hydd-mobile-nav-close{display:none!important}
@media(max-width:767px){
  body.hydd-menu-v4-open #hydd-mobile-nav-close{
    all:unset!important;
    box-sizing:border-box!important;
    display:flex!important;
    position:fixed!important;
    top:max(10px,env(safe-area-inset-top))!important;
    right:12px!important;
    left:auto!important;
    width:46px!important;
    height:46px!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    border:1px solid #e2ddd8!important;
    color:#111!important;
    font:28px/1 Arial,sans-serif!important;
    cursor:pointer!important;
    z-index:2147483646!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  html[lang="ar"] body.hydd-menu-v4-open #hydd-mobile-nav-close{
    left:12px!important;
    right:auto!important;
  }
  #hydd-mobile-nav-close:focus-visible{
    outline:2px solid #111!important;
    outline-offset:3px!important;
  }
}

/* Explicit physical offsets avoid RTL logical-inset resolution bugs in
   the captured Squarespace document. The close button must stay on-screen. */
@media(max-width:767px){
  html[lang="ar"] #hydd-mobile-nav-v4 .hydd-mobile-nav-close{
    inset-inline-end:auto!important;
    inset-inline-start:auto!important;
    left:12px!important;
    right:auto!important;
    top:max(10px,env(safe-area-inset-top))!important;
  }
  html:not([lang="ar"]) #hydd-mobile-nav-v4 .hydd-mobile-nav-close{
    inset-inline-end:auto!important;
    inset-inline-start:auto!important;
    right:12px!important;
    left:auto!important;
    top:max(10px,env(safe-area-inset-top))!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #hydd-mobile-nav-v4 *{animation:none!important;transition:none!important}
}