:root{
  --ufa-radius: 14px;
  --ufa-radius-img: 12px;
  --ufa-gap: 16px;
  --ufa-card-bg: #ffffff;
  --ufa-card-border: rgba(0,0,0,0.06);
  --ufa-shadow: 0 6px 20px rgba(0,0,0,0.08);
  --ufa-shadow-hover: 0 10px 28px rgba(0,0,0,0.12);
  --ufa-text: #111827;
  --ufa-muted: #6b7280;
  --ufa-accent: #2dd4bf; /* teal-400 */
}
@media (prefers-color-scheme: dark){
  :root{
    --ufa-card-bg: #0f172a; /* slate-900 */
    --ufa-card-border: rgba(255,255,255,0.09);
    --ufa-shadow: 0 6px 22px rgba(0,0,0,0.6);
    --ufa-shadow-hover: 0 10px 32px rgba(0,0,0,0.7);
    --ufa-text: #e5e7eb;
    --ufa-muted: #9ca3af;
    --ufa-accent: #22d3ee; /* cyan-400 */
  }
}

.ufa-feed{ margin:1rem 0; display:block; color:var(--ufa-text); }
.ufa-feed .ufa-items{ display:block; }
.ufa-item{ background:var(--ufa-card-bg); border:1px solid var(--ufa-card-border); border-radius:var(--ufa-radius); overflow:hidden; box-shadow:var(--ufa-shadow); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.ufa-item:hover{ transform:translateY(-2px); box-shadow:var(--ufa-shadow-hover); border-color:rgba(45,212,191,0.35); }
.ufa-item__image{ position:relative; overflow:hidden; }
.ufa-item__image img{ width:100%; height:auto; display:block; border-bottom-left-radius:0; border-bottom-right-radius:0; aspect-ratio: 16/9; object-fit:cover; }
.ufa-item__body{ padding:18px 18px 16px; }
.ufa-item__title{ font-weight:700; font-size:clamp(1rem, 0.98rem + 0.2vw, 1.15rem); line-height:1.3; margin:0 0 .35rem; }
.ufa-item__title a{ text-decoration:none; color:inherit; }
.ufa-item__title a:hover{ text-decoration:underline; text-underline-offset: 3px; }
.ufa-item__meta{ font-size:.95rem; color:var(--ufa-muted); display:flex; align-items:center; gap:8px; margin:.1rem 0 .4rem; }
.ufa-item__meta:before{ content:""; width:6px; height:6px; border-radius:999px; background:var(--ufa-accent); display:inline-block; }
.ufa-item__excerpt{ font-size:.96rem; line-height:1.45; margin:.25rem 0 0; }

/* Layouts */
.ufa-feed--list .ufa-items{ display:block; }
.ufa-feed--grid .ufa-items{ display:grid; grid-gap:var(--ufa-gap); }
.ufa-feed--masonry .ufa-items{ column-gap:var(--ufa-gap); }
.ufa-feed--masonry .ufa-item{ margin:0 0 var(--ufa-gap); break-inside:avoid; page-break-inside:avoid; -webkit-column-break-inside:avoid; }

/* Columns */
.ufa-cols-1 .ufa-items{ grid-template-columns:repeat(1, minmax(0,1fr)); column-count:1; }
.ufa-cols-2 .ufa-items{ grid-template-columns:repeat(2, minmax(0,1fr)); column-count:2; }
.ufa-cols-3 .ufa-items{ grid-template-columns:repeat(3, minmax(0,1fr)); column-count:3; }
.ufa-cols-4 .ufa-items{ grid-template-columns:repeat(4, minmax(0,1fr)); column-count:4; }
@media (max-width: 1024px){
  .ufa-cols-4 .ufa-items{ grid-template-columns:repeat(3, minmax(0,1fr)); column-count:3; }
}
@media (max-width: 768px){
  .ufa-cols-4 .ufa-items,
  .ufa-cols-3 .ufa-items{ grid-template-columns:repeat(2, minmax(0,1fr)); column-count:2; }
}
@media (max-width: 520px){
  .ufa-cols-4 .ufa-items,
  .ufa-cols-3 .ufa-items,
  .ufa-cols-2 .ufa-items{ grid-template-columns:repeat(1, minmax(0,1fr)); column-count:1; }
}

/* Small utility for empty state */
.ufa-empty{ padding:1rem; border:1px dashed var(--ufa-card-border); border-radius:12px; text-align:center; color:var(--ufa-muted); background:linear-gradient(180deg, transparent, rgba(127,127,127,0.04)); }


/* Force masonry column counts explicitly */
.ufa-feed--masonry.ufa-cols-1 .ufa-items{ column-count:1 !important; }
.ufa-feed--masonry.ufa-cols-2 .ufa-items{ column-count:2 !important; }
.ufa-feed--masonry.ufa-cols-3 .ufa-items{ column-count:3 !important; }
.ufa-feed--masonry.ufa-cols-4 .ufa-items{ column-count:4 !important; }
.ufa-feed--masonry .ufa-item{ margin:0 0 var(--ufa-gap); break-inside:avoid; -webkit-column-break-inside:avoid; }


/* Titles-only LIST layout */
.ufa-feed--list .ufa-items{ display:block; }
.ufa-feed--list .ufa-list{ list-style:none; margin:0; padding:0; }
.ufa-feed--list .ufa-list__item{ padding:10px 6px; border-bottom:1px solid var(--ufa-card-border); }
.ufa-feed--list .ufa-list__item:last-child{ border-bottom:0; }
.ufa-feed--list .ufa-list__link{ text-decoration:none; font-weight:600; }
.ufa-feed--list .ufa-list__link:hover{ text-decoration:underline; text-underline-offset:3px; }
.ufa-feed--list .ufa-list__date{ font-size:.85rem; color:var(--ufa-muted); margin-left:12px; }


.ufa-page-prev,.ufa-page-next,.ufa-loadmore{ background:#fff; border:1px solid var(--ufa-card-border); border-radius:12px; padding:8px 12px; box-shadow:var(--ufa-shadow); cursor:pointer; text-decoration:none; }
.ufa-loadmore{ display:block; margin:12px auto 0; }

.ufa-pagination{ display:flex; justify-content:center; gap:12px; margin:14px 0; }
.ufa-page-prev,.ufa-page-next,.ufa-loadmore{ background:#fff; border:1px solid var(--ufa-card-border); border-radius:12px; padding:8px 14px; box-shadow:var(--ufa-shadow); text-decoration:none; cursor:pointer; }
.ufa-page-prev:hover,.ufa-page-next:hover,.ufa-loadmore:hover{ transform:translateY(-1px); }


/* UFA Cute Skin */
.ufa-elementor-widget.ufa-skin-cute .ufa-item {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  padding: 1rem;
  margin-bottom: 1.5rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ufa-elementor-widget.ufa-skin-cute .ufa-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.ufa-elementor-widget.ufa-skin-cute .ufa-item__title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: .5rem;
}
.ufa-elementor-widget.ufa-skin-cute .ufa-item__excerpt {
  font-size: .95rem;
  color: #555;
}

/* UFA 4.7.8.2 cute skin polish */
.ufa-elementor-widget.ufa-skin-cute .ufa-list,
.ufa-elementor-widget.ufa-skin-cute .ufa-grid,
.ufa-elementor-widget.ufa-skin-cute .ufa-masonry {
  display: grid;
  grid-gap: 16px;
}

.ufa-elementor-widget.ufa-skin-cute .ufa-item {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}

.ufa-elementor-widget.ufa-skin-cute .ufa-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0,0,0,0.1);
}

.ufa-elementor-widget.ufa-skin-cute .ufa-item__thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.ufa-elementor-widget.ufa-skin-cute .ufa-item__content {
  padding: 14px 16px 16px;
}

.ufa-elementor-widget.ufa-skin-cute .ufa-item__title {
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 6px;
}

.ufa-elementor-widget.ufa-skin-cute .ufa-item__meta {
  color: #6b7280; /* neutral-500 */
  font-size: 12px;
  margin-bottom: 8px;
}

.ufa-elementor-widget.ufa-skin-cute .ufa-item__excerpt {
  color: #374151; /* neutral-700 */
  font-size: 14px;
  line-height: 1.55;
}

.ufa-elementor-widget.ufa-skin-cute .ufa-readmore {
  display: inline-block;
  margin-top: 10px;
  font-weight: 600;
  text-decoration: none;
}