/*
 * Iliauni News — modern cards v1
 * Targets loop item news_geo (98079): .fea.card_sp + .news_card_content
 * Brand: #A61832
 */

:root {
  --nc-brand: #A61832;
  --nc-brand-hover: #8E142B;
  --nc-ink: #152033;
  --nc-muted: #6F6A64;
  --nc-line: #E8E4DE;
  --nc-line-hover: #D6CFC6;
  --nc-surface: #FFFFFF;
  --nc-page: #F7F4F0;
  --nc-radius: 12px;
  --nc-shadow: 0 1px 2px rgba(21, 32, 51, 0.04), 0 10px 28px rgba(21, 32, 51, 0.07);
  --nc-shadow-hover: 0 6px 16px rgba(21, 32, 51, 0.08), 0 18px 40px rgba(21, 32, 51, 0.1);
  --nc-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Grid: equal-height cards */
.sp_front_more .elementor-loop-container,
.sp_front_more .elementor-grid {
  align-items: stretch !important;
}

.sp_front_more .e-loop-item,
.elementor-98079.e-loop-item {
  height: 100% !important;
  display: flex !important;
}

.sp_front_more .e-loop-item > .elementor,
.elementor-98079 {
  height: 100% !important;
  width: 100% !important;
}

/* —— Card shell —— */
.elementor-98079 .fea.card_sp,
.elementor-98079 .card_sp.fea,
.fea.card_sp {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--nc-surface) !important;
  border: 1px solid var(--nc-line) !important;
  border-radius: var(--nc-radius) !important;
  box-shadow: var(--nc-shadow) !important;
  transition: transform 0.28s var(--nc-ease), box-shadow 0.28s var(--nc-ease), border-color 0.28s var(--nc-ease) !important;
}

/* Kill old harsh pink/red frame if present */
.fea.card_sp::before,
.fea.card_sp::after {
  content: none !important;
  display: none !important;
}

.fea.card_sp:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--nc-shadow-hover) !important;
  border-color: var(--nc-line-hover) !important;
}

/* Subtle brand accent on top edge */
.fea.card_sp > .elementor-element:first-child {
  position: relative !important;
}

/* —— Featured image —— */
.fea.card_sp .elementor-widget-theme-post-featured-image,
.fea.card_sp .elementor-widget-image {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
}

.fea.card_sp .elementor-widget-theme-post-featured-image .elementor-widget-container,
.fea.card_sp .elementor-widget-image .elementor-widget-container,
.fea.card_sp .elementor-widget-theme-post-featured-image a,
.fea.card_sp .elementor-widget-image a {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
}

.fea.card_sp .elementor-widget-theme-post-featured-image img,
.fea.card_sp .elementor-widget-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: unset !important;
  object-position: center center !important;
  transition: transform 0.45s var(--nc-ease) !important;
}

.fea.card_sp:hover .elementor-widget-theme-post-featured-image img,
.fea.card_sp:hover .elementor-widget-image img {
  transform: scale(1.02) !important;
}

/* —— Content block —— */
.fea.card_sp .news_card_content,
.elementor-98079 .news_card_content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 16px 18px 20px !important;
  background: var(--nc-surface) !important;
  box-sizing: border-box !important;
  /* remove old colored bars / skewed panels */
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.fea.card_sp .news_card_content::before,
.fea.card_sp .news_card_content::after {
  content: none !important;
  display: none !important;
}

/* Date */
.fea.card_sp .elementor-widget-post-info,
.fea.card_sp .news_card_content .elementor-widget-post-info {
  margin: 0 !important;
  padding: 0 !important;
  order: 0 !important;
}

.fea.card_sp .elementor-widget-post-info .elementor-icon-list-icon {
  display: none !important;
}

.fea.card_sp .elementor-widget-post-info .elementor-icon-list-text,
.fea.card_sp .elementor-widget-post-info time,
.fea.card_sp .elementor-widget-post-info .elementor-post-info__item {
  color: var(--nc-muted) !important;
  letter-spacing: 0.01em !important;
}

.fea.card_sp .elementor-widget-post-info ul,
.fea.card_sp .elementor-widget-post-info li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Title — force visible even if page-title hide is on */
.fea.card_sp .post_t,
.fea.card_sp .elementor-widget-theme-post-title,
.fea.card_sp .elementor-page-title,
.fea.card_sp .news_card_content .post_t {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  order: 1 !important;
}

.fea.card_sp .post_t .elementor-heading-title,
.fea.card_sp .elementor-widget-theme-post-title .elementor-heading-title,
.fea.card_sp .news_card_content .elementor-heading-title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  margin: 0 !important;
  color: var(--nc-ink) !important;
  -webkit-text-fill-color: var(--nc-ink) !important;
  transition: color 0.2s ease !important;
}

.fea.card_sp .post_t .elementor-heading-title a,
.fea.card_sp .elementor-widget-theme-post-title .elementor-heading-title a {
  color: var(--nc-ink) !important;
  -webkit-text-fill-color: var(--nc-ink) !important;
  text-decoration: none !important;
  background: none !important;
}

.fea.card_sp:hover .post_t .elementor-heading-title,
.fea.card_sp:hover .post_t .elementor-heading-title a,
.fea.card_sp:hover .elementor-widget-theme-post-title .elementor-heading-title a {
  color: var(--nc-brand) !important;
  -webkit-text-fill-color: var(--nc-brand) !important;
}

/* Whole card clickable feel — ensure links inherit */
.fea.card_sp a {
  text-decoration: none !important;
}

/* Grid gap polish for front more section */
.sp_front_more.elementor-widget-loop-grid .elementor-grid {
  gap: 22px !important;
}

/* Also modernize news archive banner cards if same classes (news_geo_top uses fea + news_card_content) */
.elementor-98436 .fea,
.elementor-library-template .fea:not(.card_sp) {
  /* leave banner alone unless card_sp */
}

/* news page grid may use same 98079 */
body .elementor-98079 .fea.card_sp {
  /* already covered */
}

@media (max-width: 1024px) {
  
  
}

@media (max-width: 767px) {
  
  .fea.card_sp .news_card_content {
    padding: 14px 14px 16px !important;
  }
  .fea.card_sp:hover {
    transform: none !important; /* less motion on touch */
  }
}

@media (prefers-reduced-motion: reduce) {
  .fea.card_sp,
  .fea.card_sp img {
    transition: none !important;
  }
  .fea.card_sp:hover {
    transform: none !important;
  }
  .fea.card_sp:hover img {
    transform: none !important;
  }
}

/* v2: typography size from Elementor only */
.fea.card_sp .post_t .elementor-heading-title,
.fea.card_sp .elementor-widget-theme-post-title .elementor-heading-title,
.fea.card_sp .news_card_content .elementor-heading-title,
.fea.card_sp .elementor-widget-post-info .elementor-icon-list-text,
.fea.card_sp .elementor-widget-post-info time,
.fea.card_sp .elementor-widget-post-info .elementor-post-info__item {
}




/* v6: no image crop — Elementor natural proportions */
.fea.card_sp .elementor-widget-theme-post-featured-image img,
.fea.card_sp .elementor-widget-image img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: unset !important;
  object-position: center center !important;
}