/* ==========================================================================
   REAL PROPERTY GURU — AGENTS LIST MOBILE CARD COMPACTION V52
   Depends on V51.
   Scope: exact Agents directory only.
   IMPORTANT:
   - Desktop >=1025px untouched.
   - Sticky floating Home/Search/Saved/Account menu untouched.
   - Hero/search/footer/trust architecture unchanged.
   - This pass only compacts agent cards and improves small-screen spacing.
   ========================================================================== */

/* ==========================================================================
   MOBILE <=576px
   ========================================================================== */
@media (max-width:576px){

  /* Slightly clearer separation before directory heading */
  body#page-agents .rpg-core-directory__quick-filters{
    margin-bottom:16px!important;
  }

  body#page-agents .rpg-core-directory__body{
    padding-top:8px!important;
  }

  /* Sort tabs: easier to read/tap without changing structure */
  body#page-agents .rpg-core-directory__tabs{
    gap:6px!important;
    padding:5px!important;
  }

  body#page-agents .rpg-core-directory__tabs > a{
    min-height:35px!important;
    height:35px!important;
    padding:0 12px!important;
    border-radius:9px!important;
    font-size:11.5px!important;
    line-height:1!important;
  }

  /* Directory vertical rhythm */
  body#page-agents .rpg-core-agent-grid{
    gap:11px!important;
  }

  /* Compact premium card */
  body#page-agents .rpg-core-agent-card{
    border-radius:14px!important;
    box-shadow:0 7px 20px rgba(5,64,45,.075)!important;
  }

  /*
   * The V51 portrait occupied the full media area.
   * V52 restores the intended centered compact portrait/logo treatment.
   */
  body#page-agents .rpg-core-agent-card__media{
    position:relative!important;
    min-height:88px!important;
    height:88px!important;
    display:block!important;
  }

  body#page-agents .rpg-core-agent-card__media-pattern{
    position:absolute!important;
    inset:0!important;
  }

  body#page-agents .rpg-core-agent-card__portrait{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;

    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;

    display:grid!important;
    place-items:center!important;

    overflow:hidden!important;
    border-radius:50%!important;

    background:#fff!important;
    border:3px solid rgba(255,255,255,.94)!important;
    box-shadow:0 5px 15px rgba(4,72,47,.12)!important;
  }

  body#page-agents .rpg-core-agent-card__portrait img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:50%!important;
  }

  body#page-agents .rpg-core-agent-card__initials{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;

    display:grid!important;
    place-items:center!important;

    border-radius:50%!important;
    font-size:17px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  /* Compact body */
  body#page-agents .rpg-core-agent-card__body{
    padding:10px 11px 11px!important;
  }

  body#page-agents .rpg-core-agent-card__topline{
    margin-bottom:3px!important;
  }

  body#page-agents .rpg-core-agent-card__role{
    min-height:20px!important;
    height:20px!important;
    padding:0 7px!important;
    font-size:9.5px!important;
  }

  body#page-agents .rpg-core-agent-card__body h3{
    margin:6px 0 6px!important;
    font-size:15.5px!important;
    line-height:1.2!important;
  }

  body#page-agents .rpg-core-agent-card__meta{
    margin-bottom:8px!important;
  }

  body#page-agents .rpg-core-agent-card__meta span{
    min-height:28px!important;
    height:auto!important;
    padding:5px 8px!important;
    border-radius:8px!important;
    font-size:11px!important;
    line-height:1.2!important;
  }

  body#page-agents .rpg-core-agent-card__meta svg{
    width:14px!important;
    height:14px!important;
    flex:0 0 14px!important;
  }

  /* Keep approved action structure */
  body#page-agents .rpg-directory-actions{
    gap:5px!important;
  }

  body#page-agents .rpg-directory-action{
    min-height:39px!important;
    height:39px!important;
    padding:0 7px!important;
    border-radius:8px!important;
    font-size:11px!important;
  }

  body#page-agents .rpg-directory-action svg{
    width:15px!important;
    height:15px!important;
  }

  body#page-agents .rpg-directory-action--profile{
    min-height:40px!important;
    height:40px!important;
    margin-top:1px!important;
  }

  /* Pagination gets a clean break from last card */
  body#page-agents .rpg-core-directory__pagination{
    margin-top:21px!important;
    margin-bottom:27px!important;
  }

  body#page-agents .rpg-core-directory__pagination .page-numbers{
    width:35px!important;
    min-width:35px!important;
    height:35px!important;
    min-height:35px!important;
  }
}

/* ==========================================================================
   SMALL TABLET 577–799px
   Keep V51 2-column structure, only compact card media/body.
   ========================================================================== */
@media (min-width:577px) and (max-width:799px){

  body#page-agents .rpg-core-agent-grid{
    gap:13px!important;
  }

  body#page-agents .rpg-core-agent-card__media{
    position:relative!important;
    min-height:104px!important;
    height:104px!important;
  }

  body#page-agents .rpg-core-agent-card__portrait{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;

    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;

    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;

    border-radius:50%!important;
    background:#fff!important;
    border:3px solid rgba(255,255,255,.94)!important;
    box-shadow:0 5px 15px rgba(4,72,47,.12)!important;
  }

  body#page-agents .rpg-core-agent-card__portrait img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:50%!important;
  }

  body#page-agents .rpg-core-agent-card__initials{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    font-size:18px!important;
  }

  body#page-agents .rpg-core-agent-card__body{
    padding:11px!important;
  }

  body#page-agents .rpg-core-agent-card__meta{
    margin-bottom:9px!important;
  }

  body#page-agents .rpg-directory-actions{
    gap:5px!important;
  }
}

/* ==========================================================================
   LARGE TABLET 800–1024px
   Keep V51 3-column structure, slightly shorten portrait/media region.
   ========================================================================== */
@media (min-width:800px) and (max-width:1024px){

  body#page-agents .rpg-core-agent-card__media{
    position:relative!important;
    min-height:100px!important;
    height:100px!important;
  }

  body#page-agents .rpg-core-agent-card__portrait{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;

    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;

    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;

    border-radius:50%!important;
    background:#fff!important;
    border:3px solid rgba(255,255,255,.94)!important;
    box-shadow:0 5px 15px rgba(4,72,47,.11)!important;
  }

  body#page-agents .rpg-core-agent-card__portrait img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:50%!important;
  }

  body#page-agents .rpg-core-agent-card__initials{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    font-size:17px!important;
  }

  body#page-agents .rpg-core-agent-card__body{
    padding:10px 10px 11px!important;
  }

  body#page-agents .rpg-core-agent-card__meta{
    margin-bottom:8px!important;
  }
}

/* Desktop remains untouched by V52. */