/* child-catgrid-compact.css — compact business-category grid on child-site
   directory pages (/all/network/members/ etc.). Loaded ONLY when
   IsthisChildWebsite="1" AND G_FEATURE_CHILD_CATGRID_COMPACT is on, so
   storeboard.com is untouched.

   Base rules (inline in inc/categoryrow.asp <style>) render:
     .MiddleColCatList { max-height:480px; overflow-y:auto }  (child, desktop)
     #localbizdata > span { height:44px; line-height:44px; margin-bottom:20px; font-size:20px }
     #localbizdata > div  { margin:32px 0 16px }
     #localbizdata        { padding-bottom:80px; columns:3 }
   Those combine to produce a tall, scrolling panel with big vertical gaps
   between the 15 parent categories on the 3-col grid — this file compacts them.

   Rollback:  set G_FEATURE_CHILD_CATGRID_COMPACT = False in inc/global.asp
              (instant, no file restore).
*/

/* 1. Kill the 480px scrollbox on child sites so all rows show without scrolling. */
.MiddleColCatList{
    max-height:none !important;
    overflow-y:visible !important;
    margin-top:4px !important;
}

/* 2. Reduce whitespace under the "Businesses / Profiles / Scroll" dropdown row.
      The leading <div STYLE="height:10px"> that sits ABOVE #localbizdata shrinks. */
.MiddleColCatList > div[style*="height:10px"],
.MiddleColCatList > div[STYLE*="height:10px"]{
    height:2px !important;
}

/* 3. Kill the giant gap under the "All Businesses" heading. The child branch
      injects a bare <div STYLE="height:10px"> inside #localbizdata; the base
      rule expands EVERY direct <div> to 32/16 margin (58px total effective).
      Collapse it. */
#localbizdata > div[style*="height:10px"],
#localbizdata > div[STYLE*="height:10px"]{
    height:2px !important;
    margin:0 !important;
}

/* 4. Compact each parent-category row so all 15 sit in ~5 rows of 3 without
      wasted vertical space. Base = 44px height + 20px margin-bottom = 64px/row.
      Compact = 30px height + 4px margin-bottom = 34px/row.  Almost half. */
#localbizdata > span{
    height:30px !important;
    line-height:30px !important;
    margin-bottom:4px !important;
    font-size:17px !important;
    padding-left:6px !important;
    padding-right:6px !important;
}

/* 5. The "All Businesses" heading is also a direct <span>; keep it slightly
      taller than category rows for hierarchy and let it breathe below. */
#localbizdata > span.fontUnderline.fontBold{
    height:34px !important;
    line-height:34px !important;
    margin-bottom:6px !important;
    font-size:19px !important;
}

/* 6. Icon spacing — .sb-catrow-icon wraps the boardBizD() emoji so we can
      lock its width and stop text bounce when different emojis have different
      widths. */
#localbizdata > span.sb-catrow-compact > .sb-catrow-icon{
    display:inline-block;
    width:24px;
    margin-right:6px;
    text-align:center;
    font-size:17px;
    line-height:inherit;
    vertical-align:baseline;
}

/* 7. Trim the base 80px bottom padding so the panel doesn't add dead space
      below the last row. */
#localbizdata{
    padding-bottom:8px !important;
}

/* 8. Mobile: base rules already wrap and allow scrolling. Keep those but still
      tighten row rhythm and remove the panel viewport cap so all rows show. */
@media (max-width:767px){
    .MiddleColCatList{
        max-height:none !important;
        overflow-y:visible !important;
    }
    #localbizdata > span{
        min-height:34px !important;
        padding:6px 6px !important;
        margin-bottom:6px !important;
        font-size:14px !important;
        line-height:18px !important;
    }
    #localbizdata > span.sb-catrow-compact > .sb-catrow-icon{
        width:20px;
        margin-right:4px;
        font-size:14px;
    }
}