.cbd-categories-wrapper {
    display:flex;
    align-items:center;
    gap:12px;
}

.cbd-categories-carousel {
    display:flex;
    overflow-x:auto;
    scroll-behavior:smooth;
    -ms-overflow-style:none;
    scrollbar-width:none;
    flex:1;
}

.cbd-categories-carousel::-webkit-scrollbar {
    display:none;
}

#cbd-blog-wrapper .cbd-categories-wrapper .cbd-cat-btn {
    background: none;
    color: #90CB94;
    transition: all .3s ease;
}

#cbd-blog-wrapper .cbd-categories-wrapper .cbd-cat-btn.active {
    color: #06F563;
    filter: drop-shadow(0px 2px 4px #06F563);
    transition: all .3s ease;
}

#cbd-blog-wrapper .cbd-categories-wrapper .cbd-cat-btn,
#cbd-blog-wrapper .cbd-categories-wrapper .cbd-cat-btn.active {
    box-shadow: none;
}

.cbd-cat-btn {
    flex:0 0 auto;
    margin:0 5px;
    padding:6px 12px;
    cursor:pointer;
    white-space:nowrap;
}

#cbd-blog-wrapper .cbd-categories-wrapper .cbd-cat-prev,
#cbd-blog-wrapper .cbd-categories-wrapper .cbd-cat-next {
    background: none;
    color: rgba(255,255,255, 0.6);
    font-size: 1.4rem;
    box-shadow: none;
    transition: all .3s ease;
    cursor: pointer;
}

#cbd-blog-wrapper .cbd-categories-wrapper .cbd-cat-prev:hover,
#cbd-blog-wrapper .cbd-categories-wrapper .cbd-cat-next:hover {
    color: #06F563;
    filter: drop-shadow(0px 2px 4px #06F563);
    transition: all .3s ease;
}

/* === Grid 3 cols === */
#cbd-posts {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 24px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #2C4033A1;
}

/* === Cards === */
.cbd-post, .cbd-featured-item {
    background: transparent; 
    border: 1px solid #2C4033A1;
    border-radius: 20px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    transition: all .3s ease;
}

.cbd-post:hover, .cbd-featured-item:hover {
    background: #000D07;
}

.cbd-featured-item {
  border: none;
}

/* === Image card === */
.cbd-post img, .cbd-featured-item img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 12px;
}

/* === Tags === */
.cbd-tags span {
    display: inline-block;
    background: transparent; 
    border: 1px solid #2C4033A1;
    color: #06F563;
    font-weight: 500;
    font-size: 1rem;
    padding: 4px 12px;
    border-radius: 8px;
    margin-bottom: 4px;
}

#cbd-posts .cbd-tags span {
  background: #2C4033A1;
  font-size: 0.8rem;
  font-weight: 400;
  border: none;
  color: #2BB673;
}

/* === Title === */
.cbd-title {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    margin-bottom: 1rem;
    margin-top: 0.4rem;
    transition: all .3s ease;
}

.cbd-title:hover {
  transition: all .3s ease;
  color: #B2FDCF;
}

/* === Description === */
.cbd-excerpt {
    font-size: 0.9rem;
    color: #d0d7de;
    font-weight: 400;
    line-height: 1.4;
    flex-grow: 1;
    margin-bottom: 16px;
}

/* === Button Read More === */
.cbd-btn {
    align-self: flex-end;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.8rem;
    color: #ffffff;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.cbd-btn::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 6px;
    background-image: url('https://taxgenix.ai/wp-content/uploads/2025/08/arrow-read-more.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.cbd-btn:hover, span.cbd-btn:hover {
    transform: translateX(-5px); 
}

/* === Featured Card === */
.cbd-featured {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    margin-top: 16px;
}

.cbd-featured-item {
    display: flex;
    flex-direction: row;
    gap: 2rem; 
    background: transparent;
    padding: 16px;
}

.cbd-featured .cbd-featured-item:nth-child(1) {
    border-top: 1px solid #2C4033A1;
}

/* Container img */
.cbd-featured-img {
    width: 50%;
}

.cbd-featured-img img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
    border-radius: 20px !important;
}

/* Container content */
.cbd-featured-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.cbd-featured-content .cbd-title,
.cbd-featured-content .cbd-excerpt {
    margin-bottom: 1rem;
}

#cbd-blog-wrapper a.cbd-btn {
    font-size: 0.8rem;
    text-decoration: none !important;
    font-weight: 400;
    color: #2BB673;
}

/* Button */
.cbd-featured-content .cbd-btn {
    margin-top: auto;
    font-size: .8rem;
    align-self: flex-start;
    transition: transform 0.2s ease;
}

#cbd-blog-wrapper a.cbd-btn:hover {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.2em;
  transform: translateX(-5px);
}

/* === Load More === */
#cbd-loadmore {
    display: block;
    margin: 3rem auto 0 auto;
    cursor: pointer;
}

/* === Text effect === */
.text-effect {
  position: relative;
  display: inline-block;
  background: linear-gradient(
    to right,
    #06F563 0%,
    #ffffff 50%,
    #06F563 100%
  );
  background-size: 200% auto; 
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 16s linear infinite;
}

@keyframes shine {
  from {
    background-position: 400% center;
  }
  to {
    background-position: -400% center;
  }
}