/* Accessibility improvements for seniors - ENHANCED VERSION */
:root {
  --font-size-base: 20px;
  --font-size-lg: 22px;
  --font-size-xl: 24px;
  --font-size-2xl: 28px;
  --font-size-3xl: 32px;
}

/* Increase base font size throughout the app */
body {
  font-size: var(--font-size-base) !important;
  line-height: 1.5 !important;
}

/* Increase form label font size */
.form-label {
  font-size: var(--font-size-lg) !important;
  font-weight: 600 !important;
}

/* Increase form input font size */
.form-input, 
input[type="text"], 
input[type="email"], 
input[type="password"],
input[type="date"],
textarea,
select {
  font-size: var(--font-size-lg) !important;
  padding: 0.875rem !important;
  height: auto !important;
}

/* Increase button text size */
button, 
.btn {
  font-size: var(--font-size-lg) !important;
  padding: 0.875rem 1.5rem !important;
}

/* Increase heading sizes */
h1, .h1 {
  font-size: var(--font-size-3xl) !important;
}

h2, .h2 {
  font-size: var(--font-size-2xl) !important;
}

h3, .h3 {
  font-size: var(--font-size-xl) !important;
}

/* Increase modal title size */
.modal-title {
  font-size: var(--font-size-2xl) !important;
}

/* Increase card title size */
.card-title {
  font-size: var(--font-size-xl) !important;
}

/* Increase spacing for better touch targets */
.nav-link, 
.btn, 
button,
a {
  padding: 1rem !important;
  margin: 0.75rem 0 !important;
}

/* Increase icon sizes */
svg {
  width: 1.75rem !important;
  height: 1.75rem !important;
}

/* Improve contrast for better readability */
.text-gray-500 {
  color: #374151 !important;
}

.text-gray-400 {
  color: #1f2937 !important;
}

/* Make modal smaller and more manageable */
/* Removed conflicting styles, now handled by modal-improvements.css */

/* Make close buttons larger and more prominent */
.modal-close-button {
  padding: 0.75rem !important;
  background-color: #f3f4f6 !important;
  border-radius: 9999px !important;
}

.modal-close-button svg {
  width: 2rem !important;
  height: 2rem !important;
}

/* Improve form field spacing */
.form-group,
.mb-4 {
  margin-bottom: 2rem !important;
}

/* Make checkboxes and radio buttons larger */
input[type="checkbox"],
input[type="radio"] {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

/* Improve focus states for accessibility */
*:focus {
  outline: 4px solid #6366f1 !important;
  outline-offset: 2px !important;
}

/* Improve tap target sizes for mobile */
@media (max-width: 768px) {
  button,
  .btn,
  .nav-link,
  a {
    padding: 1rem !important;
    min-height: 48px !important;
    min-width: 48px !important;
  }
  
  /* Increase spacing between elements */
  .form-group,
  .mb-4 {
    margin-bottom: 2.5rem !important;
  }
}

/* Ensure navigation tabs are clearly visible */
.border-indigo-500 {
  border-bottom-width: 4px !important;
}

/* Make active tab more prominent */
.text-indigo-600 {
  font-weight: 600 !important;
}

/* Ensure all text in cards is readable */
.text-gray-600, 
.text-gray-700,
.text-sm {
  font-size: var(--font-size-base) !important;
}

/* Make "Read More" buttons more prominent */
.text-indigo-700 {
  font-weight: 600 !important;
}

/* Ensure all paragraphs have adequate size */
p {
  font-size: var(--font-size-base) !important;
}

/* Ensure all list items have adequate size */
li {
  font-size: var(--font-size-base) !important;
}

/* Force cache refresh */
/* This comment will change with timestamp: 2025-06-10-01:40:00 */