/* Dingous Match — branded primary header CTAs. Applies on desktop and mobile. */
body[data-dingous-match-shell="true"] .dm-top-actions > a.dm-google-cta,
body[data-dingous-match-shell="true"] .dm-mobile-menu-source > a.dm-google-cta,
body[data-dingous-match-shell="true"] .dm-mobile-menu-popover > a.dm-google-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 44px !important;
  padding: 9px 14px !important;
  border: 1px solid rgba(255,255,255,.95) !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #172033 !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.24), 0 0 0 1px rgba(66,133,244,.08) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body[data-dingous-match-shell="true"] .dm-top-actions > a.dm-google-cta:hover,
body[data-dingous-match-shell="true"] .dm-mobile-menu-source > a.dm-google-cta:active,
body[data-dingous-match-shell="true"] .dm-mobile-menu-popover > a.dm-google-cta:active {
  background: #f8fbff !important;
  border-color: #dbeafe !important;
  transform: translateY(-1px);
}

body[data-dingous-match-shell="true"] .dm-top-actions > a.dm-business-cta,
body[data-dingous-match-shell="true"] .dm-mobile-menu-source > a.dm-business-cta,
body[data-dingous-match-shell="true"] .dm-mobile-menu-popover > a.dm-business-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 44px !important;
  padding: 9px 14px !important;
  border: 1px solid rgba(196,181,253,.35) !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg,rgba(124,58,237,.28),rgba(168,85,247,.18)) !important;
  color: #ede9fe !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 10px 24px rgba(76,29,149,.18) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body[data-dingous-match-shell="true"] .dm-top-actions > a.dm-business-cta:hover,
body[data-dingous-match-shell="true"] .dm-mobile-menu-source > a.dm-business-cta:active,
body[data-dingous-match-shell="true"] .dm-mobile-menu-popover > a.dm-business-cta:active {
  border-color: rgba(216,180,254,.62) !important;
  background: linear-gradient(135deg,rgba(124,58,237,.38),rgba(236,72,153,.18)) !important;
}

body[data-dingous-match-shell="true"] .dm-header-cta-icon,
body[data-dingous-match-shell="true"] .dm-menu-icon {
  width: 19px !important;
  height: 19px !important;
  flex: 0 0 19px !important;
  display: block !important;
}

/* The three main actions keep the exact same footprint on the normal header. */
body[data-dingous-match-shell="true"] .dm-top-actions > a.dm-business-cta,
body[data-dingous-match-shell="true"] .dm-top-actions > a.dm-my-matches,
body[data-dingous-match-shell="true"] .dm-top-actions > a.dm-google-cta {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  height: 44px !important;
  min-height: 44px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 9px 14px !important;
  border-radius: 13px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  body[data-dingous-match-shell="true"] .dm-mobile-menu-source > a,
  body[data-dingous-match-shell="true"] .dm-mobile-menu-popover > a,
  body[data-dingous-match-shell="true"] .dm-mobile-menu-source > a.dm-google-cta,
  body[data-dingous-match-shell="true"] .dm-mobile-menu-popover > a.dm-google-cta,
  body[data-dingous-match-shell="true"] .dm-mobile-menu-source > a.dm-business-cta,
  body[data-dingous-match-shell="true"] .dm-mobile-menu-popover > a.dm-business-cta {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    justify-content: flex-start !important;
    padding: 11px 12px !important;
    box-sizing: border-box !important;
  }
}