/* Sitouzani mobile dock; original AFUS menus remain authoritative. */
.tz-dock{display:none}
@media(max-width:767px){
 body{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
 .tz-dock{position:fixed;bottom:0;left:0;right:0;z-index:9996;display:flex;align-items:center;justify-content:space-around;height:calc(69px + env(safe-area-inset-bottom));padding:0 9px env(safe-area-inset-bottom);background:#fff;border-top:1px solid #d1ebfa;border-radius:22px 22px 0 0;box-shadow:0 -5px 22px rgba(26,153,219,.14);direction:ltr}
 .tz-dock-item{width:19%;min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;color:#268ec8!important;text-decoration:none!important;background:none;border:0;font:inherit;font-size:10px;cursor:pointer}
 .tz-dock-item i{font-size:20px;color:#24a8eb}
 .tz-dock-center{position:relative;top:-19px;width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#55c6f8,#159cde);border:3px solid #fff;border-radius:50%;box-shadow:0 5px 18px rgba(17,153,222,.32);cursor:pointer;z-index:2;font-size:22px}
 .tz-dock-item:focus-visible,.tz-dock-center:focus-visible{outline:2px solid #18a6ed;outline-offset:2px}
 .tazuri-floating-actions{bottom:calc(85px + env(safe-area-inset-bottom))!important}
}
@media(min-width:768px){.tz-dock{display:none!important}}
/* Mobile account menu: retain AFUS' own permission-aware links, show them above dock. */
@media(max-width:767px){
 .afus-header .header-right .afus-havatar,.afus-header .header-right .reglink{visibility:hidden!important;pointer-events:none!important}
 .afus-header .header-right{width:0!important;min-width:0!important;margin:0!important;padding:0!important}
 .afus-header .header-right .afus-dropdown{position:fixed!important;top:auto!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important;max-height:min(70vh,520px);overflow-y:auto!important;transform-origin:bottom right!important;z-index:10020!important;box-shadow:0 12px 45px rgba(21,59,87,.22)!important}
 .afus-header .header-right .afus-dropdown.open{visibility:visible!important;opacity:1!important;transform:scale(1)!important;pointer-events:auto!important}
 .tz-dock-item[aria-expanded="true"]{color:#087ebc!important}
}

/* Account photo and permission-aware menu displayed from the mobile dock. */
@media(max-width:767px){
 .tz-dock-avatar{width:31px;height:31px;display:grid;place-items:center;border:2px solid #a6e2ff;border-radius:50%;overflow:hidden;background:#e8f7ff;color:#24a8eb}
 .tz-dock-avatar img,.tz-dock-avatar .afus-avatar-image,.tz-dock-avatar .afus-avatar-link{display:block;width:100%!important;height:100%!important;object-fit:cover;border-radius:50%}
 .tz-dock-avatar i{font-size:17px!important}
 body>.tz-dock-account-menu{display:none!important;position:fixed!important;top:auto!important;bottom:calc(77px + env(safe-area-inset-bottom))!important;right:10px!important;left:auto!important;width:min(310px,calc(100vw - 20px))!important;max-height:min(70vh,520px)!important;overflow-y:auto!important;z-index:10030!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;background:#fff!important;border:1px solid #d3ecfa!important;border-radius:18px!important;box-shadow:0 12px 36px rgba(20,89,128,.22)!important;padding:10px!important}
 body>.tz-dock-account-menu.open{display:block!important}
 body>.tz-dock-account-menu a{display:block;padding:10px 12px;color:#267fae;text-decoration:none}
 body>.tz-dock-account-menu a:hover{background:#e8f7ff;border-radius:9px}
}
@media(min-width:768px){body>.tz-dock-account-menu{display:none!important}}

/* Integrated mobile menu and avatar profile; desktop remains untouched. */
.tz-mobile-menu-links{display:none}
@media(max-width:767px){
 .afus-header .header-middle>.tazuri-explore-link,
 .afus-header .header-middle>.tazuri-header-quick-link,
 .afus-header .header-middle>.tazuri-categories-toggle{display:none!important}
 .afus-header .header-middle>.tazuri-explore-link,
 .afus-header .header-middle>a:not(.anaqa-mega-menu a){display:none!important}
 .afus-header .header-middle .anaqa-mega-menu{z-index:10010!important;max-height:calc(100dvh - 115px)!important;overflow-y:auto!important}
 .tz-mobile-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 16px}
 .tz-mobile-menu-links a{display:flex;align-items:center;gap:9px;padding:11px 9px;border-radius:12px;background:#eaf7ff;color:#167fb5!important;text-decoration:none;font-size:13px;font-weight:650}
 .tz-mobile-menu-links i{color:#24a8eb;font-size:16px}
 .tz-dock-profile{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
 .tz-dock-avatar{flex:0 0 31px}
 .tz-dock-account-menu .afus-nav-user-list{display:block!important}
}
@media(min-width:768px){.tz-mobile-menu-links{display:none!important}}

/* Mobile home: show the real post feed first. The large member card and
   dashboard panels are desktop-only; account/profile remain available
   through the existing mobile dock and native AFUS profile page. */
@media (max-width:767px) {
  body.afus-template-home .tazuri-home-dashboard { display:none!important; }
  body.afus-template-home .anaqa-home-intro { margin-top:0!important; }
  body.afus-template-home .tazuri-post-grid { margin-top:0!important; }
}

/* Tazuri v7: compact, image-first masonry cards on mobile.
   Keep the existing Masonry engine, links and dock/profile scripts unchanged. */
@media (max-width: 800px) {
  .afus-part-q-list .anaqa-content-grid.tazuri-post-grid {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0 0 105px!important;
    box-sizing:border-box!important;
  }
  .afus-part-q-list .tazuri-post-grid .grid-sizer,
  .afus-part-q-list .tazuri-post-grid .box,
  .afus-part-q-list .tazuri-post-grid .afus-q-list-item {
    width:50%!important;
    box-sizing:border-box!important;
  }
  .afus-part-q-list .tazuri-post-grid .box {
    margin:0!important;
    padding:0 5px 10px!important;
  }
  .afus-part-q-list .tazuri-post-grid .afus-q-item-main {
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    border-radius:13px!important;
    border:1px solid #e8edf1!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .afus-part-q-list .tazuri-post-grid .post-featured-img,
  .afus-part-q-list .tazuri-post-grid .item-a {
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }
  .afus-part-q-list .tazuri-post-grid .item-img {
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  .afus-part-q-list .tazuri-post-grid .afus-post-content {
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    padding:8px 9px 10px!important;
    background:#fff!important;
  }
  .afus-part-q-list .tazuri-post-grid .afus-q-item-title h2,
  .afus-part-q-list .tazuri-post-grid .afus-q-item-title a {
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:650!important;
    text-align:start!important;
  }
  .afus-part-q-list .tazuri-post-grid .afus-title-up {margin-bottom:5px!important;}
  .afus-part-q-list .tazuri-post-grid .post-meta {font-size:10px!important;margin-top:6px!important;}
  .afus-part-q-list .tazuri-post-grid .tislit-post-actions {top:7px!important;inset-inline-end:12px!important;}
  .afus-part-q-list .tazuri-post-grid .tislit-post-actions>summary {width:26px!important;height:26px!important;}
}


/* Tazuri v8: image-only Masonry on the MOBILE HOME FEED only.
   The original title, metadata and actions remain available on article pages
   and desktop; the working dock/menu/profile JS is untouched. */
@media (max-width:767px) {
 body.afus-template-home .afus-part-q-list .tazuri-post-grid .afus-post-content,
 body.afus-template-home .afus-part-q-list .tazuri-post-grid .tislit-post-actions,
 body.afus-template-home .afus-part-q-list .tazuri-post-grid .afus-q-item-title,
 body.afus-template-home .afus-part-q-list .tazuri-post-grid .post-meta {display:none!important;}
 body.afus-template-home .afus-part-q-list .tazuri-post-grid .afus-q-item-main {
   display:block!important; padding:0!important; margin:0!important;
   border:0!important; border-radius:15px!important;
   background:transparent!important; overflow:hidden!important;
   box-shadow:0 2px 9px rgba(25,55,75,.10)!important;
 }
 body.afus-template-home .afus-part-q-list .tazuri-post-grid .item-a,
 body.afus-template-home .afus-part-q-list .tazuri-post-grid .post-featured-img {
   display:block!important; width:100%!important; height:auto!important;
   min-height:0!important; max-height:none!important; aspect-ratio:auto!important;
   padding:0!important; margin:0!important; border:0!important;
   border-radius:15px!important; overflow:hidden!important;
 }
 body.afus-template-home .afus-part-q-list .tazuri-post-grid .item-img {
   display:block!important; width:100%!important; height:auto!important;
   min-height:0!important; max-height:none!important; aspect-ratio:auto!important;
   object-fit:cover!important; border-radius:15px!important;
 }
 body.afus-template-home .afus-part-q-list .tazuri-post-grid .box {padding:0 5px 10px!important;}
 body.afus-template-home .afus-part-q-list .tazuri-post-grid .afus-nothumb {
   display:grid!important; place-items:center; min-height:125px;
   border-radius:15px; background:#eaf4fa;
 }
}