/* ============================================
   WIDGET STYLES
   ============================================ */

.widget {
  background: var(--white);
  padding: 24px;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-slow), transform var(--transition-slow);
}

.widget:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}

.widget + .widget {
  margin-top: 32px !important;
}

/* Remove styling from tags, categories, and social widgets */
.widget:has(.taxonomies-list),
.widget:has(.widget-list-inline.taxonomies-list),
.widget.widget-categories,
.widget:has(.widget-social),
.widget:has(.social-links.icon-box) {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: none !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Remove border from social widget icons in default state */
.widget:has(.widget-social) .social-links.icon-box li a,
.widget:has(.social-links.icon-box) .social-links.icon-box li a,
.widget-social .social-links.icon-box li a {
  border: none !important;
}

/* Social widget icons - pill hover for consistent look */
.widget:has(.widget-social) .social-links.icon-box li a,
.widget:has(.social-links.icon-box) .social-links.icon-box li a,
.widget-social .social-links.icon-box li a {
  transition: all var(--transition-base) !important;
  border-radius: 50% !important; /* Circular pill shape */
  padding: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.widget:has(.widget-social) .social-links.icon-box li a:hover,
.widget:has(.social-links.icon-box) .social-links.icon-box li a:hover,
.widget-social .social-links.icon-box li a:hover {
  background-color: rgba(244, 67, 54, 0.1) !important; /* Light red pill on hover */
  color: var(--buzz-red) !important;
}

.widget:has(.taxonomies-list):hover,
.widget:has(.widget-list-inline.taxonomies-list):hover,
.widget.widget-categories:hover,
.widget:has(.widget-social):hover,
.widget:has(.social-links.icon-box):hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Widget Title */
.widget-title {
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 20px;
}

.widget-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background: var(--buzz-red);
}

.widget:has(.taxonomies-list) .widget-title,
.widget:has(.widget-list-inline.taxonomies-list) .widget-title,
.widget.widget-categories .widget-title,
.widget:has(.widget-social) .widget-title,
.widget:has(.social-links.icon-box) .widget-title {
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 20px;
}

.widget:has(.taxonomies-list) .widget-title::after,
.widget:has(.widget-list-inline.taxonomies-list) .widget-title::after,
.widget.widget-categories .widget-title::after,
.widget:has(.widget-social) .widget-title::after,
.widget:has(.social-links.icon-box) .widget-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background: var(--buzz-red);
}

/* Widget List */
.widget-list li a {
  transition: all var(--transition-base);
  border-radius: 6px;
}

.widget-list li a:hover {
  background: rgba(244, 67, 54, 0.1);
  transform: translateX(4px);
  color: var(--buzz-red);
}

/* Tags and Categories - Base styles (inherit from .widget-list li a) */
.widget:has(.taxonomies-list) .widget-list li a,
.widget:has(.widget-list-inline.taxonomies-list) .widget-list li a,
.widget:has(.widget-list-inline.taxonomies-list) .taxonomies-list li a,
.widget:has(.taxonomies-list) .taxonomies-list li a,
.widget:has(.taxonomies-list) .list-inline-item a,
.widget:has(.taxonomies-list) .taxonomies-list .list-inline-item a,
.widget.widget-categories .widget-list li a,
.widget.widget-tags .widget-list li a,
.widget.widget-tags .taxonomies-list li a,
.taxonomies-list li a,
.taxonomies-list .list-inline-item a {
  transition: all var(--transition-base) !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: inherit !important;
  padding: 10px 15px !important;
  margin-bottom: 5px !important;
  display: block !important;
}

/* Tags and Categories - Hover styles (match categories) */
.widget:has(.taxonomies-list) .widget-list li a:hover,
.widget:has(.widget-list-inline.taxonomies-list) .widget-list li a:hover,
.widget:has(.widget-list-inline.taxonomies-list) .taxonomies-list li a:hover,
.widget:has(.taxonomies-list) .taxonomies-list li a:hover,
.widget:has(.taxonomies-list) .list-inline-item a:hover,
.widget:has(.taxonomies-list) .taxonomies-list .list-inline-item a:hover,
.widget:has(.taxonomies-list) .taxonomies-list li.list-inline-item a:hover,
.widget.widget-categories .widget-list li a:hover,
.widget.widget-tags .widget-list li a:hover,
.widget.widget-tags .taxonomies-list li a:hover,
.taxonomies-list li a:hover,
.taxonomies-list .list-inline-item a:hover {
  background: rgba(244, 67, 54, 0.1) !important;
  transform: translateX(4px) !important;
  color: var(--buzz-red) !important;
}

.taxonomies-list,
.widget-list-inline.taxonomies-list {
  margin: 0 !important;
  padding: 0 !important;
}

.taxonomies-list li,
.widget-list-inline.taxonomies-list li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Post Meta Tags - Remove Styling */
.single-post-meta .widget-list li a,
.single-post-meta .widget-list li a:hover,
.single-post-meta .widget-list li a:focus,
.single-post-meta .widget-list li a:active {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  text-decoration: none !important;
  color: inherit !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}