/* Course enquiry page. Layout comes from buy.css; this adds the bag list. */
.bag{text-align:left;overflow:visible;margin-top:32px;border-top:1px solid rgba(0,31,61,.25);padding-top:28px}
.bag h2{font-size:24px}
.bag ul{list-style:none;margin-top:12px}
.bag li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid rgba(0,31,61,.15);font-size:15px}
.bag-remove{background:none;border:0;padding:0;font:inherit;font-size:14px;color:var(--navy);text-decoration:underline;cursor:pointer}

/* Multi-select: show a tick box on each course option. */
.opt-title::before{content:"";display:inline-block;width:18px;height:18px;margin-right:10px;vertical-align:-3px;border:1.5px solid var(--navy);border-radius:5px}
.opt:has(input:checked) .opt-title::before{background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23E6E6E6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 9.5l3 3 6-7'/%3E%3C/svg%3E") center/100% no-repeat}
.empty{margin:16px 0;font-size:15px;opacity:.75}
.buy-btn:disabled{opacity:.4;cursor:not-allowed}