/* Cart reminder — ported from syllabusx's assets/src/css/partials/footer-cart.css.

   Same structure and the same sizes; three things change, all the house LMD rules:
   square corners, the heading in LMD navy rather than SyllabusX's #0f2a4d, and the
   primary button in LMD red instead of brand blue. */

#lmd-cart-reminder{
  position:fixed;inset:0;z-index:99998;padding:20px;
  background:rgba(15,23,42,.55);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  display:flex;align-items:center;justify-content:center;
}
/* [hidden] rather than a .show class: one state, expressed where a screen reader can
   also read it. The !important is the usual guard - an author `display` beats the UA
   rule, and this element sets display:flex two lines up. */
#lmd-cart-reminder[hidden]{display:none!important}

#lmd-cart-reminder .lmd-cr-box{
  position:relative;background:#fff;max-width:400px;width:100%;
  padding:36px 32px 28px;box-shadow:0 20px 60px rgba(0,0,0,.22);
  animation:lmd-cr-in .25s ease;
  font-family:var(--font-heading),Arial,sans-serif;
}
.lmd-cr-box:focus{outline:none}
@keyframes lmd-cr-in{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#lmd-cart-reminder .lmd-cr-box{animation:none}}

#lmd-cart-reminder .lmd-cr-close{
  position:absolute;top:14px;right:16px;padding:4px;line-height:1;
  background:none;border:0;font-size:20px;color:#9ca3af;cursor:pointer;transition:color .15s;
}
#lmd-cart-reminder .lmd-cr-close:hover{color:#374151}

#lmd-cart-reminder .lmd-cr-heading{font-size:17px;font-weight:700;color:#161b42;margin:0 0 8px;line-height:1.3}
#lmd-cart-reminder .lmd-cr-desc{font-size:14px;color:#64748b;margin:0 0 20px;line-height:1.55}
#lmd-cart-reminder .lmd-cr-conf{font-size:15px;font-weight:700;color:#1e293b;margin-bottom:4px;line-height:1.3}
#lmd-cart-reminder .lmd-cr-detail{font-size:13.5px;color:#64748b;margin-bottom:22px;line-height:1.5}

#lmd-cart-reminder .lmd-cr-actions{display:flex;flex-direction:column;gap:8px}
#lmd-cart-reminder .lmd-cr-btn{
  display:block;width:100%;padding:11px;border:1px solid;cursor:pointer;
  font:600 13.5px var(--font-heading),Arial,sans-serif;
  text-align:center;text-decoration:none;transition:background .2s,color .2s,border-color .2s;
}
#lmd-cart-reminder .lmd-cr-resume{background:#ea272d;border-color:#ea272d;color:#fff}
#lmd-cart-reminder .lmd-cr-resume:hover{background:#fff;color:#ea272d}
#lmd-cart-reminder .lmd-cr-dismiss{background:#fff;border-color:#e5e7eb;color:#64748b}
#lmd-cart-reminder .lmd-cr-dismiss:hover{background:#f8fafc;border-color:#d1d5db;color:#374151}

@media(max-width:480px){
  #lmd-cart-reminder .lmd-cr-box{padding:28px 24px 24px}
}