/* Zein Publisher v0.3.0 — final visual corrections */

/* Hero: generous Arabic line spacing and no service strip. */
body.home .zl-hero h1,
body.home .zl-front .zl-hero h1{
  line-height:1.48!important;
  letter-spacing:0!important;
  text-wrap:balance;
}
body.home .zl-hero h1 strong{display:inline-block;line-height:1.48!important;}
body.home .zl-hero__lead{
  line-height:2.15!important;
  max-width:700px!important;
}
body.home .zl-section--paper{padding-top:78px!important;}
body.home .zl-service-strip{display:none!important;}

/* Top header social icons on desktop and mobile. */
body .zl-topbar__inner{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  min-height:42px!important;
}
body .zl-topbar__contact{justify-content:center!important;}
body .zl-topbar__social{display:flex;align-items:center;justify-content:flex-end;}
body .zein-social-links--header{gap:6px!important;}
body .zein-social-links--header .zein-social-links__link{
  width:28px!important;height:28px!important;flex-basis:28px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:none!important;
}
body .zein-social-links--header .zein-social-links__link svg{width:14px!important;height:14px!important;}

/* Modern mobile navigation: compact bar + off-canvas drawer. */
body .zl-mobile-menu-panel__head,
body .zl-mobile-menu-backdrop{display:none;}
@media (max-width:860px){
  body.aw-mobile-menu-open{overflow:hidden!important;}
  body .zl-topbar{display:block!important;}
  body .zl-topbar__inner{
    width:100%!important;
    min-height:46px!important;
    padding:7px 13px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  body .zl-topbar__legal{display:none!important;}
  body .zl-topbar__contact{
    display:flex!important;
    justify-content:flex-start!important;
    gap:12px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body .zl-topbar__contact a{font-size:12px!important;gap:0!important;}
  body .zl-topbar__contact a span,
  body .zl-topbar__contact .zl-topbar__email{display:none!important;}
  body .zl-topbar__social{justify-content:flex-end!important;}
  body .zein-social-links--header{gap:5px!important;}
  body .zein-social-links--header .zein-social-links__link{
    width:29px!important;height:29px!important;flex-basis:29px!important;
  }

  body .aw-subnav,
  body .zl-nav-wrap{
    background:#fff!important;
    border-top:1px solid rgba(91,15,26,.08)!important;
    border-bottom:1px solid rgba(91,15,26,.10)!important;
    box-shadow:0 10px 28px rgba(53,7,13,.07)!important;
  }
  body .aw-subnav .container{padding:8px 12px!important;}
  body .aw-subnav__mobile-head,
  body .zl-mobile-nav-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-height:46px!important;
  }
  body .aw-mobile-home-link,
  body .aw-mobile-menu-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:44px!important;
    border-radius:14px!important;
    font-family:"Cairo",Tahoma,Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:600!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }
  body .aw-mobile-home-link{
    width:118px!important;
    gap:8px!important;
    padding:0 14px!important;
    background:#F8F3EE!important;
    color:#5B0F1A!important;
    border:1px solid #E8DAD0!important;
  }
  body .aw-mobile-home-link svg{
    width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;
    stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  body .aw-mobile-menu-toggle{
    width:auto!important;
    min-width:150px!important;
    padding:0 16px!important;
    gap:11px!important;
    color:#fff!important;
    background:#5B0F1A!important;
    border:1px solid #5B0F1A!important;
  }
  body .aw-mobile-menu-toggle__icon{width:20px!important;height:14px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;}
  body .aw-mobile-menu-toggle__icon i{height:1.8px!important;background:currentColor!important;border-radius:8px!important;}

  body .zl-mobile-menu-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:99980!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(26,4,8,.52)!important;
    backdrop-filter:blur(3px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .22s ease,visibility .22s ease!important;
  }
  body.aw-mobile-menu-open .zl-mobile-menu-backdrop{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  }
  body .aw-subnav__inner,
  body .zl-main-nav{
    display:flex!important;
    position:fixed!important;
    top:0!important;
    right:0!important;
    z-index:99990!important;
    width:min(88vw,370px)!important;
    max-width:370px!important;
    height:100dvh!important;
    max-height:none!important;
    margin:0!important;
    padding:0 18px 26px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    background:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:-22px 0 55px rgba(34,4,9,.24)!important;
    opacity:1!important;
    visibility:visible!important;
    overflow-y:auto!important;
    pointer-events:auto!important;
    transform:translateX(105%)!important;
    transition:transform .28s cubic-bezier(.22,.75,.25,1)!important;
  }
  body.aw-mobile-menu-open .aw-subnav__inner,
  body.aw-mobile-menu-open .zl-main-nav{transform:translateX(0)!important;}
  body .zl-mobile-menu-panel__head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    min-height:92px!important;
    margin:0 -18px 18px!important;
    padding:18px!important;
    background:linear-gradient(145deg,#35070D,#5B0F1A)!important;
    color:#fff!important;
  }
  body .zl-mobile-menu-panel__head div{display:flex!important;flex-direction:column!important;gap:3px!important;}
  body .zl-mobile-menu-panel__head small{color:#E4CC9F!important;font-size:11px!important;}
  body .zl-mobile-menu-panel__head strong{color:#fff!important;font-size:20px!important;font-weight:600!important;}
  body .zl-mobile-menu-close{
    width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    border-radius:50%!important;border:1px solid rgba(255,255,255,.24)!important;
    background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:30px!important;font-weight:300!important;
  }
  body .zl-mobile-menu-panel__links{
    display:flex!important;flex-direction:column!important;gap:7px!important;width:100%!important;
  }
  body .zl-mobile-menu-panel__links > a,
  body .zl-mobile-menu-panel__links > li,
  body .zl-mobile-menu-panel__links .menu-item{width:100%!important;margin:0!important;padding:0!important;list-style:none!important;}
  body .zl-mobile-menu-panel__links > a,
  body .zl-mobile-menu-panel__links > li > a,
  body .zl-mobile-menu-panel__links .menu-item > a,
  body .zl-mobile-menu-panel__links .aw-subnav__link{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:52px!important;
    padding:11px 16px 11px 40px!important;
    border-radius:14px!important;
    border:1px solid #EEE3DB!important;
    background:#FBF8F5!important;
    color:#35070D!important;
    font-size:15px!important;
    font-weight:600!important;
    text-align:right!important;
  }
  body .zl-mobile-menu-panel__links > a::after,
  body .zl-mobile-menu-panel__links > li > a::after,
  body .zl-mobile-menu-panel__links .menu-item > a::after,
  body .zl-mobile-menu-panel__links .aw-subnav__link::after{
    content:"‹"!important;position:absolute!important;left:16px!important;top:50%!important;transform:translateY(-50%)!important;
    color:#B18A72!important;font-size:21px!important;font-weight:400!important;
  }
  body .zl-mobile-menu-panel__links .current-menu-item > a,
  body .zl-mobile-menu-panel__links .current_page_item > a{
    background:#5B0F1A!important;color:#fff!important;border-color:#5B0F1A!important;
  }
  body .zl-mobile-menu-panel__links .sub-menu{display:none!important;}
}
@media (max-width:390px){
  body .aw-mobile-home-link{width:108px!important;padding-inline:11px!important;}
  body .aw-mobile-menu-toggle{min-width:142px!important;padding-inline:13px!important;}
  body .aw-mobile-menu-toggle__text{font-size:13px!important;}
}

/* Footer: official email only, WhatsApp actions and embedded map. */
body .zl-footer__whatsapp{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;}
body .zl-footer__whatsapp a{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  min-height:38px!important;padding:7px 10px!important;border-radius:10px!important;
  background:rgba(37,211,102,.12)!important;border:1px solid rgba(37,211,102,.34)!important;
  color:#fff!important;text-decoration:none!important;font-size:11px!important;
}
body .zl-footer__whatsapp a:hover{background:#25D366!important;color:#fff!important;}
body .zl-footer__whatsapp span{display:inline-flex!important;width:18px!important;height:18px!important;color:#fff!important;}
body .zl-footer__whatsapp svg{width:18px!important;height:18px!important;fill:currentColor!important;stroke:none!important;}
body .zl-footer__map{
  position:relative;z-index:1;margin:0 0 30px;padding:14px;border:1px solid rgba(255,255,255,.13);
  border-radius:18px;background:rgba(255,255,255,.055);box-shadow:0 18px 44px rgba(0,0,0,.13);
}
body .zl-footer__map-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 3px 13px;}
body .zl-footer__map-head div{display:flex;flex-direction:column;gap:3px;}
body .zl-footer__map-head small{font-size:11px!important;color:#E4CC9F!important;}
body .zl-footer__map-head strong{font-size:13px!important;color:#fff!important;font-weight:500!important;}
body .zl-footer__map-head a{min-height:36px;padding:8px 13px;border:1px solid rgba(255,255,255,.2);border-radius:9px;color:#fff!important;text-decoration:none;font-size:11px;}
body .zl-footer__map iframe{display:block;width:100%;height:260px;border:0;border-radius:12px;background:#EFE6DF;}
@media(max-width:580px){
  body .zl-footer__map{padding:10px;margin-bottom:22px;border-radius:15px;}
  body .zl-footer__map-head{align-items:flex-start;flex-direction:column;gap:9px;}
  body .zl-footer__map iframe{height:230px;}
}

/* Single product: compact bibliographic metadata directly beneath author and heart. */
body.single-product .zein-sp__headline-meta{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:14px 0 0!important;padding:0!important;
}
body.single-product .zein-sp__headline-meta > div{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  min-height:35px!important;padding:7px 11px!important;border:1px solid #E8DAD0!important;
  border-radius:999px!important;background:#FBF7F3!important;
}
body.single-product .zein-sp__headline-meta dt,
body.single-product .zein-sp__headline-meta dd{margin:0!important;padding:0!important;line-height:1.35!important;}
body.single-product .zein-sp__headline-meta dt{font-size:10px!important;color:#8C7772!important;font-weight:500!important;}
body.single-product .zein-sp__headline-meta dd{font-size:12px!important;color:#5B0F1A!important;font-weight:600!important;}
body.single-product .zein-sp__side-meta{display:grid!important;gap:7px!important;}
body.single-product .zein-sp__side-meta > div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
@media(max-width:700px){
  body.home .zl-hero h1,body.home .zl-front .zl-hero h1{font-size:clamp(38px,10.5vw,52px)!important;line-height:1.52!important;}
  body.home .zl-hero__lead{font-size:15px!important;line-height:2.05!important;}
  body.home .zl-section--paper{padding-top:60px!important;}
  body.single-product .zein-sp__headline-meta{gap:6px!important;}
  body.single-product .zein-sp__headline-meta > div{padding:6px 9px!important;}
}