/* "Add to my request" (mails 065 and 069): the card footer with "See the service" and the button, its pressed
   state and the "added to your request" bar, shared by the customer-type pages (page-templates/ues-industry.php)
   and the services page (page-templates/ues-services.php, when the page has the cart). Scoped to body.ues-cart,
   which both templates add when they load this file. The behaviour is addreq.js.
   Source of truth: ues-homepage git repo on Manny's machine. v1.0 */
.ues-cart .cfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}
.ues-cart .cfoot a{font-size:14.5px;font-weight:700;color:var(--ink)}
.ues-cart .addbtn{font:700 13.5px var(--font);border:1.5px solid var(--ink);background:#fff;color:var(--ink);border-radius:99px;padding:7px 14px;cursor:pointer;transition:background .2s,color .2s}
.ues-cart .addbtn .a2{display:none}
.ues-cart .addbtn[aria-pressed=true]{background:var(--ink);color:#fff}
.ues-cart .addbtn[aria-pressed=true] .a1{display:none}
.ues-cart .addbtn[aria-pressed=true] .a2{display:inline}
.ues-cart .addbtn[aria-pressed=true] .a2::before{content:"\2713  "}
.ues-cart .picked{position:sticky;bottom:16px;z-index:5;margin:20px auto 0;max-width:560px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--ink);color:#fff;border-radius:99px;padding:10px 12px 10px 22px;box-shadow:0 12px 30px rgba(18,22,26,.25);font-size:15px}
.ues-cart .picked[hidden]{display:none}
.ues-cart .picked b{color:var(--yellow)}

/* the services page: its nine cards keep their look; the card is no longer one link, so it does not lift on hover */
.ues-cart .svc.scart{display:flex;flex-direction:column}
.ues-cart .svc.scart p{flex:1}
.ues-cart .svc.scart:hover{transform:none}
.ues-cart .svc.scart.on{border-color:var(--ink);box-shadow:0 6px 22px rgba(18,22,26,.09)}
.ues-cart .svc-note .nbtns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ues-cart .svc-note .addbtn{border-color:#fff}
.ues-cart .svc-note .addbtn[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}

@media(max-width:760px){
  .ues-cart .picked{border-radius:14px;flex-direction:column;align-items:stretch;text-align:center;padding:12px}
}
@media(prefers-reduced-motion:reduce){
  .ues-cart .addbtn{transition:none}
}