/* ============================================================
   مدرن فیتنس — v6: نشان‌های اعتماد، امضای طراح، گاوصندوق OTP،
   سازگاری ادیتور المنتور
   ============================================================ */

/* ---------- ۱) نشان‌های اعتماد در فوتر ---------- */
.mfc-f-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.mfc-badge{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--surface2,#181a20);border:1px solid var(--line,#2a2d36);
  border-radius:14px;padding:9px 14px;text-decoration:none;
  transition:transform .25s, border-color .25s, box-shadow .25s;
}
.mfc-badge i{font-style:normal;font-size:22px;line-height:1;filter:drop-shadow(0 0 6px rgba(249,115,22,.35))}
.mfc-badge b{font-size:11.5px;font-weight:700;color:var(--text,#e8eaf0);line-height:1.5}
.mfc-badge:hover{transform:translateY(-3px);border-color:var(--accent,#F97316);box-shadow:0 10px 24px rgba(249,115,22,.18)}
.mfc-badge-ph{cursor:help;border-style:dashed;opacity:.75}
.mfc-badge-ph b{font-weight:600;color:var(--muted,#9aa0ae)}
html[dir="ltr"] .mfc-badge{flex-direction:row}

/* ---------- ۲) امضای طراح در کپی‌رایت ---------- */
.mfc-credit{display:inline-block;margin-inline-start:8px;color:var(--muted,#9aa0ae);font-size:12.5px}
.mfc-credit a{
  color:var(--accent,#F97316);text-decoration:none;font-weight:800;
  border-bottom:1px dashed rgba(249,115,22,.45);padding-bottom:1px;
  transition:color .2s,border-color .2s;
}
.mfc-credit a:hover{color:#fbbf24;border-color:#fbbf24}

/* ---------- ۳) گاوصندوق OTP — صفحهٔ کد ---------- */
.mfc-vault{position:relative}
.mfc-vault-glow{
  position:absolute;inset:-34px -24px auto;height:150px;pointer-events:none;
  background:radial-gradient(ellipse at 50% 0%,rgba(249,115,22,.20),transparent 68%);
  filter:blur(6px);
}
.mfc-vault-dial{
  width:86px;height:86px;margin:4px auto 14px;border-radius:50%;
  background:
    radial-gradient(circle at 32% 28%,rgba(255,255,255,.16),transparent 42%),
    conic-gradient(from 220deg,#2b2e37,#14161c 26%,#3a3e4a 47%,#14161c 66%,#2b2e37);
  border:2px solid rgba(249,115,22,.4);
  box-shadow:0 0 0 5px rgba(249,115,22,.07),0 14px 30px rgba(0,0,0,.5),inset 0 2px 8px rgba(255,255,255,.08);
  position:relative;
  animation:mfc-dial-spin 2.6s cubic-bezier(.3,.9,.35,1) 1;
}
.mfc-vault-dial::before{
  content:"";position:absolute;inset:16%;border-radius:50%;
  background:radial-gradient(circle at 34% 30%,#3d4150,#0f1116 70%);
  border:1px solid rgba(255,255,255,.09);
}
.mfc-vault-dial::after{
  content:"";position:absolute;top:7px;left:50%;width:4px;height:20px;margin-left:-2px;
  border-radius:3px;background:linear-gradient(#F97316,#fbbf24);
  box-shadow:0 0 12px rgba(249,115,22,.9);
}
.mfc-vault.is-open .mfc-vault-dial{animation:mfc-dial-open 1.1s ease forwards}
@keyframes mfc-dial-spin{0%{transform:rotate(-520deg)}100%{transform:rotate(0)}}
@keyframes mfc-dial-open{0%{transform:rotate(0)}70%{transform:rotate(120deg)}100%{transform:rotate(360deg)}}

.mfc-vault-row{display:flex;gap:9px;justify-content:center;direction:ltr;margin:16px 0 6px}
.mfc-otp-v{
  width:48px;height:60px;text-align:center;
  font-size:25px;font-weight:800;font-family:inherit;
  color:var(--text,#e8eaf0);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),var(--surface2,#15171d);
  border:1px solid var(--line,#2a2d36);
  border-radius:13px;
  outline:none;
  caret-color:var(--accent,#F97316);
  transition:transform .18s,border-color .18s,box-shadow .25s,background .25s;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.25);
}
.mfc-otp-v::selection{background:transparent}
.mfc-otp-v:focus{
  transform:translateY(-4px) scale(1.05);
  border-color:var(--accent,#F97316);
  box-shadow:0 0 0 4px rgba(249,115,22,.16),0 14px 26px rgba(0,0,0,.35);
  background:linear-gradient(180deg,rgba(249,115,22,.08),rgba(249,115,22,.02)),var(--surface2,#15171d);
}
.mfc-otp-v.is-filled{
  border-color:rgba(249,115,22,.55);
  box-shadow:0 0 0 3px rgba(249,115,22,.10),inset 0 2px 10px rgba(249,115,22,.12);
}
.mfc-otp-v.pop{animation:mfc-pop .3s cubic-bezier(.2,1.6,.4,1)}
@keyframes mfc-pop{0%{transform:scale(1)}45%{transform:scale(1.16)}100%{transform:scale(1)}}
.mfc-vault-row.shake{animation:mfc-shake .45s}
@keyframes mfc-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-9px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}

.mfc-vault-hint{text-align:center;font-size:12px;color:var(--muted,#9aa0ae);margin-bottom:14px}
.mfc-vault-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 4px;flex-wrap:wrap}
.mfc-vault-timer{
  display:inline-flex;align-items:center;gap:7px;
  font-size:12.5px;font-weight:700;color:var(--muted,#9aa0ae);
  background:var(--surface2,#181a20);border:1px solid var(--line,#2a2d36);
  border-radius:999px;padding:6px 13px;
}
.mfc-vault-timer.is-live{color:var(--accent,#F97316);border-color:rgba(249,115,22,.4)}
.mfc-vault-timer b{font-variant-numeric:tabular-nums;min-width:34px;text-align:center}
.mfc-vault-resend{
  font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;
  color:var(--accent,#F97316);background:none;border:0;padding:6px 2px;
}
.mfc-vault-resend[disabled]{opacity:.45;cursor:not-allowed}
.mfc-vault-change{font-size:12px;color:var(--muted,#9aa0ae);text-decoration:none}
.mfc-vault-change:hover{color:var(--text,#e8eaf0)}

/* حالت روشن */
html:not(.mfc-dark) .mfc-otp-v{background:#fff;box-shadow:0 6px 16px rgba(15,18,26,.08)}
html:not(.mfc-dark) .mfc-vault-dial{box-shadow:0 14px 30px rgba(15,18,26,.18),inset 0 2px 8px rgba(255,255,255,.5)}

/* ---------- ۴) سازگاری با ادیتور المنتور ---------- */
.elementor-editor-active .mfc-pre,
.elementor-editor-preview .mfc-pre{display:none!important}
.elementor-editor-active .mfc-progress,
.elementor-editor-preview .mfc-progress{display:none!important}
.elementor-editor-active .mfc-fab,
.elementor-editor-preview .mfc-fab{display:none!important}
.elementor-page .mfc-pre{display:none!important}
.elementor-page #mfc-main{overflow:visible}

/* ---------- ۵) ریسپانسیو ---------- */
@media (max-width:560px){
  .mfc-otp-v{width:42px;height:54px;font-size:22px;border-radius:11px}
  .mfc-vault-row{gap:7px}
  .mfc-f-badges{justify-content:center}
  .mfc-credit{display:block;margin:6px 0 0}
}
@media (prefers-reduced-motion:reduce){
  .mfc-vault-dial{animation:none}
  .mfc-otp-v.pop,.mfc-vault-row.shake{animation:none}
}

/* ================= ۴.۲.۱: ضدگلوله — فرم‌ها هیچ‌وقت نامرئی نمی‌شوند ================= */
html:not(.js) .mfc-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
.mfc-form-card, .mfc-form-card .mfc-form-fields { opacity: 1 !important; transform: none !important; }
.mfc-form-card button[data-mfc-busy] { opacity: .6; pointer-events: none; }