/* Design overrides to align headings with banner style */
:root {
  --heading-font: 'Rajdhani', Arial, sans-serif;
  --heading-color: #666;
}

/* Use Rajdhani for headings; soften size and color */
h1, h2, h3, h4, h5, h6,
.entry-title,
.widget-title {
  font-family: var(--heading-font);
  font-weight: 400;
  color: var(--heading-color);
  text-transform: lowercase; /* keep lowercase for now */
  letter-spacing: 0.25px;
}

/* More subtle sizes for elegance */
h1, .entry-title { font-size: 1.5rem; line-height: 1.3; }
h2 { font-size: 1.375rem; line-height: 1.35; }
h3 { font-size: 1.25rem; line-height: 1.35; }
h4 { font-size: 1.125rem; line-height: 1.4; }

/* Ensure entry title links inherit subtle color */
.entry-title a {
  color: inherit;
  text-decoration: none;
  transition: color .15s ease-in-out;
}
.entry-title a:hover { color: #555; }

/* Keep widget section headings consistent */
.widget-title { font-size: 1.125rem; }

/* Stronger overrides for post titles to ensure effect */
.post .entry-title,
.post .entry-title a {
  font-family: var(--heading-font) !important;
  font-weight: 400 !important;
  font-size: 1.35rem !important;
  line-height: 1.3 !important;
  color: var(--heading-color) !important;
  text-transform: none !important;
  letter-spacing: 0.25px !important;
}

/* Homepage section heading (e.g., "Services & Products") */
.section-title,
.section-title span {
  font-family: var(--heading-font) !important;
  font-weight: 400 !important;
  font-size: 1.5rem !important;
  line-height: 1.3 !important;
  color: var(--heading-color) !important;
  text-transform: none !important;
  letter-spacing: 0.25px !important;
}

/* Feature cards on homepage */
.section.featured h3 {
  font-size: 1.125rem !important;
  font-weight: 400 !important;
  color: var(--heading-color) !important;
  text-transform: none !important;
}

/* Justify body text within feature tiles, but keep button containers centered */
.section.featured p:not(.text-center) {
  text-align: justify;
  text-justify: inter-word;
}
.section.featured p.text-center { text-align: center !important; }

/* Smaller, centered CTA buttons within feature tiles */
.section.featured .btn {
  font-size: 0.6875rem !important; /* ~11px */
  padding: 8px 20px !important;
  display: inline-block;
}

/* Follow me links: reduce size and soften color */
.follow-me-icons { font-size: 0.875rem; }
.follow-me-icons a {
  font-size: 0.875rem;
  color: #666;
  margin-right: 12px;
  text-transform: none;
}
.follow-me-icons a:last-child { margin-right: 0; }
.follow-me-icons a:hover { color: #555; text-decoration: underline; }