/**
 * ============================================================================
 * SRIH SKIN CLINIC - PROFESSIONAL BLOG & POST STYLING (FRONTEND)
 * Theme: Rishi | Site: Srih Skin Clinic (drsudha)
 * Version: 2.8.0
 * Brand Colors: Coral (#F06520 / #FF7A38) | Navy (#0F172A) | Slate (#334155)
 * ============================================================================
 */

/* ==========================================================================
   1. GLOBAL DESIGN TOKENS & SYSTEM
   ========================================================================== */
:root {
  --srih-primary: #F06520;
  --srih-primary-hover: #D84F0C;
  --srih-primary-light: #FFF0E9;
  --srih-primary-glow: rgba(240, 101, 32, 0.18);
  --srih-primary-gradient: linear-gradient(135deg, #F06520 0%, #FF7A38 100%);
  --srih-primary-gradient-hover: linear-gradient(135deg, #FF7A38 0%, #F06520 100%);
  --srih-navy: #0F172A;
  --srih-slate-dark: #1E293B;
  --srih-slate: #334155;
  --srih-slate-light: #64748B;
  --srih-bg-soft: #F8FAFC;
  --srih-bg-card: #FFFFFF;
  --srih-border: #E2E8F0;
  --srih-border-hover: rgba(240, 101, 32, 0.35);
  --srih-shadow-subtle: 0 4px 16px -2px rgba(15, 23, 42, 0.05);
  --srih-shadow-card: 0 10px 30px -4px rgba(15, 23, 42, 0.08);
  --srih-shadow-hover: 0 20px 40px -10px rgba(240, 101, 32, 0.18);
  --srih-radius-card: 20px;
  --srih-radius-pill: 50px;
  --srih-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* --------------------------------------------------------------------------
   GLOBAL TYPOGRAPHY RULES: H1: 23px | H2: 21px | H3: 19px | H4: 19px | P: 17px
   -------------------------------------------------------------------------- */
body.blog h1, body.archive h1, body.single-post h1, body.single h1,
.single-post .entry-title, .single-post h1.entry-title {
  font-size: 23px !important;
}

body.blog h2, body.archive h2, body.single-post h2, body.single h2,
body.blog .entry-title, body.archive .entry-title, body.blog .entry-title a, body.archive .entry-title a,
.single-post .entry-content h2, article.post .entry-content h2 {
  font-size: 21px !important;
}

body.blog h3, body.archive h3, body.single-post h3, body.single h3,
.single-post .entry-content h3, article.post .entry-content h3 {
  font-size: 19px !important;
}

body.blog h4, body.archive h4, body.single-post h4, body.single h4,
.single-post .entry-content h4, article.post .entry-content h4,
.key-points h4, .doctor-note h4 {
  font-size: 19px !important;
}

body.blog p, body.archive p, body.single-post p, body.single p,
.entry-content p, .entry-summary, .post-content p {
  font-size: 17px !important;
}

/* ==========================================================================
   2. BLOG LISTING & SINGLE POST 2-COLUMN LAYOUT (VENUS CLINIC DESIGN)
   ========================================================================== */
body.blog,
body.archive,
body.search,
body.single-post,
body.single {
  background-color: var(--srih-bg-soft) !important;
}

/* Container & Main Layout */
body.blog .site-content,
body.archive .site-content,
body.search .site-content,
body.single-post .site-content,
body.single .site-content,
body.blog #content,
body.archive #content,
body.search #content,
body.single-post #content,
body.single #content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.blog .site-content .rishi-container,
body.archive .site-content .rishi-container,
body.search .site-content .rishi-container,
body.single-post .site-content .rishi-container,
body.single .site-content .rishi-container,
body.blog .rishi-container,
body.archive .rishi-container,
body.single-post .rishi-container,
body.single .rishi-container {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 16px 20px 36px !important;
}

body.blog .main-content-wrapper,
body.archive .main-content-wrapper,
body.search .main-content-wrapper,
body.single-post .main-content-wrapper,
body.single .main-content-wrapper {
  display: flex !important;
  flex-direction: row !important;
  gap: 36px !important;
  align-items: flex-start !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Left Column: Post Stream & Single Post Article */
body.blog #primary.site-main,
body.archive #primary.site-main,
body.search #primary.site-main,
body.single-post #primary.site-main,
body.single #primary.site-main {
  flex: 1 1 68% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Right Column: Sticky Sidebar */
body.blog #secondary.widget-area,
body.archive #secondary.widget-area,
body.search #secondary.widget-area,
body.single-post #secondary.widget-area,
body.single #secondary.widget-area {
  flex: 0 0 32% !important;
  max-width: 380px !important;
  min-width: 290px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 80px !important;
}


/* --------------------------------------------------------------------------
   BLOG POST CARDS (Full-Width Poster Card Design)
   -------------------------------------------------------------------------- */
body.blog article.rishi-post,
body.archive article.rishi-post,
body.blog article.post,
body.archive article.post,
.blog-list .rishi-post {
  background: var(--srih-bg-card) !important;
  border: 1px solid var(--srih-border) !important;
  border-radius: var(--srih-radius-card) !important;
  overflow: hidden !important;
  box-shadow: var(--srih-shadow-subtle) !important;
  margin-bottom: 32px !important;
  padding: 0 !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), 
              box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.3s ease !important;
  position: relative !important;
  width: 100% !important;
}

body.blog article.rishi-post:hover,
body.archive article.rishi-post:hover,
body.blog article.post:hover,
body.archive article.post:hover,
.blog-list .rishi-post:hover {
  transform: translateY(-5px) !important;
  border-color: var(--srih-border-hover) !important;
  box-shadow: var(--srih-shadow-hover) !important;
}

/* Reset inner layout wrappers so they NEVER duplicate card borders, background, padding, or margins */
body.blog .blog-post-lay,
body.archive .blog-post-lay,
body.blog .post-content,
body.archive .post-content,
body.blog .entry-content-main-wrap,
body.archive .entry-content-main-wrap,
.blog-list .blog-post-lay,
.blog-list .post-content,
.blog-list .entry-content-main-wrap {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  width: 100% !important;
}

/* Featured Image Banner (Flush Edge-to-Edge at Top of Card) */
body.blog .entry-content-main-wrap,
body.archive .entry-content-main-wrap,
body.blog .blog-post-lay,
body.archive .blog-post-lay,
body.blog .blog-list .entry-content-main-wrap,
body.archive .blog-list .entry-content-main-wrap,
.blog-list .entry-content-main-wrap {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.blog .entry-content-main-wrap .rt-featured-image,
body.archive .entry-content-main-wrap .rt-featured-image,
body.blog .rt-featured-image,
body.archive .rt-featured-image,
body.blog .post-thumbnail,
body.archive .post-thumbnail,
.blog-list .entry-content-main-wrap .rt-featured-image,
.content-box-layout.blog-list .rishi-post .rt-featured-image {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 360px !important;
  max-height: 360px !important;
  min-height: 360px !important;
  flex: 0 0 360px !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  position: relative !important;
  background: transparent !important;
  background-color: transparent !important;
}

body.blog .rt-featured-image a,
body.archive .rt-featured-image a,
body.blog .rt-image-container,
body.archive .rt-image-container,
.blog-list .entry-content-main-wrap .rt-image-container,
.blog-list .post-content .rt-featured-image a {
  display: block !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 360px !important;
  min-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

/* Eliminate Rishi theme's aspect-ratio spacer span that created the 120px empty gap */
body.blog .rt-featured-image .rt-ratio,
body.archive .rt-featured-image .rt-ratio,
body.blog .rt-image-container .rt-ratio,
body.archive .rt-image-container .rt-ratio,
.rt-ratio {
  display: none !important;
  padding: 0 !important;
  height: 0 !important;
  width: 0 !important;
  visibility: hidden !important;
}

body.blog .rt-featured-image img,
body.archive .rt-featured-image img,
body.blog .rt-image-container img,
body.archive .rt-image-container img,
body.blog .post-thumbnail img,
body.archive .post-thumbnail img,
.blog-list .entry-content-main-wrap .rt-featured-image img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.blog article.rishi-post:hover .rt-featured-image img,
body.archive article.rishi-post:hover .rt-featured-image img,
body.blog article.post:hover .post-thumbnail img,
body.archive article.post:hover .post-thumbnail img {
  transform: scale(1.035) !important;
}

/* Card Content Area (Directly touches image with ZERO gap) */
body.blog .entry-content-main-wrap .list-cont-wrap,
body.archive .entry-content-main-wrap .list-cont-wrap,
body.blog .list-cont-wrap,
body.archive .list-cont-wrap,
.blog-list .entry-content-main-wrap .list-cont-wrap,
.content-box-layout.blog-list .rishi-post .list-cont-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 22px 28px 26px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  margin-top: 0 !important;
}

/* --------------------------------------------------------------------------
   ARCHIVE & BLOG PAGE: POST META LINE (Category Badge, Date, Author)
   -------------------------------------------------------------------------- */
body.blog .post-meta-wrapper,
body.archive .post-meta-wrapper,
body.search .post-meta-wrapper,
body.blog .entry-meta,
body.archive .entry-meta,
body.search .entry-meta,
.blog-list .post-meta-wrapper,
.blog-list .entry-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 14px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  width: auto !important;
}

body.blog .post-meta-inner,
body.archive .post-meta-inner,
body.search .post-meta-inner,
.blog-list .post-meta-inner {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 14px !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  width: auto !important;
}

/* Category Badge on Archive Cards */
body.blog .cat-links,
body.archive .cat-links,
body.search .cat-links,
body.blog .category-badge,
body.archive .category-badge,
.blog-list .cat-links {
  display: inline-flex !important;
  align-items: center !important;
  background: var(--srih-primary-light) !important;
  color: var(--srih-primary) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.7px !important;
  text-transform: uppercase !important;
  padding: 4px 12px !important;
  border-radius: var(--srih-radius-pill) !important;
  border: 1px solid rgba(240, 101, 32, 0.25) !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  width: auto !important;
}

body.blog .cat-links a,
body.archive .cat-links a,
body.search .cat-links a,
.blog-list .cat-links a {
  color: var(--srih-primary) !important;
  text-decoration: none !important;
}

/* Meta Items: Date, Author, Comments on Archive Cards */
body.blog .posted-by,
body.archive .posted-by,
body.blog .posted-on,
body.archive .posted-on,
body.blog .meta-common,
body.archive .meta-common,
body.blog .entry-meta span,
body.archive .entry-meta span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.86rem !important;
  color: var(--srih-slate-light) !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  width: auto !important;
}

body.blog .posted-by a,
body.archive .posted-by a,
body.blog .posted-on a,
body.archive .posted-on a,
body.blog .entry-meta a,
body.archive .entry-meta a,
body.blog .meta-common a,
body.archive .meta-common a {
  color: var(--srih-slate) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

body.blog .posted-by a:hover,
body.archive .posted-by a:hover,
body.blog .posted-on a:hover,
body.archive .posted-on a:hover,
body.blog .entry-meta a:hover,
body.archive .entry-meta a:hover {
  color: var(--srih-primary) !important;
}

/* ARCHIVE & BLOG PAGE: POST TITLE (H2: 21px) */
body.blog .entry-title,
body.archive .entry-title,
body.search .entry-title,
.blog-list .entry-title,
.blog-post-lay .entry-title,
.list-cont-wrap .entry-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 10px 0 14px !important;
  line-height: 1.35 !important;
}

body.blog .entry-title a,
body.archive .entry-title a,
body.search .entry-title a,
.blog-list .entry-title a,
.blog-post-lay .entry-title a,
.list-cont-wrap .entry-title a {
  font-family: var(--srih-font-sans) !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  color: var(--srih-navy) !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.blog .entry-title a:hover,
body.archive .entry-title a:hover,
body.search .entry-title a:hover {
  color: var(--srih-primary) !important;
}

/* Post Excerpt */
body.blog .entry-content-wrap,
body.archive .entry-content-wrap,
body.blog .entry-summary,
body.archive .entry-summary,
body.blog .post-content p,
body.archive .post-content p {
  color: var(--srih-slate) !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
  margin-bottom: 20px !important;
}

body.blog .entry-content-wrap p:last-child,
body.archive .entry-content-wrap p:last-child {
  margin-bottom: 0 !important;
}

body.blog .entry-footer,
body.archive .entry-footer {
  margin-top: 20px !important;
  display: block !important;
}

/* Read More Button (Sleek Modern Clinic Design) */
body.blog .btn-readmore,
body.archive .btn-readmore,
body.blog .read-more-button,
body.archive .read-more-button,
body.blog .rishi-btn-readmore,
body.archive .rishi-btn-readmore,
.blog-list .entry-content-main-wrap .btn-readmore,
.blog-post-lay .entry-content-main-wrap .btn-readmore {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: var(--srih-primary-gradient) !important;
  color: #FFFFFF !important;
  font-family: var(--srih-font-sans) !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  padding: 10px 22px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(240, 101, 32, 0.22) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border: none !important;
  cursor: pointer !important;
  line-height: 1.2 !important;
}

body.blog .btn-readmore:hover,
body.archive .btn-readmore:hover,
body.blog .read-more-button:hover,
body.archive .read-more-button:hover,
.blog-list .entry-content-main-wrap .btn-readmore:hover,
.blog-post-lay .entry-content-main-wrap .btn-readmore:hover {
  background: var(--srih-primary-gradient-hover) !important;
  box-shadow: 0 6px 18px rgba(240, 101, 32, 0.38) !important;
  transform: translateY(-2px) !important;
  color: #FFFFFF !important;
}

body.blog .btn-readmore::after,
body.archive .btn-readmore::after,
body.blog .read-more-button::after,
body.archive .read-more-button::after,
.blog-list .entry-content-main-wrap .btn-readmore::after,
.blog-post-lay .entry-content-main-wrap .btn-readmore:after {
  content: '→' !important;
  display: inline-block !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin-left: 4px !important;
  transition: transform 0.25s ease !important;
  background: none !important;
  color: #FFFFFF !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

body.blog .btn-readmore:hover::after,
body.archive .btn-readmore:hover::after,
.blog-list .entry-content-main-wrap .btn-readmore:hover::after,
.blog-post-lay .entry-content-main-wrap .btn-readmore:hover:after {
  transform: translateX(4px) !important;
  background: none !important;
  color: #FFFFFF !important;
}

/* --------------------------------------------------------------------------
   SIDEBAR WIDGETS (Clinic Aesthetic)
   -------------------------------------------------------------------------- */
.widget-area .widget,
#secondary.widget-area .widget {
  background: #FFFFFF !important;
  border: 1px solid var(--srih-border) !important;
  border-radius: var(--srih-radius-card) !important;
  padding: 28px 30px !important;
  margin-bottom: 30px !important;
  box-shadow: var(--srih-shadow-subtle) !important;
  overflow: hidden !important;
}

/* Clinic Appointment Promo Widget */
.widget-area .widget.clinic-promo-widget,
#secondary.widget-area .widget.clinic-promo-widget {
  background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%) !important;
  border: 1px solid #1E293B !important;
  color: #FFFFFF !important;
  box-shadow: 0 10px 30px -4px rgba(15, 23, 42, 0.15) !important;
}

.widget-area .widget.clinic-promo-widget h3,
#secondary.widget-area .widget.clinic-promo-widget h3 {
  color: #FFFFFF !important;
}

.widget-area .widget.clinic-promo-widget p,
#secondary.widget-area .widget.clinic-promo-widget p {
  color: #CBD5E1 !important;
}

/* Widget Header */
.widget-area .widget-title,
#secondary.widget-area .widget-title {
  font-family: var(--srih-font-sans) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--srih-navy) !important;
  text-align: center !important;
  margin: 0 0 20px !important;
  padding-bottom: 14px !important;
  position: relative !important;
}

.widget-area .widget-title::after,
#secondary.widget-area .widget-title::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 40px !important;
  height: 3px !important;
  border-radius: 2px !important;
  background: var(--srih-primary-gradient) !important;
}

/* Widget Search Bar (Classic & Gutenberg Blocks) */
.widget-area .widget_search form,
#secondary .widget_search form,
.widget-area .wp-block-search,
#secondary .wp-block-search {
  position: relative !important;
  margin: 0 !important;
}

.widget-area .wp-block-search__inside-wrapper,
#secondary .wp-block-search__inside-wrapper {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}

.widget-area .widget_search input[type="search"],
#secondary .widget_search input[type="search"],
.widget-area .widget_search .search-field,
.widget-area .wp-block-search__input,
#secondary .wp-block-search__input {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 52px 0 20px !important;
  border: 1.5px solid var(--srih-border) !important;
  border-radius: var(--srih-radius-pill) !important;
  font-size: 0.94rem !important;
  font-family: var(--srih-font-sans) !important;
  color: var(--srih-slate) !important;
  background: var(--srih-bg-soft) !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
  line-height: 48px !important;
}

.widget-area .widget_search input[type="search"]:focus,
#secondary .widget_search input[type="search"]:focus,
.widget-area .wp-block-search__input:focus,
#secondary .wp-block-search__input:focus {
  border-color: var(--srih-primary) !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px var(--srih-primary-glow) !important;
}

.widget-area .wp-block-search__input::placeholder,
#secondary .wp-block-search__input::placeholder,
.widget-area .widget_search input[type="search"]::placeholder,
#secondary .widget_search input[type="search"]::placeholder {
  color: #94A3B8 !important;
  font-size: 0.9rem !important;
  opacity: 1 !important;
}

/* Circular Orange Button with Crisp White Search Icon */
.widget-area .widget_search button,
.widget-area .widget_search .search-submit,
#secondary .widget_search button,
.widget-area .wp-block-search__button,
#secondary .wp-block-search__button {
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: var(--srih-primary-gradient) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(240, 101, 32, 0.32) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  z-index: 5 !important;
  overflow: hidden !important;
}

.widget-area .wp-block-search__button svg,
#secondary .wp-block-search__button svg {
  display: none !important;
}

/* Crisp White Pure-CSS Magnifying Glass (100% Reliable, Never Fails) */
.widget-area .widget_search button::before,
.widget-area .widget_search .search-submit::before,
#secondary .widget_search button::before,
.widget-area .wp-block-search__button::before,
#secondary .wp-block-search__button::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  width: 10px !important;
  height: 10px !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 50% !important;
  top: 10px !important;
  left: 10px !important;
  box-sizing: border-box !important;
}

.widget-area .widget_search button::after,
.widget-area .widget_search .search-submit::after,
#secondary .widget_search button::after,
.widget-area .wp-block-search__button::after,
#secondary .wp-block-search__button::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  width: 2px !important;
  height: 7px !important;
  background: #FFFFFF !important;
  transform: rotate(-45deg) !important;
  bottom: 9px !important;
  right: 11px !important;
  border-radius: 1px !important;
}

.widget-area .widget_search button:hover,
.widget-area .wp-block-search__button:hover {
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 4px 14px rgba(240, 101, 32, 0.48) !important;
}

/* Widget Category, Recent Posts & Treatment Lists */
.widget-area .widget ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.widget-area .widget ul li {
  padding: 12px 0 !important;
  border-bottom: 1px solid #F1F5F9 !important;
  font-size: 0.96rem !important;
  transition: transform 0.2s ease !important;
}

.widget-area .widget ul li:last-child {
  border-bottom: none !important;
}

.widget-area .widget ul li a {
  color: var(--srih-slate) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.widget-area .widget ul li a:hover {
  color: var(--srih-primary) !important;
  transform: translateX(4px) !important;
}

/* Dynamic Clinical Categories Widget (with count pills) */
.widget_categories ul li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.widget_categories ul li span.count,
.widget_categories ul li .count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--srih-bg-soft) !important;
  color: var(--srih-slate-light) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 50px !important;
  border: 1px solid var(--srih-border) !important;
}

/* Dynamic Recent Articles Widget */
.widget_recent_entries ul li,
.widget_recent_posts ul li {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
  padding: 12px 0 !important;
}

.widget_recent_entries ul li a,
.widget_recent_posts ul li a {
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

.widget_recent_entries .post-date,
.widget_recent_posts .post-date {
  font-size: 0.8rem !important;
  color: var(--srih-slate-light) !important;
}

/* Dynamic Related Treatments (Navigation Menu Widget) */
.widget_nav_menu ul li {
  display: flex !important;
  align-items: center !important;
}

.widget_nav_menu ul li a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

.widget_nav_menu ul li a::before {
  content: '›' !important;
  color: var(--srih-primary) !important;
  font-size: 1.15rem !important;
  font-weight: bold !important;
  line-height: 1 !important;
  transition: transform 0.2s ease !important;
}

.widget_nav_menu ul li a:hover::before {
  transform: translateX(3px) !important;
}

/* Appointment Promo Widget in Sidebar (Custom HTML Widget) */
.clinic-promo-widget,
.widget.clinic-promo-widget {
  background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  position: relative !important;
  overflow: hidden !important;
}

.clinic-promo-widget::before {
  content: '' !important;
  position: absolute !important;
  top: -30px !important;
  right: -30px !important;
  width: 140px !important;
  height: 140px !important;
  background: radial-gradient(circle, rgba(240, 101, 32, 0.35) 0%, transparent 70%) !important;
  border-radius: 50% !important;
}

.clinic-promo-widget h3,
.clinic-promo-widget .widget-title {
  color: #FFFFFF !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  position: relative !important;
  z-index: 2 !important;
}

.clinic-promo-widget h3::after,
.clinic-promo-widget .widget-title::after {
  display: none !important;
}

.clinic-promo-widget p {
  color: #CBD5E1 !important;
  font-size: 0.92rem !important;
  line-height: 1.6 !important;
  margin-bottom: 18px !important;
  position: relative !important;
  z-index: 2 !important;
}

.clinic-promo-btn {
  display: inline-block !important;
  width: 100% !important;
  text-align: center !important;
  background: linear-gradient(135deg, #F06520 0%, #FF7A38 100%) !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  padding: 12px 18px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(240, 101, 32, 0.35) !important;
  position: relative !important;
  z-index: 2 !important;
  transition: all 0.25s ease !important;
}

.clinic-promo-btn:hover {
  box-shadow: 0 8px 24px rgba(240, 101, 32, 0.5) !important;
  transform: translateY(-2px) !important;
  color: #FFFFFF !important;
}

/* --------------------------------------------------------------------------
   BLOG PAGINATION
   -------------------------------------------------------------------------- */
.navigation.pagination,
.rishi-pagination {
  margin: 50px 0 20px !important;
  text-align: center !important;
}

.navigation.pagination .nav-links,
.rishi-pagination .nav-links {
  display: inline-flex !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: center !important;
  background: #FFFFFF !important;
  padding: 8px 14px !important;
  border-radius: var(--srih-radius-pill) !important;
  border: 1px solid var(--srih-border) !important;
  box-shadow: var(--srih-shadow-subtle) !important;
}

.navigation.pagination .page-numbers,
.rishi-pagination .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 12px !important;
  border-radius: 50% !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  color: var(--srih-slate) !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.navigation.pagination .page-numbers:hover {
  color: var(--srih-primary) !important;
  background: var(--srih-primary-light) !important;
}

.navigation.pagination .page-numbers.current {
  background: var(--srih-primary-gradient) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(240, 101, 32, 0.35) !important;
}


/* ==========================================================================
   3. SINGLE BLOG POSTS (EDITORIAL & MEDICAL CLINIC EXCELLENCE)
   ========================================================================== */
.single-post .rishi-post-wrapper > article.post,
.single-post #primary > .rishi-container-wrap > .rishi-post-wrapper > article,
.single-post .site-main > article.post,
.single-post .site-main article:not(.rishi-article-post) {
  background: #FFFFFF !important;
  border-radius: var(--srih-radius-card) !important;
  padding: 34px 38px !important;
  box-shadow: var(--srih-shadow-subtle) !important;
  border: 1px solid var(--srih-border) !important;
  margin-top: 0 !important;
  margin-bottom: 30px !important;
}

.single-post .rishi-post-wrapper > article .entry-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Single Post (Inside Main Article): Hide default category & author/date meta line */
body.single-post .rishi-post-wrapper > article .post-meta-wrapper,
body.single-post .rishi-post-wrapper > article .post-meta-inner,
body.single-post .rishi-post-wrapper > article .entry-meta,
body.single-post .rishi-post-wrapper > article .entry-meta-pri,
body.single-post .rishi-post-wrapper > article .entry-meta-sec,
body.single-post .rishi-post-wrapper > article .cat-links,
body.single-post .rishi-post-wrapper > article .posted-by,
body.single-post .rishi-post-wrapper > article .posted-on,
body.single-post .entry-header > .post-meta-wrapper,
body.single-post .entry-header > .cat-links,
body.single-post .entry-header > .posted-by,
body.single-post .entry-header > .posted-on,
body.single-post .entry-header > .category-badge,
body.single .entry-header > .category-badge,
body.single .rishi-post-wrapper > article .post-meta-wrapper,
body.single .rishi-post-wrapper > article .entry-meta,
body.single .rishi-post-wrapper > article .cat-links,
body.single .rishi-post-wrapper > article .posted-by,
body.single .rishi-post-wrapper > article .posted-on {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  width: 0 !important;
  visibility: hidden !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

/* Single Post Main Heading (H1: 23px) */
.single-post .entry-header .entry-title,
.single-post h1.entry-title,
.single-post h1,
article.post h1 {
  font-family: var(--srih-font-sans) !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1.32 !important;
  color: var(--srih-navy) !important;
  margin: 0 0 20px !important;
  letter-spacing: -0.3px !important;
}

/* Single Post Featured Image */
.single-post .entry-header .rt-featured-image,
.single-post .post-inner-wrap .rt-featured-image {
  margin: 28px 0 36px !important;
  border-radius: var(--srih-radius-card) !important;
  overflow: hidden !important;
  box-shadow: var(--srih-shadow-card) !important;
}

.single-post .entry-header .rt-featured-image img {
  width: 100% !important;
  max-height: 520px !important;
  object-fit: cover !important;
  border-radius: var(--srih-radius-card) !important;
}

/* Article Body Typography (P: 17px) */
.single-post .entry-content,
article.post .entry-content {
  font-family: var(--srih-font-sans) !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
  color: var(--srih-slate) !important;
}

.single-post .entry-content p,
article.post .entry-content p {
  font-size: 17px !important;
  line-height: 1.78 !important;
  margin-bottom: 1.5rem !important;
  color: var(--srih-slate) !important;
}

/* First Paragraph Lead */
.single-post .entry-content > p:first-of-type,
article.post .entry-content > p:first-of-type {
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  color: var(--srih-slate-dark) !important;
  margin-bottom: 1.8rem !important;
}

/* Section Headings (H2: 21px) with Signature Coral Accent Bar */
.single-post .entry-content h2,
article.post .entry-content h2,
.single-post h2,
article.post h2 {
  font-family: var(--srih-font-sans) !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  color: var(--srih-navy) !important;
  line-height: 1.35 !important;
  margin: 2.5rem 0 1.1rem !important;
  padding-left: 18px !important;
  position: relative !important;
}

.single-post .entry-content h2::before,
article.post .entry-content h2::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 3px !important;
  bottom: 3px !important;
  width: 4px !important;
  border-radius: 4px !important;
  background: var(--srih-primary-gradient) !important;
}

/* Sub-headings (H3: 19px, H4: 19px) */
.single-post .entry-content h3,
article.post .entry-content h3,
.single-post h3,
article.post h3 {
  font-family: var(--srih-font-sans) !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  color: var(--srih-slate-dark) !important;
  line-height: 1.38 !important;
  margin: 2rem 0 0.9rem !important;
}

.single-post .entry-content h4,
article.post .entry-content h4,
.single-post h4,
article.post h4 {
  font-family: var(--srih-font-sans) !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  color: var(--srih-slate-dark) !important;
  line-height: 1.4 !important;
  margin: 1.6rem 0 0.7rem !important;
}

/* Text Links */
.single-post .entry-content a,
article.post .entry-content a {
  color: var(--srih-primary) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-bottom: 1.5px solid rgba(240, 101, 32, 0.35) !important;
  transition: all 0.2s ease !important;
}

.single-post .entry-content a:hover,
article.post .entry-content a:hover {
  color: var(--srih-primary-hover) !important;
  border-bottom-color: var(--srih-primary-hover) !important;
  background: var(--srih-primary-light) !important;
  border-radius: 3px !important;
}

/* Pull-Quotes / Editorial Quotations */
.single-post .entry-content blockquote,
article.post .entry-content blockquote {
  margin: 2.6rem 0 !important;
  padding: 26px 32px !important;
  background: linear-gradient(135deg, rgba(240, 101, 32, 0.04) 0%, #F8FAFC 100%) !important;
  border-left: 5px solid var(--srih-primary) !important;
  border-radius: 0 16px 16px 0 !important;
  font-style: italic !important;
  font-size: 1.18rem !important;
  line-height: 1.8 !important;
  color: var(--srih-slate-dark) !important;
  position: relative !important;
}

.single-post .entry-content blockquote::before,
article.post .entry-content blockquote::before {
  content: '“' !important;
  position: absolute !important;
  top: 10px !important;
  right: 24px !important;
  font-size: 4rem !important;
  line-height: 1 !important;
  color: rgba(240, 101, 32, 0.15) !important;
  font-family: Georgia, serif !important;
}

/* In-Post Images & Captions */
.single-post .entry-content img,
article.post .entry-content img {
  border-radius: 14px !important;
  box-shadow: var(--srih-shadow-card) !important;
  max-width: 100% !important;
  height: auto !important;
}

.single-post .entry-content .wp-caption,
article.post .entry-content .wp-caption {
  background: #FFFFFF !important;
  border: 1px solid var(--srih-border) !important;
  border-radius: 16px !important;
  padding: 10px !important;
  text-align: center !important;
  margin: 2.2rem auto !important;
  max-width: 100% !important;
  box-shadow: var(--srih-shadow-subtle) !important;
}

.single-post .entry-content .wp-caption-text,
article.post .entry-content .wp-caption-text {
  font-size: 0.92rem !important;
  color: var(--srih-slate-light) !important;
  font-style: italic !important;
  margin-top: 10px !important;
}

/* --------------------------------------------------------------------------
   POINTS & LISTS (Bullets, Numbered, Checklists)
   -------------------------------------------------------------------------- */
/* Modern Glowing Coral Bullets (Unordered Lists) */
.single-post .entry-content ul:not(.checklist):not(.no-style),
article.post .entry-content ul:not(.checklist):not(.no-style) {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 1.8rem 0 !important;
}

.single-post .entry-content ul:not(.checklist):not(.no-style) > li,
article.post .entry-content ul:not(.checklist):not(.no-style) > li {
  position: relative !important;
  padding-left: 32px !important;
  margin-bottom: 0.9rem !important;
  line-height: 1.8 !important;
  color: var(--srih-slate) !important;
}

.single-post .entry-content ul:not(.checklist):not(.no-style) > li::before,
article.post .entry-content ul:not(.checklist):not(.no-style) > li::before {
  content: '' !important;
  position: absolute !important;
  left: 6px !important;
  top: 11px !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: var(--srih-primary) !important;
  box-shadow: 0 0 0 3px var(--srih-primary-glow) !important;
}

/* Gradient Numbered Step Badges (Ordered Lists) */
.single-post .entry-content ol:not(.no-style),
article.post .entry-content ol:not(.no-style) {
  list-style: none !important;
  counter-reset: srih-css-counter !important;
  padding-left: 0 !important;
  margin: 1.9rem 0 !important;
}

.single-post .entry-content ol:not(.no-style) > li,
article.post .entry-content ol:not(.no-style) > li {
  counter-increment: srih-css-counter !important;
  position: relative !important;
  padding-left: 48px !important;
  margin-bottom: 1.15rem !important;
  line-height: 1.8 !important;
  color: var(--srih-slate) !important;
}

.single-post .entry-content ol:not(.no-style) > li::before,
article.post .entry-content ol:not(.no-style) > li::before {
  content: counter(srih-css-counter) !important;
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: var(--srih-primary-gradient) !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 3px 10px rgba(240, 101, 32, 0.35) !important;
}

/* Green Checklist with Checkmark Badges */
.single-post .entry-content ul.checklist,
article.post .entry-content ul.checklist {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 1.8rem 0 !important;
}

.single-post .entry-content ul.checklist > li,
article.post .entry-content ul.checklist > li {
  position: relative !important;
  padding-left: 38px !important;
  margin-bottom: 0.95rem !important;
  line-height: 1.8 !important;
  color: var(--srih-slate) !important;
}

.single-post .entry-content ul.checklist > li::before,
article.post .entry-content ul.checklist > li::before {
  content: '✓' !important;
  position: absolute !important;
  left: 2px !important;
  top: 4px !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #ECFDF5 !important;
  color: #10B981 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1.5px solid #A7F3D0 !important;
}

/* --------------------------------------------------------------------------
   SPECIAL CLINICAL CALLOUT BOXES
   -------------------------------------------------------------------------- */
/* Key Points Box */
.single-post .entry-content .key-points,
article.post .entry-content .key-points {
  background: linear-gradient(135deg, #FFF9F6 0%, #FFFFFF 100%) !important;
  border: 1.5px solid rgba(240, 101, 32, 0.28) !important;
  border-left: 5px solid var(--srih-primary) !important;
  border-radius: 16px !important;
  padding: 24px 28px !important;
  margin: 2.4rem 0 !important;
  box-shadow: 0 4px 16px -2px rgba(240, 101, 32, 0.08) !important;
}

.single-post .entry-content .key-points h4,
article.post .entry-content .key-points h4 {
  color: var(--srih-primary) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  margin: 0 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Doctor's Advice Box */
.single-post .entry-content .doctor-note,
article.post .entry-content .doctor-note {
  background: #F0FDF4 !important;
  border: 1.5px solid #BBF7D0 !important;
  border-left: 5px solid #10B981 !important;
  border-radius: 16px !important;
  padding: 24px 28px !important;
  margin: 2.4rem 0 !important;
  color: #065F46 !important;
  box-shadow: 0 4px 16px -2px rgba(16, 185, 129, 0.08) !important;
}

.single-post .entry-content .doctor-note h4,
article.post .entry-content .doctor-note h4 {
  color: #059669 !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  margin: 0 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* --------------------------------------------------------------------------
   INTERACTIVE ACCORDIONS / FAQS (Classic Editor Compatible)
   -------------------------------------------------------------------------- */
.single-post .entry-content details,
article.post .entry-content details {
  margin: 1.2rem 0 !important;
  border: 1.5px solid var(--srih-border) !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  overflow: hidden !important;
  box-shadow: var(--srih-shadow-subtle) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.single-post .entry-content details[open],
article.post .entry-content details[open] {
  border-color: var(--srih-primary) !important;
  box-shadow: 0 10px 28px -4px rgba(240, 101, 32, 0.14) !important;
}

.single-post .entry-content summary,
article.post .entry-content summary {
  padding: 20px 54px 20px 24px !important;
  font-weight: 600 !important;
  font-size: 1.08rem !important;
  color: var(--srih-navy) !important;
  cursor: pointer !important;
  list-style: none !important;
  position: relative !important;
  background: #FFFFFF !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}

.single-post .entry-content summary::-webkit-details-marker,
article.post .entry-content summary::-webkit-details-marker {
  display: none !important;
}

.single-post .entry-content summary:hover,
article.post .entry-content summary:hover {
  background: #FFF9F6 !important;
  color: var(--srih-primary) !important;
}

.single-post .entry-content summary::after,
article.post .entry-content summary::after {
  content: '▼' !important;
  position: absolute !important;
  right: 22px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(0deg) !important;
  font-size: 10px !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: var(--srih-primary-light) !important;
  color: var(--srih-primary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease !important;
}

.single-post .entry-content details[open] > summary::after,
article.post .entry-content details[open] > summary::after {
  transform: translateY(-50%) rotate(180deg) !important;
  background: var(--srih-primary) !important;
  color: #FFFFFF !important;
}

.single-post .entry-content details > *:not(summary),
article.post .entry-content details > *:not(summary) {
  padding: 20px 26px 24px !important;
  background: #FFFFFF !important;
  border-top: 1px solid #F1F5F9 !important;
  color: var(--srih-slate) !important;
  line-height: 1.8 !important;
}

/* --------------------------------------------------------------------------
   CLINICAL COMPARISON TABLES
   -------------------------------------------------------------------------- */
.single-post .entry-content table,
article.post .entry-content table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 2.4rem 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid var(--srih-border) !important;
  box-shadow: var(--srih-shadow-subtle) !important;
}

.single-post .entry-content table th,
article.post .entry-content table th {
  background: var(--srih-navy) !important;
  color: #FFFFFF !important;
  padding: 16px 20px !important;
  font-weight: 700 !important;
  font-size: 0.98rem !important;
  text-align: left !important;
  letter-spacing: 0.3px !important;
}

.single-post .entry-content table td,
article.post .entry-content table td {
  padding: 14px 20px !important;
  border-bottom: 1px solid var(--srih-border) !important;
  color: var(--srih-slate) !important;
  font-size: 0.96rem !important;
}

.single-post .entry-content table tr:last-child td,
article.post .entry-content table tr:last-child td {
  border-bottom: none !important;
}

.single-post .entry-content table tr:nth-child(even) td,
article.post .entry-content table tr:nth-child(even) td {
  background: var(--srih-bg-soft) !important;
}

.single-post .entry-content table tr:hover td,
article.post .entry-content table tr:hover td {
  background: #FFF9F6 !important;
}

/* --------------------------------------------------------------------------
   DOCTOR BIO & AUTHOR BOX AT POST FOOTER
   -------------------------------------------------------------------------- */
.single-post .author-box,
.single-post .post-author,
.single-post .rishi-author-box {
  background: #FFFFFF !important;
  border: 1.5px solid var(--srih-border) !important;
  border-radius: var(--srih-radius-card) !important;
  padding: 32px !important;
  margin: 44px 0 30px !important;
  box-shadow: var(--srih-shadow-subtle) !important;
  display: flex !important;
  gap: 24px !important;
  align-items: center !important;
}

.single-post .author-box img,
.single-post .post-author img {
  border-radius: 50% !important;
  width: 90px !important;
  height: 90px !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
  border: 3px solid var(--srih-primary-light) !important;
  box-shadow: 0 4px 12px rgba(240, 101, 32, 0.2) !important;
}

/* --------------------------------------------------------------------------
   EDITORIAL COMPONENTS (Breadcrumbs, TOC, Share Bar, Nav Cards)
   -------------------------------------------------------------------------- */
.single-post .breadcrumbs {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 0.86rem !important;
  color: var(--srih-slate-light) !important;
  margin-bottom: 18px !important;
}

.single-post .breadcrumbs a {
  color: var(--srih-slate-light) !important;
  text-decoration: none !important;
  border-bottom: none !important;
}

.single-post .breadcrumbs a:hover {
  color: var(--srih-primary) !important;
  background: none !important;
}

.single-post .breadcrumbs .current {
  color: var(--srih-navy) !important;
  font-weight: 600 !important;
}

/* Social Share Bar */
.single-post .share-pill-bar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 20px !important;
  background: #FFFFFF !important;
  border: 1px solid var(--srih-border) !important;
  border-radius: var(--srih-radius-pill) !important;
  box-shadow: var(--srih-shadow-subtle) !important;
  margin: 22px 0 30px !important;
}

.single-post .share-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 14px !important;
  border-radius: var(--srih-radius-pill) !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom: none !important;
}

.single-post .share-btn.whatsapp {
  background: #ECFDF5 !important;
  color: #059669 !important;
  border: 1px solid #A7F3D0 !important;
}

.single-post .share-btn.whatsapp:hover {
  background: #10B981 !important;
  color: #FFFFFF !important;
}

/* In-Article Table of Contents Box */
.single-post .toc-box {
  background: linear-gradient(135deg, #FFF9F6 0%, #FFFFFF 100%) !important;
  border: 1.5px solid rgba(240, 101, 32, 0.25) !important;
  border-radius: 18px !important;
  padding: 24px 28px !important;
  margin: 28px 0 36px !important;
  box-shadow: var(--srih-shadow-subtle) !important;
}

.single-post .toc-box .toc-title {
  font-family: var(--srih-font-sans) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: var(--srih-navy) !important;
  margin-bottom: 14px !important;
}

.single-post .toc-box ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 10px 20px !important;
}

.single-post .toc-box ul li a {
  color: var(--srih-slate) !important;
  font-size: 0.95rem !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  border-bottom: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.single-post .toc-box ul li a:hover {
  color: var(--srih-primary) !important;
  background: none !important;
}

.single-post .toc-box ul li a::before {
  content: '➔' !important;
  font-size: 10px !important;
  color: var(--srih-primary) !important;
}

/* Next / Prev Navigation Cards */
.single-post .post-nav-cards {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
  margin: 44px 0 24px !important;
  padding-top: 28px !important;
  border-top: 1px solid var(--srih-border) !important;
}

.single-post .nav-card {
  background: #FFFFFF !important;
  border: 1px solid var(--srih-border) !important;
  border-radius: 16px !important;
  padding: 20px 24px !important;
  text-decoration: none !important;
  border-bottom: none !important;
  transition: all 0.25s ease !important;
}

.single-post .nav-card:hover {
  border-color: rgba(240, 101, 32, 0.4) !important;
  transform: translateY(-3px) !important;
  box-shadow: var(--srih-shadow-subtle) !important;
  background: #FFFFFF !important;
}

.single-post .nav-card-dir {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: var(--srih-primary) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  margin-bottom: 6px !important;
}

.single-post .nav-card-title {
  font-weight: 700 !important;
  font-size: 1.02rem !important;
  color: var(--srih-navy) !important;
}

/* Tags Styling */
.single-post .post-tags,
.single-post .post-footer-meta-wrap {
  margin: 32px 0 20px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;

}

.single-post .post-tags a {
  display: inline-block !important;
  background: var(--srih-bg-soft) !important;
  color: var(--srih-slate) !important;
  padding: 6px 16px !important;
  border-radius: var(--srih-radius-pill) !important;
  border: 1px solid var(--srih-border) !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.single-post .post-tags a:hover {
  background: var(--srih-primary) !important;
  color: #FFFFFF !important;
  border-color: var(--srih-primary) !important;
  transform: translateY(-2px) !important;
}

/* ==========================================================================
   3B. RELATED POSTS (RECOMMENDED ARTICLES - VENUS CLINIC DESIGN)
   ========================================================================== */
.recommended-articles,
.rt-related-posts-container {
  margin: 50px 0 30px !important;
  padding: 36px 0 0 !important;
  border-top: 1px solid var(--srih-border) !important;
  width: 100% !important;
  clear: both !important;
}

/* Related Posts Section Heading */
.recommended-articles .blog-single-wid-title,
.recommended-articles .related-title,
.rt-related-posts-container h2 {
  font-family: var(--srih-font-sans) !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  color: var(--srih-navy) !important;
  line-height: 1.35 !important;
  margin: 0 0 24px !important;
  padding-left: 18px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

.recommended-articles .blog-single-wid-title::before,
.recommended-articles .related-title::before,
.rt-related-posts-container h2::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 3px !important;
  bottom: 3px !important;
  width: 4px !important;
  border-radius: 4px !important;
  background: var(--srih-primary-gradient) !important;
}

/* Related Posts Flex/Grid Wrapper */
.recommended-articles .recomm-artcles-wrap,
.recommended-articles.related-posts-per-row-3 .recomm-artcles-wrap,
.recommended-articles[class*="related-posts-per-row-"] .recomm-artcles-wrap {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.recommended-articles.related-posts-per-row-1 .recomm-artcles-wrap {
  grid-template-columns: 1fr !important;
}

.recommended-articles.related-posts-per-row-2 .recomm-artcles-wrap {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}

.recommended-articles .recomm-article-singl {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
}

/* Related Post Individual Card (Overrides broad single-post article padding!) */
.recommended-articles article.post,
.recommended-articles .rishi-article-post,
.single-post .recommended-articles article,
.single-post .recommended-articles article.post {
  background: #FFFFFF !important;
  border: 1px solid var(--srih-border) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.05) !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), 
              box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), 
              border-color 0.25s ease !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.recommended-articles article.post:hover,
.recommended-articles .rishi-article-post:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(240, 101, 32, 0.35) !important;
  box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.12) !important;
}

/* Layout resets inside related card */
.recommended-articles .blog-post-lay,
.recommended-articles .post-content,
.recommended-articles .entry-content-main-wrap {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Featured Thumbnail at Top of Related Post Card (Edge-to-Edge) */
.recommended-articles .post-thumb,
.recommended-articles .post-thumb-inner-wrap,
.recommended-articles .post-thumb a {
  display: block !important;
  width: 100% !important;
  height: 180px !important;
  max-height: 180px !important;
  min-height: 180px !important;
  overflow: hidden !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #F1F5F9 !important;
  border-radius: 0 !important;
}

.recommended-articles .post-thumb a img,
.recommended-articles .post-thumb img,
.recommended-articles .post-thumb-inner-wrap img,
.recommended-articles .post-thumb picture img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.recommended-articles article:hover .post-thumb img,
.recommended-articles article:hover .post-thumb a img {
  transform: scale(1.06) !important;
}

.recommended-articles .rt-ratio {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
}

/* Related Post Content Area */
.recommended-articles .entry-header {
  padding: 16px 18px 8px !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Related Post Title */
.recommended-articles .entry-title {
  margin: 0 0 10px !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.recommended-articles .entry-title a {
  font-family: var(--srih-font-sans) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--srih-navy) !important;
  text-decoration: none !important;
  line-height: 1.42 !important;
  transition: color 0.2s ease !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.recommended-articles .entry-title a:hover {
  color: var(--srih-primary) !important;
}

/* Related Post Meta Area (Category Badge + Date) */
.recommended-articles .post-meta-wrapper {
  padding: 0 18px 18px !important;
  margin-top: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  width: auto !important;
}

.recommended-articles .post-meta-inner {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 0.8rem !important;
  color: var(--srih-slate-light) !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
}

.recommended-articles .cat-links {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.recommended-articles .cat-links a {
  background: var(--srih-primary-light) !important;
  color: var(--srih-primary) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 3px 9px !important;
  border-radius: var(--srih-radius-pill) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  transition: all 0.2s ease !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.recommended-articles .cat-links a:hover {
  background: var(--srih-primary) !important;
  color: #FFFFFF !important;
}

.recommended-articles .posted-on {
  font-size: 12px !important;
  color: var(--srih-slate-light) !important;
  display: inline-flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.recommended-articles .posted-on time {
  color: var(--srih-slate-light) !important;
  font-size: 12px !important;
}

/* ==========================================================================
   4. COMPREHENSIVE RESPONSIVE DESIGN (TABLETS & MOBILE PHONES)
   ========================================================================== */
@media (max-width: 992px) {
  body.blog .main-content-wrapper,
  body.archive .main-content-wrapper,
  body.search .main-content-wrapper,
  body.single-post .main-content-wrapper,
  body.single .main-content-wrapper {
    flex-direction: column !important;
    gap: 36px !important;
  }

  body.blog #primary.site-main,
  body.archive #primary.site-main,
  body.search #primary.site-main,
  body.single-post #primary.site-main,
  body.single #primary.site-main {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.blog #secondary.widget-area,
  body.archive #secondary.widget-area,
  body.search #secondary.widget-area,
  body.single-post #secondary.widget-area,
  body.single #secondary.widget-area {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    position: static !important;
    margin-top: 20px !important;
  }

  .single-post .rishi-post-wrapper > article.post,
  .single-post .site-main > article.post,
  .single-post .site-main article:not(.rishi-article-post) {
    padding: 30px 24px !important;
  }

  .recommended-articles .recomm-artcles-wrap,
  .recommended-articles[class*="related-posts-per-row-"] .recomm-artcles-wrap {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
  }

  .single-post .entry-header .entry-title,
  .single-post h1.entry-title,
  .single-post h1 {
    font-size: 23px !important;
  }

  body.blog .post-content,
  body.archive .post-content {
    padding: 0 !important;
  }

  body.blog .list-cont-wrap,
  body.archive .list-cont-wrap {
    padding: 20px 18px 22px !important;
  }

  body.blog .entry-title a,
  body.archive .entry-title a {
    font-size: 21px !important;
  }
}

@media (max-width: 768px) {
  /* Container mobile padding */
  body.blog .site-content .rishi-container,
  body.archive .site-content .rishi-container,
  body.search .site-content .rishi-container,
  body.single-post .site-content .rishi-container,
  body.single .site-content .rishi-container,
  body.blog .rishi-container,
  body.archive .rishi-container,
  body.single-post .rishi-container,
  body.single .rishi-container {
    padding: 12px 14px 28px !important;
  }

  /* Blog Cards Image Height on Tablets & Phones */
  body.blog .entry-content-main-wrap .rt-featured-image,
  body.archive .entry-content-main-wrap .rt-featured-image,
  body.blog .rt-featured-image,
  body.archive .rt-featured-image,
  body.blog .post-thumbnail,
  body.archive .post-thumbnail,
  .blog-list .entry-content-main-wrap .rt-featured-image,
  .content-box-layout.blog-list .rishi-post .rt-featured-image {
    height: 240px !important;
    max-height: 240px !important;
    min-height: 240px !important;
    flex: 0 0 240px !important;
  }

  body.blog .rt-featured-image a,
  body.archive .rt-featured-image a,
  body.blog .rt-image-container,
  body.archive .rt-image-container,
  .blog-list .entry-content-main-wrap .rt-image-container,
  .blog-list .post-content .rt-featured-image a {
    height: 240px !important;
    max-height: 240px !important;
    min-height: 240px !important;
  }

  /* Blog Card Content Padding */
  body.blog .list-cont-wrap,
  body.archive .list-cont-wrap,
  .blog-list .list-cont-wrap {
    padding: 18px 18px 22px !important;
  }

  /* Card Post Title */
  body.blog .entry-title a,
  body.archive .entry-title a,
  body.search .entry-title a {
    font-size: 21px !important;
    line-height: 1.34 !important;
  }

  /* Excerpt */
  body.blog .entry-summary,
  body.archive .entry-summary,
  body.blog .post-content p,
  body.archive .post-content p {
    font-size: 16px !important;
    line-height: 1.68 !important;
    margin-bottom: 16px !important;
  }

  /* Single Post Card */
  .single-post .rishi-post-wrapper > article.post,
  .single-post .site-main > article.post,
  .single-post .site-main article:not(.rishi-article-post) {
    padding: 24px 18px !important;
    border-radius: 16px !important;
  }

  /* Single Post Title */
  .single-post .entry-header .entry-title,
  .single-post h1.entry-title,
  .single-post h1,
  article.post h1 {
    font-size: 23px !important;
    line-height: 1.32 !important;
    margin-bottom: 16px !important;
  }

  /* Single Post Featured Image */
  .single-post .entry-header .rt-featured-image,
  .single-post .post-inner-wrap .rt-featured-image {
    margin: 18px 0 24px !important;
    border-radius: 14px !important;
  }

  .single-post .entry-header .rt-featured-image img {
    max-height: 300px !important;
    border-radius: 14px !important;
  }

  /* Single Post Content Headings */
  .single-post .entry-content h2,
  article.post .entry-content h2,
  .single-post h2,
  article.post h2 {
    font-size: 21px !important;
    padding-left: 14px !important;
    margin: 2rem 0 1rem !important;
  }

  .single-post .entry-content h3,
  article.post .entry-content h3,
  .single-post h3,
  article.post h3 {
    font-size: 19px !important;
    margin: 1.6rem 0 0.8rem !important;
  }

  .single-post .entry-content h4,
  article.post .entry-content h4,
  .single-post h4,
  article.post h4,
  .key-points h4,
  .doctor-note h4 {
    font-size: 19px !important;
    margin: 1.4rem 0 0.6rem !important;
  }

  .single-post .entry-content p,
  article.post .entry-content p {
    font-size: 17px !important;
    line-height: 1.72 !important;
    margin-bottom: 1.3rem !important;
  }

  /* Clinical Tables: Enable smooth horizontal scrolling on mobile */
  .single-post .entry-content table,
  article.post .entry-content table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
    margin: 1.8rem 0 !important;
  }

  .single-post .entry-content table th,
  .single-post .entry-content table td {
    padding: 10px 14px !important;
    white-space: nowrap !important;
  }

  /* Callout Boxes on Mobile */
  .single-post .entry-content .key-points,
  article.post .entry-content .key-points,
  .single-post .entry-content .doctor-note,
  article.post .entry-content .doctor-note {
    padding: 18px 18px !important;
    margin: 1.8rem 0 !important;
    border-radius: 14px !important;
  }

  /* Related Posts on Tablet & Mobile */
  .recommended-articles .recomm-artcles-wrap,
  .recommended-articles[class*="related-posts-per-row-"] .recomm-artcles-wrap {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .recommended-articles .recomm-article-singl {
    width: 100% !important;
    max-width: 100% !important;
  }

  .recommended-articles .post-thumb,
  .recommended-articles .post-thumb-inner-wrap,
  .recommended-articles .post-thumb a {
    height: 190px !important;
    max-height: 190px !important;
    min-height: 190px !important;
  }

  /* Pull-quotes on Mobile */
  .single-post .entry-content blockquote,
  article.post .entry-content blockquote {
    padding: 18px 20px !important;
    font-size: 1.05rem !important;
    margin: 1.8rem 0 !important;
  }

  /* Next / Prev Nav Cards: Stack vertically on mobile */
  .single-post .post-nav-cards {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin: 32px 0 20px !important;
  }

  /* Table of Contents Box */
  .single-post .toc-box,
  .toc-box {
    padding: 18px 20px !important;
    border-radius: 14px !important;
    margin: 20px 0 28px !important;
  }

  .single-post .toc-box ul,
  .toc-box .toc-list {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  /* Author Box Stack */
  .single-post .author-box {
    flex-direction: column !important;
    text-align: center !important;
    padding: 22px 18px !important;
    gap: 14px !important;
  }

  .single-post .author-box-avatar img {
    margin: 0 auto !important;
  }

  /* Widgets on Mobile */
  .widget-area .widget,
  #secondary.widget-area .widget {
    padding: 22px 18px !important;
    border-radius: 16px !important;
    margin-bottom: 22px !important;
  }

  /* Search Input & Button on Mobile */
  .widget-area .widget_search input[type="search"],
  #secondary .widget_search input[type="search"],
  .widget-area .wp-block-search__input,
  #secondary .wp-block-search__input {
    height: 46px !important;
    min-height: 46px !important;
    font-size: 14px !important;
    padding: 0 48px 0 16px !important;
  }

  .widget-area .widget_search button[type="submit"],
  #secondary .widget_search button[type="submit"],
  .widget-area .wp-block-search__button,
  #secondary .wp-block-search__button {
    width: 36px !important;
    height: 36px !important;
    right: 5px !important;
  }
}

@media (max-width: 480px) {
  /* Ultra-compact phones (iPhone SE, Galaxy A series, etc.) */
  body.blog .site-content .rishi-container,
  body.archive .site-content .rishi-container,
  body.search .site-content .rishi-container,
  body.single-post .site-content .rishi-container,
  body.single .site-content .rishi-container {
    padding: 10px 10px 24px !important;
  }

  body.blog article.rishi-post,
  body.archive article.rishi-post,
  body.blog article.post,
  body.archive article.post {
    border-radius: 14px !important;
    margin-bottom: 22px !important;
  }

  body.blog .entry-content-main-wrap .rt-featured-image,
  body.archive .entry-content-main-wrap .rt-featured-image,
  body.blog .rt-featured-image,
  body.archive .rt-featured-image,
  body.blog .post-thumbnail,
  body.archive .post-thumbnail,
  .blog-list .entry-content-main-wrap .rt-featured-image {
    height: 200px !important;
    max-height: 200px !important;
    min-height: 200px !important;
    flex: 0 0 200px !important;
  }

  body.blog .rt-featured-image a,
  body.archive .rt-featured-image a,
  body.blog .rt-image-container,
  body.archive .rt-image-container {
    height: 200px !important;
    max-height: 200px !important;
    min-height: 200px !important;
  }

  body.blog .list-cont-wrap,
  body.archive .list-cont-wrap {
    padding: 16px 14px 18px !important;
  }

  body.blog .entry-title a,
  body.archive .entry-title a {
    font-size: 20px !important;
    line-height: 1.34 !important;
  }

  .single-post .rishi-post-wrapper > article.post,
  .single-post .site-main > article.post,
  .single-post .site-main article:not(.rishi-article-post) {
    padding: 20px 14px !important;
    border-radius: 14px !important;
  }

  .single-post .entry-header .entry-title,
  .single-post h1.entry-title,
  .single-post h1,
  article.post h1 {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  .single-post .entry-content h2,
  article.post .entry-content h2 {
    font-size: 20px !important;
  }

  .single-post .entry-content p,
  article.post .entry-content p {
    font-size: 16px !important;
    line-height: 1.68 !important;
  }

  /* Read more button adapts on small phones */
  body.blog .btn-readmore,
  body.archive .btn-readmore {
    width: 100% !important;
    justify-content: center !important;
    padding: 11px 18px !important;
    box-sizing: border-box !important;
  }

  /* Pagination */
  .navigation.pagination .nav-links,
  .rishi-pagination .nav-links {
    padding: 4px 8px !important;
    gap: 4px !important;
  }

  .navigation.pagination .page-numbers,
  .rishi-pagination .page-numbers {
    min-width: 32px !important;
    height: 32px !important;
    font-size: 0.82rem !important;
    padding: 0 6px !important;
  }
}