/* ================================================================
   ShadiGiva — Profile Journey Widget styles (journey.css)
   Royal palette: sindoor maroon / aged gold / ivory
   ================================================================ */
#sg-journey{max-width:1180px;margin:1.1rem auto 0;padding:0 1rem}

.sgj-card{
  background:#fff;
  border:1px solid rgba(185,138,47,.25);
  border-top:3px solid #B98A2F;
  border-radius:14px;
  box-shadow:0 8px 28px rgba(59,18,38,.08);
  padding:1.15rem 1.3rem 1.3rem;
  font-family:'DM Sans','Mulish',sans-serif;
}
.sgj-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.sgj-eyebrow{font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:#B98A2F;font-weight:800;margin-bottom:.25rem}
.sgj-nudge{font-size:.92rem;color:#5A4450}
.sgj-nudge strong{color:#3B1226}

/* completeness ring */
.sgj-ring{position:relative;width:52px;height:52px;flex:0 0 52px}
.sgj-ring svg{width:52px;height:52px;transform:rotate(-90deg)}
.sgj-ring-bg{fill:none;stroke:#F1E4E8;stroke-width:5}
.sgj-ring-fg{fill:none;stroke:#7A1F3D;stroke-width:5;stroke-linecap:round;stroke-dasharray:119.4;transition:stroke-dashoffset .6s ease}
.sgj-ring span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;color:#7A1F3D}

/* steps row */
.sgj-steps{display:flex;align-items:stretch;gap:0}
.sgj-step{
  flex:1;display:flex;gap:.65rem;align-items:flex-start;
  padding:.85rem .9rem;border-radius:10px;min-width:0;
}
.sgj-connector{width:26px;flex:0 0 26px;align-self:center;border-top:2px dashed rgba(122,31,61,.25);margin:0 -2px}

.sgj-badge{
  flex:0 0 30px;width:30px;height:30px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:.85rem;
  background:#F1E4E8;color:#7A1F3D;border:1.5px solid rgba(122,31,61,.3);
}
.sgj-title{font-weight:700;color:#3B1226;font-size:.9rem;line-height:1.3}
.sgj-sub{font-size:.76rem;color:#8A7280;margin-top:.15rem;line-height:1.45}

/* states */
.sgj-done{opacity:.85}
.sgj-done .sgj-badge{background:#7A1F3D;color:#fff;border-color:#7A1F3D}
.sgj-donetag{display:inline-block;margin-top:.4rem;font-size:.68rem;font-weight:800;color:#1E7A46;background:rgba(30,122,70,.1);padding:.15rem .55rem;border-radius:999px}

.sgj-active{
  background:linear-gradient(135deg,rgba(122,31,61,.05),rgba(185,138,47,.06));
  border:1px solid rgba(185,138,47,.35);
}
.sgj-active .sgj-badge{background:#B98A2F;color:#fff;border-color:#B98A2F;box-shadow:0 0 0 4px rgba(185,138,47,.18)}
.sgj-cta{
  display:inline-block;margin-top:.5rem;
  background:#7A1F3D;color:#fff !important;text-decoration:none;
  font-size:.78rem;font-weight:800;
  padding:.42rem 1rem;border-radius:999px;
  transition:background .15s;
}
.sgj-cta:hover{background:#5C142D}

.sgj-upcoming{opacity:.55}

/* all-done strip */
.sgj-done-card{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.1rem}
.sgj-done-icon{font-size:1.4rem}
.sgj-done-txt{font-size:.88rem;color:#5A4450;flex:1}
.sgj-done-txt strong{color:#3B1226}
.sgj-dismiss{background:none;border:none;color:#8A7280;font-size:1rem;cursor:pointer;padding:.3rem}

/* toast nudge */
.sgj-toast{
  position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);
  background:#3B1226;color:#fff;font-family:'DM Sans','Mulish',sans-serif;
  font-size:.88rem;padding:.75rem 1.2rem;border-radius:999px;
  box-shadow:0 14px 40px rgba(0,0,0,.35);
  opacity:0;transition:opacity .3s,transform .3s;z-index:9998;
  display:flex;gap:.5rem;align-items:center;max-width:92vw;
}
.sgj-toast.show{opacity:1;transform:translate(-50%,0)}
.sgj-toast a{color:#E2C98A;font-weight:800;text-decoration:none;white-space:nowrap}

/* responsive: vertical stepper on small screens */
@media (max-width:860px){
  .sgj-steps{flex-direction:column;gap:.35rem}
  .sgj-connector{width:auto;flex:none;border-top:none;border-left:2px dashed rgba(122,31,61,.25);height:14px;margin:0 0 0 24px;align-self:flex-start}
}