/*
 * Patch 057 — Directory Vertical Rhythm
 *
 * Scope:
 * - /services/ (global 16-domain directory)
 * - all /services/{cluster}/ SEO cluster hubs using the shared rr-cluster template
 *
 * Goal:
 * tighten desktop vertical rhythm and card whitespace without changing
 * copy, hierarchy, ownership, colors, buttons, forms or responsive structure.
 */

/* /services/ — the global directory was using the generic 4.5rem section rhythm
   plus a global-hub hero that can reach 7rem top and bottom on wide screens. */
body.page-id-521 .rb-page--services .rb-hero{
  padding-block:clamp(3.5rem,5vw,4.5rem);
}
body.page-id-521 .rb-page--services .rb-section{
  padding-block:clamp(2.75rem,4.2vw,3.5rem);
}
body.page-id-521 .rb-page--services .rb-section-head{
  margin-bottom:1.5rem;
}
body.page-id-521 .rb-page--services .rb-service-grid{
  gap:1rem 1.15rem;
}
body.page-id-521 .rb-page--services .rb-card{
  padding:1.25rem;
}
body.page-id-521 .rb-page--services .rb-cta{
  padding-block:clamp(2.75rem,4vw,3.5rem);
}

/* Shared cluster directories: /services/secteurs/, /services/tva/, etc.
   Apply once at the template level so the same excessive whitespace does not
   have to be corrected cluster by cluster. */
body.rr-cluster-hub-page .rr-cluster-hero{
  padding:64px 0 56px;
}
body.rr-cluster-hub-page .rr-cluster-section{
  padding:52px 0;
}
body.rr-cluster-hub-page .rr-cluster-section-head{
  margin-bottom:20px;
}
body.rr-cluster-hub-page .rr-cluster-grid{
  gap:14px;
}
body.rr-cluster-hub-page .rr-cluster-featured{
  gap:22px;
  padding:24px;
}
body.rr-cluster-hub-page .rr-cluster-card{
  min-height:205px;
  padding:20px;
}
body.rr-cluster-hub-page .rr-cluster-card h3{
  margin:7px 0 8px;
}
body.rr-cluster-hub-page .rr-cluster-card p{
  margin:0 0 12px;
  line-height:1.55;
}
body.rr-cluster-hub-page .rr-cluster-cta{
  padding:50px 0;
}

@media (max-width:680px){
  body.page-id-521 .rb-page--services .rb-hero{
    padding-block:3rem;
  }
  body.page-id-521 .rb-page--services .rb-section{
    padding-block:2.5rem;
  }
  body.page-id-521 .rb-page--services .rb-card{
    padding:1.1rem;
  }
}

@media (max-width:620px){
  body.rr-cluster-hub-page .rr-cluster-hero{
    padding:48px 0 44px;
  }
  body.rr-cluster-hub-page .rr-cluster-section{
    padding:40px 0;
  }
  body.rr-cluster-hub-page .rr-cluster-section-head{
    margin-bottom:18px;
  }
  body.rr-cluster-hub-page .rr-cluster-card{
    min-height:0;
    padding:18px;
  }
  body.rr-cluster-hub-page .rr-cluster-cta{
    padding:42px 0;
  }
}