/* =========================================================
   HUBDEXPAY — Single Post & Sidebar overrides (drop-in)
   Put this AFTER your existing rules
   ========================================================= */

:root{
  /* OPTIONAL: uncomment & set if aadan hore u haysan */
  /* --hx-primary:#0E62F0; --hx-accent:#6C5CE7; --hx-heading:#1f1f1f;
     --hx-text:#222; --hx-muted:#676767; --hx-border:#E6E8EC; */
}

/* Base text colors */
.single-post01 .post-item-description,
.post-item.border > .post-item-wrap > .post-item-description{
  color: var(--hx-muted, #676767);
}
.single-post01 .post-item-description h2,
.single-post01 .comments .comment .text .name,
.sidebar .widget-title,
.sidebar > h4,
.page-title h1{
  color: var(--hx-heading, #1f1f1f);
}

/* Links (default + hover) */
.color01, .color01 a,
.single-post01 .post-tags a,
.post-next span,
.post-prev span,
.single-post01 .post-navigation .post-next,
.single-post01 .post-navigation .post-prev,
.sidebar .post-thumbnail-content a,
.sidebar .widget-categories ul li a,
.sidebar .nav-tabs .nav-link,
.breadcrumb ol li a,
.breadcrumb ul li a,
.pagination .page-item:not(.disabled) > .page-link,
#blog .post-item.border .post-item-wrap .post-item-description a{
  color: var(--hx-primary, var(--e-global-color-primary));
  font-size: 16px; line-height: 24px;
  transition: color .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.single-post01 .text .comment-reply-link,
.respond-comment span,
.single-post01 .comment_number span,
.sidebar .nav-tabs .nav-link.active,
.sidebar .widget-tweeter li a,
.sidebar .widget-twitter li a,
.sidebar .cat-count-span,
.single-post01 .post-item-description .post-meta-date:hover,
.single-post01 .post-item-description .post-meta-category:hover,
.single-post01 .post-item-description .post-meta-comments:hover,
.single-post01 .post-tags a:hover,
.post-navigation .post-prev-title:hover,
.post-navigation .post-next-title:hover,
.sidebar .post-thumbnail-list a:hover,
.sidebar .widget-categories ul li a:hover,
#blog .post-item .post-item-description .post-meta-comments a:hover,
#blog .post-item .post-item-description > h2 > a:hover,
.load-more a:hover,
#blog .post-item.border .post-item-wrap .post-item-description a:hover{
  color: var(--hx-accent, var(--e-global-color-accent));
}

/* Blockquote */
.single-post01 .blockquote{
  border-left: 4px solid var(--hx-accent, var(--e-global-color-accent));
  background: rgba(14,98,240,.06); /* soft brand tint fallback */
}

/* Tags */
.single-post01 .post-tags a{
  border: 1px solid #c4c4c4; border-radius: 999px; padding: 4px 12px;
}
.single-post01 .post-tags a:hover{
  border-color: var(--hx-accent, var(--e-global-color-accent));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--hx-accent, var(--e-global-color-accent)) 20%, transparent);
}

/* Meta & dividers */
.single-post01 .post-navigation,
.single-post01 .comments,
.pagination .page-item:not(.disabled) > .page-link{ background:#fff; }
.single-post01 .comments,
.single-post01 .post-navigation{ border-top:1px solid #eee; }
.single-post01 .post-item-description .post-meta{ border-bottom:1px solid #f3f3f3; }
.single-post01 .comment .comment_date{ color:#888; }

/* Form fields */
.form-group label:not(.error),
#blog .post-item .post-item-description > h2,
#blog .post-item .post-item-description > h2 > a{ color:#444; }

.form-gray-fields .form-control{
  color:#333; background:rgba(238,238,238,.6);
  border:1px solid #ececec; border-radius:10px;
}
.single-post01 .form-gray-fields .form-control:focus{
  border-color:#66afe9; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

/* Buttons (newsletter / forms / “load more”) */
.form-gray-fields .btn,
.widget-newsletter .btn,
.load-more a{
  color:#fff;
  border-color: var(--hx-accent, var(--e-global-color-accent));
  background: var(--hx-accent, var(--e-global-color-accent));
  border-radius: 12px;
}
.form-gray-fields .btn:hover,
.widget-newsletter .btn:hover{
  color: var(--hx-accent, var(--e-global-color-accent));
  background: transparent;
}

/* Sidebar bits */
.sidebar .widget{ border-bottom:1px solid #eee; }
.sidebar .nav-tabs, .sidebar .nav-tabs .nav-link{ border-bottom:2px solid #ececec; }
.sidebar .nav-tabs .nav-link.active{
  background:transparent; border-bottom:2px solid var(--hx-accent, var(--e-global-color-accent));
}
.sidebar .post-thumbnail-entry,
.sidebar .widget-categories ul li{ border-bottom:1px solid #f3f3f3; }
.sidebar .post-thumbnail-entry .post-category,
.sidebar .post-thumbnail-entry .post-date{ color:#aaa; }
.sidebar .widget-tweeter small, .sidebar .widget-twitter small{ color:#999; }
.sidebar .tags a{
  color:#4c5667; border:2px solid #f3f3f3; border-radius:999px; padding:6px 14px;
}
.sidebar .tags a:hover,
.sidebar .tags a:focus{
  color:#fff; background:var(--hx-accent, var(--e-global-color-accent)); border-color:var(--hx-accent, var(--e-global-color-accent));
}

/* Blog meta text sizes */
#blog .post-item .post-meta-category,
#blog .post-item .post-meta-comments,
.single-post01 .post-item-description .post-meta-category a,
#blog .post-item.border .post-item-wrap .post-item-description .post-meta-comments a,
#blog .post-item .post-item-description .post-meta-date,
#blog .post-item-description .post-meta-comments a{
  color: var(--e-global-color-text); font-size:14px; line-height:20px;
}

/* Pagination */
.pagination .page-item:not(.disabled) > .page-link{
  border-color:#ececec; border-radius:10px; padding:.55rem .9rem;
}
.pagination .page-item:not(.disabled).active > .page-link,
.pagination .page-item:not(.disabled):hover > .page-link{
  background:#edf1f6; border-color:#e4e4e4; box-shadow:none;
}

/* Loader (preloader spinner) */
#loader, #loader:before, #loader:after{
  border-top-color: var(--hx-primary, #3795d2);
}
#loader-wrapper .loader-section{ background:#10131a; }

/* Accent chips on bordered cards */
#blog .post-item.border .post-meta-category{
  background: var(--hx-accent, var(--e-global-color-accent));
  color:#fff;
}