/* ==========================================================================
   REAL PROPERTY GURU — AGENTS LIST ACTION + TYPOGRAPHY POLISH V53
   Depends on V51 + V52.
   Scope: exact Agents directory only.
   Desktop >=1025px untouched.
   Sticky floating menu untouched.
   ========================================================================== */

/* MOBILE + TABLET POLISH ONLY */
@media (max-width:1024px){

  /* Long names: keep card rhythm consistent without hiding identity. */
  body#page-agents .rpg-core-agent-card__body h3 a{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }

  /* Role badge: slightly stronger contrast, same size/shape. */
  body#page-agents .rpg-core-agent-card__role{
    color:#067844!important;
    background:#eef9f3!important;
    border:1px solid rgba(6,120,68,.12)!important;
    font-weight:850!important;
  }

  /* Active-listing meta: improve legibility without changing architecture. */
  body#page-agents .rpg-core-agent-card__meta span{
    color:#0b6f45!important;
    background:#f2faf6!important;
    border:1px solid rgba(7,117,68,.09)!important;
    font-weight:750!important;
  }

  /* Actions: keep 2 equal columns + full-width profile. */
  body#page-agents .rpg-directory-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body#page-agents .rpg-directory-action--call,
  body#page-agents .rpg-directory-action--whatsapp{
    width:100%!important;
    justify-content:center!important;
  }

  /* Call becomes visible as an equal action without competing with WhatsApp. */
  body#page-agents .rpg-directory-action--call{
    background:#f4fbf7!important;
    color:#087746!important;
    border:1px solid rgba(8,119,70,.28)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)!important;
  }

  body#page-agents .rpg-directory-action--call:hover,
  body#page-agents .rpg-directory-action--call:focus-visible{
    background:#eaf8f0!important;
    color:#05683c!important;
    border-color:rgba(8,119,70,.42)!important;
  }

  /* WhatsApp remains the stronger primary contact action. */
  body#page-agents .rpg-directory-action--whatsapp{
    background:#16bf68!important;
    color:#fff!important;
    border:1px solid #16bf68!important;
    box-shadow:0 4px 10px rgba(22,191,104,.14)!important;
  }

  body#page-agents .rpg-directory-action--whatsapp:hover,
  body#page-agents .rpg-directory-action--whatsapp:focus-visible{
    background:#10aa5d!important;
    border-color:#10aa5d!important;
    color:#fff!important;
  }

  body#page-agents .rpg-directory-action--call svg,
  body#page-agents .rpg-directory-action--whatsapp svg{
    flex:0 0 auto!important;
  }

  /* Profile remains unchanged structurally but gains slightly cleaner separation. */
  body#page-agents .rpg-directory-action--profile{
    grid-column:1/-1!important;
    width:100%!important;
  }
}

@media (max-width:576px){

  /* Reduce unused vertical air above action row. */
  body#page-agents .rpg-core-agent-card__meta{
    margin-bottom:6px!important;
  }

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

  body#page-agents .rpg-directory-action--call,
  body#page-agents .rpg-directory-action--whatsapp{
    min-height:39px!important;
    height:39px!important;
    padding:0 8px!important;
    font-size:11.2px!important;
    font-weight:850!important;
  }

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

  /* Maintain compact 2-line name block. */
  body#page-agents .rpg-core-agent-card__body h3{
    min-height:19px!important;
    max-height:38px!important;
  }
}

@media (min-width:577px) and (max-width:799px){

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

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

  body#page-agents .rpg-directory-action--call,
  body#page-agents .rpg-directory-action--whatsapp{
    min-height:39px!important;
  }
}

@media (min-width:800px) and (max-width:1024px){

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

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

  body#page-agents .rpg-directory-action--call,
  body#page-agents .rpg-directory-action--whatsapp{
    min-height:38px!important;
  }
}

/* Desktop lock: no V53 rules above 1024px. */