/* Font Size Reduction - 30% smaller website-wide */
/* This file reduces all font sizes by approximately 30% */

/* Base font size reduction */
html {
  font-size: 14px; /* Reduced from default 16px (12.5% reduction) */
}

body {
  font-size: 0.875rem; /* 14px equivalent */
}

/* Headings - 30% reduction */
h1, .h1 {
  font-size: 1.75rem !important; /* Reduced from ~2.5rem */
}

h2, .h2 {
  font-size: 1.5rem !important; /* Reduced from ~2.2rem */
}

h3, .h3 {
  font-size: 1.25rem !important; /* Reduced from ~1.8rem */
}

h4, .h4 {
  font-size: 1.125rem !important; /* Reduced from ~1.6rem */
}

h5, .h5 {
  font-size: 1rem !important; /* Reduced from ~1.4rem */
}

h6, .h6 {
  font-size: 0.875rem !important; /* Reduced from ~1.2rem */
}

/* Page titles and hero text */
.title {
  font-size: 1.75rem !important; /* Reduced from ~2.5rem */
}

.page-header h1 {
  font-size: clamp(1.4rem, 2.8vw, 2rem) !important; /* Reduced from clamp(1.8rem, 2.1vw, 2.4rem) */
}

.page-header .subtitle {
  font-size: 0.875rem !important; /* Reduced from ~1.1rem */
}

/* Card titles and content */
.card h3 {
  font-size: 1.125rem !important; /* Reduced from ~1.4rem */
}

.card h4 {
  font-size: 1rem !important; /* Reduced from ~1.2rem */
}

.card p {
  font-size: 0.875rem !important; /* Reduced from ~1rem */
}

/* Navigation */
.nav-link {
  font-size: 0.875rem !important; /* Reduced from ~1rem */
}

.dropdown-menu a {
  font-size: 0.8rem !important; /* Reduced from ~0.9rem */
}

/* Buttons */
.btn {
  font-size: 0.8rem !important; /* Reduced from ~0.9rem */
  padding: 0.7rem 1.4rem !important; /* Slightly reduced padding */
}

.btn-lg {
  font-size: 0.9rem !important; /* Reduced from ~1rem */
  padding: 0.8rem 1.6rem !important;
}

.btn-sm {
  font-size: 0.75rem !important; /* Reduced from ~0.8rem */
  padding: 0.5rem 1rem !important;
}

/* Statistics and numbers */
.stat-number {
  font-size: 1.4rem !important; /* Reduced from ~2rem */
}

.stat-label {
  font-size: 0.75rem !important; /* Reduced from ~0.9rem */
}

/* Lists and content */
ul, ol {
  font-size: 0.875rem !important; /* Reduced from ~1rem */
}

li {
  font-size: 0.875rem !important; /* Reduced from ~1rem */
}

/* Footer */
.footer-grid div {
  font-size: 0.8rem !important; /* Reduced from ~0.9rem */
}

.footer-grid strong {
  font-size: 0.9rem !important; /* Reduced from ~1rem */
}

.footer-grid a {
  font-size: 0.8rem !important; /* Reduced from ~0.9rem */
}

/* Forms */
input, textarea, select {
  font-size: 0.875rem !important; /* Reduced from ~1rem */
}

label {
  font-size: 0.8rem !important; /* Reduced from ~0.9rem */
}

/* Tables */
table {
  font-size: 0.8rem !important; /* Reduced from ~0.9rem */
}

th {
  font-size: 0.8rem !important; /* Reduced from ~0.9rem */
}

td {
  font-size: 0.8rem !important; /* Reduced from ~0.9rem */
}

/* Specific component adjustments */
.brand-badge .pill {
  font-size: 0.75rem !important; /* Reduced from ~0.9rem */
}

.contact-item {
  font-size: 0.8rem !important; /* Reduced from ~0.9rem */
}

/* Clamp functions - reduced by 30% */
.clamp-text {
  font-size: clamp(1.2rem, 2.5vw, 1.8rem) !important; /* Reduced from clamp(1.8rem, 3.6vw, 2.5rem) */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .page-header h1 {
    font-size: clamp(1.2rem, 4vw, 1.6rem) !important; /* Reduced from clamp(1.6rem, 5vw, 2rem) */
  }
  
  .title {
    font-size: 1.5rem !important; /* Reduced from ~2rem */
  }
  
  .card h3 {
    font-size: 1rem !important; /* Reduced from ~1.2rem */
  }
  
  .stat-number {
    font-size: 1.2rem !important; /* Reduced from ~1.6rem */
  }
}

@media (max-width: 480px) {
  .page-header h1 {
    font-size: clamp(1rem, 5vw, 1.4rem) !important; /* Reduced from clamp(1.4rem, 6vw, 1.8rem) */
  }
  
  .title {
    font-size: 1.25rem !important; /* Reduced from ~1.6rem */
  }
  
  .btn {
    font-size: 0.75rem !important; /* Reduced from ~0.8rem */
    padding: 0.6rem 1.2rem !important;
  }
}

/* Specific overrides for common elements */
p, .text {
  font-size: 0.875rem !important; /* Reduced from ~1rem */
}

small, .small {
  font-size: 0.75rem !important; /* Reduced from ~0.8rem */
}

/* Ensure readability is maintained */
body {
  line-height: 1.5 !important; /* Slightly increased for better readability */
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3 !important; /* Maintained for headings */
}

/* Override any existing font-size declarations */
* {
  font-size: inherit !important;
}

/* Reset specific elements that should maintain their reduced size */
h1, h2, h3, h4, h5, h6, p, span, div, a, li, td, th, input, textarea, select, button, .btn {
  font-size: unset !important;
}