/* Belmont Wattle Accountants — global brand overrides (#cc3366) */
:root {
  --bw-primary: #cc3366;
  --bw-primary-dark: #a82a52;
  --bw-primary-light: #ffb3cc;
  --bw-dark: #1f2124;
}

/* Onboard brand-teal token */
.text-brand-teal { color: var(--bw-primary) !important; }
.hover\:text-brand-teal:hover { color: var(--bw-primary) !important; }
.bg-brand-teal { background-color: var(--bw-primary) !important; }
.hover\:bg-brand-teal:hover { background-color: var(--bw-primary) !important; }
.bg-brand-teal-dark,
.hover\:bg-brand-teal-dark:hover { background-color: var(--bw-primary-dark) !important; }
.from-brand-teal { --tw-gradient-from: var(--bw-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(204 51 102 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-brand-teal-dark { --tw-gradient-to: var(--bw-primary-dark) var(--tw-gradient-to-position) !important; }
.border-brand-teal { border-color: var(--bw-primary) !important; }
.shadow-brand-teal\/20 { --tw-shadow-color: rgba(204, 51, 102, 0.2) !important; }
.text-brand-teal\/70 { color: rgba(204, 51, 102, 0.7) !important; }
.ring-brand-teal { --tw-ring-color: var(--bw-primary) !important; }
.focus\:ring-brand-teal:focus { --tw-ring-color: var(--bw-primary) !important; }
.bg-brand-teal\/20 { background-color: rgba(204, 51, 102, 0.2) !important; }

/* Tailwind teal utilities (login + dashboards) */
.bg-teal-600 { background-color: var(--bw-primary) !important; }
.hover\:bg-teal-700:hover { background-color: var(--bw-primary-dark) !important; }
.bg-teal-500 { background-color: var(--bw-primary) !important; }
.hover\:bg-teal-500:hover { background-color: var(--bw-primary) !important; }
.text-teal-600 { color: var(--bw-primary) !important; }
.text-teal-700 { color: var(--bw-primary-dark) !important; }
.hover\:text-teal-700:hover { color: var(--bw-primary-dark) !important; }
.text-teal-400 { color: var(--bw-primary-light) !important; }
.dark .dark\:text-teal-400 { color: var(--bw-primary-light) !important; }
.text-teal-300 { color: var(--bw-primary-light) !important; }
.text-teal-200 { color: #ffd6e4 !important; }
.hover\:text-teal-600:hover { color: var(--bw-primary) !important; }
.border-teal-500 { border-color: var(--bw-primary) !important; }
.border-teal-500\/30 { border-color: rgba(204, 51, 102, 0.3) !important; }
.ring-teal-500 { --tw-ring-color: var(--bw-primary) !important; }
.focus\:ring-teal-500:focus { --tw-ring-color: var(--bw-primary) !important; }
.border-teal-500 { border-color: var(--bw-primary) !important; }
.border-2.border-teal-500 { border-color: var(--bw-primary) !important; }
.bg-teal-500\/20 { background-color: rgba(204, 51, 102, 0.2) !important; }
.bg-teal-500\/40 { background-color: rgba(204, 51, 102, 0.4) !important; }
.bg-teal-50\/50 { background-color: rgba(204, 51, 102, 0.08) !important; }
.dark .dark\:bg-teal-950\/20 { background-color: rgba(204, 51, 102, 0.15) !important; }
.border-t-teal-500 { border-top-color: var(--bw-primary) !important; }
.border-2.border-teal-500 { border-color: var(--bw-primary) !important; }

.from-teal-600 { --tw-gradient-from: var(--bw-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(204 51 102 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-teal-700,
.to-slate-900.from-teal-600 { --tw-gradient-to: var(--bw-primary-dark) var(--tw-gradient-to-position) !important; }
.from-teal-500 { --tw-gradient-from: var(--bw-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(204 51 102 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-teal-700 { --tw-gradient-to: var(--bw-primary-dark) var(--tw-gradient-to-position) !important; }
.via-teal-600 { --tw-gradient-to: rgb(204 51 102 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--bw-primary) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; }

/* Hardcoded Onboard hex in chunks */
.from-\[\#0891b2\] { --tw-gradient-from: #cc3366 var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(204 51 102 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[\#0e7490\] { --tw-gradient-to: #a82a52 var(--tw-gradient-to-position) !important; }
.bg-\[\#0891b2\] { background-color: var(--bw-primary) !important; }
.text-\[\#0891b2\] { color: var(--bw-primary) !important; }
.border-\[\#0891b2\] { border-color: var(--bw-primary) !important; }
.shadow-\[\#0891b2\]\/30 { --tw-shadow-color: rgba(204, 51, 102, 0.3) !important; }

/* Belmont Wattle brand hex in patched chunks (gradients not in Tailwind build) */
.from-\[\#cc3366\] { --tw-gradient-from: var(--bw-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(204 51 102 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[\#a82a52\] { --tw-gradient-to: var(--bw-primary-dark) var(--tw-gradient-to-position) !important; }
.from-\[\#cc3366\].to-\[\#a82a52\],
.bg-gradient-to-r.from-\[\#cc3366\].to-\[\#a82a52\],
.bg-gradient-to-br.from-\[\#cc3366\].to-\[\#a82a52\] {
  background-color: var(--bw-primary) !important;
  background-image: linear-gradient(to right, var(--bw-primary), var(--bw-primary-dark)) !important;
  color: #fff !important;
}
.bg-gradient-to-br.from-\[\#cc3366\].to-\[\#a82a52\] {
  background-image: linear-gradient(to bottom right, var(--bw-primary), var(--bw-primary-dark)) !important;
}
.bg-\[\#cc3366\] { background-color: var(--bw-primary) !important; }
.text-\[\#cc3366\] { color: var(--bw-primary) !important; }
.border-\[\#cc3366\] { border-color: var(--bw-primary) !important; }
.border-\[\#cc3366\]\/20 { border-color: rgba(204, 51, 102, 0.2) !important; }
.border-\[\#cc3366\]\/30 { border-color: rgba(204, 51, 102, 0.3) !important; }
.shadow-\[\#cc3366\]\/30 { --tw-shadow-color: rgba(204, 51, 102, 0.3) !important; }
.hover\:shadow-\[\#cc3366\]\/30:hover { --tw-shadow-color: rgba(204, 51, 102, 0.3) !important; }
.border-t-\[\#cc3366\] { border-top-color: var(--bw-primary) !important; }

.prose-a\:text-\[\#0891b2\] :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--bw-primary) !important;
}

/* Hero / page headings — space below sticky header on mobile & tablet */
@media (max-width: 1024px) {
  .hp-hero {
    align-items: flex-start !important;
    min-height: auto !important;
    padding-bottom: 2.5rem !important;
  }

  .hp-hero-inner {
    padding-top: 3.5rem !important;
    padding-bottom: 3rem !important;
  }

  .page-hero,
  .contact-hero,
  .blog-hero,
  .blog-post-hero {
    padding-top: 5.5rem !important;
    padding-bottom: 2.25rem !important;
  }

  main.pt-32 {
    padding-top: 6.5rem !important;
  }
}

@media (max-width: 767px) {
  section.relative.min-h-screen.flex.items-center,
  section.relative.min-h-\[100dvh\].flex.items-start {
    padding-top: 8.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  section.relative.min-h-screen.flex.items-center > div.max-w-6xl,
  section.relative.min-h-\[100dvh\].flex.items-start > div.max-w-6xl {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    row-gap: 2rem;
  }

  section.relative.min-h-screen.flex.items-center h1,
  section.relative.min-h-\[100dvh\].flex.items-start h1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.75rem !important;
  }

  section.relative.min-h-screen.flex.items-center p.text-lg,
  section.relative.min-h-\[100dvh\].flex.items-start p.text-lg {
    margin-bottom: 1.25rem !important;
  }

  .hp-hero-inner {
    padding-top: 4rem !important;
    padding-bottom: 2.75rem !important;
  }

  .page-hero,
  .contact-hero,
  .blog-hero,
  .blog-post-hero {
    padding-top: 5rem !important;
    padding-bottom: 2rem !important;
  }

  main.pt-32 {
    padding-top: 6rem !important;
  }

  .hp-section {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}

/* User sidebar — Add New Account */
a[href="/user-dashboard/accounts/new"] {
  color: #fff !important;
}
a[href="/user-dashboard/accounts/new"] .border-dashed {
  border-color: rgba(255, 255, 255, 0.45) !important;
}

/* Loading spinners */
.border-teal-500 { border-color: var(--bw-primary) !important; }

/* Site footprint — powered by / managed by (all pages) */
.bw-site-footprint {
  padding: 0.85rem 1.5rem 1.1rem;
  background: #050506;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.bw-site-footprint-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.45rem 0.75rem;
  max-width: 72rem;
  margin: 0 auto;
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.35);
  letter-spacing: 0.02em;
}

.bw-site-footprint a {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s;
}

.bw-site-footprint a:hover {
  color: var(--bw-primary);
}