/* ═══════════════════════════════════════════════════
   TELCOMEDGE — FINAL MASTER CSS — COMMENTS FIXED
   ═══════════════════════════════════════════════════ */

/* ─── 1. HEADER ─────────────────────────────────── */
.site-header {
  background-color: #071428 !important;
  border-bottom: 3px solid #00C8DC !important;
  padding: 12px 0 !important;
}
.site-header .site-branding {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
  gap: 12px;
}
.site-header .site-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
}
.site-header .site-title a {
  color: #ffffff !important;
}
.site-header .site-description {
  display: none !important;
}

/* ─── 2. NAVIGATION ──────────────────────────────── */
.main-navigation a {
  color: #ccddee !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  transition: color 0.2s ease !important;
}
.main-navigation a:hover {
  color: #00C8DC !important;
}

/* ─── 3. HERO BANNER ─────────────────────────────── */
#main::before,
#content::before,
.site-content::before,
.site-main::before {
  content: "Telecom  ·  Enterprise  ·  AI — A Practitioner's Voice" !important;
  display: block !important;
  background-color: #071428 !important;
  color: #ccddee !important;
  text-align: center !important;
  padding: 18px 40px !important;
  font-size: 14px !important;
  font-family: Arial, sans-serif !important;
  letter-spacing: 2px !important;
  line-height: 1.6 !important;
  border-bottom: 1px solid #0d2a4a !important;
  text-transform: uppercase !important;
}

/* ─── 4. BODY ────────────────────────────────────── */
body {
  background-color: #f7f9fb !important;
}

/* ─── 5. ARTICLE IMAGES ─────────────────────────── */
.entry-post-thumbnail,
.post-thumbnail,
figure.post-thumbnail,
.ct-blog-post .ct-image-container,
.ct-blog-post figure {
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 0 !important;
  display: block !important;
}
.entry-post-thumbnail img,
.post-thumbnail img,
.wp-post-image,
.ct-blog-post .ct-image-container img,
.ct-blog-post figure img {
  width: 100% !important;
  height: 260px !important;
  object-fit: cover !important;
  border-radius: 6px 6px 0 0 !important;
  display: block !important;
}

/* ─── 6. ARTICLE CARDS ──────────────────────────── */
.ct-blog-post,
.post-card,
article.post {
  box-shadow: 0 2px 16px rgba(0,0,0,0.07) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  margin-bottom: 28px !important;
  background: #ffffff !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}
.ct-blog-post:hover,
article.post:hover {
  box-shadow: 0 6px 28px rgba(0,200,220,0.14) !important;
  transform: translateY(-2px) !important;
}

/* ─── 7. FEATURED FIRST ARTICLE ─────────────────── */
.ct-blog-post:first-child,
article.post:first-child {
  border-left: 4px solid #00C8DC !important;
}
.ct-blog-post:first-child .entry-title a,
article.post:first-child .entry-title a {
  font-size: 24px !important;
}
.ct-blog-post:first-child .entry-meta::before,
article.post:first-child .entry-meta::before {
  content: "LATEST  · " !important;
  color: #00C8DC !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 1.5px !important;
}

/* ─── 8. POST TITLES ─────────────────────────────── */
.entry-title a {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #0d1f3c !important;
  transition: color 0.2s ease !important;
}
.entry-title a:hover {
  color: #00C8DC !important;
}

/* ─── 9. POST META ───────────────────────────────── */
.entry-meta {
  font-size: 12px !important;
  color: #778899 !important;
  margin-top: 6px !important;
}

/* ─── 10. CATEGORY LABELS ───────────────────────── */
.cat-links a,
.entry-categories a {
  background-color: #e8f7fa !important;
  color: #0A5C6E !important;
  padding: 2px 10px !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}
.cat-links a:hover,
.entry-categories a:hover {
  background-color: #00C8DC !important;
  color: #ffffff !important;
}

/* ─── 11. ARTICLE CONTENT ───────────────────────── */
.entry-content {
  font-size: 17px !important;
  line-height: 1.85 !important;
  color: #1a2332 !important;
}
.entry-content h2 {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #071428 !important;
  margin-top: 36px !important;
  margin-bottom: 12px !important;
  border-left: 4px solid #00C8DC !important;
  padding-left: 12px !important;
}
.entry-content h3 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0A5C6E !important;
  margin-top: 28px !important;
}
.entry-content p {
  margin-bottom: 20px !important;
}
.entry-content blockquote {
  border-left: 4px solid #00C8DC !important;
  background: #f0f8fa !important;
  padding: 16px 20px !important;
  margin: 24px 0 !important;
  border-radius: 0 6px 6px 0 !important;
  color: #0A5C6E !important;
  font-style: italic !important;
}
.entry-content ul li,
.entry-content ol li {
  margin-bottom: 8px !important;
  line-height: 1.7 !important;
}

/* ─── 12. READ MORE ──────────────────────────────── */
.more-link,
.read-more-link {
  color: #0A5C6E !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  border-bottom: 1px solid #00C8DC !important;
  transition: color 0.2s ease !important;
}
.more-link:hover {
  color: #00C8DC !important;
}

/* ─── 13. SIDEBAR WIDGET TITLES ─────────────────── */
.widget-title,
.widgettitle {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #0A5C6E !important;
  border-bottom: 2px solid #00C8DC !important;
  padding-bottom: 8px !important;
  margin-bottom: 14px !important;
}

/* ─── 14. TAG CLOUD ──────────────────────────────── */
.tag-cloud-link {
  background: #f0f8fa !important;
  border: 1px solid #b0dde6 !important;
  color: #0A5C6E !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin: 3px 2px !important;
  transition: all 0.2s ease !important;
}
.tag-cloud-link:hover {
  background: #00C8DC !important;
  color: #ffffff !important;
  border-color: #00C8DC !important;
}

/* ─── 15. ARTICLE TAGS ───────────────────────────── */
.post-tags a,
.entry-tags a,
.tags-links a,
[rel="tag"] {
  background: #f0f8fa !important;
  border: 1px solid #b0dde6 !important;
  color: #0A5C6E !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin: 3px 2px !important;
}
.post-tags a:hover,
.entry-tags a:hover {
  background: #00C8DC !important;
  color: #ffffff !important;
}

/* ─── 16. SUBSCRIBE WIDGET ───────────────────────── */
.widget_blog_subscription input[type="email"],
.jetpack_subscription_widget input[type="email"] {
  border: 1px solid #b0dde6 !important;
  border-radius: 4px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  width: 100% !important;
  margin-bottom: 8px !important;
}
.widget_blog_subscription input[type="submit"],
.jetpack_subscription_widget input[type="submit"] {
  background-color: #0A5C6E !important;
  color: #ffffff !important;
  border: none !important;
  padding: 8px 20px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  width: 100% !important;
  cursor: pointer !important;
  letter-spacing: 0.5px !important;
  transition: background 0.2s ease !important;
}
.widget_blog_subscription input[type="submit"]:hover,
.jetpack_subscription_widget input[type="submit"]:hover {
  background-color: #00C8DC !important;
}

/* ─── 17. PAGINATION ─────────────────────────────── */
.page-numbers {
  background: #ffffff !important;
  border: 1px solid #d0e4ea !important;
  color: #0A5C6E !important;
  padding: 8px 14px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}
.page-numbers.current {
  background: #0A5C6E !important;
  color: #ffffff !important;
  border-color: #0A5C6E !important;
}
.page-numbers:hover {
  background: #00C8DC !important;
  color: #ffffff !important;
  border-color: #00C8DC !important;
}

/* ─── 18. HIDE ALL RATINGS ───────────────────────── */
[class*="rating"],
[class*="Rating"],
[id*="rating"],
[id*="Rating"],
.cr-rating,
.cr-widget,
.cr-icon,
.post-rating,
.star-rating,
.wp-review-total-wrapper,
.review-total-box {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ─── 19. HIDE AUTHOR BOX — SAFE ─────────────────── */
/* NO wildcards — specific classes only — safe for comments */
.ct-author-box,
.ct-author-box-wrapper,
.ct-post-author,
.ct-post-author-box,
.ct-widget-author-box,
.author-box,
.author-section,
.post-author-section,
.entry-author-wrapper,
.author-card,
.author-widget,
[data-id="author-box"] {
  display: none !important;
}

/* ─── 20. HIDE POST NAVIGATION ───────────────────── */
.post-navigation,
.post-navigation.navigation,
.nav-links,
.navigation.post-navigation,
.ct-post-navigation,
.entry-navigation,
.prev-next-navigation,
[class*="post-nav"],
[class*="post-navigation"],
.nav-previous,
.nav-next,
.prev-post,
.next-post,
a[rel="prev"],
a[rel="next"] {
  display: none !important;
}

/* ─── 21. HIDE TRENDING AND RECENT POSTS ─────────── */
.widget_jetpack_top_posts_widget,
.widget_top-posts,
.widget_recent_entries,
.jp-relatedposts,
#wpcom-trending-posts,
.ct-trending-bar,
.ct-trending-posts-bar,
.ct-trending-posts,
.trending-bar,
.trending-now,
[class*="trending-bar"],
[class*="trending_bar"],
[class*="ct-trending"],
[id*="ct-trending"],
.widget_trending_posts,
.widget-trending-posts,
[id*="trending_posts"],
[class*="trending_posts"] {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* ─── 22. HIDE LIKE BUTTON ───────────────────────── */
.sd-like,
.sd-block.sd-like,
.sd-like-widget,
#like-post-wrapper,
#likes-other-gravatars,
.jetpack-likes-widget-wrapper,
.jetpack-likes-widget,
.likes-master,
.wpl-button,
.wpl-likebox,
[id*="like-post"],
[class*="jetpack-like"],
[class*="likes-widget"],
iframe[src*="likes"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

/* ─── 23. RESTORE SHARE BUTTONS ─────────────────── */
.sharedaddy,
.sd-content {
  display: block !important;
}

/* ─── 24. COMMENTS HEADING ───────────────────────── */
#comments h2,
#comments h1,
#comments h3,
.comments-title {
  display: none !important;
}

/* ─── 25. COMMENT FORM ───────────────────────────── */
#respond h3,
#respond .comment-reply-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0A5C6E !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}
#respond .comment-form-comment textarea {
  border: 1px solid #d0e4ea !important;
  border-radius: 6px !important;
  padding: 12px !important;
  font-size: 15px !important;
  width: 100% !important;
}
#respond .submit,
#respond input[type="submit"] {
  background-color: #0A5C6E !important;
  color: #ffffff !important;
  border: none !important;
  padding: 10px 24px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}
#respond input[type="submit"]:hover {
  background-color: #00C8DC !important;
}

/* ─── 26. FOOTER ─────────────────────────────────── */
.site-footer,
.ct-footer,
{
  background-color: #071428 !important;
  border-top: 3px solid #00C8DC !important;
  min-height: 80px !important;
  padding: 24px 20px !important;
  text-align: center !important;
  display: block !important;
}
.site-footer a,
.ct-footer a {
  color: #00C8DC !important;
  text-decoration: none !important;
}
.site-footer a:hover,
.ct-footer a:hover {
  color: #ffffff !important;
}
.site-info,
.ct-footer-copyright,
.footer-copyright,
[class*="footer-credit"],
[class*="powered-by"],
[class*="wordpress"] {
  display: none !important;
}
footer::after,
.site-footer::after,
 {
  content: "© 2026 TelcomEdge  ·  Telecom  ·  Enterprise  ·  AI — A Practitioner's Voice  ·  prasanna@telcomedge.com" !important;
  display: block !important;
  text-align: center !important;
  color: #778899 !important;
  font-size: 12px !important;
  font-family: Arial, sans-serif !important;
  padding: 12px 20px !important;
  line-height: 2 !important;
  letter-spacing: 0.5px !important;
}

/* ─── 27. MOBILE RESPONSIVE ─────────────────────── */
@media (max-width: 768px) {
  .site-header .site-title { font-size: 18px !important; }
  .entry-title a { font-size: 18px !important; }
  .ct-blog-post:first-child .entry-title a { font-size: 20px !important; }
  .entry-content { font-size: 16px !important; line-height: 1.75 !important; }
  .entry-post-thumbnail img, .post-thumbnail img, .wp-post-image { height: 200px !important; }
  #main::before, #content::before, .site-content::before, .site-main::before {
    font-size: 11px !important; padding: 12px 20px !important; letter-spacing: 1px !important;
  }
}
@media (max-width: 480px) {
  .entry-post-thumbnail img, .post-thumbnail img { height: 180px !important; }
  .site-footer::after, footer::after { font-size: 11px !important; padding: 10px 12px !important; }
}
/* Restore comment footer elements */
.comment-meta,
.comment-metadata,
li.comment footer,
.comment footer {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  min-height: auto !important;
  color: #778899 !important;
}
.comment footer::after,
li.comment footer::after {
  content: none !important;
  display: none !important;
}
/* ─── 25. FOOTER ─────────────────────────────────── */
.site-footer,
.ct-footer,
[class*="site-footer"],
[id*="site-footer"] {
  background-color: #071428 !important;
  border-top: 3px solid #00C8DC !important;
  min-height: 80px !important;
  padding: 24px 20px !important;
  text-align: center !important;
  display: block !important;
}
.site-footer a,
.ct-footer a {
  color: #00C8DC !important;
  text-decoration: none !important;
}
.site-footer a:hover,
.ct-footer a:hover {
  color: #ffffff !important;
}
.site-info,
.ct-footer-copyright,
.footer-copyright,
[class*="footer-credit"],
[class*="powered-by"],
[class*="wordpress"] {
  display: none !important;
}
.site-footer::after,
.ct-footer::after {
  content: "© 2026 TelcomEdge  ·  Telecom  ·  Enterprise  ·  AI — A Practitioner's Voice " !important;
  display: block !important;
  text-align: center !important;
  color: #778899 !important;
  font-size: 12px !important;
  font-family: Arial, sans-serif !important;
  padding: 12px 20px !important;
  line-height: 2 !impor