/*!
 * BLOG ARCHIVE / FEED
 * - Hover effects for blog cards
 * - Advanced heading link behavior
 * - Taxonomy link styling
 * Used on home/blog feed/archive views
 */


 
 
 
 
 /*! * BLOG - FEED ***** */
 
 /* 
  * Accessibility + visual cleanup for blog posts taxonomy links
  * This forces category and tag lists (output as separate <ul>s) to wrap together as if they're one set.
  */
 .blog-post-taxonomy-links {
   display: flex;
   flex-wrap: wrap;
   gap: 6px; /* consistent spacing between taxonomy pills */
   align-items: center;
   justify-content: flex-start;
   margin: 0;
   padding: 0;
   list-style: none;
 }

 /* Flatten all child ULs so list items behave like they're all part of one list */
 .blog-post-taxonomy-links ul.kb-dynamic-list {
   display: contents;
   margin: 0;
   padding: 0;
   list-style: none;
 }
 
 /* Reset dynamic list items to inline-flex pills */
 .blog-post-taxonomy-links li.kb-dynamic-list-item {
   display: inline-flex;
   margin: 0;
   padding: 0;
   font-size: 12px !important; /* override Kadence inline styles */
   line-height: 1.2;
 }
 
 /* Reset Kadence's inline link styles and spacing */
 .blog-post-taxonomy-links a.kb-dynamic-list-item-link {
   display: inline-block;
   padding: 2px 0px; /* ensures clickable area is ≥48px total height */
   line-height: 1.2;
   font-size: 12px;
   text-decoration: none;
 }
 
 /* Optional tighter spacing between links inside same block */
 .blog-post-taxonomy-links a.kb-dynamic-list-item-link:not(:last-child) {
   margin-right: 4px;
 }
 
 /* Remove any ::before garbage that might still be applied */
 .blog-post-taxonomy-links::before {
   display: none;
   content: none;
 }
 
 /* Headings inside cards: clickable but no underline */
 .kb-advanced-heading-link {
   text-decoration: none !important;
 }
 .kb-advanced-heading-link:hover,
 .kb-advanced-heading-link:hover * {
   color: var(--brandBlue) !important;
 }
 
 /* BLOG CARD IMAGE EFFECTS */
 
 /* Slight zoom on hover for blog card images */
 .kb-query-item:hover .kb-advanced-image-link img {
   transform: scale(1.05);
 }
 .kb-advanced-image-link img {
   transition: transform 0.3s ease;
   display: block;
 }
 
 /* Hide any overflowing content on the card */
 .kb-query-item {
   overflow: hidden;
 }
 
 /* Ensure image containers inside query blocks don’t clip or overflow weirdly */
 .wp-block-kadence-query .wp-block-kadence-query-card figure {
   overflow: hidden;
 }