/* 22Media Premium Pro V6.9 — clean publisher treatment */
.m22-publisher-stamp{margin:18px 0 0;padding:15px 17px;border:1px solid #dce6f7;border-radius:16px;background:linear-gradient(135deg,#f7faff,#eef5ff);display:flex;align-items:center;gap:12px;color:#15213a;box-shadow:0 10px 24px rgba(13,34,76,.05)}
.m22-publisher-stamp>i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#0b57e8,#12348e);color:#fff;box-shadow:0 8px 18px rgba(18,99,255,.2)}
.m22-publisher-stamp strong{display:block;font-size:12px;letter-spacing:.01em}.m22-publisher-stamp span{display:block;margin-top:2px;color:#6c7890;font-size:11px}
.m22-dark .m22-publisher-stamp{background:linear-gradient(135deg,#111a2d,#0d1527);border-color:#26324a;color:#eef4ff}.m22-dark .m22-publisher-stamp span{color:#9dacbf}
.m22-lang-ur .m22-publisher-stamp{text-align:right;direction:rtl}.m22-lang-ur .m22-publisher-stamp strong{font-family:"Noto Sans Arabic",sans-serif;font-size:13px}.m22-lang-ur .m22-publisher-stamp span{font-family:"Noto Sans Arabic",sans-serif;font-size:12px}
.m22-brand-publish-note{border-color:#d7e7ff!important;background:linear-gradient(135deg,#f7faff,#eef6ff)!important}.m22-brand-publish-note i{color:#0d5fe8!important}
@media(max-width:620px){.m22-publisher-stamp{padding:13px 14px;border-radius:14px}.m22-publisher-stamp>i{width:34px;height:34px}.m22-publisher-stamp span{font-size:10px}}

/* ===== V6.10 final polish: logo clarity, dark logo, mobile drawer & readable footer ===== */
.m22-header-v66 .m22-brand-caption{
  display:block!important;
  margin-top:2px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:8.5px!important;
  line-height:1.25!important;
  font-style:normal!important;
  font-weight:700!important;
  letter-spacing:.09em!important;
  text-transform:none!important;
  white-space:nowrap!important;
  color:#6f7d94!important;
  opacity:1!important;
}
body.m22-lang-ur .m22-header-v66 .m22-brand-caption{
  font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif!important;
  font-size:10px!important;
  line-height:1.5!important;
  letter-spacing:0!important;
  font-style:normal!important;
}
.m22-header-v66 .m22-brand-wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.m22-header-v66 .m22-brand-wordmark .m22-logo-image{display:block;background:transparent!important}

/* The source JPG had a white canvas. V6.10 uses a transparent wordmark and a dedicated dark-mode asset. */
.m22-dark .m22-header-v66 .m22-brand-wordmark .m22-logo-image{
  content:url('../images/22media-horizontal-dark.png')!important;
}
.m22-footer-wordmark-v66{
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(129,158,210,.18)!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px);
}
.m22-footer-wordmark-v66 .m22-logo-image{
  content:url('../images/22media-horizontal-dark.png')!important;
  background:transparent!important;
}
.m22-dark .m22-footer-wordmark-v66{
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(125,154,205,.16)!important;
}

/* Slightly stronger footer typography without making the footer bulky. */
.m22-footer-trustbar b{font-size:11px!important;font-weight:800!important}
.m22-footer-trustbar small{font-size:9px!important;line-height:1.35!important}
.m22-footer-brand-v66>p{font-size:12px!important;line-height:1.72!important;color:#a9b7ce!important}
.m22-footer-col h4{font-size:11px!important;font-weight:800!important}
.m22-footer-v66 .m22-footer-links a{font-size:11.5px!important;line-height:1.55!important;font-weight:500!important}
.m22-footer-bottom-v66{font-size:9.5px!important}
.m22-footer-copyright{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.m22-footer-developer{display:inline-flex;align-items:center;gap:5px;padding-left:9px;border-left:1px solid rgba(129,158,210,.2);color:#8ea2c1;font-weight:600;white-space:nowrap}
.m22-footer-developer i{font-size:9px;color:#6ea3ff}.m22-footer-developer b{color:#c4d4ec;font-weight:800}
body.m22-lang-ur .m22-footer-developer{direction:ltr;font-family:Inter,Arial,sans-serif!important}

@media(max-width:1320px) and (min-width:981px){
  /* Keep the caption readable on medium desktops instead of rendering tiny/overlapping text. */
  .m22-header-v66 .m22-brand-caption{display:block!important;font-size:7.5px!important;letter-spacing:.06em!important}
}

@media(max-width:980px){
  /* Guarantee true centering of the masthead logo regardless of left/right action widths. */
  .m22-header-v66 .m22-header-main-v6{position:relative!important;grid-template-columns:48px 1fr 48px!important;padding:0 12px!important}
  .m22-header-v66 .m22-brand-horizontal{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    padding:4px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:17px!important;
    z-index:8!important;
  }
  .m22-header-v66 .m22-brand-square{display:flex!important;width:50px!important;height:50px!important;align-items:center;justify-content:center}
  .m22-header-v66 .m22-brand-square .m22-square-logo{width:50px!important;height:50px!important;display:block!important;object-fit:cover!important;object-position:center!important;border-radius:14px!important}
  .m22-header-v66 .m22-brand-wordmark{display:none!important}
  .m22-dark .m22-header-v66 .m22-brand-horizontal{background:#111a2d!important;border-color:#2b3a53!important}

  /* Wider, calmer and more readable off-canvas navigation. */
  .m22-header-v66 .m22-nav-wrap{
    width:min(430px,94vw)!important;
    max-width:94vw!important;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
    box-shadow:28px 0 80px rgba(4,20,55,.24)!important;
  }
  .m22-header-v66 .m22-mobile-menu-head{
    min-height:78px!important;
    padding:13px 16px!important;
    border-bottom:1px solid #e3eaf4!important;
    background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(18px)!important;
  }
  .m22-mobile-menu-brand{gap:11px!important}
  .m22-mobile-menu-brand .m22-square-logo{width:46px!important;height:46px!important;border-radius:13px!important}
  .m22-mobile-menu-brand b{font-size:14px!important;line-height:1.2!important;font-weight:850!important;letter-spacing:-.01em!important}
  .m22-mobile-menu-brand small{font-size:9px!important;line-height:1.35!important;margin-top:3px!important;letter-spacing:.02em!important}
  .m22-mobile-menu-close{width:42px!important;height:42px!important;border-radius:12px!important;font-size:15px!important}
  .m22-header-v66 .m22-nav-inner{padding:12px 14px calc(92px + env(safe-area-inset-bottom))!important}
  .m22-header-v66 .m22-nav-list{gap:5px!important}
  .m22-header-v66 .m22-nav-list>li>a{
    min-height:52px!important;
    padding:13px 14px!important;
    border-radius:14px!important;
    font-size:14.5px!important;
    line-height:1.35!important;
    font-weight:780!important;
  }
  .m22-header-v66 .m22-nav-list>li>a:before{width:6px!important;height:6px!important;margin-right:9px!important;opacity:.8}
  body.m22-lang-ur .m22-header-v66 .m22-nav-list>li>a:before{margin-right:0!important;margin-left:9px!important}
  .m22-header-v66 .m22-nav-list .sub-menu{padding:7px 8px!important;margin:4px 0 10px!important;border-radius:13px!important;background:#f1f6fd!important}
  .m22-header-v66 .m22-nav-list .sub-menu a{min-height:43px!important;padding:10px 11px!important;font-size:13px!important;line-height:1.4!important}
  .m22-header-v66 .m22-nav-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important;padding-top:12px!important}
  .m22-header-v66 .m22-nav-tools .m22-search-toggle{display:grid!important}
  .m22-header-v66 .m22-nav-tools>a,.m22-header-v66 .m22-nav-tools>button{height:46px!important;border-radius:12px!important}
  .m22-dark .m22-header-v66 .m22-mobile-menu-head{background:#101a2d!important;border-color:#293750!important}
  .m22-dark .m22-header-v66 .m22-nav-wrap{background:linear-gradient(180deg,#0d1627,#0b1322)!important}

  .m22-footer-brand-v66>p{font-size:10.5px!important;line-height:1.7!important}
  .m22-footer-trustbar b{font-size:10px!important}.m22-footer-trustbar small{font-size:8.5px!important}
  .m22-footer-col h4{font-size:10.5px!important}.m22-footer-v66 .m22-footer-links a{font-size:10.5px!important;line-height:1.55!important}
  .m22-footer-bottom-v66>span{font-size:8.5px!important;line-height:1.55!important;max-width:none!important}
  .m22-footer-copyright{gap:7px!important}.m22-footer-developer{padding-left:7px!important}
}

@media(max-width:520px){
  .m22-header-v66 .m22-nav-wrap{width:94vw!important;max-width:94vw!important}
  .m22-header-v66 .m22-nav-list>li>a{font-size:14px!important}
  .m22-footer-grid-v66{gap:24px 18px!important}
  .m22-footer-v66 .m22-footer-links a{font-size:10px!important}
  .m22-footer-bottom-v66{grid-template-columns:1fr 38px!important}
  .m22-footer-copyright{display:grid!important;gap:4px!important}
  .m22-footer-developer{border-left:0!important;padding-left:0!important}
}


/* ===== V6.11 footer readability tune ===== */
/* Desktop footer navigation should read like editorial navigation, not fine-print. */
.m22-footer-v66 .m22-footer-col h4{
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:850!important;
}
.m22-footer-v66 .m22-footer-links a{
  font-size:12.75px!important;
  line-height:1.6!important;
  font-weight:520!important;
}
.m22-footer-bottom-v66,
.m22-footer-bottom-v66>span,
.m22-footer-bottom-v66>div,
.m22-footer-bottom-v66 a{
  font-size:10.5px!important;
  line-height:1.5!important;
}
.m22-footer-developer{
  font-size:10.5px!important;
  font-weight:650!important;
}
.m22-footer-developer b{font-weight:850!important}

@media(max-width:980px){
  .m22-footer-v66 .m22-footer-col h4{font-size:11.5px!important}
  .m22-footer-v66 .m22-footer-links a{font-size:11.5px!important;line-height:1.6!important}
  .m22-footer-bottom-v66>span,.m22-footer-developer{font-size:9.5px!important}
}
@media(max-width:520px){
  .m22-footer-v66 .m22-footer-col h4{font-size:11px!important}
  .m22-footer-v66 .m22-footer-links a{font-size:11px!important}
  .m22-footer-bottom-v66>span,.m22-footer-developer{font-size:9px!important;line-height:1.55!important}
}