/* ═══════════════════════════════════════════════════════════════
   Migration Modal — Darmowa migracja WordPress
   ═══════════════════════════════════════════════════════════════ */

.mig-modal .modal-dialog{max-width:1080px}
.mig-modal-content{border:0;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(15,23,42,.3);position:relative;background:#fff}

/* Close button */
.mig-modal-x{position:absolute;top:18px;right:18px;z-index:10;width:36px;height:36px;border-radius:50%;border:0;background:rgba(15,23,42,.05);color:var(--txt-muted);display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:background .2s,color .2s}
.mig-modal-x:hover{background:rgba(15,23,42,.1);color:var(--txt-dark)}

/* Grid: photo + form */
.mig-modal-grid{display:grid;grid-template-columns:1fr 1.1fr;min-height:560px}

/* Photo (placeholder — zamień na <img> gdy będzie zdjęcie) */
.mig-modal-photo{background:linear-gradient(155deg,#f4f8fb,#e5ebf2);position:relative;overflow:hidden}
.mig-modal-photo-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--txt-muted)}
.mig-modal-photo-ph i{font-size:4rem;opacity:.4}
.mig-modal-photo-ph span{font-size:.78rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase;opacity:.7}

/* Form side */
.mig-modal-form-wrap{padding:48px 48px 44px;display:flex;flex-direction:column;justify-content:center}
.mig-modal-h{font-family:'Poppins',sans-serif;font-size:1.75rem;font-weight:700;color:var(--txt-dark);line-height:1.2;margin-bottom:16px;letter-spacing:-.3px}
.mig-modal-sub{font-size:.92rem;color:var(--txt-body);line-height:1.6;margin-bottom:28px}
.mig-modal-sub strong{color:var(--txt-dark);font-weight:700}

/* Mini 3-step flow */
.mig-modal-steps-ttl{font-size:.78rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--accent);margin:4px 0 8px}
.mig-modal-steps{display:flex;gap:10px;margin:0 0 24px;padding:14px;background:rgba(30,177,180,.06);border:1px solid rgba(30,177,180,.15);border-radius:12px}
.mig-modal-step{flex:1;display:flex;align-items:center;gap:8px;min-width:0}
.mig-modal-step-n{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-size:.78rem;font-weight:800}
.mig-modal-step-t{font-size:.78rem;font-weight:600;color:var(--txt-dark);line-height:1.25}
@media(max-width:560px){
  .mig-modal-steps{flex-direction:column;gap:8px}
}

/* Form */
.mig-modal-form{display:flex;flex-direction:column;gap:10px}
.mig-in{width:100%;padding:13px 16px;border:1.5px solid var(--border);border-radius:10px;font-size:.9rem;color:var(--txt-dark);font-family:inherit;background:#fff;transition:border-color .2s}
.mig-in::placeholder{color:var(--txt-muted)}
.mig-in:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(30,177,180,.12)}

.mig-modal-radio-lbl{font-size:.85rem;font-weight:600;color:var(--txt-dark);margin:14px 0 6px}
.mig-modal-radios{display:flex;gap:20px;margin-bottom:8px}
.mig-modal-radios label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:.88rem;color:var(--txt-body)}
.mig-modal-radios input{accent-color:var(--accent);cursor:pointer}

.mig-modal-submit{align-self:flex-start;background:var(--yellow);color:var(--txt-dark);font-weight:800;font-size:.92rem;text-transform:uppercase;letter-spacing:.5px;padding:14px 36px;border-radius:999px;border:0;cursor:pointer;transition:all .25s;margin-top:14px}
.mig-modal-submit:hover{background:var(--yellow-dark);transform:translateY(-2px);box-shadow:0 8px 22px rgba(255,215,60,.4)}

.mig-modal-consent{font-size:.72rem;color:var(--txt-muted);line-height:1.55;margin-top:18px}
.mig-modal-consent a{color:var(--accent);text-decoration:none;font-weight:600}
.mig-modal-consent a:hover{text-decoration:underline}

.mig-modal-thanks{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:20px;display:flex;align-items:center;gap:12px;color:#15803d;font-size:.95rem}
.mig-modal-thanks i{font-size:1.4rem}

/* Responsive */
@media(max-width:768px){
  .mig-modal .modal-dialog{margin:12px}
  .mig-modal-grid{grid-template-columns:1fr;min-height:auto}
  .mig-modal-photo{min-height:200px}
  .mig-modal-form-wrap{padding:28px 24px 32px}
  .mig-modal-h{font-size:1.35rem}
  .mig-modal-sub{font-size:.85rem}
}