/* -------------------------------------------------------
   CSS Custom Properties — design tokens
------------------------------------------------------- */
:root {
  --red:        #C6093B;
  --red-700:    #A60732;
  --red-900:    #7F0526;
  --strawberry: #CD1437;
  --cherry:     #A71645;
  --currant:    #841445;
  --berry:      #800550;
  --ink:        #383A3B;
  --ink-soft:   #5E6061;
  --graphite-1: #B9BBBD;
  --graphite-2: #EAEBED;
  --graphite-3: #F4F5F6;
  --paper:      #FFFFFF;
  --maxw:       1180px;
}

/* -------------------------------------------------------
   Base reset
------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

html, body { margin: 0; padding: 0; }

body {
  font-family: 'Noto Sans', -apple-system, system-ui, sans-serif;
  color: #383A3B;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: inherit; text-decoration: none; }

input, textarea, button, select { font-family: inherit; }

input[type=number]::-webkit-inner-spin-button { opacity: 0; }

/* -------------------------------------------------------
   Utilities
------------------------------------------------------- */
.mono { font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; }

.ph-stripe {
  background-image: repeating-linear-gradient(135deg, #EAEBED 0 11px, #F4F5F6 11px 22px);
}

/* -------------------------------------------------------
   WordPress body padding when admin bar is visible
------------------------------------------------------- */
.admin-bar header[style*="sticky"] {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar header[style*="sticky"] {
    top: 46px;
  }
}

/* -------------------------------------------------------
   Navbar
------------------------------------------------------- */
.nav-link:hover { color: var(--red) !important; }

/* -------------------------------------------------------
   Buttons
------------------------------------------------------- */
.btn-primary:hover { background: var(--red-700) !important; }

.btn-outline-white:hover { border-color: #fff !important; }

/* -------------------------------------------------------
   Text links
------------------------------------------------------- */
.text-link-red:hover { color: var(--red-700) !important; }

.breadcrumb-link:hover { color: var(--red) !important; }

/* -------------------------------------------------------
   Footer
------------------------------------------------------- */
.footer-link:hover { color: #fff !important; }

/* -------------------------------------------------------
   Module cards
------------------------------------------------------- */
.module-card-available {
  transition: box-shadow .18s, transform .18s;
}
.module-card-available:hover {
  box-shadow: 0 14px 36px -16px rgba(56, 58, 59, 0.35) !important;
  transform: translateY(-3px) !important;
}

.locked-notify-link:hover {
  color: var(--red) !important;
  border-color: var(--red) !important;
}

/* -------------------------------------------------------
   Calculator — client type cards
------------------------------------------------------- */
.client-card:hover {
  box-shadow: 0 12px 30px -16px rgba(56, 58, 59, 0.3);
  border-color: var(--graphite-1) !important;
}

/* -------------------------------------------------------
   Calculator — AI form attachment area
------------------------------------------------------- */
.attach-area:hover { border-color: var(--red) !important; }