/* MeetYouup Brand Skin – Extended */
body.myu-skin-meetyouup{
  --myu-green:#34E27A; --myu-cyan:#00B2FF; --myu-blue:#1B66FF;
  --myu-yellow:#FFCF33; --myu-orange:#FF7E29; --myu-red:#FF4A4A;
  --myu-bg:#0c1116; --myu-surface:#121821; --myu-border:rgba(255,255,255,.08);
  --myu-text:#D6E3F1; --myu-muted:#94A3B8;
  --myu-grad-primary: linear-gradient(135deg,var(--myu-blue),var(--myu-cyan));
  --myu-grad-brand: linear-gradient(90deg,var(--myu-green),var(--myu-yellow),var(--myu-orange),var(--myu-red),var(--myu-blue));
  --myu-glow: 0 10px 30px rgba(27,102,255,.35), 0 2px 12px rgba(0,178,255,.25);
}
body.myu-skin-meetyouup .myu-section{color:var(--myu-text);}
body.myu-skin-meetyouup .myu-events-brand{
  background: linear-gradient(180deg, rgba(12,17,22,.9), rgba(12,17,22,.75)),
              radial-gradient(80% 120% at 20% 0%, rgba(27,102,255,.18), transparent 60%),
              radial-gradient(80% 120% at 80% 0%, rgba(255,126,41,.18), transparent 60%);
  border:1px solid var(--myu-border);
  border-radius:18px; padding:18px 18px 10px; backdrop-filter: blur(6px);
}

.myu-header{display:flex; align-items:center; justify-content:space-between; gap:16px; margin:4px 4px 12px;}
.myu-title{font-size:clamp(22px, 2.4vw, 28px); margin:0; letter-spacing:.2px; background:var(--myu-grad-brand); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 0 24px rgba(27,102,255,.2);}
.myu-actions{display:flex; align-items:center; gap:10px;}
.myu-search{display:flex; align-items:center; gap:8px; border:1px solid var(--myu-border); background:rgba(255,255,255,.03); padding:8px 10px; border-radius:12px; box-shadow: var(--myu-glow); color:var(--myu-muted);}
.myu-search input{background:transparent; border:0; outline:0; color:var(--myu-text); width:220px;}
.myu-search svg{opacity:.7}

.myu-grid{position:relative; display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); gap:16px;}
@media (max-width:1200px){ .myu-grid{grid-template-columns:repeat(8, minmax(0,1fr));} }
@media (max-width:768px){ .myu-grid{grid-template-columns:repeat(4, minmax(0,1fr));} }

/* Card */
.myu-card{grid-column: span 4; background:var(--myu-surface); border:1px solid var(--myu-border); border-radius:16px; overflow:hidden; position:relative; transition:transform .2s ease, box-shadow .2s ease;}
.myu-card:hover{ transform: translateY(-2px); box-shadow: var(--myu-glow); }
.myu-card .thumb, .myu-card .thumb img, .myu-card .noimg{display:block; width:100%; aspect-ratio: 16/10; object-fit:cover; background:#0A0F14;}
.myu-card .noimg{background:linear-gradient(135deg, rgba(0,178,255,.15), rgba(27,102,255,.15));}
.myu-card .meta{padding:12px;}
.myu-card .title{font-size:16px; margin:0 0 6px;}
.myu-card .title a{color:var(--myu-text); text-decoration:none;}
.myu-card .title a:hover{ text-decoration:underline; }
.myu-card .badges{display:flex; flex-wrap:wrap; gap:8px;}
.myu-card .badge{font-size:12px; padding:6px 10px; background:rgba(255,255,255,.06); border:1px solid var(--myu-border); border-radius:999px; color:var(--myu-text); box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);}
/* Make first 5 category variations pop with brand colors */
.myu-card .badge:nth-child(1){background:linear-gradient(135deg,var(--myu-green),rgba(52,226,122,.15)); color:#032916}
.myu-card .badge:nth-child(2){background:linear-gradient(135deg,var(--myu-yellow),rgba(255,207,51,.12)); color:#352400}
.myu-card .badge:nth-child(3){background:linear-gradient(135deg,var(--myu-orange),rgba(255,126,41,.12)); color:#331a00}
.myu-card .badge:nth-child(4){background:linear-gradient(135deg,var(--myu-red),rgba(255,74,74,.12)); color:#330707}
.myu-card .badge:nth-child(5){background:linear-gradient(135deg,var(--myu-blue),rgba(27,102,255,.12)); color:#061335}

/* Skeletons */
.myu-skeleton{position:relative; overflow:hidden; background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.04));}
.sk{border-radius:10px; background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.12), rgba(255,255,255,.06)); background-size: 200% 100%; animation: sk 1.4s linear infinite;}
.sk-thumb{height:142px; border-bottom:1px solid var(--myu-border); border-radius:0;}
.sk-line{height:12px; margin:10px 12px;}
.sk-line.w-70{width:70%;}
.sk-line.w-40{width:40%;}
.sk-badges{height:22px; margin:8px 12px 12px; border-radius:20px; width:55%;}
@keyframes sk {0%{background-position:200% 0;} 100%{background-position:-200% 0;}}

.myu-grid.is-loading .myu-real{display:none;}
.myu-grid:not(.is-loading) .myu-skeleton{display:none;}

/* Minimal compatibility: if [myu_events] outputs cards with some class, try to soften default styles */
.myu-real .myu-card, .myu-real article{background:var(--myu-surface); border:1px solid var(--myu-border); border-radius:16px;}