/* Hurtigkasse button styles (aligned with vippsmobilepay-express/public/shopify/hurtigkasse.js) */
@font-face {
  font-family: Vipps;
  font-style: normal;
  font-weight: 400;
  src:
    local("Vipps Text-Web"),
    url(https://designsystem.vipps.io/fonts/v1/VippsText-Regular-Web.woff2) format("woff2"),
    url(https://designsystem.vipps.io/fonts/v1/VippsText-Regular-Web.woff) format("woff");
}
@font-face {
  font-family: Vipps;
  font-style: normal;
  font-weight: 500;
  src:
    local("Vipps Text-Web Medium"),
    url(https://designsystem.vipps.io/fonts/v1/VippsText-Medium-Web.woff2) format("woff2"),
    url(https://designsystem.vipps.io/fonts/v1/VippsText-Medium-Web.woff) format("woff");
}
@font-face {
  font-family: Vipps;
  font-style: normal;
  font-weight: 700;
  src:
    local("Vipps Text-Web Bold"),
    url(https://designsystem.vipps.io/fonts/v1/VippsText-Bold-Web.woff2) format("woff2"),
    url(https://designsystem.vipps.io/fonts/v1/VippsText-Bold-Web.woff) format("woff");
}
@font-face {
  font-family: Paytype;
  font-style: normal;
  font-weight: 700;
  src:
    url(https://designsystem.vipps.io/fonts/v1/Paytype-Bd.woff2) format("woff2"),
    url(https://designsystem.vipps.io/fonts/v1/Paytype-Bd.woff) format("woff");
}
@font-face {
  font-family: Paytype;
  font-style: normal;
  font-weight: 500;
  src:
    url(https://designsystem.vipps.io/fonts/v1/Paytype-Rg.woff2) format("woff2"),
    url(https://designsystem.vipps.io/fonts/v1/Paytype-Rg.woff) format("woff");
}

.hurtigkasse-button-wrapper {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}

.hurtigkasse-button-wrapper[data-hurtigkasse] button.hurtigkasse-btn {
  --vm-orange: #ff5b24;
  --vm-orange-light: #ff985f;
  --vm-orange-dark: #db460f;
  --vm-mpblue: #5a78ff;
  --vm-mpblue-light: #7b93ff;
  --vm-mpblue-dark: #4961cd;
  --vm-black: #000;
  --vm-gray80: #433f58;
  --vm-gray30: #c9c6d7;
  --vm-gray5: #f6f6f9;
  --vm-white: #fff;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0 1.5rem;
  border: none;
  border-radius: 0.3125rem;
  font-size: var(--hk-font-size, 18px) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.2px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-radius 0.2s;
  max-width: 100%;
  box-sizing: border-box;
}

.hurtigkasse-button-wrapper[data-hurtigkasse] .hurtigkasse-btn__inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: nowrap;
  font-size: inherit !important;
  line-height: 1 !important;
}

.hurtigkasse-button-wrapper[data-hurtigkasse] .hurtigkasse-btn__text {
  display: inline-flex;
  align-items: center;
  font-family: var(--hk-label-font, Vipps, "SF Pro Text", Arial, sans-serif);
  font-weight: var(--hk-label-weight, 700);
  font-size: inherit !important;
  line-height: 1.2 !important;
}

.hurtigkasse-button-wrapper[data-brand="mobilepay"][data-hurtigkasse] .hurtigkasse-btn__text {
  font-family: var(--hk-label-font, Paytype, "SF Pro Text", Arial, sans-serif);
}

.hurtigkasse-button-wrapper[data-hurtigkasse] .hurtigkasse-mp-word {
  font-family: Paytype, "SF Pro Text", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: normal;
  font-synthesis: none;
  font-size: 1em !important;
  line-height: 1;
}

.hurtigkasse-button-wrapper[data-variant="primary"][data-brand="vipps"] .hurtigkasse-btn {
  background: var(--vm-orange);
  color: var(--vm-white);
}

.hurtigkasse-button-wrapper[data-variant="primary"][data-brand="vipps"] .hurtigkasse-btn:hover:not(:disabled) {
  background: var(--vm-orange-light);
}

.hurtigkasse-button-wrapper[data-variant="primary"][data-brand="mobilepay"] .hurtigkasse-btn {
  background: var(--vm-mpblue);
  color: var(--vm-white);
}

.hurtigkasse-button-wrapper[data-variant="primary"][data-brand="mobilepay"] .hurtigkasse-btn:hover:not(:disabled) {
  background: var(--vm-mpblue-light);
}

.hurtigkasse-button-wrapper[data-variant="dark"] .hurtigkasse-btn {
  background: var(--vm-black);
  color: var(--vm-white);
}

.hurtigkasse-button-wrapper[data-variant="dark"] .hurtigkasse-btn:hover:not(:disabled) {
  background: var(--vm-gray80);
}

.hurtigkasse-button-wrapper[data-variant="light"] .hurtigkasse-btn {
  background: var(--vm-white);
  color: var(--vm-black);
  border: 1px solid var(--vm-gray30);
}

.hurtigkasse-button-wrapper[data-variant="light"] .hurtigkasse-btn:hover:not(:disabled) {
  background: var(--vm-gray5);
}

.hurtigkasse-button-wrapper[data-stretched="true"] .hurtigkasse-btn {
  width: 100%;
}

.hurtigkasse-btn:disabled {
  opacity: 0.85;
  cursor: not-allowed;
}

.hurtigkasse-button-wrapper[data-hurtigkasse] .hurtigkasse-logo-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  flex-shrink: 0;
}

.hurtigkasse-button-wrapper[data-hurtigkasse] .hurtigkasse-logo--vipps {
  display: block;
  height: 1.1em;
  width: calc(1.1em * 43 / 16);
  max-width: none;
  flex-shrink: 0;
  fill: currentColor;
  overflow: visible;
  shape-rendering: geometricPrecision;
}

.hurtigkasse-button-wrapper.hk-custom-preview[data-hurtigkasse] button.hurtigkasse-btn {
  min-height: 3.125rem;
  padding: 0 1.875rem;
}

/* Landing page placements */
@keyframes invite-glow {
  0%, 100% {
    box-shadow: none;
  }
  50% {
    box-shadow: 0 0 0 7px color-mix(in srgb, var(--brand) 12%, transparent);
  }
}

.hurtigkasse-button-wrapper.hk-market-btn[data-hurtigkasse] button.hurtigkasse-btn {
  border-radius: 12px;
}

.hurtigkasse-button-wrapper.hk-demo-buy[data-hurtigkasse] button.hurtigkasse-btn {
  border-radius: 14px;
  box-shadow: none;
  animation: invite-glow 2.6s ease-in-out infinite;
}

.hurtigkasse-button-wrapper.hk-demo-buy .hurtigkasse-btn:hover {
  transform: scale(1.02);
}

.hurtigkasse-button-wrapper.hk-demo-buy .hurtigkasse-btn:active {
  transform: scale(0.98);
}

@media (prefers-reduced-motion: reduce) {
  .hurtigkasse-button-wrapper.hk-demo-buy .hurtigkasse-btn {
    animation: none;
  }
}