/* =============================================================
   "Still looking for the right rental home?" band
   (template-parts/cta-still-looking.php)

   Charcoal (--slate-blue-2) variant of .section--dark, so the dark CTA
   aliases and the cream focus ring from base.css apply unchanged.
   White body text on #3A434A is 10.1:1; the gold button carries ink.
   Badges sit on white tiles because both marks are dark artwork.
   ============================================================= */

.tx-still-looking {
  background: var(--slate-blue-2);
  padding-block: var(--s-9);
  padding-inline: var(--gutter);
}

.tx-still-looking__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--s-7);
  align-items: center;
  max-width: var(--max-w);
  margin-inline: auto;
}

.tx-still-looking__title {
  margin: 0 0 var(--s-4);
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 3.4vw, 2.6rem);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: var(--tracking-display);
  text-transform: uppercase;
  color: var(--text-on-dark);
}

.tx-still-looking__copy > p {
  margin: 0 0 var(--s-4);
  max-width: 70ch;
  font-family: var(--font-prose);
  line-height: var(--lh-body);
}

.tx-still-looking__action { margin-top: var(--s-5) !important; }

.tx-still-looking__badges {
  display: flex;
  gap: var(--s-3);
  align-items: center;
}

.tx-still-looking__badges img {
  display: block;
  width: auto;
  height: 88px;
  object-fit: contain;
  padding: var(--s-2);
  background: #fff;
  border-radius: var(--r-md);
}

@media (max-width: 720px) {
  .tx-still-looking { padding-block: var(--s-8); }
  .tx-still-looking__inner { grid-template-columns: minmax(0, 1fr); gap: var(--s-5); }
  .tx-still-looking__action .tx-btn { width: 100%; justify-content: center; }
  .tx-still-looking__badges img { height: 72px; }
}