/* Typography Fixes - Targeted Letter Spacing & Line Height Corrections */
/* Only fixes specific problematic areas, preserving intentional decorative styles */

/* =================================================== */
/* Body Text Improvements (subtle, non-destructive) */
/* =================================================== */

/* Improve body paragraph readability without changing base styles */
.text-content p,
.service-content p,
.about-content p,
article p,
.blog-read p,
.post-content p {
  line-height: 1.75em;
  letter-spacing: 0.01em;
}

/* =================================================== */
/* Navigation Refinements */
/* =================================================== */

/* Fix navigation letter-spacing for better readability */
/* Only applies to main nav, not decorative variants */
header.header-scrolled #mainmenu > li > a {
  letter-spacing: 0.02em;
}

/* Dropdown menu items need tighter spacing */
#mainmenu li ul li a {
  line-height: 1.6em;
}

/* =================================================== */
/* Content Section Typography */
/* =================================================== */

/* Service boxes and feature descriptions */
.de-box .d-text,
.feature-box .d-text,
.icon-box .d-text,
.de-box p,
.feature-box p,
.icon-box p {
  line-height: 1.7em;
}

/* Testimonial quotes - improve readability */
.de_testi blockquote p,
.de_testi .de_testi_content {
  line-height: 1.65em;
  letter-spacing: 0.01em;
}

/* =================================================== */
/* Blog/News Specific */
/* =================================================== */

/* Blog card descriptions */
.blog-list .blog-text,
.blog-snippet,
.post-info p {
  line-height: 1.7em;
}

/* Blog article body content */
.blog-read .blog-content,
.post-content .content-body {
  line-height: 1.8em;
  letter-spacing: 0.01em;
}

/* =================================================== */
/* Pricing Table Fixes */
/* =================================================== */

/* Pricing features list */
.pricing-table ul li,
.pricing-s1 ul li,
.pricing-s2 ul li {
  line-height: 1.8em;
}

/* Pricing descriptions */
.pricing-table .pricing-info,
.pricing-s1 p {
  line-height: 1.6em;
}

/* =================================================== */
/* Form Elements */
/* =================================================== */

/* Form labels and input text */
.form-group label,
form label {
  letter-spacing: 0.02em;
  line-height: 1.4em;
}

/* Input and textarea readability */
.form-control,
input[type="text"],
input[type="email"],
textarea {
  line-height: 1.5em;
}

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

/* Footer paragraphs and links */
footer .widget p,
footer .footer-content p {
  line-height: 1.7em;
}

footer .widget ul li,
footer .menu li {
  line-height: 1.8em;
}

/* =================================================== */
/* Tab Content */
/* =================================================== */

/* Tab panel content text */
.tab-content p,
.tab-pane p,
.de_tab .de_tab_content p {
  line-height: 1.7em;
}

/* =================================================== */
/* List Items in Content Areas */
/* =================================================== */

/* Content lists (not navigation) */
.content ul li,
.text-content ul li,
article ul li,
.blog-content ul li {
  line-height: 1.8em;
}

.content ol li,
.text-content ol li,
article ol li,
.blog-content ol li {
  line-height: 1.8em;
}

/* =================================================== */
/* Contact Page Specific */
/* =================================================== */

/* Contact info blocks */
.contact-info p,
.address-wrap p {
  line-height: 1.6em;
}

/* =================================================== */
/* Card Descriptions */
/* =================================================== */

/* General card text content */
.de-card-content p,
.card-body p,
.item-desc {
  line-height: 1.65em;
}

/* =================================================== */
/* Mobile Responsive Fixes */
/* =================================================== */

@media only screen and (max-width: 992px) {
  /* Paragraphs need slightly tighter line-height on tablet */
  .text-content p,
  article p,
  .blog-read p {
    line-height: 1.7em;
  }
}

@media only screen and (max-width: 768px) {
  /* Mobile paragraph adjustments */
  .text-content p,
  article p,
  .blog-read p,
  .service-content p {
    line-height: 1.65em;
  }
  
  /* Mobile list spacing */
  .content ul li,
  article ul li {
    line-height: 1.7em;
  }
}

@media only screen and (max-width: 576px) {
  /* Small mobile adjustments */
  .text-content p,
  article p {
    line-height: 1.6em;
  }
  
  footer .widget p {
    line-height: 1.6em;
  }
}