.elementor-8698 .elementor-element.elementor-element-bad0de8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8698 .elementor-element.elementor-element-3088b7b .jet-listing-dynamic-terms{text-align:left;}.elementor-8698 .elementor-element.elementor-element-f376402 .jet-listing-dynamic-field__content{font-size:18px;font-weight:600;text-align:left;}.elementor-8698 .elementor-element.elementor-element-f376402 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-8698 .elementor-element.elementor-element-f376402 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-8698 .elementor-element.elementor-element-f376402 .jet-listing-dynamic-field{justify-content:flex-start;}/* Start custom CSS for container, class: .elementor-element-bad0de8 *//* ==========================================================================
   D4L Works Listing Item Card Styles (Multiple Badges Compatible)
   ========================================================================== */

/* Card Wrapper */
.works-item-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E2E8F0;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(10, 25, 47, 0.04);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), 
              box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.3s ease;
  height: 100%;
}

/* Hover State: Card Lift */
.works-item-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px -6px rgba(10, 25, 47, 0.1);
  border-color: #CBD5E1;
}

/* Thumbnail Wrap (16:9 Aspect Ratio) */
.works-item-thumb-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background-color: #F1F5F9;
  overflow: hidden;
}

.works-item-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Hover State: Image Subtle Zoom */
.works-item-card:hover .works-item-thumb {
  transform: scale(1.04);
}

/* Card Body */
.works-item-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 20px 20px 24px;
}

/* Meta Information Row (Under Image) */
.works-item-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

/* Category Badge List Container */
.works-item-category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

/* バッジ全体を横並びにして隙間を空ける */
.elementor-8698 .elementor-element.elementor-element-bad0de8 .jet-listing-dynamic-terms {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
}

/* 各バッジの個別デザイン */
.elementor-8698 .elementor-element.elementor-element-bad0de8 .jet-listing-dynamic-terms__item,
.elementor-8698 .elementor-element.elementor-element-bad0de8 .jet-listing-dynamic-terms__link {
  display: inline-block !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  color: #0284C7 !important;
  background-color: #F0F9FF !important;
  border: 1px solid #BAE6FD !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}

/* Event Date (YYYY年M月D日) - 左揃えに調整 */
.works-item-date {
  font-size: 0.825rem;
  font-weight: 500;
  color: #64748B;
  letter-spacing: 0.02em;
  white-space: nowrap;
  margin-left: 0;
}

/* Post Title */
.works-item-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: #0A192F;
  line-height: 1.6;
  margin: 0;
  flex-grow: 1;
  transition: color 0.2s ease;
}

/* Hover State: Title Color Transition */
.works-item-card:hover .works-item-title {
  color: #0284C7;
}

/* Stretched Link (Whole Card Clickable) */
.works-item-link {
  color: inherit;
  text-decoration: none;
}

.works-item-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

/* Mobile Responsive */
@media screen and (max-width: 768px) {
  .works-item-body {
    padding: 16px 16px 20px;
  }

  .works-item-meta {
    margin-bottom: 12px;
    gap: 8px;
  }

  .works-item-title {
    font-size: 0.975rem;
    line-height: 1.55;
  }
}/* End custom CSS */