@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');
html.mf-active{overflow-x:hidden!important}
:root{
  --mf-red:#E52828;--mf-yellow:#FFCC00;--mf-blue:#0055BF;--mf-green:#237841;--mf-orange:#FF6B1A;
  --mf-text:#1D1D1B;--mf-soft:#555;--mf-muted:#999;--mf-border:#ddd;--mf-bg:#fff;
  --mf-font:'Montserrat',sans-serif;
  --stud-red:url('https://mini-talks.org/wp-content/uploads/2026/02/yeni-3-kirmizi.png');
  --stud-yellow:url('https://mini-talks.org/wp-content/uploads/2026/02/yeni-3-sari.png');
  --stud-blue:url('https://mini-talks.org/wp-content/uploads/2026/02/yeni-3-mavi.png');
  --stud-green:url('https://mini-talks.org/wp-content/uploads/2026/02/yeni-3-yesil.png');
  --stud-white:url('https://mini-talks.org/wp-content/uploads/2026/02/beyaz-yeni-3.png');
  --stud-grey:url('https://mini-talks.org/wp-content/uploads/2026/02/beyaz-yeni-3.png');
}
.mf-container *{box-sizing:border-box!important}
.mf-container{max-width:82%!important;margin:0 auto!important;padding:0 20px 60px!important;font-family:var(--mf-font)!important;color:var(--mf-text)!important;line-height:1.5!important;}

/* ── STUDS ── */
.mf-studs{width:100%!important;height:24px!important;background-repeat:repeat-x!important;background-position:center bottom!important;background-size:auto 24px!important}
.mf-studs-red{background-image:var(--stud-red)!important}
.mf-studs-yellow{background-image:var(--stud-yellow)!important}
.mf-studs-blue{background-image:var(--stud-blue)!important}
.mf-studs-green{background-image:var(--stud-green)!important}
.mf-studs-white{background-image:var(--stud-white)!important}

/* Action card studs — 2-image approach like Myths&Facts */
.mf-action-card .mf-studs{height:30px!important;background-repeat:no-repeat,no-repeat!important;background-position:left bottom,right bottom!important;background-size:51% auto,51% auto!important;margin-bottom:-1px!important;position:relative!important;z-index:2!important}
.mf-action-card .mf-studs-red{background-image:var(--stud-red),var(--stud-red)!important}
.mf-action-card .mf-studs-yellow{background-image:var(--stud-yellow),var(--stud-yellow)!important}
.mf-action-card .mf-studs-blue{background-image:var(--stud-blue),var(--stud-blue)!important}
.mf-action-card .mf-studs-green{background-image:var(--stud-green),var(--stud-green)!important}
.mf-studs-grey{display:flex!important;height:auto!important;gap:0!important;overflow:hidden!important;background:#e0e0e0!important}
.mf-studs-grey img{flex:1!important;height:24px!important;object-fit:cover!important;display:block!important;min-width:0!important}
.mf-studs-profile{display:block!important;width:100vw!important;margin-left:calc(-50vw + 50%)!important;height:26px!important;background-image:url('https://mini-talks.org/wp-content/uploads/2026/04/Frame-10.png')!important;background-repeat:repeat-x!important;background-position:center bottom!important;background-size:auto 26px!important;position:relative!important;z-index:2!important;margin-bottom:-1px!important}
.mf-studs-multi{display:flex!important;height:auto!important;gap:0!important;overflow:hidden!important;background:none!important}
.mf-studs-multi img{flex:1!important;height:24px!important;object-fit:cover!important;display:block!important;min-width:0!important}

/* ── CONTOUR TITLE ── */
.mf-title-contour{font-family:var(--mf-font)!important;font-weight:900!important;color:#fff!important;-webkit-text-stroke:3px var(--mf-red)!important;text-shadow:3px 3px 0 var(--mf-red),-3px -3px 0 var(--mf-red),3px -3px 0 var(--mf-red),-3px 3px 0 var(--mf-red),0 3px 0 var(--mf-red),0 -3px 0 var(--mf-red),3px 0 var(--mf-red),-3px 0 var(--mf-red)!important;paint-order:stroke fill!important;margin:0!important;line-height:1.15!important}
.mf-title-contour.blue{-webkit-text-stroke-color:var(--mf-blue)!important;text-shadow:3px 3px 0 var(--mf-blue),-3px -3px 0 var(--mf-blue),3px -3px 0 var(--mf-blue),-3px 3px 0 var(--mf-blue),0 3px 0 var(--mf-blue),0 -3px 0 var(--mf-blue),3px 0 var(--mf-blue),-3px 0 var(--mf-blue)!important}
.mf-title-contour.green{-webkit-text-stroke-color:var(--mf-green)!important;text-shadow:3px 3px 0 var(--mf-green),-3px -3px 0 var(--mf-green),3px -3px 0 var(--mf-green),-3px 3px 0 var(--mf-green),0 3px 0 var(--mf-green),0 -3px 0 var(--mf-green),3px 0 var(--mf-green),-3px 0 var(--mf-green)!important}

/* ── HEADER IMAGE ── */

/* ── HERO — Mini-Settings style ── */
.mf-hero-new{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:40px!important;padding:40px 0 30px!important}
.mf-hero-left{flex:0 0 58%!important}
.mf-hero-left .mf-title-contour{font-size:clamp(28px,3.2vw,48px)!important;margin-bottom:12px!important}
.mf-hero-bars{display:flex!important;gap:0!important;width:80%!important;height:10px!important;overflow:hidden!important;margin-bottom:20px!important}
.mf-hero-bars span{flex:1!important;height:100%!important}
.mf-hero-desc{font-size:clamp(15px,1.3vw,18px)!important;font-weight:700!important;color:var(--mf-text)!important;line-height:1.6!important;margin:0 0 6px!important}
.mf-hero-face{flex:1!important;height:200px!important;background:#FFCC00!important;border-radius:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important}
.mf-hero-face svg,.mf-hero-face img{max-width:75%!important;max-height:100%!important;object-fit:contain!important}

/* Centered title below hero */
.mf-hero-center{text-align:center!important;padding:20px 0 24px!important}
.mf-hero-center h2{font-size:clamp(24px,2.8vw,42px)!important;margin-bottom:8px!important}
.mf-hero-center p{font-size:clamp(15px,1.4vw,20px)!important;font-weight:700!important;color:var(--mf-soft)!important;margin:0!important}

/* ═══ ACTION CARDS ═══ */
.mf-actions-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;margin-bottom:36px!important}
.mf-action-card{display:flex!important;flex-direction:column!important;text-decoration:none!important;color:#fff!important;transition:transform .15s!important}
.mf-action-card:hover{transform:translateY(-3px)!important}
.mf-action-body{border-radius:14px!important;padding:20px 22px!important;flex:1!important;display:flex!important;align-items:flex-start!important;gap:14px!important}
.mf-action-body.bg-red{background:var(--mf-red)!important}.mf-action-body.bg-yellow{background:var(--mf-yellow)!important}
.mf-action-body.bg-blue{background:var(--mf-blue)!important}.mf-action-body.bg-green{background:var(--mf-green)!important}
.mf-action-body.bg-yellow,.mf-action-body.bg-yellow *{color:var(--mf-text)!important}
.mf-action-icon{width:40px!important;height:40px!important;background:rgba(255,255,255,.25)!important;border-radius:8px!important;flex-shrink:0!important}
.mf-action-body h4{font-size:clamp(15px,1.5vw,20px)!important;font-weight:900!important;margin:0 0 6px!important}
.mf-action-body p{font-size:clamp(12px,1.1vw,15px)!important;font-weight:600!important;line-height:1.5!important;margin:0!important;opacity:.9!important}

/* ═══ FILTER CHIPS — default white, selected black ═══ */
.mf-filter-row{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:24px!important;flex-wrap:wrap!important;gap:12px!important}
.mf-filter-chips{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.mf-chip{padding:8px 18px!important;border-radius:8px!important;border:2px solid var(--mf-border)!important;background:#fff!important;color:var(--mf-text)!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;font-family:var(--mf-font)!important;display:inline-flex!important;align-items:center!important;gap:8px!important;transition:all .2s!important}
.mf-chip:hover{border-color:#bbb!important}
.mf-chip .mf-chip-dot{width:12px!important;height:12px!important;border-radius:3px!important;flex-shrink:0!important}
.mf-chip.active{background:var(--mf-text)!important;color:#fff!important;border-color:var(--mf-text)!important}

/* ── Search ── */
.mf-search-wrap{position:relative!important}
.mf-search-wrap input{padding:9px 14px 9px 36px!important;border-radius:8px!important;border:2px solid var(--mf-border)!important;font-size:13px!important;width:200px!important;outline:none!important;font-family:var(--mf-font)!important;color:var(--mf-text)!important}
.mf-search-icon{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;font-size:15px!important;color:var(--mf-muted)!important}

/* ═══ SECTION TITLE ═══ */
.mf-section-title{font-size:clamp(22px,2.4vw,36px)!important;margin:0 0 18px!important}

/* ═══ POST CARDS — colored border, thick bottom, NO studs ═══ */
.mf-posts-list{display:flex!important;flex-direction:column!important;gap:16px!important}
.mf-post-card{border-radius:16px!important;border:2px solid var(--mf-border)!important;border-bottom-width:5px!important;background:#fff!important;cursor:pointer!important;text-decoration:none!important;color:inherit!important;transition:border-color .15s!important;overflow:hidden!important;display:block!important}
.mf-post-card:hover{opacity:.95!important}
.mf-post-card.border-red{border-color:var(--mf-red)!important}
.mf-post-card.border-yellow{border-color:var(--mf-yellow)!important}
.mf-post-card.border-blue{border-color:var(--mf-blue)!important}
.mf-post-card.border-green{border-color:var(--mf-green)!important}
.mf-pc-inner{padding:20px 24px!important;display:flex!important;justify-content:space-between!important;gap:16px!important}
.mf-post-meta{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:8px!important}
.mf-type-badge{display:inline-block!important;font-size:11px!important;font-weight:800!important;padding:4px 12px!important;border-radius:6px!important;color:#fff!important;text-transform:capitalize!important}
.mf-type-badge.bg-red{background:var(--mf-red)!important}.mf-type-badge.bg-yellow{background:var(--mf-yellow)!important;color:var(--mf-text)!important}
.mf-type-badge.bg-blue{background:var(--mf-blue)!important}.mf-type-badge.bg-green{background:var(--mf-green)!important}
.mf-meta-secondary{font-size:12px!important;color:var(--mf-muted)!important;font-weight:600!important}
.mf-pc-title{font-size:16px!important;font-weight:900!important;margin-bottom:6px!important;color:var(--mf-text)!important}
.mf-pc-preview{font-size:13px!important;color:var(--mf-soft)!important;line-height:1.6!important;font-weight:600!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.mf-pc-right{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:space-between!important;min-width:130px!important;flex-shrink:0!important}
.mf-pc-user{display:flex!important;align-items:center!important;gap:8px!important}
.mf-pc-user-name{font-size:13px!important;font-weight:700!important;color:var(--mf-text)!important}
.mf-pc-arrow{font-size:22px!important;color:var(--mf-muted)!important;font-weight:900!important}
.mf-meta-light{font-size:12px!important;color:var(--mf-muted)!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:6px!important}

/* ═══ AVATAR ═══ */
.mf-avatar-sm{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;border-radius:50%!important;font-size:13px!important;font-weight:800!important;flex-shrink:0!important}
.mf-avatar-lg{width:130px!important;height:130px!important;border-radius:50%!important;background:var(--mf-yellow)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;overflow:hidden!important}

/* ═══ ROLE BADGE ═══ */
.mf-role-badge{display:inline-block!important;font-size:11px!important;font-weight:800!important;padding:3px 10px!important;border-radius:6px!important;color:#fff!important}
.mf-role-badge.rb-blue{background:var(--mf-blue)!important}.mf-role-badge.rb-green{background:var(--mf-green)!important}
.mf-role-badge.rb-yellow{background:var(--mf-yellow)!important;color:var(--mf-text)!important}.mf-role-badge.rb-red{background:var(--mf-red)!important}

/* ═══ GUIDELINES — yellow brick with studs ═══ */
.mf-guidelines-card{display:flex!important;flex-direction:column!important;margin-top:48px!important;overflow:hidden!important}
.mf-guidelines-studs{display:block!important;width:92%!important;margin-left:auto!important;margin-right:auto!important;height:30px!important;background-image:var(--stud-yellow),var(--stud-yellow),var(--stud-yellow),var(--stud-yellow)!important;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;background-position:left bottom,33% bottom,66% bottom,right bottom!important;background-size:26% auto,26% auto,26% auto,26% auto!important;margin-bottom:-1px!important;position:relative!important;z-index:2!important}
.mf-guidelines-body{background:var(--mf-yellow)!important;border-radius:0 0 14px 14px!important;padding:24px 28px!important}
.mf-guidelines-frame{background-color:var(--mf-yellow)!important;padding:0!important;padding-bottom:12px!important;border-radius:16px!important}
.mf-guidelines-frame .mf-guidelines-body{border-radius:0!important;background:transparent!important}
.mf-guidelines-body h3{font-size:18px!important;font-weight:900!important;margin:0 0 6px!important;color:var(--mf-text)!important}
.mf-guidelines-body>p{font-size:14px!important;font-weight:700!important;color:var(--mf-text)!important;opacity:.8!important;margin:0 0 16px!important}
.mf-guidelines-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 24px!important}
.mf-guideline-item{display:flex!important;align-items:flex-start!important;gap:8px!important;font-size:13px!important;font-weight:700!important;color:var(--mf-text)!important}
.mf-guideline-icon{width:20px!important;height:20px!important;background:rgba(255,255,255,.5)!important;border-radius:4px!important;flex-shrink:0!important;margin-top:1px!important}

/* ═══ SEE MORE ═══ */
.mf-see-more{text-align:center!important;padding:24px 0!important}
.mf-see-more .mf-btn{background:var(--mf-blue)!important;color:#fff!important;padding:14px 40px!important;border-radius:12px!important;font-size:15px!important}

/* ═══ BUTTONS ═══ */
.mf-btn{display:inline-block!important;padding:12px 28px!important;border-radius:10px!important;font-size:14px!important;font-weight:800!important;cursor:pointer!important;border:2px solid transparent!important;font-family:var(--mf-font)!important;text-decoration:none!important;text-align:center!important;transition:opacity .2s!important}
.mf-btn:hover{opacity:.88!important}
.mf-btn-blue{background:var(--mf-blue)!important;color:#fff!important}
.mf-btn-green{background:var(--mf-green)!important;color:#fff!important}
.mf-btn-black{background:var(--mf-text)!important;color:#fff!important}
.mf-btn-cancel{background:#fff!important;border-color:var(--mf-text)!important;color:var(--mf-text)!important}
.mf-btn-full{width:100%!important}
.mf-back{display:inline-block!important;font-size:14px!important;color:var(--mf-soft)!important;padding:14px 0!important;font-weight:700!important;text-decoration:none!important}
.mf-back strong{color:var(--mf-text)!important}

/* ═══ CREATE PAGE ═══ */
.mf-create-hero{text-align:center!important;padding:20px 0 24px!important}
.mf-create-hero h1{font-size:clamp(24px,2.8vw,42px)!important}
.mf-create-hero p{font-weight:700!important;color:var(--mf-soft)!important;margin-top:6px!important;font-size:clamp(14px,1.3vw,18px)!important}
.mf-create-card{max-width:700px!important;margin:0 auto!important;position:relative!important}
.mf-create-frame{padding:8px!important;padding-bottom:16px!important;border-radius:16px!important}
.mf-create-body{border-radius:10px!important;padding:28px 32px!important;background:#fff!important;border:none!important;position:relative!important}
.mf-create-card .mf-studs{height:30px!important;background-size:auto 30px!important;margin-bottom:-1px!important;position:relative!important;z-index:2!important}
.mf-create-sides{display:none!important}

.mf-field-group{margin-bottom:18px!important}
.mf-field-group label{font-size:14px!important;font-weight:800!important;display:block!important;margin-bottom:6px!important;color:var(--mf-text)!important}
.mf-field-group input,.mf-field-group textarea,.mf-field-group select{width:100%!important;padding:12px 14px!important;border-radius:8px!important;border:2px solid var(--mf-text)!important;font-size:14px!important;outline:none!important;font-family:var(--mf-font)!important;color:var(--mf-text)!important;background:#fff!important}
.mf-field-group textarea{line-height:1.7!important;resize:vertical!important}
.mf-optional{font-weight:600!important;color:var(--mf-muted)!important;font-size:12px!important}
.mf-topic-chips,.mf-tag-chips{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.mf-tag-chip,.mf-topic-chip{padding:8px 16px!important;border-radius:8px!important;border:2px solid var(--mf-border)!important;background:#fff!important;color:var(--mf-text)!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;font-family:var(--mf-font)!important;display:inline-flex!important;align-items:center!important;gap:8px!important;transition:all .2s!important}
.mf-tag-chip.selected,.mf-topic-chip.selected{border-color:var(--mf-text)!important;background:var(--mf-text)!important;color:#fff!important}
.mf-tag-chip .chip-dot,.mf-topic-chip .chip-dot{width:12px!important;height:12px!important;border-radius:3px!important;flex-shrink:0!important}
.mf-safety-note{display:flex!important;align-items:center!important;gap:10px!important;padding:14px 18px!important;border-radius:10px!important;background:var(--mf-yellow)!important;margin-bottom:20px!important;font-size:13px!important;font-weight:700!important;color:var(--mf-text)!important}
.mf-safety-icon{width:28px!important;height:28px!important;background:rgba(255,255,255,.6)!important;border-radius:50%!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mf-form-actions{display:flex!important;justify-content:flex-end!important;gap:12px!important}
.mf-lego-bottom{display:flex!important;height:8px!important;overflow:hidden!important;margin-top:-1px!important}
.mf-lego-bottom>div{flex:1!important}

/* ═══ DETAIL PAGE ═══ */
.mf-detail-card{border-radius:16px!important;border:2px solid var(--mf-red)!important;border-bottom-width:5px!important;background:#fff!important;margin-top:6px!important;margin-bottom:32px!important;overflow:hidden!important}
.mf-detail-card.border-yellow{border-color:var(--mf-yellow)!important}.mf-detail-card.border-blue{border-color:var(--mf-blue)!important}.mf-detail-card.border-green{border-color:var(--mf-green)!important}
.mf-detail-inner{padding:24px 28px!important}
.mf-detail-card h1{font-size:22px!important;font-weight:900!important;margin:0 0 16px!important;color:var(--mf-text)!important}
.mf-detail-body{font-size:15px!important;font-weight:600!important;line-height:1.8!important;margin-bottom:18px!important;color:#333!important}
.mf-detail-body p{margin:0 0 10px!important}
.mf-detail-author{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;font-size:13px!important;font-weight:700!important}
.mf-privacy-note{margin-top:12px!important;font-size:12px!important;color:var(--mf-muted)!important;font-weight:600!important;font-style:italic!important}

/* ═══ REPLIES — all inside a colored border frame ═══ */
.mf-replies-frame{border-radius:16px!important;border:2px solid var(--mf-blue)!important;border-bottom-width:5px!important;padding:24px!important;background:#fff!important;margin-bottom:24px!important}
.mf-reply-card{padding:16px 0!important;border-bottom:1px solid #eee!important}
.mf-reply-card:last-of-type{border-bottom:none!important}
.mf-reply-top{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:10px!important}
.mf-reply-user{display:flex!important;align-items:center!important;gap:8px!important}
.mf-reply-card p{font-size:14px!important;font-weight:600!important;line-height:1.7!important;margin:0!important;color:#333!important}
.mf-no-replies{font-size:14px!important;color:var(--mf-muted)!important;font-weight:600!important;padding:20px 0!important}
.mf-reply-input-row{display:flex!important;align-items:flex-end!important;gap:12px!important;margin-top:20px!important}
.mf-reply-input-row textarea{flex:1!important;padding:12px 16px!important;border-radius:12px!important;border:2px solid var(--mf-border)!important;font-size:14px!important;font-family:var(--mf-font)!important;outline:none!important;resize:none!important;color:var(--mf-text)!important}
.mf-reply-input-row .mf-btn{padding:12px 32px!important}

/* ═══ REACTIONS ═══ */
.mf-reactions{display:flex!important;gap:6px!important;margin-top:10px!important;align-items:center!important;flex-wrap:wrap!important}
.mf-react-btn{padding:4px 10px!important;border-radius:16px!important;border:1.5px solid var(--mf-border)!important;background:#fff!important;font-size:14px!important;cursor:pointer!important;transition:all .15s!important;display:inline-flex!important;align-items:center!important;gap:4px!important;font-family:var(--mf-font)!important}
.mf-react-btn:hover{border-color:#ccc!important;background:#f9f9f9!important}
.mf-react-btn.active{border-color:var(--mf-blue)!important;background:rgba(0,85,191,.06)!important}
.mf-react-btn .mf-react-count{font-size:12px!important;font-weight:700!important;color:var(--mf-soft)!important}
.mf-reply-btn{padding:4px 12px!important;border-radius:16px!important;border:1.5px solid var(--mf-border)!important;background:#fff!important;font-size:12px!important;font-weight:700!important;color:var(--mf-soft)!important;cursor:pointer!important;font-family:var(--mf-font)!important;transition:all .15s!important;margin-left:auto!important}
.mf-reply-btn:hover{border-color:#bbb!important;color:var(--mf-text)!important}

/* ═══ SUB-REPLIES ═══ */
.mf-sub-replies{margin-left:28px!important;padding-left:16px!important;border-left:3px solid var(--mf-border)!important;margin-top:10px!important}
.mf-sub-reply-card{padding:10px 0!important;border-bottom:1px solid #f0f0f0!important}
.mf-sub-reply-card:last-child{border-bottom:none!important}
.mf-sub-reply-input{display:flex!important;align-items:flex-end!important;gap:8px!important;margin:10px 0 0 28px!important;padding-left:16px!important;border-left:3px solid var(--mf-border)!important}
.mf-sub-reply-input textarea{flex:1!important;padding:8px 12px!important;border-radius:10px!important;border:2px solid var(--mf-border)!important;font-size:13px!important;font-family:var(--mf-font)!important;outline:none!important;resize:none!important;color:var(--mf-text)!important}
.mf-sub-reply-input .mf-btn{padding:8px 20px!important;font-size:13px!important}

/* ═══ PROFILE ═══ */
.mf-profile-header-frame{border-radius:14px!important;border:none!important;padding:24px 28px!important;background:#fff!important;margin-top:20px!important;margin-bottom:0!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}
.mf-profile-header{display:flex!important;align-items:flex-start!important;gap:24px!important;position:relative!important}
.mf-avatar-col{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;flex-shrink:0!important}
.mf-profile-info h1{font-size:26px!important;font-weight:900!important;margin:0 0 6px!important;color:var(--mf-text)!important}
.mf-profile-roles{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin-bottom:10px!important}
.mf-profile-community{font-size:13px!important;color:var(--mf-muted)!important;font-weight:600!important;margin-bottom:12px!important;padding-top:10px!important;border-top:1px solid var(--mf-border)!important}
.mf-profile-settings{position:absolute!important;top:0!important;right:0!important}
.mf-profile-settings a{padding:10px 24px!important;border-radius:10px!important;border:2px solid var(--mf-border)!important;font-size:13px!important;font-weight:700!important;color:var(--mf-text)!important;text-decoration:none!important;display:inline-block!important}
.mf-stats-row{display:flex!important;gap:12px!important}
.mf-stat-box{padding:10px 28px!important;border-radius:10px!important;border:2.5px solid #1D1D1B!important;border-bottom-width:4px!important;text-align:center!important;font-weight:800!important;font-size:14px!important;color:var(--mf-text)!important}

/* Profile studs + grey area */
.mf-profile-grey{width:100vw!important;margin-left:calc(-50vw + 50%)!important;background:#E3E3E3!important;padding:0!important}

/* Tabs area */
.mf-profile-tabs-area{padding:16px 0 20px!important;margin-bottom:28px!important}
.mf-profile-tabs{display:flex!important;gap:12px!important;justify-content:center!important;flex-wrap:wrap!important}
.mf-profile-tab{padding:10px 22px!important;border-radius:10px!important;border:2px solid var(--mf-border)!important;border-bottom-width:4px!important;font-size:13px!important;font-weight:700!important;color:var(--mf-text)!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;background:#fff!important;font-family:var(--mf-font)!important;transition:all .15s!important}
.mf-profile-tab.tab-yellow{border-color:var(--mf-yellow)!important;border-bottom-color:#E5B800!important}
.mf-profile-tab.tab-blue{border-color:var(--mf-blue)!important}
.mf-profile-tab.tab-green{border-color:var(--mf-green)!important}
.mf-profile-tab.tab-red{border-color:var(--mf-red)!important}
.mf-profile-tab .tab-dot{width:12px!important;height:12px!important;border-radius:3px!important;flex-shrink:0!important}
.mf-profile-section{margin-bottom:28px!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}
.mf-profile-section h3{font-size:20px!important;font-weight:900!important;margin:0 0 16px!important;text-align:center!important;color:var(--mf-text)!important}
.mf-empty-note{font-size:13px!important;color:var(--mf-muted)!important;font-weight:600!important;text-align:center!important;padding:16px!important}

/* Login prompt */
.mf-login-prompt{text-align:center!important;padding:24px!important;border-radius:14px!important;border:2px solid var(--mf-border)!important;margin-top:24px!important}
.mf-login-prompt p{margin:0 0 12px!important;color:var(--mf-soft)!important;font-size:14px!important;font-weight:600!important}

/* Loading */
.mf-loading{text-align:center!important;padding:28px!important;color:var(--mf-muted)!important;font-size:14px!important;font-weight:600!important}
.mf-auth-error{padding:8px 14px!important;border-radius:8px!important;background:rgba(229,40,40,.06)!important;color:var(--mf-red)!important;font-size:13px!important;font-weight:700!important;text-align:center!important;margin-bottom:12px!important;display:none}

/* ═══ RESPONSIVE ═══ */
@media(max-width:768px){
  .mf-container{max-width:96%!important}
  .mf-actions-grid{grid-template-columns:1fr!important}
  .mf-hero-new{flex-direction:column!important;gap:20px!important}
  .mf-hero-left{flex:none!important;width:100%!important}
  .mf-hero-face{height:160px!important;width:100%!important}
  .mf-filter-row{flex-direction:column!important;align-items:flex-start!important}
  .mf-pc-inner{flex-direction:column!important;gap:10px!important}
  .mf-pc-right{align-items:flex-start!important;min-width:auto!important;flex-direction:row!important;gap:12px!important}
  .mf-guidelines-grid{grid-template-columns:1fr!important}
  .mf-create-body{padding:22px 18px!important}.mf-create-sides{display:none!important}
  .mf-detail-inner{padding:18px!important}
  .mf-profile-header{flex-direction:column!important;align-items:center!important;text-align:center!important}
  .mf-profile-settings{position:static!important;margin-top:12px!important}
  .mf-stats-row{justify-content:center!important;flex-wrap:wrap!important}
  .mf-reply-input-row{flex-direction:column!important}.mf-reply-input-row .mf-btn{width:100%!important}
  .mf-replies-frame{padding:16px!important}
}

/* ═══ PAGINATION ═══ */
.mf-pagination{display:flex!important;align-items:center!important;gap:0!important;border:2px solid var(--mf-border)!important;border-radius:10px!important;overflow:hidden!important}
.mf-pagination span:first-child{padding:6px 12px!important;font-size:11px!important;line-height:1.2!important;border-right:2px solid var(--mf-border)!important}
.mf-page-num{padding:6px 14px!important;font-size:16px!important;font-weight:800!important;color:var(--mf-text)!important;border-right:2px solid var(--mf-border)!important}
.mf-page-next{padding:6px 12px!important;font-size:18px!important;font-weight:900!important;background:none!important;border:none!important;cursor:pointer!important;color:var(--mf-red)!important;font-family:var(--mf-font)!important}
.mf-page-next:hover{background:#f5f5f5!important}
.mf-pagination{border-bottom-width:4px!important;border-bottom-color:var(--mf-red)!important}

/* ═══ GUIDELINES — bottom contour ═══ */
.mf-guidelines-bottom{height:8px!important;border-radius:0 0 10px 10px!important;background:var(--mf-red)!important;margin-top:-1px!important}

/* ═══ SAFETY NOTE — cream bg with yellow border ═══ */
.mf-safety-note-v2{display:flex!important;align-items:center!important;gap:10px!important;padding:14px 18px!important;border-radius:10px!important;background:#FFF9E6!important;border:2px solid var(--mf-yellow)!important;border-bottom:3px solid #E5B800!important;font-size:13px!important;font-weight:700!important;color:var(--mf-text)!important;margin:16px 0!important}
.mf-safety-shield{width:24px!important;height:24px!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important}

/* ═══ POPUP STUDS FIX ═══ */
.mf-popup-studs{height:28px!important;background-image:url('https://mini-talks.org/wp-content/uploads/2026/02/yeni-3-kirmizi.png'),url('https://mini-talks.org/wp-content/uploads/2026/02/yeni-3-kirmizi.png')!important;background-repeat:no-repeat,no-repeat!important;background-position:left bottom,right bottom!important;background-size:51% auto,51% auto!important;border-radius:16px 16px 0 0!important;overflow:hidden!important}
.mf-popup-studs img{display:none!important}

/* ═══ GUEST LANDING PAGE ═══ */
.mf-guest-what{padding:0 0 10px!important}
.mf-guest-what-flex{display:flex!important;gap:40px!important;align-items:flex-start!important;margin-top:20px!important}
.mf-guest-what-img{flex:0 0 40%!important;border-radius:16px!important;overflow:hidden!important;background:#f0f0f0!important;min-height:280px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mf-guest-what-img img{width:100%!important;height:auto!important;display:block!important}
.mf-guest-what-text{flex:1!important}
.mf-guest-what-text p{font-size:clamp(14px,1.3vw,17px)!important;font-weight:700!important;color:var(--mf-text)!important;line-height:1.7!important;margin:0 0 14px!important}
.mf-guest-colorbars{display:flex!important;gap:0!important;margin-top:28px!important}
.mf-guest-colorbars span{flex:1!important;height:8px!important}

.mf-guest-access{text-align:center!important;padding-bottom:40px!important}
.mf-guest-access-sub{font-size:clamp(14px,1.3vw,17px)!important;font-weight:700!important;color:var(--mf-text)!important;max-width:600px!important;margin:0 auto 32px!important;line-height:1.6!important}
.mf-guest-cards{display:flex!important;gap:28px!important;justify-content:center!important;margin-bottom:28px!important}
.mf-guest-card{flex:1!important;max-width:380px!important;display:flex!important;flex-direction:column!important}
.mf-guest-card-studs{width:92%!important;margin:0 auto!important;height:30px!important;background-repeat:no-repeat!important;background-position:center bottom!important;background-size:100% auto!important}
.mf-guest-card-body{border-radius:14px!important;padding:20px 8px 8px!important;text-align:center!important}
.mf-guest-card-body h3{font-family:var(--mf-font)!important;font-weight:900!important;font-size:20px!important;color:#fff!important;margin:0 0 16px!important;line-height:1.3!important}
.mf-guest-card-inner{background:#fff!important;border-radius:10px!important;padding:20px 18px!important}
.mf-guest-card-inner p{font-size:13px!important;font-weight:600!important;color:var(--mf-text)!important;line-height:1.6!important;margin:0 0 14px!important}
.mf-guest-card-btn{display:inline-block!important;padding:10px 28px!important;border-radius:8px!important;border:2px solid currentColor!important;font-size:14px!important;font-weight:800!important;font-family:var(--mf-font)!important;background:#fff!important;cursor:pointer!important;text-decoration:none!important;transition:all .2s!important}
.mf-guest-card-btn:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;opacity:.85!important}
.mf-guest-notice{display:block!important;max-width:600px!important;margin:0 auto!important;padding:14px 28px!important;border-radius:8px!important;border:2px solid #1D1D1B!important;border-bottom-width:4px!important;font-size:14px!important;font-weight:700!important;color:#1D1D1B!important;background:var(--mf-yellow)!important;text-align:center!important}

@media(max-width:768px){
  .mf-guest-what-flex{flex-direction:column!important}
  .mf-guest-what-img{flex:none!important;width:100%!important}
  .mf-guest-cards{flex-direction:column!important;align-items:center!important}
  .mf-guest-card{max-width:none!important;width:100%!important}
}

/* ═══ JOIN US PAGE ═══ */
.mt-joinus{width:100%!important;padding:0 0 60px!important;font-family:var(--mf-font)!important}
.mt-joinus-inner{width:82%!important;max-width:1100px!important;margin:0 auto!important}
.mt-joinus-title{text-align:center!important;margin-bottom:36px!important;padding-top:40px!important}
.mt-joinus-title h2{font-family:var(--mf-font)!important;font-weight:900!important;font-size:clamp(28px,3.2vw,48px)!important;color:#fff!important;-webkit-text-stroke:3px var(--mf-red)!important;paint-order:stroke fill!important;text-shadow:3px 3px 0 var(--mf-red),-3px -3px 0 var(--mf-red),3px -3px 0 var(--mf-red),-3px 3px 0 var(--mf-red),0 3px 0 var(--mf-red),0 -3px 0 var(--mf-red),3px 0 var(--mf-red),-3px 0 var(--mf-red)!important;margin:0!important}

.mt-ju-step{display:block!important;margin-bottom:32px!important;position:relative!important}
.mt-ju-step.is-hidden{display:none!important}
.mt-ju-num{position:absolute!important;top:32px!important;left:-44px!important;width:36px!important;display:flex!important;justify-content:center!important;align-items:flex-start!important}
.mt-ju-num span{font-family:var(--mf-font)!important;font-weight:900!important;font-size:32px!important;line-height:1!important}

/* Card structure: stud → bordered box → soft inner */
.mt-ju-card{flex:1!important}
/* Stud-less card frame: colored border (3px outer + 8px bottom) + soft inner bg */
.mt-ju-card-box{border:3px solid #ccc!important;border-bottom-width:8px!important;border-radius:14px!important;background:#fff!important}
.mt-ju-card-red{border-color:#E52828!important;background:#FFE8E8!important}
.mt-ju-card-blue{border-color:#0055BF!important;background:#E2EFFF!important}
.mt-ju-card-yellow{border-color:#FFCC00!important;background:#FFF5CF!important}
.mt-ju-card-inner{padding:24px 28px!important}
.mt-ju-card h3{font-family:var(--mf-font)!important;font-weight:900!important;font-size:clamp(16px,1.4vw,20px)!important;color:var(--mf-text)!important;margin:0 0 18px!important}
.mt-ju-card h3 span{font-weight:600!important;font-size:clamp(13px,1.1vw,16px)!important}

/* Role selection — card style, single select */
.mt-ju-roles{display:flex!important;flex-direction:column!important;gap:10px!important}
.mt-ju-role{display:flex!important;align-items:center!important;gap:14px!important;padding:14px 18px!important;border-radius:12px!important;border:2px solid #ddd!important;cursor:pointer!important;transition:all .2s!important;background:#fff!important}
.mt-ju-role:hover{border-color:#E52828!important;background:#fff5f5!important}
.mt-ju-role.active{border-color:#E52828!important;border-width:3px!important;background:#FFE8E8!important}
.mt-ju-role img{width:48px!important;height:48px!important;flex-shrink:0!important;object-fit:contain!important}
.mt-ju-role div{flex:1!important;font-family:var(--mf-font)!important}
.mt-ju-role strong{font-weight:800!important;font-size:14px!important;display:block!important;color:var(--mf-text)!important;margin-bottom:2px!important}
.mt-ju-role span{font-weight:500!important;font-size:12px!important;color:var(--mf-soft)!important;line-height:1.4!important}

/* Form */
.mt-ju-formrow{display:flex!important;gap:20px!important;margin-bottom:16px!important}
.mt-ju-formfield{flex:1!important}
.mt-ju-formfield label{display:block!important;font-weight:800!important;font-size:13px!important;color:var(--mf-text)!important;margin-bottom:2px!important;font-family:var(--mf-font)!important}
.mt-ju-sub{display:block!important;font-weight:500!important;font-size:11px!important;color:var(--mf-muted)!important;margin-bottom:6px!important;font-family:var(--mf-font)!important}
.mt-ju-formfield input,.mt-ju-formfield textarea,.mt-ju-select{width:100%!important;padding:12px 14px!important;border:2px solid #ccc!important;border-radius:8px!important;font-family:var(--mf-font)!important;font-weight:600!important;font-size:14px!important;color:var(--mf-text)!important;background:#fff!important;outline:none!important;box-sizing:border-box!important}
.mt-ju-formfield input:focus,.mt-ju-formfield textarea:focus,.mt-ju-select:focus{border-color:var(--mf-blue)!important}
.mt-ju-formfield input.bdr-red{border-bottom:4px solid var(--mf-red)!important}
.mt-ju-formfield input.bdr-blue{border-bottom:4px solid var(--mf-blue)!important}
.mt-ju-formfield input.bdr-green{border-bottom:4px solid var(--mf-green)!important}
.mt-ju-formfield input.bdr-yellow{border-bottom:4px solid var(--mf-yellow)!important}
.mt-ju-formfield textarea{min-height:100px!important;border-bottom:4px solid var(--mf-text)!important;resize:vertical!important}

/* Consent */
.mt-ju-consent{display:flex!important;align-items:center!important;gap:10px!important;font-weight:700!important;font-size:13px!important;color:var(--mf-text)!important;cursor:pointer!important;margin-bottom:4px!important;font-family:var(--mf-font)!important;line-height:1.4!important}
.mt-ju-consent input[type="checkbox"]{appearance:auto!important;-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;width:18px!important;height:18px!important;flex:0 0 18px!important;flex-shrink:0!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important;accent-color:var(--mf-green)!important;cursor:pointer!important;vertical-align:middle!important;display:inline-block!important;min-height:0!important;line-height:1!important}
.mt-ju-consent span{flex:1!important}
.mt-ju-guidelines-link{display:block!important;font-size:12px!important;font-weight:700!important;color:var(--mf-blue)!important;text-decoration:underline!important;margin:0 0 12px 28px!important;font-family:var(--mf-font)!important}
.mt-ju-info{font-weight:500!important;font-size:12px!important;color:var(--mf-muted)!important;line-height:1.5!important;margin:8px 0 0!important;font-family:var(--mf-font)!important}

/* Step 2 — Continue button: centered, white bg with thick blue bottom border
   (matches the "From This Month" chip outline style on Special Days page) */
.mt-ju-step-actions{display:flex!important;justify-content:center!important;margin-top:18px!important;padding-top:8px!important}
.mt-ju-continue{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px 32px!important;border:2px solid #0055BF!important;border-bottom-width:5px!important;border-radius:10px!important;background:#fff!important;color:#0055BF!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:14px!important;cursor:pointer!important;text-transform:none!important;letter-spacing:.2px!important;line-height:1!important;transition:background .15s,color .15s,transform .15s!important}
.mt-ju-continue:hover{background:#0055BF!important;color:#fff!important;transform:translateY(-1px)!important}
.mt-ju-continue:active{transform:translateY(1px)!important}

/* LEGO Join button — original red brick design, only the inner heart is now a PNG */
.mt-ju-btn{display:inline-block!important;position:relative!important;cursor:pointer!important;border:none!important;background:var(--mf-red)!important;border-radius:14px!important;padding:0!important;margin-top:36px!important;overflow:visible!important;transition:transform .15s!important;font-family:var(--mf-font)!important}
.mt-ju-btn:hover{transform:scale(1.06)!important}
.mt-ju-btn-stud{display:block!important;width:100%!important;height:24px!important;background:url('https://mini-talks.org/wp-content/uploads/2026/02/yeni-3-kirmizi.png') no-repeat center bottom!important;background-size:100% auto!important;position:absolute!important;top:-23px!important;left:0!important}
.mt-ju-btn-topbar{background:var(--mf-red)!important;height:24px!important;border-radius:14px 14px 0 0!important}
.mt-ju-btn-inner{background:#fff!important;border-radius:10px!important;margin:0 8px 8px!important;padding:12px 40px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
.mt-ju-btn-inner .mt-ju-btn-label{font-weight:800!important;font-size:clamp(16px,1.4vw,20px)!important;color:var(--mf-red)!important;line-height:1!important}
.mt-ju-btn-heart{width:22px!important;height:22px!important;display:inline-block!important;object-fit:contain!important;vertical-align:middle!important}

/* Pending-approval success card (replaces step 3 inner content after submit) */
.mt-ju-success-card{text-align:center!important;padding:18px 8px 6px!important}
.mt-ju-success-icon{width:72px!important;height:72px!important;display:block!important;margin:0 auto 14px!important;object-fit:contain!important}
.mt-ju-success-card h3{font-family:var(--mf-font)!important;font-weight:900!important;font-size:22px!important;color:#1D1D1B!important;margin:0 0 12px!important}
.mt-ju-success-card p{font-family:var(--mf-font)!important;font-weight:600!important;font-size:14.5px!important;color:#333!important;line-height:1.55!important;margin:0 0 10px!important}
.mt-ju-success-card .mt-ju-success-sub{font-size:13px!important;color:#666!important;margin-top:6px!important}

@media(max-width:768px){
  .mt-joinus-inner{width:94%!important}
  .mt-ju-formrow{flex-direction:column!important;gap:12px!important}
  .mt-ju-num{left:-22px!important;top:18px!important;width:24px!important}
  .mt-ju-num span{font-size:22px!important}
  .mt-ju-card-inner{padding:18px 16px!important}
}
@media(max-width:520px){
  .mt-ju-num{display:none!important}
}

.mf-topic-select{appearance:auto!important;-webkit-appearance:auto!important;cursor:pointer!important}


/* ═══════════════════════════════════════════════════════════
   MINI-EVENTS (.mfe-*)
   Patterns: smb-card-frame (cards) + mw-btn-brick (CTAs) +
             fu-feed-arrow (carousel arrows) + square dots
═══════════════════════════════════════════════════════════ */

:root{
  --stud-black:url('https://mini-talks.org/wp-content/uploads/2026/02/siyah-3.png');
  --stud-purple:url('https://mini-talks.org/wp-content/uploads/2026/02/yeni-3-mavi.png');
  --mfe-purple:#9333ea;
  --mfe-orange:#FF6B1A;
  /* CTA stud PNGs (full button-width strips with side notches) */
  --cta-stud-red:url('https://mini-talks.org/wp-content/uploads/2026/04/Frame-27.png');
  --cta-stud-green:url('https://mini-talks.org/wp-content/uploads/2026/04/Frame-27-1.png');
  --cta-stud-blue:url('https://mini-talks.org/wp-content/uploads/2026/04/Frame-27-2.png');
}

/* ── Monthly Calendar ── */
.mfe-calendar-frame{border:3px solid var(--mf-yellow)!important;border-top-width:6px!important;border-bottom-width:6px!important;border-radius:16px!important;padding:28px 32px 22px!important;background:#fff!important;max-width:1000px!important;margin:0 auto!important;box-sizing:border-box!important;overflow:hidden!important}
.mfe-cal-header{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;margin-bottom:22px!important}
.mfe-cal-title{font-size:clamp(20px,2.2vw,30px)!important;text-align:center!important;min-width:auto!important;margin:0!important}
.mfe-cal-arrow{width:28px!important;height:28px!important;border-radius:50%!important;border:none!important;background:transparent!important;color:var(--mf-blue)!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;transition:transform .15s,background .15s!important;font-family:var(--mf-font)!important;flex-shrink:0!important;outline:none!important;box-shadow:none!important}
.mfe-cal-arrow:hover{background:rgba(0,85,191,.10)!important;transform:scale(1.10)!important}
.mfe-cal-arrow:active{transform:scale(0.95)!important}
.mfe-cal-arrow svg{display:block!important;width:14px!important;height:14px!important}
.mfe-cal-weekdays{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important;margin-bottom:14px!important}
.mfe-cal-weekdays span{text-align:center!important;font-size:14px!important;font-weight:800!important;color:var(--mf-text)!important;padding:4px 0!important;font-family:var(--mf-font)!important;min-width:0!important}
.mfe-cal-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important}

/* Calendar day = LEGO 2×1 plate. Body is wider than tall (≈ 5:2) but we use
   a fixed min-height in px (Safari handles aspect-ratio inside grid items
   inconsistently). Notch height & body height are explicit px so the proportion
   is stable across browsers. */
.mfe-cal-day{position:relative!important;width:100%!important;min-width:0!important;min-height:54px!important;margin-top:32px!important;border-radius:14px!important;background:#d6d6d6!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;font-weight:900!important;font-size:clamp(18px,1.9vw,28px)!important;color:#1D1D1B!important;font-family:var(--mf-font)!important;box-sizing:border-box!important}
.mfe-cal-day::before{content:''!important;position:absolute!important;bottom:calc(100% - 2px)!important;left:20%!important;right:20%!important;height:32px!important;background:inherit!important;border-radius:14px 14px 0 0!important}
.mfe-cal-day.mfe-other-month{background:#ececec!important;color:#bdbdbd!important}
.mfe-cal-day.mfe-other-month::before{background:#ececec!important}
.mfe-cal-day.mfe-cal-today{filter:url(#mf-today-outline)!important}
.mfe-cal-day.mfe-cal-today::before{filter:none!important}
.mfe-cal-day.mfe-event{cursor:pointer!important;color:#fff!important}
.mfe-cal-day.mfe-workshop{background:var(--mf-red)!important}
.mfe-cal-day.mfe-meetup{background:var(--mf-yellow)!important;color:#1a1a1a!important}
.mfe-cal-day.mfe-expert{background:var(--mf-blue)!important}
.mfe-cal-day.mfe-update{background:var(--mf-green)!important}
.mfe-cal-day.mfe-talkspot{background:var(--mf-yellow)!important;color:#1a1a1a!important}
.mfe-cal-day.mfe-specialday{background:var(--mf-orange)!important}
.mfe-cal-day.mfe-milestone{background:var(--mf-red)!important}

/* Legend — uses real LEGO-stud PNG icons (not color swatches) */
.mfe-cal-legend{display:flex!important;justify-content:center!important;gap:24px!important;flex-wrap:wrap!important;margin-top:28px!important;padding-top:18px!important;border-top:1px solid #f0f0f0!important;clear:both!important;width:100%!important;box-sizing:border-box!important}
.mfe-cal-legend span{display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:12px!important;font-weight:800!important;color:var(--mf-text)!important;text-transform:uppercase!important;letter-spacing:.4px!important;font-family:var(--mf-font)!important}
.mfe-cal-legend .mfe-legend-img{display:block!important;width:auto!important;height:26px!important;flex-shrink:0!important}

/* ── Section heads ── */
.mfe-section-head{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:14px!important;margin-bottom:24px!important}
.mfe-section-actions{display:inline-flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.mfe-upd-sortwrap{position:relative!important;display:inline-block!important}
.mfe-upd-sortbtn{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:9px 14px!important;border-radius:8px!important;border:2px solid #1D1D1B!important;background:#fff!important;color:#1D1D1B!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:12px!important;cursor:pointer!important;line-height:1!important;transition:transform .15s!important;white-space:nowrap!important}
.mfe-upd-sortbtn:hover{transform:translateY(-2px)!important}
.mfe-upd-sortdd{min-width:170px!important}
.mfe-see-all{display:inline-block!important;padding:9px 20px!important;border-radius:8px!important;font-size:12px!important;font-weight:900!important;text-decoration:none!important;border:2px solid #1D1D1B!important;background:#fff!important;color:#1D1D1B!important;font-family:var(--mf-font)!important;transition:transform .15s,filter .15s!important;white-space:nowrap!important}
.mfe-see-all:hover{transform:translateY(-2px)!important;filter:brightness(1.06)!important}
/* Filled variants — uniform 2px border in matching color, white text */
.mfe-see-all-green{background:var(--mf-green)!important;border-color:var(--mf-green)!important;color:#fff!important}
.mfe-see-all-black{background:#1D1D1B!important;border-color:#1D1D1B!important;color:#fff!important}
.mfe-see-all-yellow{background:var(--mf-yellow)!important;border-color:var(--mf-yellow)!important;color:#1D1D1B!important}
.mfe-see-all-blue{background:var(--mf-blue)!important;border-color:var(--mf-blue)!important;color:#fff!important}
.mfe-see-all-red{background:var(--mf-red)!important;border-color:var(--mf-red)!important;color:#fff!important}

/* ═══════════ smb-card-frame PATTERN (used by Explore + Updates) ═══════════ */
/* Studs sit at 100% width on top, then colored frame (8px padding) wraps a white inner. */
.mfe-frame-card{display:flex!important;flex-direction:column!important;text-decoration:none!important;color:inherit!important}
.mfe-frame-studs{width:100%!important;height:42px!important;background-repeat:no-repeat!important;background-position:center bottom!important;background-size:100% auto!important;margin-bottom:-1px!important;position:relative!important;z-index:2!important}
.mfe-frame-studs.mfe-stud-blue{background-image:var(--stud-blue)!important}
.mfe-frame-studs.mfe-stud-green{background-image:var(--stud-green)!important}
.mfe-frame-studs.mfe-stud-red{background-image:var(--stud-red)!important}
.mfe-frame-studs.mfe-stud-yellow{background-image:var(--stud-yellow)!important}
.mfe-frame-studs.mfe-stud-black{background-image:var(--stud-black)!important}
.mfe-frame-body{padding:18px 8px 8px 8px!important;border-radius:16px!important;display:flex!important;flex-direction:column!important;flex:1!important}
.mfe-frame-body.mfe-frame-blue{background:var(--mf-blue)!important}
.mfe-frame-body.mfe-frame-green{background:var(--mf-green)!important}
.mfe-frame-body.mfe-frame-red{background:var(--mf-red)!important}
.mfe-frame-body.mfe-frame-yellow{background:var(--mf-yellow)!important}
.mfe-frame-body.mfe-frame-black{background:#1D1D1B!important}
.mfe-frame-inner{background:#fff!important;border-radius:10px!important;flex:1!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}

/* ── Explore Our Events (3 static cards, smb-card-frame style) ── */
.mfe-explore-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px!important}
.mfe-explore-image{width:100%!important;height:160px!important;background:var(--mf-yellow)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;box-sizing:border-box!important}
.mfe-explore-image img{max-width:75%!important;max-height:100%!important;object-fit:contain!important}
.mfe-explore-imgborder{height:6px!important}
.mfe-explore-imgborder.mfe-bdr-blue{background:var(--mf-blue)!important}
.mfe-explore-imgborder.mfe-bdr-green{background:var(--mf-green)!important}
.mfe-explore-imgborder.mfe-bdr-red{background:var(--mf-red)!important}
.mfe-explore-title{padding:18px 18px 10px!important;text-align:center!important}
.mfe-explore-title h3{font-family:var(--mf-font)!important;font-weight:900!important;font-size:18px!important;color:#1D1D1B!important;margin:0!important;line-height:1.3!important}
.mfe-explore-sep{height:3px!important;margin:0 18px!important;border-radius:2px!important;background:#1D1D1B!important}
.mfe-explore-desc{padding:14px 18px 18px!important;text-align:center!important;flex:1!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:14px!important}
.mfe-explore-desc p{font-family:var(--mf-font)!important;font-weight:600!important;font-size:14px!important;color:#1D1D1B!important;line-height:1.55!important;margin:0!important}
.mfe-explore-btn{display:inline-block!important;padding:9px 28px!important;border-radius:8px!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:13px!important;text-decoration:none!important;border:2px solid #1D1D1B!important;border-bottom-width:4px!important;background:transparent!important;color:#1D1D1B!important;align-self:center!important;transition:all .15s!important}
.mfe-explore-btn.mfe-btn-blue{border-color:var(--mf-blue)!important;color:var(--mf-blue)!important}
.mfe-explore-btn.mfe-btn-green{border-color:var(--mf-green)!important;color:var(--mf-green)!important}
.mfe-explore-btn.mfe-btn-red{border-color:var(--mf-red)!important;color:var(--mf-red)!important}
.mfe-explore-btn.mfe-btn-blue:hover{background:var(--mf-blue)!important;color:#fff!important;border-color:var(--mf-blue)!important}
.mfe-explore-btn.mfe-btn-green:hover{background:var(--mf-green)!important;color:#fff!important;border-color:var(--mf-green)!important}
.mfe-explore-btn.mfe-btn-red:hover{background:var(--mf-red)!important;color:#fff!important;border-color:var(--mf-red)!important}

/* ── Mini-Community Updates (smb-card pattern, 3×2 grid, OUTSIDE arrows) ── */
/* ── Updates: standard 82% container; arrows extend OUT into the gutter ── */
.mfe-updates-band{margin-top:30px!important}
.mfe-updates-head-wrap{max-width:82%!important;margin:0 auto!important;padding:0 20px!important;box-sizing:border-box!important}
.mfe-updates-section{position:relative!important;max-width:82%!important;margin:0 auto!important;padding:0 20px!important;box-sizing:border-box!important;margin-top:8px!important}
.mfe-updates-viewport{overflow:hidden!important}
.mfe-updates-track{display:grid!important;grid-template-rows:repeat(2,1fr)!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 40px) / 3)!important;gap:24px 20px!important;transition:transform .35s ease!important;will-change:transform!important;align-items:stretch!important}
.mfe-upd-card{display:flex!important;flex-direction:column!important;height:100%!important}
.mfe-upd-studs{width:100%!important;height:42px!important;background-image:var(--stud-green)!important;background-repeat:no-repeat!important;background-position:center bottom!important;background-size:100% auto!important;margin-bottom:-1px!important;position:relative!important;z-index:2!important}
.mfe-upd-frame{background:var(--mf-green)!important;padding:7px!important;border-radius:14px!important;flex:1!important;display:flex!important}
.mfe-upd-inner{background:#fff!important;border-radius:8px!important;padding:12px 14px!important;display:flex!important;gap:14px!important;align-items:center!important;flex:1!important;min-width:0!important}
.mfe-upd-date{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:5px 8px!important;border:2px solid var(--mf-green)!important;border-radius:6px!important;background:#fff!important;min-width:42px!important;flex-shrink:0!important;line-height:1!important}
.mfe-upd-date .mfe-d-day{font-size:9px!important;font-weight:700!important;color:#999!important;text-transform:uppercase!important;letter-spacing:.4px!important}
.mfe-upd-date .mfe-d-num{font-size:17px!important;font-weight:900!important;color:#1D1D1B!important;margin:1px 0!important}
.mfe-upd-date .mfe-d-mon{font-size:9px!important;font-weight:800!important;color:var(--mf-green)!important;text-transform:uppercase!important;letter-spacing:.4px!important}
.mfe-upd-avatar{width:54px!important;height:54px!important;border-radius:10px!important;background:var(--mf-yellow)!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;box-sizing:border-box!important}
.mfe-upd-avatar svg{width:80%!important;height:80%!important}
.mfe-upd-text{flex:1!important;min-width:0!important;line-height:1.3!important}
.mfe-upd-user{font-family:var(--mf-font)!important;font-weight:900!important;font-size:13px!important;color:var(--mf-green)!important}
.mfe-upd-msg{font-family:var(--mf-font)!important;font-weight:600!important;font-size:12px!important;color:#1D1D1B!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}

/* fu-feed-arrow pattern: thin chevrons OUTSIDE the 82% container — protrude into the gutter */
.mfe-arrow{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;background:none!important;border:none!important;cursor:pointer!important;font-size:48px!important;font-weight:300!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:3!important;padding:0!important;margin:0!important;width:auto!important;height:auto!important;border-radius:0!important;box-shadow:none!important;outline:none!important;transition:color .2s!important;font-family:var(--mf-font)!important}
.mfe-arrow-left{left:-50px!important;color:rgba(0,0,0,.18)!important}
.mfe-arrow-right{right:-50px!important;color:rgba(0,0,0,.45)!important}
.mfe-arrow:hover{color:rgba(0,0,0,.75)!important;background:none!important}
.mfe-arrow:disabled{opacity:.3!important;cursor:default!important}

/* fu-feed-dot pattern: SQUARE dots */
.mfe-dots{display:flex!important;justify-content:center!important;gap:6px!important;margin-top:18px!important}
.mfe-dot{width:10px!important;height:10px!important;border-radius:2px!important;background:var(--mf-green)!important;opacity:.3!important;cursor:pointer!important;transition:opacity .15s,width .15s!important;border:none!important;padding:0!important}
.mfe-dot.mfe-dot-active{opacity:1!important;width:22px!important}

/* ── Special Days & Campaigns ── */
.mfe-sd-sect-title{font-family:var(--mf-font)!important;font-weight:900!important;font-size:clamp(22px,2.4vw,36px)!important;color:#1D1D1B!important;margin:0!important;line-height:1.2!important}
.mfe-sd-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px 20px!important;padding-bottom:8px!important}
/* Card: 2px BLACK border all around + a thick colored "shelf" sitting below (box-shadow). */
.mfe-sd-card{display:flex!important;align-items:center!important;gap:14px!important;padding:14px 16px!important;background:#fff!important;
  border:2px solid #1D1D1B!important;border-radius:12px!important;
  text-decoration:none!important;color:inherit!important;
  position:relative!important;
  transition:transform .15s!important}
.mfe-sd-card:hover{transform:translateY(-2px)!important}
/* Thick colored shelf below the black-bordered card */
.mfe-sd-blue   {box-shadow:0 7px 0 0 var(--mf-blue)!important}
.mfe-sd-red    {box-shadow:0 7px 0 0 var(--mf-red)!important}
.mfe-sd-yellow {box-shadow:0 7px 0 0 var(--mf-yellow)!important}
.mfe-sd-green  {box-shadow:0 7px 0 0 var(--mf-green)!important}
.mfe-sd-orange {box-shadow:0 7px 0 0 var(--mf-orange)!important}
.mfe-sd-name{font-family:var(--mf-font)!important;font-weight:900!important;font-size:15px!important;color:#1D1D1B!important;line-height:1.3!important}

/* ═══════════ mw-btn-brick PATTERN (CTA buttons) ═══════════ */
/* Frame color bg + stud PNG floating above + topbar + white inner with frame-color text */
.mfe-cta-band{background:var(--mf-yellow)!important;width:100vw!important;margin-left:calc(-50vw + 50%)!important;padding:60px 0 50px!important;margin-top:80px!important}
.mfe-cta-inner{max-width:82%!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:30px!important;padding:0 20px!important;box-sizing:border-box!important}
.mfe-cta-brick{display:block!important;position:relative!important;cursor:pointer!important;border:none!important;border-radius:14px!important;padding:0!important;text-decoration:none!important;transition:transform .15s ease!important;overflow:visible!important}
.mfe-cta-brick:hover{transform:scale(1.05)!important}
/* White vertical divider between adjacent bricks (sits in the gap, not on the brick itself) */
.mfe-cta-brick:not(:first-child)::before{content:''!important;position:absolute!important;left:-16px!important;top:30%!important;bottom:30%!important;width:3px!important;background:#fff!important;border-radius:2px!important;pointer-events:none!important;z-index:1!important}
.mfe-cta-brick.mfe-cta-red{background:var(--mf-red)!important}
.mfe-cta-brick.mfe-cta-green{background:var(--mf-green)!important}
.mfe-cta-brick.mfe-cta-blue{background:var(--mf-blue)!important}
.mfe-cta-stud{display:block!important;position:absolute!important;top:-22px!important;left:4%!important;right:4%!important;width:92%!important;height:24px!important;background-repeat:no-repeat!important;background-position:center bottom!important;background-size:100% auto!important}
.mfe-cta-red .mfe-cta-stud{background-image:var(--cta-stud-red)!important}
.mfe-cta-green .mfe-cta-stud{background-image:var(--cta-stud-green)!important}
.mfe-cta-blue .mfe-cta-stud{background-image:var(--cta-stud-blue)!important}
.mfe-cta-topbar{height:26px!important;border-radius:14px 14px 0 0!important}
.mfe-cta-red .mfe-cta-topbar{background:var(--mf-red)!important}
.mfe-cta-green .mfe-cta-topbar{background:var(--mf-green)!important}
.mfe-cta-blue .mfe-cta-topbar{background:var(--mf-blue)!important}
.mfe-cta-white{background:#fff!important;border-radius:10px!important;margin:0 8px 8px!important;padding:16px 32px!important;text-align:center!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:clamp(15px,1.4vw,19px)!important;letter-spacing:.3px!important}
.mfe-cta-red .mfe-cta-white{color:var(--mf-red)!important}
.mfe-cta-green .mfe-cta-white{color:var(--mf-green)!important}
.mfe-cta-blue .mfe-cta-white{color:var(--mf-blue)!important}

/* ── Subpage placeholder (back link + coming soon) ── */
.mfe-back{display:inline-flex!important;align-items:center!important;font-size:13px!important;font-weight:800!important;color:var(--mf-blue)!important;text-decoration:none!important;padding:6px 14px!important;border-radius:6px!important;border:2px solid var(--mf-blue)!important;transition:all .15s!important;font-family:var(--mf-font)!important}
.mfe-back:hover{background:var(--mf-blue)!important;color:#fff!important}

/* ── Responsive ── */
@media (max-width: 900px){
  .mfe-explore-grid{grid-template-columns:1fr!important}
  .mfe-sd-grid{grid-template-columns:1fr!important}
  .mfe-cta-inner{grid-template-columns:1fr!important;gap:46px!important}
  .mfe-updates-track{grid-auto-columns:calc((100% - 20px) / 2)!important}
  .mfe-updates-section{padding:0 40px!important}
  .mfe-cal-legend{gap:14px!important}
  .mfe-cal-legend span{font-size:11px!important}
  .mfe-cal-legend .mfe-legend-img{height:22px!important}
  .mfe-calendar-frame{padding:20px 14px 14px!important}
  .mfe-cal-day{margin-top:24px!important}
}
@media (max-width: 560px){
  .mfe-updates-track{grid-template-rows:1fr!important;grid-auto-columns:100%!important}
  .mfe-updates-section{padding:0 30px!important}
  .mfe-arrow{font-size:36px!important}
  .mfe-cal-weekdays span{font-size:11px!important;padding:2px 0!important}
  .mfe-cal-day{margin-top:18px!important}
  .mfe-cal-legend .mfe-legend-img{height:20px!important}
}

/* ═══════════════════════════════════════════════════════════
   MINI-EVENTS SUBPAGES (eventtype + special-days)
═══════════════════════════════════════════════════════════ */

/* ── Section heading variant (centered with bars below) ── */
.mfe-section-h{margin:0 0 6px!important;text-align:left!important}

/* ── Filter Bar ── */
.mfe-filterbar{display:flex!important;flex-wrap:wrap!important;gap:14px!important;align-items:center!important;justify-content:flex-start!important}
.mfe-filter-month{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 14px!important;border:2px solid #1D1D1B!important;border-bottom-width:4px!important;border-radius:10px!important;background:#fff!important}
.mfe-filter-month input{border:none!important;outline:none!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:13px!important;color:#1D1D1B!important;background:transparent!important;cursor:pointer!important;padding:0!important}
.mfe-filter-icon{font-size:14px!important}
.mfe-filter-cities{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
.mfe-fchip{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:9px 18px!important;border-radius:10px!important;border:2px solid #1D1D1B!important;border-bottom-width:4px!important;background:#fff!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:12px!important;color:#1D1D1B!important;cursor:pointer!important;transition:transform .15s!important;text-decoration:none!important}
.mfe-fchip:hover{transform:translateY(-2px)!important}
.mfe-fchip.active{background:#1D1D1B!important;color:#fff!important}
.mfe-fdot{width:10px!important;height:10px!important;border-radius:50%!important;display:inline-block!important;flex-shrink:0!important}

/* ── Event Cards Grid ── */
.mfe-evcards-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px!important}
.mfe-evcard-img{position:relative!important;width:100%!important;height:170px!important;overflow:hidden!important}
.mfe-evcard-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.mfe-evcard-datebadge{position:absolute!important;top:12px!important;left:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:6px 10px!important;border-radius:8px!important;background:#fff!important;border:2px solid #1D1D1B!important;border-bottom-width:4px!important;min-width:48px!important;line-height:1!important}
.mfe-evcard-datebadge .mfe-d-day{font-size:9px!important;font-weight:700!important;color:#999!important;text-transform:uppercase!important;letter-spacing:.4px!important}
.mfe-evcard-datebadge .mfe-d-num{font-size:18px!important;font-weight:900!important;color:#1D1D1B!important;margin:1px 0!important}
.mfe-evcard-datebadge .mfe-d-mon{font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;color:var(--mf-red)!important;letter-spacing:.4px!important}
.mfe-evcard-body{padding:16px 18px 18px!important;display:flex!important;flex-direction:column!important;gap:10px!important;flex:1!important}
.mfe-evcard-title{font-family:var(--mf-font)!important;font-weight:900!important;font-size:17px!important;color:#1D1D1B!important;margin:0!important;line-height:1.3!important}
.mfe-evcard-meta{display:flex!important;flex-wrap:wrap!important;gap:14px!important;font-size:12px!important;font-weight:700!important;color:#555!important}
.mfe-evcard-desc{font-family:var(--mf-font)!important;font-weight:600!important;font-size:13px!important;color:#1D1D1B!important;line-height:1.5!important;margin:0!important;flex:1!important}
.mfe-evcard-desc strong,.mfe-evcard-desc b{font-weight:900!important}
.mfe-evcard-desc em,.mfe-evcard-desc i{font-style:italic!important}
.mfe-evcard-desc u{text-decoration:underline!important}
.mfe-evcard-desc a{color:var(--mf-blue)!important;text-decoration:underline!important}
.mfe-evcard-desc span[style]{font-weight:inherit!important}
.mfe-evcard-foot{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:6px!important}
.mfe-evcard-avatars{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.mfe-evcard-av{width:28px!important;height:28px!important;border-radius:50%!important;background:#FFCC00 center/cover no-repeat!important;border:2px solid #fff!important;margin-left:-10px!important;flex-shrink:0!important;box-shadow:0 1px 2px rgba(0,0,0,.12)!important}
.mfe-evcard-av:first-child{margin-left:0!important}
.mfe-evcard-av-more{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:28px!important;height:28px!important;border-radius:14px!important;background:#1D1D1B!important;color:#fff!important;font-size:11px!important;font-weight:800!important;padding:0 8px!important;margin-left:-10px!important;border:2px solid #fff!important;font-family:var(--mf-font)!important;box-shadow:0 1px 2px rgba(0,0,0,.12)!important}
.mfe-evcard-count{font-size:12px!important;font-weight:700!important;color:#1D1D1B!important;margin-left:6px!important;font-family:var(--mf-font)!important}
.mfe-join-btn{cursor:pointer!important}
.mfe-join-btn[disabled]{opacity:.5!important;cursor:not-allowed!important}
.mfe-join-btn.is-loading{opacity:.7!important;pointer-events:none!important}
.mfe-join-btn.is-joined{background:#1D1D1B!important;color:#fff!important}
.mfe-evcard-btn{display:inline-block!important;padding:8px 16px!important;border-radius:8px!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:12px!important;border:2px solid #1D1D1B!important;border-bottom-width:4px!important;background:#fff!important;color:#1D1D1B!important;text-decoration:none!important;transition:all .15s!important;cursor:pointer!important}
.mfe-evcard-btn.mfe-btn-blue{background:var(--mf-blue)!important;color:#fff!important;border-color:var(--mf-blue)!important}
.mfe-evcard-btn.mfe-btn-red{background:var(--mf-red)!important;color:#fff!important;border-color:var(--mf-red)!important}
.mfe-evcard-btn.mfe-btn-green{background:var(--mf-green)!important;color:#fff!important;border-color:var(--mf-green)!important}
.mfe-evcard-btn.mfe-btn-yellow{background:var(--mf-yellow)!important;color:#1D1D1B!important;border-color:var(--mf-yellow)!important}
.mfe-evcard-btn.mfe-btn-orange{background:var(--mf-orange)!important;color:#fff!important;border-color:var(--mf-orange)!important}
.mfe-empty{text-align:center!important;padding:30px!important;font-weight:700!important;color:#888!important}

/* ── How It Works (4 blocks) ── */
.mfe-howit-card{display:flex!important;flex-direction:column!important}
.mfe-howit-title{font-family:var(--mf-font)!important;font-weight:900!important;font-size:22px!important;color:#1D1D1B!important;margin:0 0 6px!important}
.mfe-howit-sub{font-family:var(--mf-font)!important;font-weight:600!important;font-size:14px!important;color:#1D1D1B!important;margin:0 0 22px!important;line-height:1.5!important}
.mfe-howit-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important}
.mfe-howit-block{padding:14px 16px!important;background:#F4F8FE!important;border-radius:10px!important;border:1px solid #cfdbf0!important}
.mfe-howit-block h4{font-family:var(--mf-font)!important;font-weight:900!important;font-size:13px!important;color:#1D1D1B!important;margin:0 0 6px!important;line-height:1.3!important}
.mfe-howit-block p{font-family:var(--mf-font)!important;font-weight:600!important;font-size:12px!important;color:#555!important;margin:0!important;line-height:1.5!important}

/* ── Locations (4 chips with thick bottom border colored) ── */
.mfe-locations-title{font-family:var(--mf-font)!important;font-weight:700!important;font-size:14px!important;color:#666!important;text-align:center!important;margin:0 0 18px!important}
.mfe-locations-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
.mfe-loc-card{padding:14px 16px!important;background:#fff!important;border:2px solid #1D1D1B!important;border-bottom-width:6px!important;border-radius:10px!important}
.mfe-loc-red    {border-color:var(--mf-red)!important}
.mfe-loc-blue   {border-color:var(--mf-blue)!important}
.mfe-loc-yellow {border-color:var(--mf-yellow)!important}
.mfe-loc-green  {border-color:var(--mf-green)!important}
.mfe-loc-card h4{font-family:var(--mf-font)!important;font-weight:900!important;font-size:14px!important;color:#1D1D1B!important;margin:0 0 4px!important}
.mfe-loc-card p{font-family:var(--mf-font)!important;font-weight:600!important;font-size:12px!important;color:#555!important;margin:0!important;line-height:1.4!important}

/* ── "You are not alone" Banner ── */
.mfe-banner{display:flex!important;flex-direction:column!important}
.mfe-banner-text{flex:1!important;min-width:280px!important}
.mfe-banner-text h3{font-family:var(--mf-font)!important;font-weight:900!important;font-size:24px!important;color:#1D1D1B!important;margin:0 0 8px!important}
.mfe-banner-text p{font-family:var(--mf-font)!important;font-weight:600!important;font-size:14px!important;color:#1D1D1B!important;line-height:1.55!important;margin:0!important}
.mfe-banner-avatars{display:flex!important;align-items:center!important}
.mfe-banner-av{width:54px!important;height:54px!important;border-radius:50%!important;background:linear-gradient(135deg,#FFCC00,#E5B800)!important;border:3px solid #fff!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;margin-left:-12px!important;flex-shrink:0!important}
.mfe-banner-av:first-child{margin-left:0!important}

/* ── Dual CTA (Join + Host) ── */
.mfe-dual-cta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px!important}
.mfe-dual-title{font-family:var(--mf-font)!important;font-weight:900!important;font-size:20px!important;color:#1D1D1B!important;margin:0 0 8px!important}
.mfe-dual-desc{font-family:var(--mf-font)!important;font-weight:600!important;font-size:13px!important;color:#1D1D1B!important;line-height:1.55!important;margin:0 0 16px!important}

/* ── Special Days page ── */
.mfe-sd-monthbar{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:14px!important}
.mfe-sd-monthselect{display:inline-flex!important;align-items:center!important;gap:10px!important;padding:10px 18px!important;border:2px solid #1D1D1B!important;border-bottom-width:4px!important;border-radius:10px!important;background:#fff!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:13px!important;color:#1D1D1B!important;cursor:pointer!important}
.mfe-sd-monthnav{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
.mfe-sd-firstlast{padding:9px 18px!important}

.mfe-sd-month{margin:50px 0!important}
.mfe-sd-monthhead{text-align:center!important;margin-bottom:24px!important}
.mfe-sd-monthhead h2{font-size:clamp(24px,2.6vw,36px)!important;text-align:center!important;display:inline-block!important;margin:0 0 8px!important}
.mfe-sd-monthbar-line{display:flex!important;justify-content:center!important;width:280px!important;max-width:60%!important;margin:8px auto 0!important;height:6px!important;border-radius:3px!important;overflow:hidden!important}
.mfe-sd-monthbar-line span{flex:1!important;height:100%!important}
.mfe-sd-list{display:flex!important;flex-direction:column!important;gap:18px!important;max-width:880px!important;margin:0 auto!important}
.mfe-sd-row .mfe-sd-date{align-self:flex-start!important}
.mfe-sd-content{flex:1!important;min-width:0!important}
.mfe-sd-content h3{font-family:var(--mf-font)!important;font-weight:900!important;font-size:16px!important;color:#1D1D1B!important;margin:0 0 6px!important}
.mfe-sd-content p{font-family:var(--mf-font)!important;font-weight:600!important;font-size:13px!important;color:#555!important;line-height:1.55!important;margin:0 0 12px!important}
.mfe-sd-content-desc{font-family:var(--mf-font)!important;font-weight:600!important;font-size:13px!important;color:#555!important;line-height:1.55!important;margin:0 0 12px!important}
.mfe-sd-content-desc p{margin:0 0 8px!important}
.mfe-sd-content-desc p:last-child{margin-bottom:0!important}
.mfe-sd-content-desc strong,.mfe-sd-content-desc b{font-weight:900!important}
.mfe-sd-content-desc em,.mfe-sd-content-desc i{font-style:italic!important}
.mfe-sd-content-desc u{text-decoration:underline!important}
.mfe-sd-content-desc a{color:var(--mf-blue)!important;text-decoration:underline!important}
.mfe-sd-content-desc span[style]{font-weight:inherit!important}
.mfe-sd-content-desc ul,.mfe-sd-content-desc ol{margin:0 0 8px 22px!important;padding:0!important}
.mfe-sd-photos{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:10px!important}
.mfe-sd-photo{width:72px!important;height:52px!important;background-color:#e8e8e8!important;border-radius:6px!important;flex-shrink:0!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}

/* ── Responsive (subpages) ── */
@media (max-width: 900px){
  .mfe-evcards-grid{grid-template-columns:1fr 1fr!important}
  .mfe-howit-grid{grid-template-columns:1fr 1fr!important}
  .mfe-locations-grid{grid-template-columns:1fr 1fr!important}
  .mfe-dual-cta{grid-template-columns:1fr!important}
  .mfe-banner-text{min-width:auto!important}
}
@media (max-width: 560px){
  .mfe-evcards-grid{grid-template-columns:1fr!important}
  .mfe-howit-grid{grid-template-columns:1fr!important}
  .mfe-locations-grid{grid-template-columns:1fr!important}
  .mfe-sd-row{flex-direction:column!important;align-items:stretch!important}
  .mfe-filterbar{flex-direction:column!important;align-items:stretch!important}
  .mfe-filter-cities{justify-content:center!important}
}

/* ═══════════════════════════════════════════════════════════
   MINI-EVENTS — REFINEMENTS
   (date unification, dp-card pattern, calendar revise, etc.)
═══════════════════════════════════════════════════════════ */

/* ── mf-title-contour BLACK variant ── */
.mf-title-contour.black{
  -webkit-text-stroke-color:#1D1D1B!important;
  text-shadow:3px 3px 0 #1D1D1B,-3px -3px 0 #1D1D1B,3px -3px 0 #1D1D1B,-3px 3px 0 #1D1D1B,0 3px 0 #1D1D1B,0 -3px 0 #1D1D1B,3px 0 #1D1D1B,-3px 0 #1D1D1B!important;
}

/* ── Unified Date Pill (image 5 style: colored header strip + white body) ── */
/* Outer pill = colored border, inner head = colored bg with WHITE day name, body = white with day-num + month colored to match border */
.mfe-datebox{display:inline-flex!important;flex-direction:column!important;align-items:stretch!important;
  border:2px solid #1D1D1B!important;border-radius:8px!important;background:#fff!important;
  min-width:54px!important;line-height:1!important;flex-shrink:0!important;overflow:hidden!important;
  font-family:var(--mf-font)!important}
.mfe-datebox .mfe-d-day{background:#1D1D1B!important;color:#fff!important;
  font-size:11px!important;font-weight:800!important;text-align:center!important;
  padding:5px 8px!important;letter-spacing:.4px!important;text-transform:uppercase!important;line-height:1!important}
.mfe-datebox .mfe-d-num{font-size:22px!important;font-weight:900!important;color:#1D1D1B!important;
  text-align:center!important;padding:7px 6px 1px!important;line-height:1!important}
.mfe-datebox .mfe-d-mon{font-size:11px!important;font-weight:800!important;color:#1D1D1B!important;
  text-align:center!important;padding:0 6px 6px!important;letter-spacing:.4px!important;text-transform:uppercase!important;line-height:1!important}
/* Color variants — border + header strip + body text inherit accent color */
.mfe-datebox.mfe-db-red    {border-color:var(--mf-red)!important}
.mfe-datebox.mfe-db-red    .mfe-d-day{background:var(--mf-red)!important;color:#fff!important}
.mfe-datebox.mfe-db-red    .mfe-d-num,
.mfe-datebox.mfe-db-red    .mfe-d-mon{color:var(--mf-red)!important}
.mfe-datebox.mfe-db-blue   {border-color:var(--mf-blue)!important}
.mfe-datebox.mfe-db-blue   .mfe-d-day{background:var(--mf-blue)!important;color:#fff!important}
.mfe-datebox.mfe-db-blue   .mfe-d-num,
.mfe-datebox.mfe-db-blue   .mfe-d-mon{color:var(--mf-blue)!important}
.mfe-datebox.mfe-db-green  {border-color:var(--mf-green)!important}
.mfe-datebox.mfe-db-green  .mfe-d-day{background:var(--mf-green)!important;color:#fff!important}
.mfe-datebox.mfe-db-green  .mfe-d-num,
.mfe-datebox.mfe-db-green  .mfe-d-mon{color:var(--mf-green)!important}
/* Yellow exception: header text stays white as requested, but body num/mon use a darker gold for readability against white bg */
.mfe-datebox.mfe-db-yellow {border-color:var(--mf-yellow)!important}
.mfe-datebox.mfe-db-yellow .mfe-d-day{background:var(--mf-yellow)!important;color:#fff!important}
.mfe-datebox.mfe-db-yellow .mfe-d-num,
.mfe-datebox.mfe-db-yellow .mfe-d-mon{color:#a87f00!important}
.mfe-datebox.mfe-db-orange {border-color:var(--mf-orange)!important;border-bottom:4px solid var(--mf-orange)!important}
.mfe-datebox.mfe-db-orange .mfe-d-day{background:var(--mf-orange)!important;color:#fff!important}
.mfe-datebox.mfe-db-orange .mfe-d-num,
.mfe-datebox.mfe-db-orange .mfe-d-mon{color:var(--mf-orange)!important}

/* ── Calendar revise: arrows now sit INSIDE header (.mfe-cal-arrow), so the
       outer .mfe-cal-section wrapper + .mfe-arrow positioning is no longer used
       on the calendar. Updates carousel still uses .mfe-arrow. Day cell sizing
       lives in the main .mfe-cal-day rules above (notch, font, margin-top). ── */

/* ── Design-Principle Card (bt-dp-card pattern) ── */
/* Soft pastel inner + colored sides + thicker colored bottom */
.mfe-dpcard{padding:28px 32px!important;border-radius:14px!important;border-style:solid!important;border-width:3px!important;border-bottom-width:8px!important}
.mfe-dpcard-blue{background:#E2EFFF!important;border-color:var(--mf-blue)!important}
.mfe-dpcard-green{background:#EDF9F1!important;border-color:var(--mf-green)!important}
.mfe-dpcard-red{background:#FDECEC!important;border-color:var(--mf-red)!important}
.mfe-dpcard-yellow{background:#FFF6CC!important;border-color:var(--mf-yellow)!important}
.mfe-dpcard h3{font-family:var(--mf-font)!important;font-weight:900!important}

/* "What Happens" inside dp-card */
.mfe-dpcard .mfe-howit-title{font-size:22px!important;color:#1D1D1B!important;margin:0 0 6px!important}
.mfe-dpcard .mfe-howit-sub{font-family:var(--mf-font)!important;font-weight:600!important;font-size:14px!important;color:#1D1D1B!important;margin:0 0 22px!important;line-height:1.5!important}
.mfe-dpcard .mfe-howit-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important}
.mfe-dpcard .mfe-howit-block{padding:14px 16px!important;background:rgba(255,255,255,.7)!important;border-radius:10px!important;border:1px solid rgba(0,85,191,.2)!important}

/* "You are not alone" banner-flex */
.mfe-banner-flex{display:flex!important;align-items:center!important;gap:24px!important;flex-wrap:wrap!important}
.mfe-banner-flex .mfe-banner-text{flex:1!important;min-width:280px!important}
.mfe-banner-flex .mfe-banner-text h3{font-family:var(--mf-font)!important;font-weight:900!important;font-size:24px!important;color:#1D1D1B!important;margin:0 0 8px!important}
.mfe-banner-flex .mfe-banner-text p{font-family:var(--mf-font)!important;font-weight:600!important;font-size:14px!important;color:#1D1D1B!important;line-height:1.55!important;margin:0!important}
.mfe-banner-flex .mfe-banner-avatars{display:flex!important;align-items:center!important}

/* ── Join/Host Dual CTAs (soft inner + colored sides + BLACK thick bottom) ── */
.mfe-jh-card{display:flex!important;align-items:flex-start!important;gap:20px!important;padding:24px 28px!important;border-radius:14px!important;border-style:solid!important;border-width:3px!important;border-bottom:8px solid #1D1D1B!important;text-decoration:none!important;color:inherit!important;transition:transform .15s!important}
.mfe-jh-card:hover{transform:translateY(-3px)!important}
.mfe-jh-green{background:#EDF9F1!important;border-color:var(--mf-green)!important}
.mfe-jh-blue{background:#E2EFFF!important;border-color:var(--mf-blue)!important}
.mfe-jh-icon{width:64px!important;height:64px!important;border-radius:12px!important;flex-shrink:0!important;background:#fff!important;border:2px solid currentColor!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mfe-jh-green .mfe-jh-icon{color:var(--mf-green)!important;background-image:url('https://mini-talks.org/wp-content/uploads/2026/04/minitalks-logo-2.png')!important;background-size:60% auto!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#fff!important}
.mfe-jh-blue .mfe-jh-icon{color:var(--mf-blue)!important;background-image:url('https://mini-talks.org/wp-content/uploads/2026/04/minitalks-logo-2.png')!important;background-size:60% auto!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#fff!important}
.mfe-jh-body{flex:1!important;min-width:0!important}
.mfe-jh-title{font-family:var(--mf-font)!important;font-weight:900!important;font-size:20px!important;color:#1D1D1B!important;margin:0 0 8px!important}
.mfe-jh-desc{font-family:var(--mf-font)!important;font-weight:600!important;font-size:13px!important;color:#1D1D1B!important;line-height:1.55!important;margin:0 0 14px!important}
.mfe-jh-btn{display:inline-block!important;padding:9px 22px!important;border-radius:8px!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:13px!important;text-decoration:none!important;color:#fff!important}
.mfe-jh-green .mfe-jh-btn{background:var(--mf-green)!important}
.mfe-jh-blue  .mfe-jh-btn{background:var(--mf-blue)!important}

/* ── Filter chip pin icon ── */
.mfe-fpin{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:14px!important;height:14px!important;font-size:13px!important;line-height:1!important;flex-shrink:0!important}

/* ── CTA bottom margin equalize (thinner colored band) ── */
.mfe-cta-white{margin:0 6px 5px!important}
.mfe-cta-topbar{height:22px!important}

/* ── Override old datebox classes to fall through to new (mfe-upd-date / mfe-sd-date / mfe-evcard-datebadge are now legacy) ── */
.mfe-upd-date,
.mfe-sd-card .mfe-sd-date,
.mfe-evcard-datebadge{
  /* prevent legacy styling from breaking when class is replaced */
}
.mfe-evcard-img .mfe-datebox{position:absolute!important}

/* Responsive adjustments for new dp-card + jh-card */
@media (max-width: 900px){
  .mfe-dpcard .mfe-howit-grid{grid-template-columns:1fr 1fr!important}
  .mfe-calendar-frame{padding:20px 16px 16px!important}
}
@media (max-width: 560px){
  .mfe-dpcard .mfe-howit-grid{grid-template-columns:1fr!important}
  .mfe-jh-card{flex-direction:column!important;align-items:stretch!important}
  .mfe-cal-header{gap:10px!important}
  .mfe-cal-title{font-size:18px!important}
}

/* ═══════════════════════════════════════════════════════════
   HOST EVENT FORM (events-host.php)
   Yellow band + brick-styled fields + mw-btn-brick (no heart)
═══════════════════════════════════════════════════════════ */

.mfe-host-form{width:100vw!important;margin-left:calc(-50vw + 50%)!important;background:var(--mf-yellow)!important;padding:0 0 60px!important;font-family:var(--mf-font)!important;margin-top:50px!important}
.mfe-host-inner{width:82%!important;max-width:980px!important;margin:0 auto!important;padding:60px 0 0!important;box-sizing:border-box!important}

.mfe-host-title-wrap{text-align:center!important;margin-top:-30px!important;margin-bottom:14px!important;position:relative!important;z-index:2!important}
.mfe-host-title-wrap h2{font-size:clamp(26px,3vw,42px)!important;text-transform:uppercase!important}

.mfe-host-subtitle{text-align:center!important;margin-bottom:32px!important}
.mfe-host-subtitle p{font-family:var(--mf-font)!important;font-weight:600!important;font-size:clamp(13px,1.1vw,16px)!important;color:#1D1D1B!important;line-height:1.5!important;margin:0!important}

/* Type grid (4 radio cards) */
.mfe-host-typegrid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;margin-bottom:30px!important}
.mfe-host-typecard{position:relative!important;cursor:pointer!important;border:2px solid #1D1D1B!important;border-bottom-width:5px!important;border-radius:10px!important;background:#fff!important;padding:14px 14px!important;display:block!important;transition:transform .15s!important}
.mfe-host-typecard:hover{transform:translateY(-2px)!important}
.mfe-host-typecard input[type="radio"]{position:absolute!important;opacity:0!important;width:0!important;height:0!important;pointer-events:none!important}
.mfe-host-tc-body{display:flex!important;flex-direction:column!important;gap:4px!important;text-align:left!important}
.mfe-host-tc-title{font-family:var(--mf-font)!important;font-weight:900!important;font-size:14px!important;color:#1D1D1B!important;line-height:1.25!important}
.mfe-host-tc-desc{font-family:var(--mf-font)!important;font-weight:600!important;font-size:11px!important;color:#555!important;line-height:1.4!important}
.mfe-host-typecard input[type="radio"]:checked + .mfe-host-tc-body{color:#fff!important}
.mfe-host-tc-blue input[type="radio"]:checked ~ .mfe-host-tc-body,
.mfe-host-tc-blue:has(input[type="radio"]:checked){background:var(--mf-blue)!important;border-color:var(--mf-blue)!important}
.mfe-host-tc-blue:has(input[type="radio"]:checked) .mfe-host-tc-title,
.mfe-host-tc-blue:has(input[type="radio"]:checked) .mfe-host-tc-desc{color:#fff!important}
.mfe-host-tc-red:has(input[type="radio"]:checked){background:var(--mf-red)!important;border-color:var(--mf-red)!important}
.mfe-host-tc-red:has(input[type="radio"]:checked) .mfe-host-tc-title,
.mfe-host-tc-red:has(input[type="radio"]:checked) .mfe-host-tc-desc{color:#fff!important}
.mfe-host-tc-green:has(input[type="radio"]:checked){background:var(--mf-green)!important;border-color:var(--mf-green)!important}
.mfe-host-tc-green:has(input[type="radio"]:checked) .mfe-host-tc-title,
.mfe-host-tc-green:has(input[type="radio"]:checked) .mfe-host-tc-desc{color:#fff!important}
.mfe-host-tc-yellow:has(input[type="radio"]:checked){background:#fff!important;border-color:var(--mf-yellow)!important;border-bottom-color:#a87f00!important}

/* Form rows + fields */
.mfe-host-row{display:flex!important;gap:24px!important;margin-bottom:22px!important;flex-wrap:wrap!important}
.mfe-host-field{flex:1!important;min-width:200px!important}
.mfe-host-field.full{flex:none!important;width:100%!important;margin-bottom:22px!important}
.mfe-host-field label{display:block!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:clamp(13px,1.1vw,15px)!important;color:#1D1D1B!important;margin-bottom:8px!important}
.mfe-host-field label .req{color:var(--mf-red)!important;font-weight:900!important}
.mfe-host-field input[type="text"],
.mfe-host-field input[type="email"],
.mfe-host-field input[type="date"]{width:100%!important;padding:13px 16px!important;border:none!important;border-radius:6px!important;font-family:var(--mf-font)!important;font-weight:600!important;font-size:14px!important;color:#1D1D1B!important;background:#fff!important;outline:none!important;box-sizing:border-box!important}
.mfe-host-field input.inp-red{border-bottom:5px solid var(--mf-red)!important}
.mfe-host-field input.inp-blue{border-bottom:5px solid var(--mf-blue)!important}
.mfe-host-field input.inp-green{border-bottom:5px solid var(--mf-green)!important}
.mfe-host-field input.inp-yellow{border-bottom:5px solid var(--mf-yellow)!important}
.mfe-host-field textarea{width:100%!important;min-height:140px!important;padding:14px 16px!important;border:none!important;border-bottom:5px solid #1D1D1B!important;border-radius:6px!important;font-family:var(--mf-font)!important;font-weight:600!important;font-size:14px!important;color:#1D1D1B!important;background:#fff!important;outline:none!important;resize:vertical!important;box-sizing:border-box!important}

/* Talk-Spot conditional block */
.mfe-host-talkspot{padding:18px 22px!important;background:#FFF6CC!important;border:2px dashed #1D1D1B!important;border-radius:10px!important;margin-bottom:22px!important}

/* Brick button (mw-btn-brick pattern, no heart) */
.mfe-host-btnwrap{text-align:center!important;margin-top:30px!important}
.mfe-host-brick-btn{display:inline-block!important;position:relative!important;cursor:pointer!important;border:none!important;background:var(--mf-red)!important;border-radius:14px!important;padding:0!important;margin-top:34px!important;overflow:visible!important;transition:transform .15s ease!important;font-family:var(--mf-font)!important;min-width:340px!important}
.mfe-host-brick-btn:hover{transform:scale(1.05)!important}
.mfe-host-brick-stud{display:block!important;position:absolute!important;top:-30px!important;left:4%!important;right:4%!important;width:92%!important;height:32px!important;background:var(--cta-stud-red)!important;background-repeat:no-repeat!important;background-position:center bottom!important;background-size:100% auto!important}
.mfe-host-brick-topbar{height:26px!important;width:100%!important;background:var(--mf-red)!important;border-radius:14px 14px 0 0!important}
.mfe-host-brick-inner{background:#fff!important;border-radius:10px!important;margin:0 8px 8px!important;padding:14px 32px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mfe-host-brick-inner span{font-family:var(--mf-font)!important;font-weight:800!important;font-size:clamp(15px,1.4vw,19px)!important;color:var(--mf-red)!important;letter-spacing:.3px!important}

/* Status / disclaimer */
.mfe-host-status{margin-top:16px!important;text-align:center!important;font-family:var(--mf-font)!important;font-weight:700!important;font-size:14px!important;min-height:20px!important;color:#1D1D1B!important}
.mfe-host-status-ok{color:var(--mf-green)!important}
.mfe-host-status-err{color:var(--mf-red)!important}
.mfe-host-disclaimer{text-align:center!important;margin-top:30px!important}
.mfe-host-disclaimer p{font-family:var(--mf-font)!important;font-weight:600!important;font-size:clamp(11px,0.9vw,13px)!important;color:#1D1D1B!important;line-height:1.5!important;margin:0!important}

@media (max-width: 768px){
  .mfe-host-typegrid{grid-template-columns:1fr 1fr!important}
  .mfe-host-row{flex-direction:column!important;gap:18px!important}
  .mfe-host-inner{width:90%!important;padding:50px 0 0!important}
}
@media (max-width: 480px){
  .mfe-host-typegrid{grid-template-columns:1fr!important}
}

/* ═══════════════════════════════════════════════════════════
   MINI-EVENTS — SUBPAGE REFINEMENTS (this turn)
   - Connect chips (filled colored + black thick bottom)
   - Filter chips with SVG pin/monitor + active color states
   - Datebox: noborder variant + green→black date variant
   - Event cards: SVG icons, soft separator, NEW FAMILIES button
   - Upcoming Meetups: left-aligned black title, plain cards w/ colored bottom
   - What Happens band: pastel BG + black thick bottom + image blocks
   - Join/Host CTAs: filled colored bg + black bottom + white-outline button
   - Special Days: bars-on-both-sides month head, full-width list, F/L Month chips
═══════════════════════════════════════════════════════════ */

/* ── Datebox: no-border variant (sits over event-card image) ── */
.mfe-datebox.mfe-db-noborder{border:none!important;border-radius:8px!important;box-shadow:0 2px 6px rgba(0,0,0,.10)!important}
/* Green datebox: per user request → date number BLACK (only Sun stays white on green) */
.mfe-datebox.mfe-db-green .mfe-d-num,
.mfe-datebox.mfe-db-green .mfe-d-mon{color:#1D1D1B!important}

/* ── Connect chip row in subpage hero ── */
.mfe-connect-row{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:18px!important}
.mfe-connect-chip{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:9px 18px!important;border-radius:10px!important;border:2px solid #1D1D1B!important;border-bottom-width:5px!important;text-decoration:none!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:13px!important;color:#fff!important;transition:transform .15s,filter .15s!important;cursor:pointer!important;line-height:1!important}
.mfe-connect-chip:hover{transform:translateY(-2px)!important;filter:brightness(1.06)!important}
.mfe-connect-green {background:var(--mf-green)!important}
.mfe-connect-blue  {background:var(--mf-blue)!important}
.mfe-connect-purple{background:var(--mfe-purple)!important}
.mfe-connect-ico{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;color:#fff!important;flex-shrink:0!important}

/* ── Filter chips — colored backgrounds + active states ── */
.mfe-filterbar{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important;justify-content:flex-start!important}
.mfe-filter-month{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:9px 14px!important;border:2px solid #1D1D1B!important;border-bottom-width:5px!important;border-radius:10px!important;background:#fff!important;color:#1D1D1B!important}
.mfe-filter-month .mfe-filter-icon{display:inline-flex!important;align-items:center!important;color:#1D1D1B!important}
.mfe-filter-month input{border:none!important;outline:none!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:13px!important;color:#1D1D1B!important;background:transparent!important;cursor:pointer!important;padding:0!important}
/* Filter chip: 2px FULL colored border + thick colored bottom + ALWAYS black text + branded icon */
.mfe-fchip{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 18px!important;border-radius:10px!important;border:2px solid #1D1D1B!important;border-bottom-width:5px!important;background:#fff!important;color:#1D1D1B!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:13px!important;cursor:pointer!important;transition:transform .15s,filter .15s!important;text-decoration:none!important;line-height:1!important}
.mfe-fchip:hover{transform:translateY(-2px)!important;filter:brightness(1.04)!important}
.mfe-fchip .mfe-fpin{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:16px!important;flex-shrink:0!important}
/* Variant: text stays black, ALL borders + icon take brand color */
.mfe-fchip-blue              {border-color:var(--mf-blue)!important}
.mfe-fchip-blue   .mfe-fpin  {color:var(--mf-blue)!important}
.mfe-fchip-yellow            {border-color:var(--mf-yellow)!important}
.mfe-fchip-yellow .mfe-fpin  {color:var(--mf-yellow)!important}
.mfe-fchip-red               {border-color:var(--mf-red)!important}
.mfe-fchip-red    .mfe-fpin  {color:var(--mf-red)!important}
.mfe-fchip-mono              {border-color:#1D1D1B!important}
.mfe-fchip-mono   .mfe-fpin  {color:#1D1D1B!important}
/* Active = filled with that color */
.mfe-fchip-blue.active   {background:var(--mf-blue)!important;color:#fff!important;border-color:var(--mf-blue)!important}
.mfe-fchip-blue.active   .mfe-fpin{color:#fff!important}
.mfe-fchip-yellow.active {background:var(--mf-yellow)!important;color:#1D1D1B!important;border-color:var(--mf-yellow)!important}
.mfe-fchip-yellow.active .mfe-fpin{color:#1D1D1B!important}
.mfe-fchip-red.active    {background:var(--mf-red)!important;color:#fff!important;border-color:var(--mf-red)!important}
.mfe-fchip-red.active    .mfe-fpin{color:#fff!important}
.mfe-fchip-mono.active   {background:#1D1D1B!important;color:#fff!important;border-color:#1D1D1B!important}
.mfe-fchip-mono.active   .mfe-fpin{color:#fff!important}

/* ── Event card meta + soft separator + button row ── */
.mfe-evcard-meta{display:flex!important;flex-wrap:wrap!important;gap:14px!important;font-size:13px!important;font-weight:700!important;color:#3a3a3a!important;margin:8px 0 0!important}
.mfe-evcard-meta-item{display:inline-flex!important;align-items:center!important;gap:6px!important;line-height:1!important}
.mfe-evcard-meta-item svg{display:block!important;color:#3a3a3a!important;flex-shrink:0!important}
.mfe-evcard-sep{display:block!important;width:60%!important;height:1px!important;background:linear-gradient(to right,transparent,#d4d4d4 20%,#d4d4d4 80%,transparent)!important;margin:12px 0!important}
.mfe-evcard-body{padding:16px 18px 18px!important;display:flex!important;flex-direction:column!important;gap:0!important;flex:1!important}
.mfe-evcard-title{font-family:var(--mf-font)!important;font-weight:900!important;font-size:17px!important;color:#1D1D1B!important;margin:0!important;line-height:1.3!important}
.mfe-evcard-desc{font-family:var(--mf-font)!important;font-weight:600!important;font-size:13px!important;color:#1D1D1B!important;line-height:1.55!important;margin:0!important;flex:1!important}
.mfe-evcard-desc strong,.mfe-evcard-desc b{font-weight:900!important}
.mfe-evcard-desc em,.mfe-evcard-desc i{font-style:italic!important}
.mfe-evcard-desc u{text-decoration:underline!important}
.mfe-evcard-desc a{color:var(--mf-blue)!important;text-decoration:underline!important}
.mfe-evcard-desc span[style]{font-weight:inherit!important}
.mfe-evcard-foot{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:14px!important}
.mfe-evcard-btnrow{display:flex!important;gap:10px!important;margin-top:12px!important;flex-wrap:wrap!important}
.mfe-evcard-btn{display:inline-block!important;padding:10px 18px!important;border-radius:8px!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:12px!important;border:none!important;background:#1D1D1B!important;color:#fff!important;text-decoration:none!important;transition:filter .15s!important;cursor:pointer!important}
.mfe-evcard-btn:hover{filter:brightness(1.08)!important}
.mfe-evcard-btn.mfe-btn-blue   {background:var(--mf-blue)!important;color:#fff!important}
.mfe-evcard-btn.mfe-btn-red    {background:var(--mf-red)!important;color:#fff!important}
.mfe-evcard-btn.mfe-btn-green  {background:var(--mf-green)!important;color:#fff!important}
.mfe-evcard-btn.mfe-btn-yellow {background:var(--mf-yellow)!important;color:#1D1D1B!important}
.mfe-evcard-btn-outline{display:inline-block!important;padding:10px 16px!important;border-radius:8px!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:12px!important;background:#fff!important;border:2px solid #1D1D1B!important;color:#1D1D1B!important;text-decoration:none!important;transition:transform .15s!important;cursor:pointer!important}
.mfe-evcard-btn-outline:hover{transform:translateY(-1px)!important}
.mfe-btn-out-blue   {border-color:var(--mf-blue)!important;color:var(--mf-blue)!important}
.mfe-btn-out-green  {border-color:var(--mf-green)!important;color:var(--mf-green)!important}
.mfe-btn-out-yellow {border-color:#a87f00!important;color:#a87f00!important}
.mfe-btn-out-red    {border-color:var(--mf-red)!important;color:var(--mf-red)!important}

/* ── Upcoming Meetups: left-aligned BLACK title + plain cards w/ colored bottom ── */
.mfe-upcoming-head{margin-bottom:32px!important}
.mfe-upcoming-title{font-family:var(--mf-font)!important;font-weight:900!important;font-size:clamp(24px,2.6vw,38px)!important;color:#1D1D1B!important;margin:0 0 6px!important;text-align:left!important;line-height:1.2!important}
.mfe-upcoming-sub{font-family:var(--mf-font)!important;font-weight:600!important;font-size:14px!important;color:#555!important;margin:0!important;text-align:left!important;line-height:1.5!important}
.mfe-upcoming-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px!important}
.mfe-upcoming-card{display:flex!important;flex-direction:column!important;background:#fff!important;border:2px solid #1D1D1B!important;border-radius:12px!important;overflow:hidden!important;transition:transform .15s!important}
.mfe-upcoming-card:hover{transform:translateY(-2px)!important}
.mfe-upc-blue   {box-shadow:0 7px 0 0 var(--mf-blue)!important}
.mfe-upc-green  {box-shadow:0 7px 0 0 var(--mf-green)!important}
.mfe-upc-yellow {box-shadow:0 7px 0 0 var(--mf-yellow)!important}
.mfe-upc-red    {box-shadow:0 7px 0 0 var(--mf-red)!important}
.mfe-upcoming-img{position:relative!important;width:100%!important;height:170px!important;overflow:hidden!important}
.mfe-upcoming-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.mfe-upcoming-body{padding:16px 18px 18px!important;display:flex!important;flex-direction:column!important;flex:1!important}

/* ── What Happens band: type-aware colors + 4×2 grid + logo image boxes ── */
.mfe-whatpens{padding:30px 32px 36px!important;border-radius:14px!important;border:2px solid var(--mf-blue)!important;border-bottom-width:8px!important;background:#E2EFFF!important}
/* Type-specific border + soft inner background */
.mfe-whatpens-red{border-color:#E52828!important;background:#FFE8E8!important}
.mfe-whatpens-yellow{border-color:#FFCC00!important;background:#FFF5CF!important}
.mfe-whatpens-blue{border-color:var(--mf-blue)!important;background:#E2EFFF!important}
.mfe-whatpens-title{font-family:var(--mf-font)!important;font-weight:900!important;font-size:clamp(20px,2vw,26px)!important;color:#1D1D1B!important;margin:0 0 6px!important}
.mfe-whatpens-sub{font-family:var(--mf-font)!important;font-weight:600!important;font-size:14px!important;color:#1D1D1B!important;margin:0 0 22px!important}
.mfe-whatpens-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:18px 22px!important}
.mfe-whatpens-block{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important;background:transparent!important;padding:0!important;border:none!important}
.mfe-whatpens-img{width:42px!important;height:42px!important;background:#fff!important;border-radius:6px!important;flex-shrink:0!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important;background-image:url('https://mini-talks.org/wp-content/uploads/2026/04/minitalks-logo-2.png')!important;background-size:72% auto!important;background-repeat:no-repeat!important;background-position:center!important}
.mfe-whatpens-text{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}
.mfe-whatpens-block h4{font-family:var(--mf-font)!important;font-weight:900!important;font-size:13px!important;color:#1D1D1B!important;margin:0!important;line-height:1.25!important}
.mfe-whatpens-block p{font-family:var(--mf-font)!important;font-weight:600!important;font-size:12px!important;color:#1D1D1B!important;margin:0!important;line-height:1.45!important}
@media(max-width:900px){
  .mfe-whatpens-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:520px){
  .mfe-whatpens{padding:22px 18px 26px!important}
  .mfe-whatpens-grid{grid-template-columns:1fr!important;gap:14px!important}
}

/* ── New Locations head: black contour Upcoming title + Different places sub ── */
.mfe-locations-head{margin-bottom:24px!important;text-align:left!important}
.mfe-locations-h2{font-size:clamp(24px,2.6vw,38px)!important;text-align:left!important;display:inline-block!important;margin:0 0 6px!important}
.mfe-locations-sub{font-family:var(--mf-font)!important;font-weight:600!important;font-size:14px!important;color:#555!important;margin:0!important;text-align:left!important;line-height:1.5!important}

/* ── Join/Host CTAs: filled colored bg + black thick bottom + white-outline button ── */
.mfe-jh-card.mfe-jh-green-filled,
.mfe-jh-card.mfe-jh-blue-filled{display:flex!important;align-items:flex-start!important;gap:20px!important;padding:26px 30px!important;border-radius:14px!important;border:none!important;border-bottom:8px solid #1D1D1B!important;text-decoration:none!important;color:#fff!important;transition:transform .15s,filter .15s!important}
.mfe-jh-card.mfe-jh-green-filled:hover,
.mfe-jh-card.mfe-jh-blue-filled:hover{transform:translateY(-3px)!important;filter:brightness(1.04)!important}
.mfe-jh-green-filled{background:var(--mf-green)!important}
.mfe-jh-blue-filled{background:var(--mf-blue)!important}
.mfe-jh-green-filled .mfe-jh-icon,
.mfe-jh-blue-filled .mfe-jh-icon{width:64px!important;height:64px!important;border-radius:12px!important;flex-shrink:0!important;background:#fff!important;background-image:url('https://mini-talks.org/wp-content/uploads/2026/04/minitalks-logo-2.png')!important;background-size:60% auto!important;background-repeat:no-repeat!important;background-position:center!important;border:none!important}
.mfe-jh-green-filled .mfe-jh-title,
.mfe-jh-blue-filled .mfe-jh-title{font-family:var(--mf-font)!important;font-weight:900!important;font-size:20px!important;color:#fff!important;margin:0 0 8px!important}
.mfe-jh-green-filled .mfe-jh-desc,
.mfe-jh-blue-filled .mfe-jh-desc{font-family:var(--mf-font)!important;font-weight:600!important;font-size:13px!important;color:rgba(255,255,255,.92)!important;line-height:1.55!important;margin:0 0 14px!important}
.mfe-jh-green-filled .mfe-jh-btn,
.mfe-jh-blue-filled .mfe-jh-btn{display:inline-block!important;padding:9px 22px!important;border-radius:8px!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:13px!important;text-decoration:none!important;background:transparent!important;color:#fff!important;border:2px solid #fff!important;transition:background .15s,color .15s!important}
.mfe-jh-green-filled .mfe-jh-btn:hover{background:#fff!important;color:var(--mf-green)!important}
.mfe-jh-blue-filled .mfe-jh-btn:hover{background:#fff!important;color:var(--mf-blue)!important}

/* ── Special Days month head: bars-on-both-sides ── */
.mfe-sd-monthhead-wide{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;margin:50px 0 28px!important}
.mfe-sd-bars-left,
.mfe-sd-bars-right{display:flex!important;gap:0!important;flex:1!important;height:8px!important;max-width:340px!important;overflow:hidden!important;border-radius:2px!important}
.mfe-sd-bars-left span,
.mfe-sd-bars-right span{flex:1!important;height:100%!important}
.l1-bar-red{background:var(--mf-red)!important}
.l1-bar-yellow{background:var(--mf-yellow)!important}
.l1-bar-blue{background:var(--mf-blue)!important}
.l1-bar-green{background:var(--mf-green)!important}
.mfe-sd-monthtitle{font-size:clamp(28px,3vw,42px)!important;text-align:center!important;flex-shrink:0!important;margin:0!important;line-height:1.1!important}
.mfe-sd-list{display:flex!important;flex-direction:column!important;gap:18px!important;max-width:none!important;margin:0!important}
.mfe-sd-row{display:flex!important;gap:18px!important;align-items:flex-start!important;padding:18px 22px!important;border:2px solid #e8e8e8!important;border-bottom-width:6px!important;border-radius:14px!important;background:#fff!important}
.mfe-sd-row.mfe-sd-row-red{border-color:var(--mf-red)!important}
.mfe-sd-row.mfe-sd-row-yellow{border-color:var(--mf-yellow)!important}
.mfe-sd-row.mfe-sd-row-blue{border-color:var(--mf-blue)!important}
.mfe-sd-row.mfe-sd-row-green{border-color:var(--mf-green)!important}
.mfe-sd-row.mfe-sd-row-orange{border-color:var(--mf-orange)!important}

/* ── Special Days month bar — F/L Month chips: blue filled + outlined ── */
.mfe-sd-monthbar{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:14px!important}
.mfe-sd-monthselect{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 18px!important;border:2px solid #1D1D1B!important;border-bottom-width:5px!important;border-radius:10px!important;background:#fff!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:13px!important;color:#1D1D1B!important;cursor:pointer!important;line-height:1!important}
.mfe-sd-monthwrap{position:relative!important;display:inline-block!important}
.mfe-sd-monthdd{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;background:#fff!important;border:2px solid #1D1D1B!important;border-radius:10px!important;box-shadow:0 6px 20px rgba(0,0,0,.12)!important;z-index:50!important;min-width:200px!important;padding:6px!important;display:flex!important;flex-direction:column!important;gap:2px!important;font-family:var(--mf-font)!important}
.mfe-sd-monthdd[hidden]{display:none!important}
.mfe-sd-monthdd-item{display:block!important;padding:8px 12px!important;border-radius:6px!important;font-family:var(--mf-font)!important;font-weight:700!important;font-size:13px!important;color:#1D1D1B!important;text-decoration:none!important;cursor:pointer!important}
.mfe-sd-monthdd-item:hover{background:#f3f3f3!important;color:var(--mf-blue)!important}
.mfe-sd-monthdd-item.mfe-sd-mode.active{background:var(--mf-blue)!important;color:#fff!important}
.mfe-sd-monthdd-sep{height:1px!important;background:#e8e8e8!important;margin:4px 6px!important}
.mfe-sd-monthselect-ico{display:inline-flex!important;align-items:center!important;color:#1D1D1B!important}
.mfe-sd-monthnav{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
.mfe-sd-fl-chip{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 18px!important;border-radius:10px!important;border:2px solid var(--mf-blue)!important;background:var(--mf-blue)!important;color:#fff!important;font-family:var(--mf-font)!important;font-weight:800!important;font-size:13px!important;cursor:pointer!important;text-decoration:none!important;transition:background .15s,color .15s!important;line-height:1!important}
.mfe-sd-fl-chip:hover{filter:brightness(1.06)!important}
.mfe-sd-fl-chip .mfe-sd-fl-ico{display:inline-flex!important;align-items:center!important;color:inherit!important;flex-shrink:0!important}
.mfe-sd-fl-chip.mfe-sd-fl-outline{background:#fff!important;color:var(--mf-blue)!important}
.mfe-sd-fl-chip.mfe-sd-fl-outline:hover{background:var(--mf-blue)!important;color:#fff!important}
.mfe-sd-fl-chip.mfe-sd-mode-active{box-shadow:0 0 0 3px rgba(0,85,191,.25)!important}

/* ── Responsive overrides for new layouts ── */
@media (max-width: 900px){
  .mfe-upcoming-grid{grid-template-columns:1fr 1fr!important}
  .mfe-whatpens-grid{grid-template-columns:1fr 1fr!important}
  .mfe-sd-bars-left,.mfe-sd-bars-right{max-width:120px!important}
}
@media (max-width: 600px){
  .mfe-upcoming-grid{grid-template-columns:1fr!important}
  .mfe-whatpens-grid{grid-template-columns:1fr!important}
  .mfe-connect-row{justify-content:flex-start!important}
  .mfe-sd-bars-left,.mfe-sd-bars-right{display:none!important}
  .mfe-sd-row{flex-direction:column!important;align-items:stretch!important}
}

/* ── Calendar brick hover tooltip ── */
#mfe-cal-tip{position:absolute!important;z-index:99999!important;pointer-events:none!important;opacity:0!important;transform:translateY(-2px)!important;transition:opacity .12s ease-out,transform .12s ease-out!important;max-width:280px!important;font-family:var(--mf-font),sans-serif!important}
#mfe-cal-tip.is-visible{opacity:1!important;transform:translateY(0)!important}
#mfe-cal-tip .mfe-cal-tip-inner{background:#1D1D1B!important;color:#fff!important;border-radius:10px!important;padding:10px 14px!important;font-size:13px!important;font-weight:700!important;line-height:1.4!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important;display:flex!important;flex-direction:column!important;gap:4px!important}
#mfe-cal-tip .mfe-cal-tip-row{white-space:normal!important;word-break:break-word!important}
#mfe-cal-tip .mfe-cal-tip-row + .mfe-cal-tip-row{padding-top:4px!important;border-top:1px solid rgba(255,255,255,.18)!important;margin-top:0!important}
#mfe-cal-tip .mfe-cal-tip-arrow{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;bottom:-6px!important;width:0!important;height:0!important;border-left:7px solid transparent!important;border-right:7px solid transparent!important;border-top:7px solid #1D1D1B!important}
#mfe-cal-tip.is-below .mfe-cal-tip-arrow{bottom:auto!important;top:-6px!important;border-top:none!important;border-bottom:7px solid #1D1D1B!important}

/* ── Special Days: From This / First Month visibility (PHP-driven default) ── */
/* Default = "From This Month": past months hidden */
.mfe-sd-month-past{display:none!important}
/* When a specific month is picked from dropdown, hide all OTHERS via this class */
.mfe-sd-month-hidden-by-pick{display:none!important}
/* Pick mode (a single month explicitly picked from the dropdown):
   - The picked month is always shown, even if flagged as past
   - Past-hide rule does NOT apply globally, only the hidden-by-pick rule controls others */
body.mfe-sd-pick-mode .mfe-sd-month{display:block!important}
body.mfe-sd-pick-mode .mfe-sd-month.mfe-sd-month-hidden-by-pick{display:none!important}
/* When body has class, show all months ("From First Month" mode) */
body.mfe-sd-show-all .mfe-sd-month-past{display:block!important}
/* Empty state card inside an empty month */
.mfe-sd-empty-card{text-align:center!important;padding:50px 20px!important;color:#888!important;font-weight:700!important;font-family:var(--mf-font),sans-serif!important;font-size:14px!important;background:#f8f9fb!important;border:2px dashed #d9dde5!important;border-radius:14px!important;max-width:880px!important;margin:0 auto!important}
/* Chip default state: "this" filled blue+ring, "first" outline */
.mfe-sd-mode[data-mode="this"]:not(.mfe-sd-fl-outline){box-shadow:0 0 0 3px rgba(0,85,191,.25)!important}
.mfe-sd-mode[data-mode="first"]{background:#fff!important;color:var(--mf-blue)!important}
.mfe-sd-mode[data-mode="first"]:hover{background:var(--mf-blue)!important;color:#fff!important}
body.mfe-sd-show-all .mfe-sd-mode[data-mode="this"]{background:#fff!important;color:var(--mf-blue)!important;box-shadow:none!important}
body.mfe-sd-show-all .mfe-sd-mode[data-mode="this"]:hover{background:var(--mf-blue)!important;color:#fff!important}
body.mfe-sd-show-all .mfe-sd-mode[data-mode="first"]{background:var(--mf-blue)!important;color:#fff!important;box-shadow:0 0 0 3px rgba(0,85,191,.25)!important}

/* ════════════════════════════════════════════════════════════
   EVENTS HOME — Per-section heroes (shared with eventtype page)
═══════════════════════════════════════════════════════════ */
.mfe-section-hero{margin-top:80px!important}
.mfe-section-hero .mf-hero-new{padding:30px 0 24px!important;align-items:center!important}
/* Per-section hero face is smaller than the page-top hero */
.mfe-section-hero .mf-hero-face{flex:0 0 30%!important;height:160px!important;max-width:280px!important;padding:18px!important}
.mfe-section-hero .mf-hero-face img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important}
.mfe-section-hero .mf-hero-left{flex:1!important}
.mfe-section-hero-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;margin-top:14px!important}

@media(max-width:900px){
  .mfe-section-hero .mf-hero-face{height:130px!important;flex:0 0 100%!important;max-width:none!important}
}

/* Per-color hero face backgrounds */
.mf-hero-face.bg-red{background:var(--mf-red)!important}
.mf-hero-face.bg-yellow{background:var(--mf-yellow)!important}
.mf-hero-face.bg-blue{background:var(--mf-blue)!important}
.mf-hero-face.bg-green{background:var(--mf-green)!important}
.mf-hero-face.bg-orange{background:var(--mf-orange)!important}

/* mf-title-contour orange variant */
.mf-title-contour.orange{-webkit-text-stroke-color:var(--mf-orange)!important;text-shadow:3px 3px 0 var(--mf-orange),-3px -3px 0 var(--mf-orange),3px -3px 0 var(--mf-orange),-3px 3px 0 var(--mf-orange),0 3px 0 var(--mf-orange),0 -3px 0 var(--mf-orange),3px 0 var(--mf-orange),-3px 0 var(--mf-orange)!important}
.mf-title-contour.yellow{-webkit-text-stroke-color:var(--mf-yellow)!important;text-shadow:3px 3px 0 var(--mf-yellow),-3px -3px 0 var(--mf-yellow),3px -3px 0 var(--mf-yellow),-3px 3px 0 var(--mf-yellow),0 3px 0 var(--mf-yellow),0 -3px 0 var(--mf-yellow),3px 0 var(--mf-yellow),-3px 0 var(--mf-yellow)!important}
.mf-title-contour.red{-webkit-text-stroke-color:var(--mf-red)!important;text-shadow:3px 3px 0 var(--mf-red),-3px -3px 0 var(--mf-red),3px -3px 0 var(--mf-red),-3px 3px 0 var(--mf-red),0 3px 0 var(--mf-red),0 -3px 0 var(--mf-red),3px 0 var(--mf-red),-3px 0 var(--mf-red)!important}

/* See All button — orange variant */
.mfe-see-all-orange{color:#fff!important;background:var(--mf-orange)!important;border:2px solid var(--mf-orange)!important}
.mfe-see-all-orange:hover{background:#e57b00!important;border-color:#e57b00!important}
.mfe-see-all-red{color:#fff!important;background:var(--mf-red)!important;border:2px solid var(--mf-red)!important}
.mfe-see-all-red:hover{background:#c41f1f!important;border-color:#c41f1f!important}
.mfe-see-all-yellow{color:#1a1a1a!important;background:var(--mf-yellow)!important;border:2px solid var(--mf-yellow)!important}
.mfe-see-all-yellow:hover{background:#e6b800!important;border-color:#e6b800!important}
.mfe-see-all-blue{color:#fff!important;background:var(--mf-blue)!important;border:2px solid var(--mf-blue)!important}
.mfe-see-all-blue:hover{background:#003d8c!important;border-color:#003d8c!important}

/* Generic hero bars (uses any 4 color combination) */
.mf-hero-bars-vibrant span{background:var(--mf-red)}
.mf-hero-bars-vibrant span:nth-child(2){background:var(--mf-yellow)!important}
.mf-hero-bars-vibrant span:nth-child(3){background:var(--mf-blue)!important}
.mf-hero-bars-vibrant span:nth-child(4){background:var(--mf-green)!important}

/* ════════════════════════════════════════════════════════════
   EVENTS HOME — Section sliders (Workshops/Meetups/Sessions/SD)
═══════════════════════════════════════════════════════════ */
.mfe-evsec-slider{position:relative!important;max-width:82%!important;margin:0 auto!important;padding:0 20px!important;box-sizing:border-box!important;margin-top:6px!important}
/* Inline variant: lives inside an existing .mf-container, so no width cap or auto-margin needed */
.mfe-evsec-slider.mfe-evsec-inline{max-width:none!important;margin-left:0!important;margin-right:0!important;padding:0 40px!important;margin-top:8px!important}
/* Inline arrows sit inside the container (40px padding above), not floating off-screen */
.mfe-evsec-slider.mfe-evsec-inline .mfe-arrow-left{left:0!important}
.mfe-evsec-slider.mfe-evsec-inline .mfe-arrow-right{right:0!important}
.mfe-evsec-viewport{overflow:hidden!important}
.mfe-evsec-track{display:grid!important;grid-template-rows:1fr!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 40px) / 3)!important;gap:20px!important;transition:transform .35s ease!important;will-change:transform!important;align-items:stretch!important;min-height:380px!important}
.mfe-evsec-track > .mfe-frame-card{min-width:0!important;min-height:380px!important}
.mfe-evsec-empty{padding:40px 20px!important;text-align:center!important;color:#888!important;font-weight:700!important;font-family:var(--mf-font),sans-serif!important;font-size:14px!important}

/* ─── Home slider card typography — bigger to fill the 380px height nicely ─── */
.mfe-evsec-track .mfe-evcard-body{padding:18px 20px 20px!important;gap:10px!important}
.mfe-evsec-track .mfe-evcard-title{font-size:21px!important;line-height:1.25!important}
.mfe-evsec-track .mfe-evcard-title-inline{font-size:19px!important;line-height:1.25!important}
.mfe-evsec-track .mfe-evcard-meta{font-size:14px!important;gap:16px!important;margin:8px 0 0!important}
.mfe-evsec-track .mfe-evcard-meta-item svg{width:16px!important;height:16px!important}
.mfe-evsec-track .mfe-evcard-desc{font-size:14.5px!important;line-height:1.55!important}
.mfe-evsec-track .mfe-evcard-foot{margin-top:14px!important}
.mfe-evsec-track .mfe-evcard-count,
.mfe-evsec-track .mfe-evcard-count-num{font-size:14px!important}
.mfe-evsec-track .mfe-evcard-av,
.mfe-evsec-track .mfe-evcard-av-more{width:28px!important;height:28px!important;font-size:11px!important}
.mfe-evsec-track .mfe-evcard-btnrow{margin-top:14px!important;gap:12px!important}
.mfe-evsec-track .mfe-evcard-btn,
.mfe-evsec-track .mfe-evcard-btn-details{font-size:14px!important;padding:11px 18px!important}
/* When card has no image, give the description more breathing room so the
   content visually fills the height instead of clustering at the top */
.mfe-evsec-track .mfe-frame-card-noimg .mfe-evcard-desc{font-size:15px!important;line-height:1.6!important}
.mfe-evsec-track .mfe-frame-card-noimg .mfe-evcard-body{padding:20px 22px 20px!important}
/* Slightly thicker colored top "border" between studs and white inner — matches v80 perceived weight */
.mfe-evsec-track .mfe-frame-body{padding-top:20px!important}
/* Original stud height (42px) restored. */

@media(max-width:900px){
  .mfe-evsec-track{grid-auto-columns:calc((100% - 20px) / 2)!important}
  .mfe-evsec-slider{padding:0 40px!important}
}
@media(max-width:560px){
  .mfe-evsec-track{grid-auto-columns:100%!important}
  .mfe-evsec-slider{padding:0 30px!important}
}

/* ════════════════════════════════════════════════════════════
   EVENT DETAIL POPUP — LEGO stud header per event type
═══════════════════════════════════════════════════════════ */
#mfe-detail-overlay{position:fixed!important;inset:0!important;z-index:99999!important;align-items:flex-start!important;justify-content:center!important;background:rgba(0,0,0,.55)!important;font-family:var(--mf-font),sans-serif!important;color:var(--mf-text)!important;padding:24px 16px!important;overflow-y:auto!important;display:none}
#mfe-detail-overlay.is-open{display:flex!important}
#mfe-detail-overlay *{box-sizing:border-box!important;font-family:var(--mf-font),sans-serif!important}

/* Lock background scroll when popup is open. Body is also position:fixed via JS to
   preserve scroll position; this overflow rule guards against momentum/touch scroll. */
html.mfe-detail-open,
body.mfe-detail-open{overflow:hidden!important}

.mfe-detail-wrapper{width:100%!important;max-width:680px!important;display:flex!important;flex-direction:column!important;border-radius:16px!important;overflow:hidden!important;margin:auto!important;max-height:95vh!important}

/* Stud bar — repeats the LEGO stud horizontally so it works at any popup width */
.mfe-detail-studs{height:28px!important;background-image:var(--detail-stud,var(--stud-red))!important;background-repeat:repeat-x!important;background-position:center bottom!important;background-size:auto 28px!important;border-radius:16px 16px 0 0!important;overflow:hidden!important}

/* Color frame around modal */
/* Color frame around modal — top border is thicker for a stronger header presence */
.mfe-detail-modal{background:var(--detail-color,var(--mf-red))!important;border-radius:16px!important;padding:16px 8px 8px 8px!important;max-height:90vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;position:relative!important}

/* Inner: scrolls vertically, but the scrollbar is treated as an OVERLAY so it
   does NOT take up content width. Native scrollbar is hidden entirely;
   user can still scroll via wheel / touchpad / arrow keys. */
.mfe-detail-inner{background:#fff!important;border-radius:14px!important;position:relative!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;flex:1 1 auto!important;min-height:0!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  scroll-behavior:smooth!important}
.mfe-detail-inner::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}

/* Modal-level scroll cue: visible white gradient + small chevron at the bottom.
   Opacity is driven by a CSS variable (--mfe-cue-opacity) updated on scroll
   so the fade is gradual, not a binary on/off toggle. */
.mfe-detail-modal{position:relative!important}
.mfe-detail-modal::after{content:""!important;position:absolute!important;left:8px!important;right:8px!important;bottom:8px!important;height:54px!important;border-radius:0 0 14px 14px!important;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.95) 60%,#fff 100%)!important;pointer-events:none!important;z-index:5!important;opacity:var(--mfe-cue-opacity, 1)!important;transition:opacity .15s linear!important}
.mfe-detail-modal.is-at-bottom::after{opacity:0!important}

/* Floating chevron — small bouncing arrow at the bottom of the popup */
.mfe-detail-wrapper{position:relative!important}
.mfe-detail-scroll-cue{position:absolute!important;left:50%!important;bottom:14px!important;transform:translateX(-50%)!important;width:30px!important;height:30px!important;border-radius:50%!important;background:rgba(0,0,0,.6)!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:none!important;z-index:10!important;opacity:1!important;transition:opacity .25s ease!important;animation:mfeDetailBounce 1.4s ease-in-out infinite!important;box-shadow:0 4px 12px rgba(0,0,0,.25)!important}
.mfe-detail-scroll-cue svg{width:16px!important;height:16px!important;stroke:#fff!important}
.mfe-detail-wrapper.is-at-bottom .mfe-detail-scroll-cue{opacity:0!important;animation:none!important}

@keyframes mfeDetailBounce{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(4px)}
}

.mfe-detail-close{position:absolute!important;top:12px!important;right:12px!important;background:var(--detail-color,var(--mf-red))!important;border:none!important;width:32px!important;height:32px!important;border-radius:50%!important;font-size:16px!important;color:#fff!important;cursor:pointer!important;z-index:10!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:800!important;line-height:1!important;padding:0!important;transition:opacity .2s!important}
.mfe-detail-close:hover{opacity:.75!important}

/* Hero image */
.mfe-detail-hero{width:100%!important;height:240px!important;background-size:cover!important;background-position:center!important;background-color:#f0f0f0!important;position:relative!important}
.mfe-detail-hero-fallback{width:100%!important;height:140px!important;background:linear-gradient(135deg,var(--detail-color,var(--mf-red)),var(--detail-color-dark,#c41f1f))!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-weight:900!important;font-size:18px!important;text-transform:uppercase!important;letter-spacing:.5px!important}

.mfe-detail-body{padding:24px 28px 26px!important}
.mfe-detail-datebox{display:inline-flex!important;align-items:center!important;gap:10px!important;background:#f5f7fb!important;border:2px solid var(--detail-color,var(--mf-red))!important;border-radius:10px!important;padding:8px 14px!important;font-size:13px!important;font-weight:800!important;margin-bottom:14px!important;color:var(--mf-text)!important}
.mfe-detail-datebox svg{flex-shrink:0!important}
.mfe-detail-title{font-family:var(--mf-font)!important;font-weight:900!important;font-size:24px!important;line-height:1.25!important;color:var(--mf-text)!important;margin:0 0 14px!important}
.mfe-detail-meta{display:flex!important;flex-wrap:wrap!important;gap:14px!important;margin-bottom:18px!important;font-size:13px!important;font-weight:700!important;color:#555!important}
.mfe-detail-meta-item{display:inline-flex!important;align-items:center!important;gap:6px!important}
.mfe-detail-desc{font-size:14px!important;font-weight:600!important;line-height:1.6!important;color:var(--mf-text)!important;margin:0 0 18px!important}
.mfe-detail-desc strong,.mfe-detail-desc b{font-weight:900!important}
.mfe-detail-desc em,.mfe-detail-desc i{font-style:italic!important}
.mfe-detail-desc u{text-decoration:underline!important}
.mfe-detail-desc a{color:var(--mf-blue)!important;text-decoration:underline!important}
.mfe-detail-desc span[style]{font-weight:inherit!important}
.mfe-detail-photos{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0 0 18px!important}
.mfe-detail-photo{width:88px!important;height:88px!important;border-radius:8px!important;background-size:cover!important;background-position:center!important;background-color:#f0f0f0!important;cursor:pointer!important;transition:transform .15s!important;border:2px solid #eee!important}
.mfe-detail-photo:hover{transform:scale(1.04)!important;border-color:var(--detail-color,var(--mf-red))!important}

.mfe-detail-counts{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:16px!important;padding:12px 14px!important;background:#fafbfc!important;border-radius:10px!important;border:1px solid #eee!important;font-size:13px!important;font-weight:700!important;color:#555!important}
.mfe-detail-counts strong{color:var(--mf-text)!important;font-weight:900!important}

.mfe-detail-btnrow{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
.mfe-detail-join{flex:1!important;min-width:140px!important;padding:14px 22px!important;border:none!important;border-radius:10px!important;font-size:15px!important;font-weight:900!important;font-family:var(--mf-font)!important;color:#fff!important;background:var(--detail-color,var(--mf-red))!important;cursor:pointer!important;transition:opacity .15s,transform .1s!important;text-transform:uppercase!important;letter-spacing:.3px!important}
.mfe-detail-join:hover{opacity:.9!important}
.mfe-detail-join:active{transform:translateY(1px)!important}
.mfe-detail-join.is-joined{background:#fff!important;color:var(--detail-color,var(--mf-red))!important;border:2px solid var(--detail-color,var(--mf-red))!important}
.mfe-detail-join:disabled{opacity:.5!important;cursor:not-allowed!important}

/* Color tokens applied per type */
.mfe-detail-type-workshop{--detail-color:var(--mf-red);--detail-color-dark:#c41f1f;--detail-stud:var(--stud-red)}
.mfe-detail-type-meetup{--detail-color:var(--mf-yellow);--detail-color-dark:#e6b800;--detail-stud:var(--stud-yellow)}
.mfe-detail-type-expert{--detail-color:var(--mf-blue);--detail-color-dark:#003d8c;--detail-stud:var(--stud-blue)}
/* Special Day uses BLACK studs + fully black frame (no orange anywhere on the frame) */
.mfe-detail-type-specialday{--detail-color:#000;--detail-color-dark:#000;--detail-stud:url('https://mini-talks.org/wp-content/uploads/2026/02/siyah-3.png')}

/* Meetup yellow → black text on light bg for contrast */
.mfe-detail-type-meetup .mfe-detail-close{color:#1a1a1a!important}
.mfe-detail-type-meetup .mfe-detail-join{color:#1a1a1a!important}

@media(max-width:640px){
  .mfe-detail-wrapper{max-width:none!important}
  .mfe-detail-hero{height:180px!important}
  .mfe-detail-body{padding:18px 18px 16px!important}
  .mfe-detail-title{font-size:20px!important}
}

/* ════════════════════════════════════════════════════════════
   See Details button on cards
═══════════════════════════════════════════════════════════ */
.mfe-evcard-btn-details{padding:10px 18px!important;border:2px solid currentColor!important;border-radius:8px!important;background:#fff!important;font-size:13px!important;font-weight:900!important;font-family:var(--mf-font)!important;cursor:pointer!important;transition:all .15s!important;letter-spacing:.2px!important;color:var(--mf-text)!important}
.mfe-evcard-btn-details.det-red{color:var(--mf-red)!important;border-color:var(--mf-red)!important}
.mfe-evcard-btn-details.det-yellow{color:#9a7a00!important;border-color:var(--mf-yellow)!important}
.mfe-evcard-btn-details.det-blue{color:var(--mf-blue)!important;border-color:var(--mf-blue)!important}
.mfe-evcard-btn-details.det-orange{color:var(--mf-orange)!important;border-color:var(--mf-orange)!important}
.mfe-evcard-btn-details:hover{background:currentColor!important;color:currentColor!important}
.mfe-evcard-btn-details:hover{color:#fff!important}
.mfe-evcard-btn-details.det-red:hover{background:var(--mf-red)!important;color:#fff!important;border-color:var(--mf-red)!important}
.mfe-evcard-btn-details.det-yellow:hover{background:var(--mf-yellow)!important;color:#1D1D1B!important;border-color:var(--mf-yellow)!important}
.mfe-evcard-btn-details.det-blue:hover{background:var(--mf-blue)!important;color:#fff!important;border-color:var(--mf-blue)!important}
.mfe-evcard-btn-details.det-orange:hover{background:var(--mf-orange)!important;color:#fff!important;border-color:var(--mf-orange)!important}

/* Special Days home grid: orange option */
.mfe-sd-card.mfe-sd-orange{border-color:var(--mf-orange)!important}

/* Photo upload (admin) - placeholder for past events */
.mfe-detail-photos-empty{text-align:center;color:#888;font-style:italic;padding:20px;background:#f8f9fb;border:2px dashed #d9dde5;border-radius:10px}

/* ════════════════════════════════════════════════════════════
   IMAGE-FREE CARD LAYOUT — datebox left, title right (compact)
═══════════════════════════════════════════════════════════ */
.mfe-frame-card-noimg .mfe-evcard-body{padding:18px 18px 16px!important}
.mfe-evcard-headerow{display:flex!important;align-items:flex-start!important;gap:14px!important;margin-bottom:12px!important}
.mfe-evcard-headerow .mfe-datebox{flex-shrink:0!important;align-self:flex-start!important}
.mfe-evcard-title-inline{margin:0!important;flex:1!important;font-size:16px!important;line-height:1.3!important;font-weight:900!important;color:var(--mf-text)!important;align-self:center!important}

/* ════════════════════════════════════════════════════════════
   CARD WITH IMAGE — colored separator between image and body
═══════════════════════════════════════════════════════════ */
.mfe-evcard-img-has{border-bottom:4px solid currentColor!important}
.mfe-evcard-img-bdr-red{color:var(--mf-red)!important}
.mfe-evcard-img-bdr-yellow{color:var(--mf-yellow)!important}
.mfe-evcard-img-bdr-blue{color:var(--mf-blue)!important}
.mfe-evcard-img-bdr-green{color:var(--mf-green)!important}
.mfe-evcard-img-bdr-orange{color:var(--mf-orange)!important}
/* Reset color on the image itself so the border-bottom uses the type color */
.mfe-evcard-img-has img{color:transparent!important}

/* ════════════════════════════════════════════════════════════
   DATEBOX OVER PHOTO — bigger and more visible against the image
═══════════════════════════════════════════════════════════ */
.mfe-evcard-img-has .mfe-datebox{min-width:64px!important;box-shadow:0 4px 14px rgba(0,0,0,.25)!important}
.mfe-evcard-img-has .mfe-datebox .mfe-d-day{font-size:13px!important;padding:7px 10px!important}
.mfe-evcard-img-has .mfe-datebox .mfe-d-num{font-size:28px!important;padding:9px 6px 2px!important}
.mfe-evcard-img-has .mfe-datebox .mfe-d-mon{font-size:13px!important;padding:0 6px 8px!important}

/* ════════════════════════════════════════════════════════════
   LIGHTBOX — full-screen image viewer for gallery photos
   Sits ABOVE detail overlay (z-index 99999) so it covers it.
═══════════════════════════════════════════════════════════ */
#mfe-lightbox{position:fixed!important;inset:0!important;z-index:100050!important;background:rgba(0,0,0,.92)!important;display:none!important;align-items:center!important;justify-content:center!important;padding:40px 60px!important;font-family:var(--mf-font),sans-serif!important;box-sizing:border-box!important}
#mfe-lightbox.is-open{display:flex!important}
#mfe-lightbox *{box-sizing:border-box!important}
.mfe-lb-stage{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;cursor:zoom-out!important}
.mfe-lb-img{max-width:100%!important;max-height:calc(100vh - 80px)!important;width:auto!important;height:auto!important;border-radius:6px!important;box-shadow:0 12px 40px rgba(0,0,0,.6)!important;display:block!important;cursor:zoom-out!important}
.mfe-lb-close{position:absolute!important;top:14px!important;right:18px!important;width:44px!important;height:44px!important;border:none!important;background:rgba(255,255,255,.12)!important;color:#fff!important;border-radius:50%!important;cursor:pointer!important;transition:background .15s!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
.mfe-lb-close svg{display:block!important}
.mfe-lb-close:hover{background:rgba(255,255,255,.25)!important}
.mfe-lb-prev,.mfe-lb-next{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:52px!important;height:52px!important;border:none!important;background:rgba(255,255,255,.12)!important;color:#fff!important;border-radius:50%!important;cursor:pointer!important;transition:background .15s!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
.mfe-lb-prev svg,.mfe-lb-next svg{display:block!important}
.mfe-lb-prev{left:18px!important}
.mfe-lb-next{right:18px!important}
.mfe-lb-prev:hover,.mfe-lb-next:hover{background:rgba(255,255,255,.25)!important}
.mfe-lb-counter{position:absolute!important;bottom:18px!important;left:50%!important;transform:translateX(-50%)!important;color:#fff!important;font-size:13px!important;font-weight:700!important;background:rgba(0,0,0,.5)!important;padding:6px 14px!important;border-radius:14px!important;letter-spacing:.5px!important}
@media(max-width:560px){
  #mfe-lightbox{padding:50px 14px!important}
  .mfe-lb-prev,.mfe-lb-next{width:40px!important;height:40px!important}
  .mfe-lb-prev{left:6px!important}
  .mfe-lb-next{right:6px!important}
  .mfe-lb-close{top:8px!important;right:8px!important;width:36px!important;height:36px!important}
}

/* Login-prompt mode (data-mode="login") — cosmetic tweaks for guest popup:
   1. Narrower wrapper (480px) than the default 680px — login content is small
   2. Hide the bottom scroll cue + fade gradient (no scrollable body here) */
#mfe-detail-overlay[data-mode="login"] .mfe-detail-wrapper{max-width:480px!important}
#mfe-detail-overlay[data-mode="login"] .mfe-detail-scroll-cue{display:none!important}
#mfe-detail-overlay[data-mode="login"] .mfe-detail-modal::after{display:none!important}

/* ════════════════════════════════════════════════════════════
   LOGIN REQUIRED PROMPT — inner body styles only.
   The outer chrome (black LEGO studs + black frame + circular
   close button) is provided by .mfe-detail-overlay with the
   .mfe-detail-type-specialday theme; we just style the content.
═══════════════════════════════════════════════════════════ */
.mfe-lp-body{padding:36px 28px 30px!important;text-align:center!important;font-family:var(--mf-font),sans-serif!important}
.mfe-lp-body *{font-family:var(--mf-font),sans-serif!important}
.mfe-lp-icon{width:80px!important;height:80px!important;border-radius:14px!important;background:#FFCC00!important;margin:0 auto 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 6px 18px rgba(255,204,0,.45)!important}
.mfe-lp-icon img{width:78%!important;height:auto!important;display:block!important}
.mfe-lp-title{font-weight:900!important;font-size:26px!important;color:#1D1D1B!important;margin:0 0 10px!important;line-height:1.2!important}
.mfe-lp-text{font-weight:600!important;font-size:15px!important;color:#444!important;margin:0 0 24px!important;line-height:1.55!important}
.mfe-lp-cta{display:inline-block!important;background:#FFCC00!important;color:#1D1D1B!important;font-weight:900!important;font-size:15px!important;padding:14px 44px!important;border-radius:10px!important;text-decoration:none!important;letter-spacing:.5px!important;border:none!important;cursor:pointer!important;transition:transform .15s,filter .15s,box-shadow .15s!important;text-transform:uppercase!important;box-shadow:0 4px 0 #1D1D1B!important}
.mfe-lp-cta:hover{transform:translateY(-2px)!important;filter:brightness(1.06)!important;color:#1D1D1B!important;text-decoration:none!important;box-shadow:0 6px 0 #1D1D1B!important}
.mfe-lp-cta:active{transform:translateY(2px)!important;box-shadow:0 1px 0 #1D1D1B!important}
.mfe-lp-signin{font-weight:600!important;font-size:13px!important;color:#666!important;margin:18px 0 0!important}
.mfe-lp-signin-link{color:#1D1D1B!important;text-decoration:none!important;font-weight:800!important;border-bottom:2px solid #FFCC00!important;padding-bottom:1px!important}
.mfe-lp-signin-link:hover{color:#1D1D1B!important;background:#FFCC00!important}
@media(max-width:480px){
  .mfe-lp-body{padding:28px 22px 24px!important}
  .mfe-lp-title{font-size:23px!important}
  .mfe-lp-icon{width:70px!important;height:70px!important}
  .mfe-lp-cta{padding:13px 36px!important;font-size:14px!important}
}