/* Tailwind Base */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* =========================================
   Inland K9 Cleanup Brand Palette
========================================= */

:root {
  --olive-50: #f5f5f0;
  --olive-100: #e8e8df;
  --olive-200: #c4c4b4;
  --olive-500: #6b7c36;
  --olive-600: #5a6830;
  --olive-700: #485526;

  --tan-50: #faf8f5;
  --tan-100: #f0ebe3;
  --tan-400: #c4a882;
  --tan-500: #a68b5f;

  --ink-900: #111827;
  --ink-700: #374151;
  --ink-500: #6b7280;
  --line-200: #e5e7eb;
}

/* =========================================
   Typography
========================================= */

body {
  font-family: 'Nunito', sans-serif;
  color: var(--ink-900);
}

.font-fredoka {
  font-family: 'Fredoka', sans-serif;
}

/* =========================================
   Brand Utility Classes
========================================= */

.bg-olive-50 { background-color: var(--olive-50); }
.bg-olive-500 { background-color: var(--olive-500); }
.bg-olive-600 { background-color: var(--olive-600); }

.text-olive-500 { color: var(--olive-500); }
.text-olive-600 { color: var(--olive-600); }

.border-olive-500 { border-color: var(--olive-500); }

/* =========================================
   Button Styling Enhancements
========================================= */

button,
a.button,
.bg-olive-500 {
  transition: all 0.25s ease;
}

.bg-olive-500:hover {
  background-color: var(--olive-600);
}

.rounded-full {
  border-radius: 9999px;
}

/* =========================================
   Card Shadows (Premium Feel)
========================================= */

.shadow-lg {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

.shadow-xl {
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}

/* =========================================
   Subtle Section Spacing Adjustments
========================================= */

section {
  scroll-margin-top: 90px;
}

/* =========================================
   Jobber Embed Styling (Safe Overrides)
   - Keeps their layout, improves look to match your site
========================================= */

/* Wrap the embedded form in a subtle “card” feel */
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 {
  /* These help even if Jobber renders its own internal wrapper */
  font-family: 'Nunito', sans-serif;
}

/* Many embeds inject a form container; these styles are designed to be safe */
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 * {
  font-family: inherit;
}

/* Inputs + selects + textareas */
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 input,
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 select,
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 textarea {
  border-radius: 14px !important;
  border-color: var(--line-200) !important;
  box-shadow: none !important;
  color: var(--ink-900) !important;
}

/* Focus ring to match olive theme */
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 input:focus,
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 select:focus,
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 textarea:focus {
  outline: none !important;
  border-color: rgba(107, 124, 54, 0.6) !important; /* olive-500 */
  box-shadow: 0 0 0 4px rgba(107, 124, 54, 0.15) !important;
}

/* Primary button(s) inside Jobber form */
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 button,
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 input[type="submit"],
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 .btn,
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 [role="button"] {
  border-radius: 9999px !important;
  background: var(--olive-500) !important;
  border-color: var(--olive-500) !important;
  color: #fff !important;
  font-weight: 800 !important;
  transition: all 0.2s ease !important;
}

#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 button:hover,
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 input[type="submit"]:hover,
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 .btn:hover,
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 [role="button"]:hover {
  background: var(--olive-600) !important;
  border-color: var(--olive-600) !important;
}

/* Labels + helper text (soften + match your tone) */
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 label {
  color: var(--ink-700) !important;
  font-weight: 700 !important;
}

#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 small,
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 .help,
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 .helper-text {
  color: var(--ink-500) !important;
}

/* Make errors readable but consistent */
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 .error,
#5e2d1b8b-04e6-4d31-884a-cb0e85dc9547-2220059 .field-error {
  color: #b91c1c !important;
}

/* =========================================
   Footer
========================================= */

footer {
  background-color: #111827;
}

footer p {
  margin: 0.25rem 0;
}