@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ═══ OVERLAY ═══ */
.mf-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,0.45)!important;font-family:'Montserrat',sans-serif!important;color:#1D1D1B!important;padding:24px 16px!important;overflow-y:auto!important}
.mf-overlay *{box-sizing:border-box!important;font-family:'Montserrat',sans-serif!important}

/* ═══ POPUP WRAPPER ═══ */
.mf-popup-wrapper{width:100%!important;max-width:520px!important;display:flex!important;flex-direction:column!important;border-radius:16px!important;overflow:hidden!important;margin:auto!important}

/* ═══ STUD TOP ═══ */
.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}

/* ═══ RED MODAL ═══ */
.mf-popup-modal{background:#E52828!important;border-radius:16px!important;padding:8px!important}

/* ═══ WHITE INNER ═══ */
.mf-popup-inner{background:#fff!important;border-radius:14px!important;padding:28px 28px 22px!important;position:relative!important;overflow-y:auto!important}
.mf-popup-inner::-webkit-scrollbar{width:6px!important}
.mf-popup-inner::-webkit-scrollbar-track{background:transparent!important}
.mf-popup-inner::-webkit-scrollbar-thumb{background:#ddd!important;border-radius:3px!important}

.mf-popup-close{position:absolute!important;top:10px!important;right:10px!important;background:#E52828!important;border:none!important;width:28px!important;height:28px!important;border-radius:50%!important;font-size:14px!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;transition:opacity .2s!important;padding:0!important}
.mf-popup-close:hover{opacity:.75!important}

.mf-btn-cancel{background:#f0f0f0!important;border:2px solid #ccc!important;color:#555!important;transition:all .2s!important}
.mf-btn-cancel:hover{background:#e0e0e0!important;border-color:#999!important;color:#333!important}

/* ═══ POPUP CONTENT ═══ */
.mf-popup-step h2{font-size:24px!important;font-weight:900!important;text-align:center!important;margin:0 0 4px!important}
.mf-popup-sub{font-size:13px!important;color:#666!important;text-align:center!important;margin:0 0 18px!important}
.mf-popup-form{display:flex!important;flex-direction:column!important;gap:10px!important}
.mf-popup-form .mf-field-group{margin-bottom:0!important}
.mf-popup-form label{font-size:13px!important;font-weight:700!important;display:block!important;margin-bottom:3px!important}
.mf-popup-form label small{font-weight:500!important;color:#999!important;font-size:11px!important}
.mf-popup-form input,.mf-popup-form select{width:100%!important;padding:10px 14px!important;border-radius:10px!important;border:2px solid #1D1D1B!important;font-size:14px!important;outline:none!important;background:#fff!important;color:#1D1D1B!important}
.mf-popup-form input:focus,.mf-popup-form select:focus{border-color:#0055BF!important;box-shadow:0 0 0 3px rgba(0,85,191,0.15)!important}
.mf-popup-switch{font-size:13px!important;color:#999!important;text-align:center!important;margin-top:6px!important}
.mf-popup-switch a{color:#0055BF!important;font-weight:800!important;text-decoration:none!important}

/* ═══ CONSENT SECTION ═══ */
.mf-consent-row{display:flex!important;align-items:center!important;gap:10px!important;margin:8px 0 4px!important}
.mf-consent-row input[type="checkbox"]{width:18px!important;height:18px!important;flex-shrink:0!important;accent-color:#237841!important;cursor:pointer!important}
.mf-consent-row label{font-size:12px!important;font-weight:600!important;color:#333!important;cursor:pointer!important;line-height:1.4!important;margin-bottom:0!important}
.mf-consent-row a{color:#0055BF!important;text-decoration:underline!important}
.mf-consent-notes{display:flex!important;flex-direction:column!important;gap:3px!important;margin-bottom:8px!important}
.mf-consent-notes span{font-size:11px!important;color:#999!important;padding-left:28px!important;line-height:1.3!important}

/* ═══ ROLES ═══ */
.mf-roles-list{display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:14px!important}
.mf-role-option{padding:12px 14px!important;border-radius:12px!important;border:2px solid #ddd!important;background:#fff!important;display:flex!important;align-items:flex-start!important;gap:12px!important;cursor:pointer!important;text-align:left!important;transition:all .2s!important;font-size:14px!important;font-weight:600!important;color:#1D1D1B!important}
.mf-role-option strong{font-size:14px!important;font-weight:800!important}
.mf-role-option small{font-weight:500!important;color:#777!important;font-size:11.5px!important;line-height:1.3!important}
.mf-role-option.selected{background:rgba(0,0,0,.02)!important}
.mf-role-check{width:20px!important;height:20px!important;border-radius:50%!important;border:2px solid #ddd!important;flex-shrink:0!important;margin-top:2px!important;transition:all .2s!important}
.mf-role-option.selected .mf-role-check{border-color:currentColor!important;background:currentColor!important}

/* ═══ BUTTONS ═══ */
.mf-btn{display:inline-block!important;padding:12px 26px!important;border-radius:10px!important;font-size:14px!important;font-weight:800!important;cursor:pointer!important;border:none!important;font-family:'Montserrat',sans-serif!important;text-decoration:none!important;text-align:center!important;transition:opacity .2s!important}
.mf-btn:hover{opacity:.88!important}
.mf-btn-blue{background:#0055BF!important;color:#fff!important}
.mf-btn-green{background:#237841!important;color:#fff!important}
.mf-btn-full{width:100%!important}
.mf-auth-error{padding:8px 14px!important;border-radius:8px!important;background:#FEE2E2!important;border:2px solid #F87171!important;color:#B91C1C!important;font-size:13px!important;font-weight:600!important;text-align:center!important;margin-top:8px!important;display:none}

/* ═══ HEADER BUTTONS (only on forum page now) ═══ */
.mt-auth-wrap{position:absolute!important;top:50%!important;right:24px!important;transform:translateY(-50%)!important;z-index:60!important;display:flex!important;align-items:center!important;gap:8px!important}
.mt-auth-btn{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 18px 7px 7px!important;border-radius:24px!important;background:#fff!important;border:none!important;cursor:pointer!important;text-decoration:none!important;transition:box-shadow .2s,transform .15s!important;box-shadow:0 1px 6px rgba(0,0,0,.08)!important;font-family:'Montserrat',sans-serif!important}
.mt-auth-btn:hover{box-shadow:0 2px 12px rgba(0,0,0,.13)!important;transform:translateY(-1px)!important}
.mt-auth-btn-text{font-size:12.5px!important;font-weight:700!important;color:#1a1a1a!important;white-space:nowrap!important}
.mt-auth-btn-ghost{background:transparent!important;box-shadow:none!important;border:2px solid rgba(0,0,0,.12)!important;padding:7px 16px!important}
.mt-auth-btn-ghost:hover{border-color:rgba(0,0,0,.25)!important}
.mt-auth-btn-ghost .mt-auth-btn-text{color:#333!important}
.mt-minifig-head{flex-shrink:0!important;display:block!important}
.mt-auth-pill{display:inline-flex!important;align-items:center!important;gap:9px!important;padding:5px 16px 5px 5px!important;border-radius:28px!important;background:#fff!important;border:none!important;cursor:pointer!important;transition:box-shadow .2s!important;box-shadow:0 1px 6px rgba(0,0,0,.08)!important;font-family:'Montserrat',sans-serif!important;text-decoration:none!important}
.mt-auth-pill:hover{box-shadow:0 2px 12px rgba(0,0,0,.12)!important}
.mt-auth-pill-text{font-size:13px!important;font-weight:700!important;color:#1a1a1a!important;white-space:nowrap!important}
.mt-auth-dropdown{position:absolute!important;top:calc(100% + 6px)!important;right:0!important;background:#fff!important;border-radius:12px!important;box-shadow:0 4px 20px rgba(0,0,0,.12)!important;padding:6px!important;min-width:160px!important;display:none!important;z-index:200!important}
.mt-auth-dropdown.open{display:block!important}
.mt-auth-dd-item{display:block!important;padding:10px 14px!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;color:#1a1a1a!important;text-decoration:none!important;cursor:pointer!important;border:none!important;background:none!important;width:100%!important;text-align:left!important;transition:background .15s!important}
.mt-auth-dd-item:hover{background:#f5f5f5!important}
.mt-auth-dd-divider{height:1px!important;background:#eee!important;margin:4px 8px!important}
.mt-auth-dd-logout{color:#E52828!important}

@media(max-width:1024px){.mt-auth-wrap{right:72px!important}.mt-auth-btn-text,.mt-auth-pill-text{display:none!important}.mt-auth-btn{padding:4px!important;border-radius:50%!important}.mt-auth-btn-ghost{display:none!important}.mt-auth-pill{padding:4px!important;border-radius:50%!important}}
@media(max-width:640px){.mf-popup-wrapper{max-width:none!important}.mf-popup-inner{padding:20px 18px 16px!important;max-height:70vh!important}}
