/* RSKnight static cart styles. Follows the GeneratePress look already on the site. */

.rsk-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);z-index:9999;
  background:#1b1b1b;color:#fff;padding:14px 20px;border-radius:6px;font-size:15px;
  box-shadow:0 8px 24px rgba(0,0,0,.25);opacity:0;transition:opacity .25s,transform .25s;max-width:92vw}
.rsk-toast-in{opacity:1;transform:translate(-50%,0)}
.rsk-toast a{color:#7cc4ff;text-decoration:underline}

.rsk-cart-count{display:inline-block;min-width:18px;height:18px;line-height:18px;padding:0 5px;
  margin-left:6px;border-radius:9px;background:#0b78c2;color:#fff;font-size:12px;text-align:center;vertical-align:top}

.rsk-cart-table{width:100%;border-collapse:collapse;margin-bottom:32px}
.rsk-cart-table th{text-align:left;font-size:13px;letter-spacing:.04em;text-transform:uppercase;
  color:#666;border-bottom:2px solid #eee;padding:10px 12px}
.rsk-cart-table td{border-bottom:1px solid #eee;padding:14px 12px;vertical-align:middle}
.rsk-cart-table img{display:block;width:72px;height:72px;object-fit:contain}
.rsk-name a{font-weight:600;text-decoration:none}
.rsk-qty input{width:72px;padding:6px 8px;border:1px solid #ddd;border-radius:4px}
.rsk-line{font-weight:600;white-space:nowrap}
.rsk-price{white-space:nowrap}
.rsk-remove button{border:0;background:none;font-size:22px;line-height:1;color:#999;cursor:pointer;padding:0 4px}
.rsk-remove button:hover{color:#c0392b}

.rsk-totals{max-width:360px;margin-left:auto}
.rsk-total-row{display:flex;justify-content:space-between;align-items:baseline;
  padding:14px 0;border-top:2px solid #eee;font-size:18px}
.rsk-total-row strong{font-size:22px}
.rsk-btn{display:inline-block;background:#0b78c2;color:#fff;padding:13px 26px;border:0;border-radius:4px;
  font-weight:600;text-decoration:none;cursor:pointer;text-align:center}
.rsk-btn:hover{background:#0a67a6;color:#fff}
.rsk-checkout{display:block;width:100%}
.rsk-continue{margin-top:14px;text-align:center}
.rsk-empty{padding:32px 0}
.rsk-empty p{margin-bottom:18px}

.rsk-checkout-grid{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start}
.rsk-gate h2{margin-top:0}
.rsk-login{margin-top:22px;max-width:420px}
.rsk-login label{display:block;margin-bottom:16px;font-weight:600;font-size:14px}
.rsk-login input{display:block;width:100%;margin-top:6px;padding:11px 12px;
  border:1px solid #ddd;border-radius:4px;font-size:16px;font-weight:400}
.rsk-gate-note{margin-top:18px;padding:14px 16px;border-radius:4px;font-size:15px}
.rsk-gate-note:empty{display:none}
.rsk-gate-error{background:#fdecea;color:#8b2b20}
.rsk-gate-info{background:#eef5fb;color:#1c4d70}
.rsk-summary{background:#fafafa;border:1px solid #eee;border-radius:6px;padding:22px}
.rsk-summary h3{margin-top:0}
.rsk-summary ul{list-style:none;margin:0 0 8px;padding:0}
.rsk-summary li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #eee;font-size:15px}

@media (max-width:768px){
  .rsk-checkout-grid{grid-template-columns:1fr;gap:28px}
  .rsk-cart-table thead{display:none}
  .rsk-cart-table,.rsk-cart-table tbody,.rsk-cart-table tr,.rsk-cart-table td{display:block;width:100%}
  .rsk-cart-table tr{position:relative;padding:12px 0 12px 88px;border-bottom:1px solid #eee}
  .rsk-cart-table td{border:0;padding:3px 0}
  .rsk-thumb{position:absolute;left:0;top:14px;padding:0!important}
  .rsk-remove{position:absolute;right:0;top:10px}
  .rsk-totals{max-width:none}
}

/* Company name rendered as an image so it is not machine-readable text.
   Sized in em so it tracks the paragraph font-size exactly. */
.rsk-coname{display:inline-block;width:auto;height:.88em;vertical-align:baseline;
  position:relative;top:.02em;margin:0}
