/*
 * The home page AUSTRAC card.
 *
 * Every rule here is scoped to .srh-austrac, the extra class inc/home-austrac.php
 * puts on its own card, so this file cannot reach anything else on the page.
 *
 * WHY IT EXISTS AT ALL. The card reuses WPCode snippet 991038's .shr-austrac-*
 * class names, so while that snippet is active its <style> block already styles
 * this markup and these rules are a no-op. That is deliberate: matching the
 * existing treatment is what makes the takeover invisible.
 *
 * But depending on a 126KB mis-titled snippet for the appearance of a card the
 * theme now owns is exactly the hidden dependency this takeover was meant to
 * remove. So the card carries its own styling and stands up on its own the day
 * that snippet is retired.
 *
 * The snippet's <style> prints at its own wp_footer priority, after this
 * stylesheet, so where the two declare the same property the snippet still wins
 * while it is there. The values below are the snippet's own, so that tie is a
 * tie in name only.
 */

.srh-austrac {
  background: #f8fafc;
  padding: 56px 24px;
  box-sizing: border-box;
}

.srh-austrac .shr-austrac-feature-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.srh-austrac .shr-austrac-feature-card {
  display: grid;
  grid-template-columns: 38% 1fr;
  align-items: stretch;
  background: #fff;
  border: 1px solid #e5e7eb;
  color: inherit;
  font-family: 'Inter Tight', sans-serif;
  text-decoration: none;
  transition: box-shadow 0.2s;
}

.srh-austrac .shr-austrac-feature-card:hover {
  box-shadow: 0 8px 24px rgba(10, 36, 114, 0.12);
}

.srh-austrac .shr-austrac-feature-img {
  min-height: 280px;
  background-color: #0a2472;
  background-position: center;
  background-size: cover;
}

.srh-austrac .shr-austrac-feature-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 36px 44px;
}

/*
 * No eyebrow rule, and that is the point of the change rather than an omission:
 * the red "Deadline 1 Jul 2026" badge is gone because the deadline passed on
 * 1 July 2026. See inc/home-austrac.php.
 */
.srh-austrac .shr-austrac-headline {
  margin: 0 0 14px;
  color: #0a2472;
  font-family: 'Inter Tight', sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}

.srh-austrac .shr-austrac-summary {
  margin: 0 0 24px;
  color: #4a5568;
  font-size: 15px;
  line-height: 1.6;
}

.srh-austrac .shr-austrac-cta {
  align-self: flex-start;
  display: inline-block;
  padding: 12px 24px;
  border-radius: 6px;
  background: #0a2472;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s;
}

.srh-austrac .shr-austrac-feature-card:hover .shr-austrac-cta {
  background: #010ed0;
}

@media (max-width: 880px) {
  .srh-austrac .shr-austrac-feature-card { grid-template-columns: 1fr; }
  .srh-austrac .shr-austrac-feature-img  { min-height: 220px; }
  .srh-austrac .shr-austrac-feature-body { padding: 28px 24px; }
  .srh-austrac .shr-austrac-headline     { font-size: 22px; }
}