/* ArezzoMT2 v146
   Poprawka:
   1) górne przyciski/menu w tych samych kolorach co reszta strony,
   2) rejestracja kompaktowa, minimalistyczna, bez pionowych liter i bez wewnętrznego rozjazdu. */

/* =========================
   GÓRNY PASEK MENU
   ========================= */
body.az-v22-body:not(.page-admin) header.az74-topbar {
  background: rgba(5, 6, 12, .78) !important;
  border-bottom: 1px solid rgba(255, 83, 79, .48) !important;
}

body.az-v22-body:not(.page-admin) .az74-menu {
  gap: 12px !important;
}

body.az-v22-body:not(.page-admin) .az74-menu a,
body.az-v22-body:not(.page-admin) header.az74-topbar .az74-menu a {
  min-height: 38px !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 3px !important;
  border: 1px solid rgba(255, 83, 79, .68) !important;
  background: linear-gradient(180deg, rgba(27, 15, 27, .94), rgba(9, 9, 17, .98)) !important;
  color: #f7ead6 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 0 0 1px rgba(0,0,0,.22) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.72) !important;
  font-weight: 850 !important;
  letter-spacing: .07em !important;
}

body.az-v22-body:not(.page-admin) .az74-menu a:hover,
body.az-v22-body:not(.page-admin) header.az74-topbar .az74-menu a:hover {
  border-color: rgba(255, 143, 91, .86) !important;
  background: linear-gradient(180deg, rgba(70, 28, 39, .96), rgba(20, 12, 23, .98)) !important;
  color: #fff2dc !important;
}

/* Nie ruszaj logo linku w topbarze ani logo w centrum */
body.az-v22-body:not(.page-admin) .az74-brand,
body.az-v22-body:not(.page-admin) .az74-brand:hover,
body.az-v22-body:not(.page-admin) .az74-logo-row a,
body.az-v22-body:not(.page-admin) .az74-logo-row a:hover {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* =========================
   REJESTRACJA - kompaktowy panel
   ========================= */

body.az-v22-body.page-register .az74-subpage-card,
body.az-v22-body.page-register .az74-center .az74-card {
  background: linear-gradient(180deg, rgba(9, 10, 19, .88), rgba(5, 6, 13, .93)) !important;
  border: 1px solid rgba(255, 83, 79, .48) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.03) !important;
}

body.az-v22-body.page-register .az74-subpage-title {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 83, 79, .38) !important;
  border-radius: 0 !important;
  color: #fff0d8 !important;
  padding: 10px 12px !important;
  margin-bottom: 10px !important;
  text-align: center !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
  letter-spacing: .07em !important;
}

body.az-v22-body.page-register .az74-subpage-content,
body.az-v22-body.page-register .az105-register-page,
body.az-v22-body.page-register .az105-register-page .container,
body.az-v22-body.page-register .az105-register-page .row,
body.az-v22-body.page-register .az105-register-page [class*="col-"],
body.az-v22-body.page-register .az105-register-form {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Ukryj drugi nagłówek z samej strony register, bo już jest tytuł panelu */
body.az-v22-body.page-register .az105-register-page .page-hd {
  display: none !important;
}

/* Najważniejsze: kasujemy stary grid 2/3 kolumn, który robił pionowe napisy */
body.az-v22-body.page-register .az105-register-table,
body.az-v22-body.page-register .az105-register-table > tbody,
body.az-v22-body.page-register .az105-register-grid {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}

body.az-v22-body.page-register .az105-register-table tr.az105-row {
  display: grid !important;
  grid-template-columns: 118px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 8px !important;
  padding: 9px 10px !important;
  background: linear-gradient(180deg, rgba(18, 16, 31, .72), rgba(9, 10, 20, .82)) !important;
  border: 1px solid rgba(255, 83, 79, .22) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

body.az-v22-body.page-register .az105-register-table td {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

body.az-v22-body.page-register .az105-register-table td.az105-label {
  color: #f7ead6 !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  letter-spacing: .02em !important;
}

body.az-v22-body.page-register .az105-register-table td.az105-control,
body.az-v22-body.page-register .az105-register-table tr.az105-row td:not(.az105-label) {
  min-width: 0 !important;
  width: 100% !important;
}

body.az-v22-body.page-register .az105-register-table input.form-control,
body.az-v22-body.page-register .az105-register-table select.form-control,
body.az-v22-body.page-register .az105-register-table textarea.form-control {
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  background: rgba(7, 8, 16, .72) !important;
  border: 1px solid rgba(255, 83, 79, .42) !important;
  color: #fff0d8 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

body.az-v22-body.page-register .az105-register-table input.form-control:focus {
  border-color: rgba(255, 143, 91, .76) !important;
  background: rgba(9, 10, 19, .86) !important;
  box-shadow: 0 0 0 2px rgba(255, 83, 79, .10) !important;
}

/* Opisy pod PIN/kodem nie mogą rozwalać panelu */
body.az-v22-body.page-register .az105-register-table small,
body.az-v22-body.page-register .az105-register-table .text-muted,
body.az-v22-body.page-register .az105-register-table .help-block {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(247, 234, 214, .64) !important;
  font-size: 9.5px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

body.az-v22-body.page-register .az105-register-table p.text-danger {
  margin: 4px 0 0 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

/* Captcha / szeroki wiersz */
body.az-v22-body.page-register .az105-register-table tr.az105-span-2 {
  display: block !important;
}

body.az-v22-body.page-register .az105-register-table .g-recaptcha {
  transform: scale(.86) !important;
  transform-origin: left top !important;
  max-width: 100% !important;
}

/* Przycisk rejestracji */
body.az-v22-body.page-register .az105-submit-wrap {
  margin: 10px 0 0 !important;
  text-align: center !important;
}

body.az-v22-body.page-register .az105-submit {
  width: 100% !important;
  max-width: 220px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, rgba(86, 38, 45, .96), rgba(32, 19, 32, .98)) !important;
  border: 1px solid rgba(255, 118, 78, .62) !important;
  color: #fff0d8 !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .06em !important;
}

body.az-v22-body.page-register .az105-submit:hover {
  background: linear-gradient(180deg, rgba(118, 48, 47, .98), rgba(45, 22, 36, .98)) !important;
}

/* Na mniejszych szerokościach forma robi się jedna kolumna */
@media (max-width: 991px) {
  body.az-v22-body.page-register .az105-register-table tr.az105-row {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }

  body.az-v22-body.page-register .az105-register-table td.az105-label {
    font-size: 10.5px !important;
  }
}