/* ===== MeetYouup Brand Skin (scoped) ===== */
.myu-skin-meetyouup{
  --myu-green:  #34E27A;
  --myu-cyan:   #00B2FF;
  --myu-blue:   #1B66FF;
  --myu-yellow: #FFCF33;
  --myu-orange: #FF7E29;
  --myu-red:    #FF4A4A;

  --myu-primary:        var(--myu-blue);
  --myu-primary-2:      var(--myu-cyan);
  --myu-accent:         var(--myu-green);
  --myu-chip-bg:        #f6f8ff;
  --myu-chip-text:      #1a2233;
  --myu-card-bg:        #ffffff;
  --myu-card-border:    #e7ecf3;
  --myu-muted:          #5b6577;
  --myu-shadow:         0 8px 30px rgba(27,102,255,.12);
  --myu-shadow-strong:  0 10px 38px rgba(27,102,255,.22);

  --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 0 18px rgba(27,102,255,.35), 0 0 36px rgba(0,178,255,.25);
}

/* Container */
.myu-skin-meetyouup .myu-filters-pro{
  background: var(--myu-card-bg);
  border: 1px solid var(--myu-card-border);
  border-radius: 16px;
  padding: 16px 18px;
  box-shadow: var(--myu-shadow);
}

/* Buttons */
.myu-skin-meetyouup .myu-btn--primary{
  background: var(--myu-grad-primary);
  color:#fff !important;
  border:0; border-radius: 12px;
  padding:10px 16px; font-weight:600; letter-spacing:.2px;
  box-shadow: var(--myu-shadow);
  transition: all .18s ease;
}
.myu-skin-meetyouup .myu-btn--primary:hover{
  transform: translateY(-1px);
  box-shadow: var(--myu-shadow-strong);
}
.myu-skin-meetyouup .myu-btn--ghost{
  background:#fff; color:var(--myu-primary); border:1px solid var(--myu-card-border);
}
.myu-skin-meetyouup .myu-btn--ghost:hover{ border-color:#cfd7e5; }

/* Chips */
.myu-skin-meetyouup .myu-chip{
  display:inline-flex; align-items:center; gap:8px;
  background: var(--myu-chip-bg);
  color: var(--myu-chip-text);
  border:1px solid var(--myu-card-border);
  border-radius: 999px; padding:8px 12px;
  font-weight:600; cursor:pointer; transition:all .18s ease;
}
.myu-skin-meetyouup .myu-chip:hover{
  border-color:#cfd7e5; transform:translateY(-1px);
}
.myu-skin-meetyouup .myu-chip--active{
  color:#fff; border-color: transparent;
  background: var(--myu-grad-primary);
  box-shadow: var(--myu-glow);
}
/* categorie-chip met outline als actief */
.myu-skin-meetyouup .myu-chip--category.myu-chip--active{
  background:#fff; color:#0f172a;
  box-shadow: inset 0 0 0 2px var(--myu-primary), var(--myu-glow);
}

/* Search & Date inputs */
.myu-skin-meetyouup .myu-search input,
.myu-skin-meetyouup .myu-date-range input{
  border:1px solid var(--myu-card-border);
  background:#fff;
  border-radius:12px; height:40px; padding:0 14px;
}
.myu-skin-meetyouup .myu-search input:focus,
.myu-skin-meetyouup .myu-date-range input:focus{
  outline:0; border-color: var(--myu-primary);
  box-shadow: 0 0 0 4px rgba(27,102,255,.15);
}

/* Free/Paid toggles */
.myu-skin-meetyouup .myu-toggle .myu-chip{ min-width:84px; justify-content:center; }
.myu-skin-meetyouup .myu-toggle .myu-chip--active{ background:var(--myu-grad-primary); color:#fff; }

/* Events grid */
.myu-skin-meetyouup .myu-events{
  display:grid; gap:18px;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
}
.myu-skin-meetyouup .myu-card{
  background: var(--myu-card-bg);
  border:1px solid var(--myu-card-border);
  border-radius:16px; overflow:hidden;
  box-shadow: var(--myu-shadow);
  transition: transform .18s ease, box-shadow .18s ease;
}
.myu-skin-meetyouup .myu-card:hover{
  transform: translateY(-3px);
  box-shadow: var(--myu-shadow-strong);
}

/* Badges */
.myu-skin-meetyouup .myu-badge{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:999px;
  background: var(--myu-chip-bg); color: var(--myu-chip-text);
  border:1px solid var(--myu-card-border); font-weight:700; font-size:.82rem;
}
.myu-skin-meetyouup .myu-badge--type{
  background:var(--myu-grad-primary); color:#fff; border:none; box-shadow: var(--myu-glow);
}
.myu-skin-meetyouup .myu-badge--free{
  background: linear-gradient(135deg,var(--myu-green),#66ffcc); color:#064; border:none;
}
.myu-skin-meetyouup .myu-badge--paid{
  background: linear-gradient(135deg,var(--myu-orange),var(--myu-red)); color:#fff; border:none;
}

/* Meta lijntjes */
.myu-skin-meetyouup .myu-meta{ color: var(--myu-muted); display:flex; gap:8px; align-items:center; }

/* CTA vollengte in kaart */
.myu-skin-meetyouup .myu-card .myu-btn--primary{ width:100%; }

/* Accent-underline voor titels (optioneel logo-feel) */
.myu-skin-meetyouup .myu-title{ position:relative; display:inline-block; padding-bottom:6px; }
.myu-skin-meetyouup .myu-title::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px; border-radius:2px;
  background: var(--myu-grad-brand);
  box-shadow: 0 4px 18px rgba(255,126,41,.25), 0 2px 10px rgba(27,102,255,.18);
}