/* ArezzoMT2 v147 - REAL FIX
   Poprawia to, czego v146 nie łapało:
   - rejestracja nie ma klasy body.page-register, więc celujemy bezpośrednio w .az105-register-page
   - nadpisuje stare v105/v106, które robiły 2/3 kolumny i pionowe litery
   - górny pasek menu dostaje ciemno-czerwone ramki zamiast złotych */

/* =========================
   TOPBAR - czerwone ramki, ciemne tło
   ========================= */

body.az-v22-body:not(.page-admin) .az74-topbar {
  border-bottom: 1px solid rgba(255, 62, 70, .70) !important;
  background: rgba(4, 5, 11, .84) !important;
}

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

body.az-v22-body:not(.page-admin) .az74-topbar .az74-menu > a,
body.az-v22-body:not(.page-admin) .az74-menu > a {
  background: linear-gradient(180deg, rgba(17, 18, 31, .98), rgba(6, 7, 14, .99)) !important;
  border: 1px solid rgba(255, 62, 70, .78) !important;
  color: #f5ead8 !important;
  box-shadow: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.75) !important;
  outline: 0 !important;
}

body.az-v22-body:not(.page-admin) .az74-topbar .az74-menu > a:hover,
body.az-v22-body:not(.page-admin) .az74-menu > a:hover {
  background: linear-gradient(180deg, rgba(66, 24, 34, .98), rgba(12, 10, 18, .99)) !important;
  border-color: rgba(255, 92, 82, .95) !important;
  color: #fff3df !important;
}

/* Nie pozwól starszym stylom robić złotej obramówki na menu */
body.az-v22-body:not(.page-admin) .az74-topbar .az74-menu > a::before,
body.az-v22-body:not(.page-admin) .az74-topbar .az74-menu > a::after,
body.az-v22-body:not(.page-admin) .az74-menu > a::before,
body.az-v22-body:not(.page-admin) .az74-menu > a::after {
  border-color: rgba(255, 62, 70, .0) !important;
  box-shadow: none !important;
}

/* =========================
   REJESTRACJA - kasuje stary grid 2/3 kolumn
   ========================= */

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

body.az-v22-body .az105-register-page {
  padding: 0 !important;
}

body.az-v22-body .az105-register-page .page-hd {
  margin: 0 0 10px !important;
}

body.az-v22-body .az105-register-page .page-hd .bd-c {
  padding: 10px 12px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 62, 70, .42) !important;
}

body.az-v22-body .az105-register-page .page-hd h2 {
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.15 !important;
  letter-spacing: .08em !important;
  color: #fff0dc !important;
}

/* To jest klucz: tbody NIE może być gridem 2/3 kolumn */
body.az-v22-body .az105-register-table {
  display: table !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}

body.az-v22-body .az105-register-table > tbody,
body.az-v22-body .az105-register-grid,
body.az-v22-body .az105-register-table tbody.az105-register-grid {
  display: table-row-group !important;
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  align-items: initial !important;
}

/* Każde pole jako normalny poziomy wiersz */
body.az-v22-body .az105-register-table tr.az105-row,
body.az-v22-body .az105-register-table tr.az105-span-2 {
  display: table-row !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-column: auto !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Label i input obok siebie */
body.az-v22-body .az105-register-table td {
  display: table-cell !important;
  vertical-align: middle !important;
  border-top: 1px solid rgba(255, 62, 70, .22) !important;
  border-bottom: 1px solid rgba(255, 62, 70, .22) !important;
  background: linear-gradient(180deg, rgba(15, 14, 27, .78), rgba(8, 9, 18, .86)) !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  overflow: visible !important;
}

body.az-v22-body .az105-register-table td.az105-label {
  width: 150px !important;
  max-width: 150px !important;
  min-width: 150px !important;
  border-left: 1px solid rgba(255, 62, 70, .22) !important;
  border-radius: 9px 0 0 9px !important;
  color: #f7ead8 !important;
  font-size: 12px !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 .az105-register-table td.az105-control,
body.az-v22-body .az105-register-table tr.az105-row td:not(.az105-label) {
  width: auto !important;
  max-width: none !important;
  border-right: 1px solid rgba(255, 62, 70, .22) !important;
  border-radius: 0 9px 9px 0 !important;
}

/* Pola input */
body.az-v22-body .az105-register-table input.form-control,
body.az-v22-body .az105-register-table select.form-control,
body.az-v22-body .az105-register-table textarea.form-control {
  display: block !important;
  width: 100% !important;
  max-width: 320px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  background: rgba(6, 8, 16, .82) !important;
  border: 1px solid rgba(255, 62, 70, .50) !important;
  color: #fff0dc !important;
  box-shadow: none !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

/* Małe opisy pod inputami */
body.az-v22-body .az105-register-table .text-muted,
body.az-v22-body .az105-register-table small,
body.az-v22-body .az105-register-table .help-block,
body.az-v22-body .az105-register-table .text-danger,
body.az-v22-body .az105-register-table p.text-danger {
  display: block !important;
  max-width: 320px !important;
  margin: 4px 0 0 !important;
  color: rgba(247, 234, 216, .68) !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

/* Captcha szeroko */
body.az-v22-body .az105-register-table tr.az105-row-captcha td.az105-label,
body.az-v22-body .az105-register-table tr.az105-row-captcha td:first-child {
  width: 150px !important;
}

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

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

body.az-v22-body .az105-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 190px !important;
  max-width: 240px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 18px !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, rgba(83, 33, 42, .96), rgba(28, 16, 28, .98)) !important;
  border: 1px solid rgba(255, 62, 70, .62) !important;
  color: #fff0dc !important;
  box-shadow: none !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

/* Mobilnie: label nad inputem, ale dalej poziomo czytelnie, bez pionowych liter */
@media (max-width: 767px) {
  body.az-v22-body .az105-register-table,
  body.az-v22-body .az105-register-table > tbody,
  body.az-v22-body .az105-register-grid,
  body.az-v22-body .az105-register-table tr.az105-row,
  body.az-v22-body .az105-register-table tr.az105-span-2,
  body.az-v22-body .az105-register-table td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.az-v22-body .az105-register-table {
    border-spacing: 0 !important;
  }

  body.az-v22-body .az105-register-table tr.az105-row {
    margin: 0 0 8px !important;
    background: linear-gradient(180deg, rgba(15, 14, 27, .78), rgba(8, 9, 18, .86)) !important;
    border: 1px solid rgba(255, 62, 70, .22) !important;
    border-radius: 9px !important;
    overflow: hidden !important;
  }

  body.az-v22-body .az105-register-table td.az105-label,
  body.az-v22-body .az105-register-table td.az105-control,
  body.az-v22-body .az105-register-table tr.az105-row td:not(.az105-label) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 7px 9px !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.az-v22-body .az105-register-table input.form-control {
    max-width: 100% !important;
  }
}
