.blog-managament-information button[type="submit"]:hover,
.ybc-blog-tag-a:hover,
#form_blog .btn.edit_view_post:hover,
.form_reply_comment input[type="submit"]:hover,
.form_reply input.btn.btn-primary.btn-default[name="addReplyComment"]:hover,
.form-polls-body button[name="polls_cancel"]:hover,
.form-polls-body button:hover
{
    background:#F97316;
    border-color:#F97316;
}
.ybc-blog-like-span.active, .be-tag-block .be-tags a, .be-tag-block .be-tags,
.ybc-blog-related-posts-meta-categories > a,
.view_post,
.comment-content h4.comment_name span,
.ybc_block_categories .active > a,
.comment-content .post_title span a,
.blog-managament-information .help-block a,
.ybc-blog-comment-info .post-author .ybc_title_block {
  color:#e2e8f0;
}
.ybc-block-comment-reply:hover,
.ybc_title_block:hover,
.read_more:hover,
.form_reply input.btn.btn-primary.btn-default[name="addReplyComment"] + .btn.btn-default:hover,
.comment-content .post_title span a:hover,
.list_category_item .sub_category li a:hover,
.ybc_block_categories .active > a:hover,
.ybc-blog-comment-info .post-author .ybc_title_block:hover,
.blog-managament-information .help-block a:hover,
#form_blog a.ybc_button_backtolist:hover{
    color: #F97316;
}
.ybc-blog-thumbnail-list.carousel .ybc-blog-thumbnail-item.slick-current:before,
.ybc-blog-slider.carousel .slick-dots .slick-active button{
    border-color: #F97316;
}
.ybc-blog-form-comment .blog-submit .button,
.blog-managament-information button[type="submit"],
.ybc-blog-slider.carousel .slick-dots .slick-active button,
.blog_view_all, .view_all_link,
.blog_view_all_button a,
.form-polls-body button,
.form_reply input.btn.btn-primary.btn-default[name="addReplyComment"],
.add_new_post_blog a,
#form_blog button[type="submit"],
#form_blog .btn.edit_view_post,
.form_reply_comment input[type="submit"],
.ets_blog_loading .squaresWaveG
{
  background:#F97316;
}

.ybc-blog-form-comment .blog-submit .button:hover,
.blog_view_all:hover, .view_all_link:hover,
.blog_view_all_button a:hover,
.add_new_post_blog a:hover,
#form_blog button[type='submit']:hover
{
  background:#ea580c;
}
.ybc_blog_ltr_mode a:hover, 
.ybc-blog-wrapper-detail a:hover,
.ybc-blog-like-span:hover, 
.blog-main-page a:hover,
.ybc_button_backtolist:hover,
.ybc-block-comment-report:hover{
    color: #F97316;
}
.form-polls-body button,
.form_reply_comment input[type="submit"]{
    border: 1px solid #F97316;
}

/* ============================================================
   BLOG DARK THEME OVERRIDES — KluczeSoft v8
   Color map: 
     #fff -> #0f172a (slate-900)
     #f8fafc -> #1e293b (slate-800)  
     #f1f5f9 -> rgba(255,255,255,0.06)
     #e2e8f0 -> rgba(255,255,255,0.08)
     #1e293b -> #f1f5f9
     #334155 -> #cbd5e1
     #475569 -> #94a3b8
     #64748b -> #94a3b8
     #94a3b8 -> #64748b
     #fff7ed -> rgba(249,115,22,0.12)
     #ffedd5 -> rgba(249,115,22,0.18)
   ============================================================ */

/* ── Page wrapper dark bg ──────────────────────────────── */
body.ybc_blog #wrapper,
body.ybc_blog .ybc-blog-wrapper,
body.ybc_blog .ybc_blog_sidebar {
  background: #0f172a !important;
  color: #cbd5e1 !important;
}

/* ── Blog listing grid ─────────────────────────────────── */
ul.ybc-blog-list.blog-main-page {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 1.5rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 2rem !important;
  float: none !important;
}
@media (max-width: 767px) {
  ul.ybc-blog-list.blog-main-page {
    grid-template-columns: 1fr !important;
  }
}
ul.ybc-blog-list.blog-main-page > li,
.ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li:first-child,
.ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li:nth-child(n+2),
.ybc_blog_layout_large_grid .ybc-blog-list.blog-main-page li:nth-child(2n+2) {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  clear: none !important;
}

/* ── Post card ─────────────────────────────────────────── */
.ybc-blog-list .post-wrapper {
  float: none !important;
  background: #1e293b !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 0.75rem;
  overflow: hidden;
  transition: box-shadow 200ms ease, transform 200ms ease, border-color 200ms ease;
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}
.ybc-blog-list .post-wrapper:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
  transform: translateY(-2px);
  border-color: rgba(249,115,22,0.2) !important;
}

/* Card image 16:9 */
.ybc-blog-list .post-wrapper .ybc_item_img {
  display: block !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #0f172a !important;
  width: 100% !important;
  float: none !important;
}
.ybc-blog-list .post-wrapper .ybc_item_img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 300ms ease;
}
.ybc-blog-list .post-wrapper:hover .ybc_item_img img {
  transform: scale(1.03);
}

/* Card content */
.ybc-blog-list .ybc-blog-wrapper-content {
  padding: 1rem 1.25rem 1.25rem !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  float: none !important;
  width: 100% !important;
}

/* Post title in listing */
.ybc-blog-list .ybc_title_block {
  font-size: 1.0625rem !important;
  font-weight: 600 !important;
  color: #f1f5f9 !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 0.5rem !important;
  padding: 0 !important;
  text-decoration: none !important;
}
.ybc-blog-list .ybc_title_block:hover {
  color: #f97316 !important;
}

/* Category badges in listing */
.ybc-blog-list .ybc-blog-categories .be-label {
  display: none !important;
}
.ybc-blog-list .ybc-blog-categories a {
  display: inline-block !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  color: #f97316 !important;
  background: rgba(249,115,22,0.12) !important;
  padding: 0.125rem 0.5rem !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
}
.ybc-blog-list .ybc-blog-categories a:hover {
  background: rgba(249,115,22,0.2) !important;
}

/* Toolbar in listing */
.ybc-blog-list .ybc-blog-latest-toolbar {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  font-size: 0.8125rem !important;
  color: #64748b !important;
  margin: 0.5rem 0 0 !important;
  padding-top: 0.5rem !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

/* Excerpt */
.ybc-blog-list .blog_description {
  font-size: 0.875rem !important;
  color: #94a3b8 !important;
  line-height: 1.6 !important;
  margin: 0.5rem 0 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ybc-blog-list .blog_description p {
  margin: 0 !important;
}

/* Read more */
.ybc-blog-list .read_more {
  display: inline-flex !important;
  align-items: center;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  color: #f97316 !important;
  text-decoration: none !important;
  margin-top: 0.75rem !important;
}
.ybc-blog-list .read_more::after {
  content: "\2192";
  margin-left: 0.375rem;
  transition: transform 200ms ease;
}
.ybc-blog-list .read_more:hover {
  color: #ea580c !important;
}
.ybc-blog-list .read_more:hover::after {
  transform: translateX(3px);
}

/* ── Pagination ────────────────────────────────────────── */
.blog-paggination {
  text-align: center !important;
  padding: 1.5rem 0 2rem !important;
  float: none !important;
  font-size: 0.875rem !important;
}
.blog-paggination dev.links,
.blog-paggination div.links {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
}
.blog-paggination dev.links a,
.blog-paggination dev.links b,
.blog-paggination div.links a,
.blog-paggination div.links b {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 0.5rem !important;
  border-radius: 0.5rem !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
.blog-paggination dev.links a,
.blog-paggination div.links a {
  color: #94a3b8 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  background: #1e293b !important;
}
.blog-paggination dev.links a:hover,
.blog-paggination div.links a:hover {
  border-color: #f97316 !important;
  color: #f97316 !important;
  background: rgba(249,115,22,0.12) !important;
}
.blog-paggination dev.links b,
.blog-paggination div.links b {
  color: #fff !important;
  background: #f97316 !important;
  border: 1px solid #f97316 !important;
}
.blog-paggination .results {
  font-size: 0.8125rem !important;
  color: #64748b !important;
  margin-top: 0.75rem !important;
}

/* ── Sidebar ───────────────────────────────────────────── */
.ybc-navigation-blog-content .title_blog.title_block {
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  color: #f1f5f9 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin: 0 0 0.75rem !important;
  padding: 0 0 0.5rem !important;
  border-bottom: 2px solid #f97316 !important;
  background: none !important;
}

.ybc-navigation-blog {
  display: none !important;
}

.ybc-navigation-blog-content .block {
  background: #1e293b !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 0.75rem !important;
  padding: 1.25rem !important;
  margin-bottom: 1rem !important;
}

/* Sidebar search */
.ybc_block_search .form-control {
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 0.5rem !important;
  padding: 0.5rem 2.5rem 0.5rem 0.75rem !important;
  font-size: 0.875rem !important;
  background: #0f172a !important;
  color: #e2e8f0 !important;
}
.ybc_block_search .form-control:focus {
  border-color: #f97316 !important;
  background: #0f172a !important;
  box-shadow: 0 0 0 2px rgba(249,115,22,0.12) !important;
}
.ybc_block_search .button {
  display: none !important;
}

/* Sidebar categories */
.ybc_block_categories .tree {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.ybc_block_categories .tree li a {
  display: block !important;
  padding: 0.375rem 0 !important;
  font-size: 0.875rem !important;
  color: #94a3b8 !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  text-decoration: none !important;
}
.ybc_block_categories .tree li:last-child a {
  border-bottom: none !important;
}
.ybc_block_categories .tree li a:hover {
  color: #f97316 !important;
  padding-left: 0.25rem !important;
}

/* Sidebar latest/popular/featured posts */
.ybc_block_latest .ybc_blog_content_block_item,
.ybc_block_popular .ybc_blog_content_block_item,
.ybc_block_featured .ybc_blog_content_block_item {
  display: flex !important;
  gap: 0.75rem !important;
  padding: 0.625rem 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  float: none !important;
  width: 100% !important;
}
.ybc_block_latest .ybc_item_img,
.ybc_block_popular .ybc_item_img,
.ybc_block_featured .ybc_item_img {
  width: 72px !important;
  min-width: 72px !important;
  height: 48px !important;
  border-radius: 0.375rem !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}
.ybc_block_latest .ybc_item_img img,
.ybc_block_popular .ybc_item_img img,
.ybc_block_featured .ybc_item_img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.ybc_block_latest .ybc_title_block,
.ybc_block_popular .ybc_title_block,
.ybc_block_featured .ybc_title_block {
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #cbd5e1 !important;
}
.ybc_block_latest .ybc-blog-latest-toolbar,
.ybc_block_latest .blog_description,
.ybc_block_latest .read_more,
.ybc_block_latest .ybc-blog-sidear-post-meta,
.ybc_block_popular .ybc-blog-latest-toolbar,
.ybc_block_popular .blog_description,
.ybc_block_popular .read_more,
.ybc_block_featured .ybc-blog-latest-toolbar,
.ybc_block_featured .blog_description,
.ybc_block_featured .read_more {
  display: none !important;
}

.ybc_block_rss {
  display: none !important;
}

/* ── Article detail page ───────────────────────────────── */
.ybc-blog-wrapper-detail .blog_description {
  max-width: 680px !important;
  font-size: 1rem !important;
  color: #cbd5e1 !important;
  line-height: 1.7 !important;
}
.ybc-blog-wrapper-detail .blog_description h2 {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
  margin: 2rem 0 0.75rem !important;
}
.ybc-blog-wrapper-detail .blog_description h3 {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #f1f5f9 !important;
  margin: 1.5rem 0 0.5rem !important;
}
.ybc-blog-wrapper-detail .blog_description h4 {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  color: #e2e8f0 !important;
  margin: 1.25rem 0 0.5rem !important;
}
.ybc-blog-wrapper-detail .blog_description p {
  margin: 0 0 1.25rem !important;
  color: #cbd5e1 !important;
}
.ybc-blog-wrapper-detail .blog_description strong,
.ybc-blog-wrapper-detail .blog_description b {
  color: #f1f5f9 !important;
}

/* Article images */
.ybc-blog-wrapper-detail .blog_description img {
  border-radius: 0.5rem !important;
  margin: 1rem 0 !important;
}

/* Blockquotes */
.ybc-blog-wrapper-detail .blog_description blockquote {
  border-left: 4px solid #f97316 !important;
  background: rgba(249,115,22,0.08) !important;
  margin: 1.25rem 0 !important;
  padding: 1rem 1.25rem !important;
  border-radius: 0 0.5rem 0.5rem 0 !important;
  font-style: italic !important;
  color: #94a3b8 !important;
}

/* Lists — orange markers */
.ybc-blog-wrapper-detail .blog_description ul li::marker {
  color: #f97316 !important;
}
.ybc-blog-wrapper-detail .blog_description ol li::marker {
  color: #f97316 !important;
  font-weight: 600 !important;
}
.ybc-blog-wrapper-detail .blog_description li {
  color: #cbd5e1 !important;
}

/* Article links */
.ybc-blog-wrapper-detail .blog_description a {
  color: #f97316 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
.ybc-blog-wrapper-detail .blog_description a:hover {
  color: #ea580c !important;
}

/* Hero image */
.ybc-blog-wrapper-detail .ybc_blog_img_wrapper {
  border-radius: 0.75rem !important;
  overflow: hidden !important;
  margin-bottom: 1.5rem !important;
  max-height: 400px !important;
}
.ybc-blog-wrapper-detail .ybc_image-single {
  aspect-ratio: 16 / 6 !important;
  overflow: hidden !important;
}
.ybc-blog-wrapper-detail .ybc_image-single img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Article heading */
.ybc-blog-wrapper-detail .page-heading.product-listing {
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
  line-height: 1.3 !important;
  margin: 0 0 1rem !important;
}

/* Social share buttons */
.ybc-blog-wrapper-detail .blog-extra-facebook-share ul {
  display: flex !important;
  gap: 0.5rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.ybc-blog-wrapper-detail .blog-extra-facebook-share li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 0.375rem !important;
  background: rgba(255,255,255,0.06) !important;
  color: #94a3b8 !important;
  font-size: 0 !important;
}
.ybc-blog-wrapper-detail .blog-extra-facebook-share li a .ets_svg {
  font-size: initial !important;
}
.ybc-blog-wrapper-detail .blog-extra-facebook-share li a:hover {
  background: #f97316 !important;
  color: #fff !important;
}

/* ── Tables in articles (dark theme) ───────────────────── */
.ybc-blog-wrapper-detail .blog_description table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 1rem 0 1.5rem !important;
  font-size: 0.875rem !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 0.5rem !important;
  overflow: hidden !important;
}
.ybc-blog-wrapper-detail .blog_description table th {
  background: rgba(255,255,255,0.06) !important;
  color: #f1f5f9 !important;
  font-weight: 600 !important;
  padding: 0.625rem 0.75rem !important;
  border-bottom: 2px solid rgba(255,255,255,0.1) !important;
  text-align: left !important;
}
.ybc-blog-wrapper-detail .blog_description table td {
  padding: 0.5rem 0.75rem !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  color: #cbd5e1 !important;
}
.ybc-blog-wrapper-detail .blog_description table tr:nth-child(even) td {
  background: rgba(255,255,255,0.03) !important;
}

/* ── Blog page heading ─────────────────────────────────── */
.ybc-blog-wrapper-blog-list .page-heading.product-listing {
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
  margin: 1.5rem 0 0.5rem !important;
}

/* Sort bar */
.post-selection select.select {
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 0.5rem !important;
  padding: 0.375rem 0.75rem !important;
  font-size: 0.8125rem !important;
  background: #1e293b !important;
  color: #cbd5e1 !important;
}

/* ── Breadcrumb on blog ────────────────────────────────── */
body.ybc_blog .breadcrumb {
  color: #64748b !important;
}
body.ybc_blog .breadcrumb a {
  color: #94a3b8 !important;
}

/* ── Code blocks ───────────────────────────────────────── */
.ybc-blog-wrapper-detail .blog_description code {
  background: rgba(255,255,255,0.08) !important;
  padding: 0.125rem 0.375rem !important;
  border-radius: 0.25rem !important;
  font-size: 0.875rem !important;
  color: #f97316 !important;
}
.ybc-blog-wrapper-detail .blog_description pre {
  background: #0D1117 !important;
  color: #E6EDF3 !important;
  padding: 1rem !important;
  border-radius: 0.5rem !important;
  overflow-x: auto !important;
  margin: 1.5rem 0 !important;
}
.ybc-blog-wrapper-detail .blog_description pre code {
  background: none !important;
  color: inherit !important;
  padding: 0 !important;
}

/* ── Category page description ─────────────────────────── */
.blog-category-desc {
  color: #94a3b8 !important;
}

/* ── Like/view counters ────────────────────────────────── */
.ybc-blog-latest-toolbar-views,
.blog-post-like-text,
.ybc-blog-like-span {
  color: #64748b !important;
}

/* Mobile responsive */
@media (max-width: 767px) {
  .ybc-blog-wrapper-detail .page-heading.product-listing {
    font-size: 1.375rem !important;
  }
  .ybc-blog-wrapper-detail .blog_description h2 {
    font-size: 1.25rem !important;
  }
  .ybc-blog-wrapper-detail .blog_description h3 {
    font-size: 1.125rem !important;
  }
  .ybc-blog-wrapper-detail .ybc_blog_img_wrapper {
    border-radius: 0 !important;
  }
}