@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Montserrat:wght@400;600&display=swap');

:root {
  --color-primary: #DC76AD;
  --color-bg-light: #F6F4F2;
  --color-bg-pink: #FFEFF7;
  --color-border: #CED0BB;
  --color-text: #000000;
  --color-white: #FFFFFF;
  --color-header: #F1EFEB;
  --font-title: 'Amatic SC', sans-serif;
  --font-text: 'Montserrat', sans-serif;
}

body {
  background-color: var(--color-bg-light) !important;
  color: var(--color-text) !important;
  font-family: var(--font-text) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-title) !important;
}

.header.user-header,
.detailsDiv.user-detailsDiv,
.footer {
  display: none !important;
}

#txtCardNumber,
#txtCvv,
#validityYear,
#validityMonth,
#txtTZ,
#txtCompID,
#txtCustName,
#txtCustMobilePH,
#txtEmail,
#numberOfPaymentsselect {
  background-color: var(--color-white) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 12px !important;
  color: var(--color-text) !important;
  padding-inline: 10px !important;
}

/* Кнопка оплаты. На живой странице это input[type="button"] без id и класса
   (текст «לתשלום מאובטח»). CardCom красит её правилом `.submitDiv .buttonDiv input`
   с !important, и наш файл подключается РАНЬШЕ стилей провайдера (таблица 5 против 10),
   поэтому при равной специфичности побеждает он. Отсюда `html body` в начале —
   без него кнопка остаётся фиолетовой, проверено на живой странице 2026-08-05.
   Варианты submit оставлены для второй версии страницы провайдера. */
html body .submitDiv .buttonDiv input[type="button"],
button[type="submit"],
input[type="submit"] {
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
  border-radius: 25px !important;
  border: none !important;
  font-family: var(--font-text) !important;
  font-weight: 600 !important;
  padding-inline: 20px !important;
}