/* [PPS-DEAL-OR-CODE] update 353: "Using code X instead of <deal>" (cart page, checkout design C card 3, slide-out cart)
   and the small "Have a code?" note under the deal. Colours of the v7 look: navy #0B1D4A, blue #2A82D4. */
.pps-doc-wrap { display: block; }
.pps-doc-box { border: 1.5px solid #2A82D4; background: #F2F8FE; border-radius: 12px; padding: 12px 14px; margin: 6px 0 12px;
  font-size: 13.5px; line-height: 1.45; color: #0B1D4A; text-align: left; overflow-wrap: anywhere; }
.pps-doc-t { font-weight: 700; margin: 0 0 4px; color: #0B1D4A; }
.pps-doc-s { color: #41506A; }
.pps-doc-s b { color: #0B1D4A; font-weight: 700; }
.pps-doc-f { margin: 10px 0 0; padding: 0; display: block; }
.pps-doc-btn { display: block; width: 100%; min-height: 44px; border-radius: 10px; border: 0; background: #0B1D4A; color: #fff;
  font-family: inherit; font-weight: 700; font-size: 14.5px; line-height: 1.25; padding: 11px 14px; cursor: pointer; text-align: center; letter-spacing: 0; text-transform: none;
  -webkit-appearance: none; appearance: none; }
.pps-doc-btn:hover { background: #142B66; }
.pps-doc-btn:focus-visible { outline: 3px solid #2A82D4; outline-offset: 2px; }
.pps-doc-btn[disabled] { opacity: .6; cursor: default; }
.pps-doc-small { color: #5D6B82; font-size: 12px; margin-top: 6px; text-align: center; }
/* the note under the deal: as the approved mockup (owner's mockup 1): an order-summary line, navy, "instead of" bold */
.pps-doc-note, .cart-summary-row.pps-doc-note { display: block !important; margin: 2px 0 8px; padding: 0; font-size: 14.5px;
  line-height: 1.4; font-weight: 400; color: #0B1D4A; text-align: left; }
.pps-doc-note b { font-weight: 700; color: #0B1D4A; }
/* the cart page's Switch back: the site's applied-code Remove rule (site-v2.css, body.hv2 form[action="/cart/remove-code"]
   button: inline, 44px, negative margins) must never reach it */
html body.hv2 .pps-doc-box form.pps-doc-f button.pps-doc-btn, html body .pps-doc-box form.pps-doc-f button.pps-doc-btn {
  display: block !important; width: 100% !important; margin: 0 !important; margin-block: 0 !important;
  padding: 11px 14px !important; min-height: 44px !important; text-align: center !important; justify-content: center !important;
  align-items: center !important; background: #0B1D4A !important; color: #fff !important; border: 0 !important;
  border-radius: 10px !important; font-family: inherit !important; font-size: 14.5px !important; font-weight: 700 !important;
  line-height: 1.25 !important; text-decoration: none !important; box-shadow: none !important; }
html body.hv2 .pps-doc-box form.pps-doc-f button.pps-doc-btn:hover { background: #142B66 !important; }
html body .pps-doc-box form.pps-doc-f { display: block !important; margin: 10px 0 0 !important; padding: 0 !important; }
/* checkout design C: the box sits at the top of card 3 (a white piece of the card), the note under the deal rows */
#cc-grid#cc-grid .pps-doc-wrap.cc-p { padding-top: 10px !important; padding-bottom: 6px !important; }
#cc-grid#cc-grid .pps-doc-box { margin: 0 !important; }
#cc-grid#cc-grid .pps-doc-btn { background: #0B1D4A !important; color: #fff !important; border-radius: 10px !important;
  font-size: 14.5px !important; font-weight: 700 !important; width: 100% !important; margin: 0 !important; text-align: center !important;
  justify-content: center !important; }
#cc-grid#cc-grid .pps-doc-lbl, .pps-doc-lbl { display: block; font-size: 12.5px; line-height: 1.4; color: #5D6B82; margin: 0 2px 6px; font-weight: 500; }
#cc-grid#cc-grid .pps-doc-note, #cc-grid#cc-grid .pps-doc-note.cc-p { display: block !important; font-size: 14.5px !important; line-height: 1.4 !important;
  color: #0B1D4A !important; font-weight: 400 !important; padding-top: 2px !important; padding-bottom: 8px !important; }
#cc-grid#cc-grid .pps-doc-note b { font-weight: 700 !important; color: #0B1D4A !important; }
/* the slide-out cart */
.pcq-drawer .pps-doc-d { padding: 12px 0 0; }
.pcq-drawer .pps-doc-d[hidden] { display: none; }
.pcq-drawer .pps-doc-d .pps-doc-box { margin: 0; }
.pcq-drawer .pps-doc-d .pps-doc-note { margin: 0; padding: 2px 0 4px; border: 0; background: none; color: #0B1D4A;
  font-size: 14px; line-height: 1.4; }
.pcq-drawer .pps-doc-d .pps-doc-note b { font-weight: 700; color: #0B1D4A; }
html body .pcq-drawer .pps-doc-d .pps-doc-f { display: block !important; margin: 10px 0 0 !important; padding: 0 !important; position: static !important; }
html body .pcq-drawer .pps-doc-d .pps-doc-btn { display: block !important; width: 100% !important; height: auto !important; min-height: 44px !important;
  margin: 0 !important; padding: 11px 14px !important; position: static !important; text-align: center !important; line-height: 1.25 !important;
  background: #0B1D4A !important; color: #fff !important; border: 0 !important; border-radius: 10px !important; font-size: 14.5px !important;
  font-weight: 700 !important; box-shadow: none !important; transform: none !important; }
html body .pcq-drawer .pps-doc-d .pps-doc-small { display: block !important; margin: 8px 0 0 !important; position: static !important; }
/* v3: after Switch back on a partner code: "Using <deal> instead of code X." + a small text button (mockup 1 style); its
   ::after makes a 44px tall tap area without moving the line */
.pps-doc-kept .pps-doc-k, html body .pps-doc-kept form.pps-doc-k { display: inline !important; margin: 0 !important; padding: 0 !important; position: static !important; }
.pps-doc-kbtn, html body .pps-doc-kept form.pps-doc-k button.pps-doc-kbtn, html body.hv2 .pps-doc-kept form.pps-doc-k button.pps-doc-kbtn {
  display: inline !important; width: auto !important; min-height: 0 !important; height: auto !important; margin: 0 0 0 2px !important;
  padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; color: #2A82D4 !important;
  font: inherit !important; font-size: inherit !important; font-weight: 600 !important; line-height: inherit !important;
  text-decoration: underline !important; text-underline-offset: 2px; cursor: pointer; white-space: nowrap; transform: none !important; position: relative !important; z-index: 1 !important; }
.pps-doc-kbtn::after { content: ""; position: absolute; left: -4px; right: -4px; top: -12px; bottom: -12px; }
.pps-doc-kbtn:hover { color: #0B1D4A !important; }
.pps-doc-kbtn:focus-visible { outline: 2px solid #2A82D4 !important; outline-offset: 2px; border-radius: 3px; }
.pps-doc-kbtn[disabled] { opacity: .6; cursor: default; }
/* checkout design C: app/static/css/v7/cart.css:335 (3 ids) set the summary rows' colour; the note and the line win */
html body #cc-grid#cc-grid#cc-grid .pps-doc-note{color:#0B1D4A !important}
html body #cc-grid#cc-grid#cc-grid .cart-summary-row.pps-doc-note, html body #cc-grid#cc-grid#cc-grid .cart-summary-row.pps-doc-kept {
  display: block !important; color: #0B1D4A !important; }
html body #cc-grid#cc-grid#cc-grid .pps-doc-note b, html body #cc-grid#cc-grid#cc-grid .pps-doc-kept b { color: #0B1D4A !important; }
html body #cc-grid#cc-grid#cc-grid .pps-doc-kept button.pps-doc-kbtn { color: #2A82D4 !important; }

/* the line sits above the next summary row so its 44px tap area is not covered */
html body .cart-summary-row.pps-doc-kept, html body .pps-doc-kept { position: relative !important; z-index: 2 !important; }