/* These assets are loaded only on customer, cart and checkout pages. */
body:is(#my-account,#authentication,#registration,#password,#identity,#address,#addresses,#history,#order-detail,#order-slip,#order-follow,#order-return,#discount,#guest-tracking,#checkout,#order,#order-confirmation,[id^="module-psgdpr-"]) {
  --apoll-ui-orange: #e94e36;
  --apoll-ui-gray: #e8e8e8;
  --apoll-ui-text: #111;
}
body:is(#my-account,#authentication,#registration,#password,#identity,#address,#addresses,#history,#order-detail,#order-slip,#order-follow,#order-return,#discount,#guest-tracking,#checkout,#order,#order-confirmation,[id^="module-psgdpr-"]) :is(#main,#content,#content-hook_order_confirmation) {
  font-family: 'Fixel Display', Fixel, Arial, sans-serif;
  color: var(--apoll-ui-text);
}
body:is(#my-account,#authentication,#registration,#password,#identity,#address,#addresses,#history,#order-detail,#order-slip,#order-follow,#order-return,#discount,#guest-tracking,#checkout,#order,#order-confirmation,[id^="module-psgdpr-"]) :is(#main,#content,#content-hook_order_confirmation) .page-header h1 {
  margin-bottom: 24px; font-size: 28px; font-weight: 800; line-height: 1.2; color: #111;
}
body:is(#my-account,#authentication,#registration,#password,#identity,#address,#addresses,#history,#order-detail,#order-slip,#order-follow,#order-return,#discount,#guest-tracking,#checkout,#order,#order-confirmation,[id^="module-psgdpr-"]) :is(#main,#content,#content-hook_order_confirmation) .btn-primary {
  min-height: 44px; max-width: 100%; padding: 12px 24px;
  border: 0; border-radius: 0; background: #e94e36; color: #111; box-shadow: none;
  font-family: inherit; font-size: 12px; font-weight: 800; line-height: 1.4;
  text-transform: uppercase; text-decoration: none; white-space: normal;
  clip-path: polygon(5.102% 0, 94.898% 0, 100% 100%, 0 100%);
}
body:is(#my-account,#authentication,#registration,#password,#identity,#address,#addresses,#history,#order-detail,#order-slip,#order-follow,#order-return,#discount,#guest-tracking,#checkout,#order,#order-confirmation,[id^="module-psgdpr-"]) :is(#main,#content,#content-hook_order_confirmation) .btn-primary:hover { background: #d9442f; color: #111; }
body:is(#my-account,#authentication,#registration,#password,#identity,#address,#addresses,#history,#order-detail,#order-slip,#order-follow,#order-return,#discount,#guest-tracking,#checkout,#order,#order-confirmation,[id^="module-psgdpr-"]) :is(#main,#content,#content-hook_order_confirmation) .btn-primary:disabled,
body:is(#my-account,#authentication,#registration,#password,#identity,#address,#addresses,#history,#order-detail,#order-slip,#order-follow,#order-return,#discount,#guest-tracking,#checkout,#order,#order-confirmation,[id^="module-psgdpr-"]) :is(#main,#content,#content-hook_order_confirmation) .btn-primary.disabled { opacity: .45; cursor: not-allowed; }
body:is(#my-account,#authentication,#registration,#password,#identity,#address,#addresses,#history,#order-detail,#order-slip,#order-follow,#order-return,#discount,#guest-tracking,#checkout,#order,#order-confirmation,[id^="module-psgdpr-"]) :is(#main,#content,#content-hook_order_confirmation) .form-control {
  border: 1px solid #ccc; border-radius: 0; background: #fff; color: #111; box-shadow: none;
}
body:is(#my-account,#authentication,#registration,#password,#identity,#address,#addresses,#history,#order-detail,#order-slip,#order-follow,#order-return,#discount,#guest-tracking,#checkout,#order,#order-confirmation,[id^="module-psgdpr-"]) :is(#main,#content,#content-hook_order_confirmation) .form-control:focus {
  border-color: #e94e36; outline: 2px solid #e94e36; outline-offset: 1px;
}
body:is(#my-account,#authentication,#registration,#password,#identity,#address,#addresses,#history,#order-detail,#order-slip,#order-follow,#order-return,#discount,#guest-tracking,#checkout,#order,#order-confirmation,[id^="module-psgdpr-"]) :is(#main,#content,#content-hook_order_confirmation) .form-control-danger { border-color: #d32f2f; }
body:is(#my-account,#authentication,#registration,#password,#identity,#address,#addresses,#history,#order-detail,#order-slip,#order-follow,#order-return,#discount,#guest-tracking,#checkout,#order,#order-confirmation,[id^="module-psgdpr-"]) :is(#main,#content,#content-hook_order_confirmation) .page-footer a { color: #111; text-decoration: none; }
body:is(#my-account,#authentication,#registration,#password,#identity,#address,#addresses,#history,#order-detail,#order-slip,#order-follow,#order-return,#discount,#guest-tracking,#checkout,#order,#order-confirmation,[id^="module-psgdpr-"]) :is(#main,#content,#content-hook_order_confirmation) .page-footer a:hover { color: #d9442f; }
@media (max-width: 575px) {
  body:is(#registration,#password,#identity,#address,#addresses,#history,#order-detail,#order-slip,#order-follow,#order-return,#discount,#guest-tracking,#checkout,#order,#order-confirmation,[id^="module-psgdpr-"]) :is(#main,#content,#content-hook_order_confirmation) .page-header h1 { font-size: 23px; }
}