/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.blog-post .card-taxonomy-overlay {
	margin-left: -20px !important;
	z-index: 5;
}

.blog-post .post-title a {
	transition: 0.3s;
}

.blog-post .post-title a:hover {
	color: #27A102;
}
.blog-post .read-more-button {
	transition: 0.3s;
}

.blog-post .read-more-button:hover {
	border-bottom-color: #27A102 !important;
}

.post-summery-chatgpt,
.post-summery-claude,
.post-summery-perplexity {
  cursor: pointer;
}

.post-summery-chatgpt:hover,
.post-summery-claude:hover,
.post-summery-perplexity:hover {
  opacity: 0.8;
}


strong {
	font-weight: 600;
}

/* link */
.blog-details-content-container a {
	text-decoration: underline;
}


/* pagination related */
/* Pagination Wrapper */
.wp-block-query-pagination-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 40px 0;
  flex-wrap: wrap;
}

/* Page Numbers */
.page-numbers,
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1rem;
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid #d4d6da;
  color: #111;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.25s ease;
}

/* Hover */
.page-numbers:hover , .wp-block-query-pagination-next:hover ,
.wp-block-query-pagination-previous:hover {
  background: #d4d6da;
}

/* Active Page */
.page-numbers.current {
  background: #2b2350;
  border: 1px solid #2b2350;
  color: #fff;
  font-weight: 600;
  cursor: default;
}

/* Disabled / Dots */
.page-numbers.dots {
  background: transparent;
  color: #999;
  pointer-events: none;
}

/* Mobile tweak */
@media (max-width: 480px) {
  .page-numbers {
    min-width: 1rem;
    height: 36px;
    font-size: 14px;
  }
}

/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.wp-block-navigation .wp-block-navigation-item.active {
    color: #27a102;
}


.desc-max-width {
	max-width: 34rem;
}
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.footer-social-icon {
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.footer-social-icon:hover {
    transform: scale(1.12);
}

/* Add your CSS code here. */
.top-100 {
	top: 100px;
	z-index: 8 !important;
}

.blog-detail-sidebar-toc {
	background: #f6f7f9;
	padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.2rem;
	border-left: 1px solid #EAECF0;
	border-radius: 10px;
    overflow: hidden;
}

.blog-detail-sidebar-toc ul.simpletoc-list {
	max-height: 375px;
	overflow-y: auto;
}


.blog-detail-sidebar-toc .simpletoc-title {
/* 	color: #2e2e2e;
	font-size: clamp(20px, 1.25rem + ((1vw - 3.2px) * 0.204), 22px);
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0.75rem;
	border-bottom: 1px solid #EAECF0;
	padding-bottom: 0.65rem; */
	color: #2e2e2e;
    font-size: clamp(20px, 1.25rem + ((1vw - 3.2px) * 0.204), 22px);
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}


/* Base list styling */
.blog-detail-sidebar-toc ul.simpletoc-list,
.blog-detail-sidebar-toc ul.simpletoc-list ul {
    list-style: none;
    padding-left: 1rem;
    margin: 0;
	font-size: 1rem;
}

.blog-detail-sidebar-toc ul.simpletoc-list li {
    position: relative;
}

.blog-detail-sidebar-toc ul.simpletoc-list li::before {
    content: "";
    position: absolute;
    left: -1rem;
    top: 0.75em;
    width: 9px;
    height: 3px;
    background-color: #ccc;
}


/* List items */
.blog-detail-sidebar-toc ul.simpletoc-list li {
    color: #797687;
    margin: 0.5rem 0;
    background: #fff;
    padding: 0.75rem;
    border-radius: 0.5rem;
    line-height: 1.5;
}

/* Links inside list items */
.blog-detail-sidebar-toc ul.simpletoc-list li a {
    color: #797687;
    text-decoration: none;
    transition: color 0.2s ease;
}

/* Hover state */
.blog-detail-sidebar-toc ul.simpletoc-list li a:hover {
    color: #27a102;
}

/* Optional: active/current item support */
.blog-detail-sidebar-toc ul.simpletoc-list li.active > a {
    color: #27a102;
}