/* bk-speed2 (6 Oct 2026): 19 overridden/unused rule(s)/declaration(s) removed (cascade-safe). Original: var/clbak/bk-speed2-20261006/pre/css/el-r20b.css */
/* EL-R20b 2026-10-02: phone/tablet touch fixes. Every rule sits inside @media (max-width: 1023px), so desktop
   (and R19/R21 desktop CSS) is untouched. Loaded from EncoreLuxe_Checkout/layout/default.xml in the theme.
   Rollback: delete that layout file (or this file's numbered block) and flush caches. */

@media (max-width: 1023px) {
  /* 5a. Radios and checkboxes: 26px hit area, same drawn size (a transparent ::after extends the target). */
  :where(input[type="checkbox"].form-checkbox, input[type="radio"].form-radio) {
    position: relative;
  }
  :where(input[type="checkbox"].form-checkbox, input[type="radio"].form-radio)::after {
    content: "";
    position: absolute;
    inset: -4px;
  }
  /* 5b. Small stand-alone text links: taller hit area without moving the text (padding on an inline box). */
  .el-chk-signin a,
  .el-r9-reassure a,
  .el-r9-help a,
  .el-bag-help a,
  .el-price-trust-link a,
  a.el-auth-plate__link,
  .checkout-cart-index li > span > a {
    padding-block: 4px;
  }
  /* 5c. Message close button: 26px target, same 18px icon. */
  #messages .message button {
    padding: 4px;
    margin: -4px;
  }
}

@media (max-width: 767px) {
  /* 8. Compact cookie bar: same wording, links and two buttons, about 130px tall at 390px instead of 325px.
     The copy scrolls inside the bar (with a soft fade) so nothing is cut. */
  
  
  
  
  
  
}

/* 2. Checkout "Your session expired" message (EncoreLuxe_Checkout::el-checkout-r20b.phtml). All widths; new class only. */
.el-r20b-expired {
  position: sticky;
  top: 0.5rem;
  z-index: 45;
  margin: 0 0 1rem;
  padding: 1rem 1.1rem;
  background: var(--cream, #ffffff);
  color: var(--ink, #111111);
  border: 1px solid var(--ink, #111111);
  box-shadow: 0 10px 30px rgba(17, 17, 17, 0.18);
}
.el-r20b-expired p { margin: 0 0 0.35rem; font-size: 0.9rem; line-height: 1.45; }
.el-r20b-expired .el-r20b-expired__title { font-weight: 700; font-size: 1rem; }
.el-r20b-expired__actions { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 0.65rem; }
.el-r20b-expired__actions button {
  min-height: 2.75rem;
  padding: 0.6rem 1.1rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid var(--ink, #111111);
  cursor: pointer;
}
.el-r20b-expired__primary { background: var(--ink, #111111); color: var(--cream, #ffffff); }
.el-r20b-expired__secondary { background: transparent; color: var(--ink, #111111); }
.el-r20b-expired__primary[disabled] { opacity: 0.7; cursor: progress; }
.el-r20b-expired__note a { text-decoration: underline; }

/* (a) 404 page (CMS page "no-route" for stores 1-2, page_id 28). All widths; new classes only. */