/* ═══════════════════════════════════════
   Dia 3 style patch — document cards & bg
   ═══════════════════════════════════════ */

/* ── Border radius 20px (Dia 3 style, was 15px) ── */
[class*="EDocument_edoc-front"],
[class*="EDocument_edoc-inner"],
[class*="EDocument_edoc-back"],
[class*="Passport_passport-front"],
[class*="Passport_passport-inner"],
[class*="Passport_passport-back"],
[class*="TaxDoc_tax-front"],
[class*="TaxDoc_tax-inner"],
[class*="TaxDoc_tax-back"],
[class*="DriveLicence_licence-front"],
[class*="DriveLicence_licence-inner"],
[class*="DriveLicence_licence-back"] {
  border-radius: 20px !important;
}

/* ── Card front background — Dia 3 rgba(255,255,255,0.4) ── */
[class*="EDocument_edoc-front"],
[class*="Passport_passport-front"],
[class*="TaxDoc_tax-front"],
[class*="DriveLicence_licence-front"] {
  background: rgba(255, 255, 255, 0.4) !important;
}

/* ── Container padding — Dia 3 uses 20px 15px ── */
[class*="EDocument_edoc-container"],
[class*="Passport_passport-container"],
[class*="TaxDoc_tax-container"],
[class*="DriveLicence_licence-container"] {
  padding: 20px 15px !important;
}

/* ══════════════════════════════════════════════
   Card size — taller & wider like Dia 3
   Dia 3: slider width:95%, no fixed height
   Main:  edoc width:340px, height:560px
   ══════════════════════════════════════════════ */

/* Outer card container — restored height */
[class*="EDocument_edoc__"],
[class*="Passport_passport__"],
[class*="TaxDoc_tax__"],
[class*="DriveLicence_licence__"] {
  height: auto !important;
  min-height: 620px !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Inner card — restored sizing */
[class*="EDocument_edoc-inner"],
[class*="Passport_passport-inner"],
[class*="TaxDoc_tax-inner"],
[class*="DriveLicence_licence-inner"] {
  height: 85% !important;
  margin: 25px 0 100px !important;
}

/* Carousel item */
[class*="Documents_carouselItem"] {
  max-width: 380px !important;
  width: 85% !important;
}

/* ── Back side — keep QR/barcode safe ── */
[class*="EDocument_edoc-back"],
[class*="Passport_passport-back"],
[class*="TaxDoc_tax-back"],
[class*="DriveLicence_licence-back"] {
  border-radius: 20px !important;
  overflow: hidden !important;
}

/* ── Passport front — match EDocument layout (position:absolute, height:100%) ── */
[class*="Passport_passport-front"] {
  position: absolute !important;
  height: 100% !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  backface-visibility: hidden !important;
}

/* Passport back — match EDocument back layout */
[class*="Passport_passport-back"] > div {
  height: 100% !important;
}

/* ── TaxDoc shift right for spacing from eDocument ── */
[class*="TaxDoc_tax__"] {
  margin-left: 8px !important;
}

/* ── Passport — wider but shifted left to avoid right clipping ── */
[class*="Passport_passport__"] {
  width: 350px !important;
  position: relative !important;
  left: -16px !important;
}

/* ── Pagination dots — lower by x1.2 (was bottom:17%, now ~14%) ── */
[class*="Documents_paginationDots"] {
  bottom: 14% !important;
}

/* ══════════════════════════════════════════════
   Font tweaks — match Dia 3 (1:1 from screenshot)
   Dia 3: font-weight:300 everywhere, slightly larger details
   ══════════════════════════════════════════════ */

/* Title "єДокумент" — Dia 3: 22px weight 300 */
[class*="EDocument_edoc-title"],
[class*="Passport_passport-title"],
[class*="TaxDoc_tax-title"],
[class*="DriveLicence_licence-title"] {
  font-size: 22px !important;
  font-weight: 300 !important;
}

/* Details text (Дата народження, РНОКПП labels) — Dia 3: 14px */
[class*="EDocument_edoc-details"],
[class*="Passport_passport-details"],
[class*="TaxDoc_tax-details"],
[class*="DriveLicence_licence-details"] {
  font-size: 14px !important;
  font-weight: 300 !important;
  gap: 20px !important;
}

/* Detail items gap — Dia 3: gap 5px, margin-bottom 20px */
[class*="edoc-details__right-item"],
[class*="passport-details__right-item"],
[class*="tax-details__right-item"],
[class*="licence-details__right-item"] {
  gap: 5px !important;
  margin-bottom: 5px !important;
}

/* Photo — Dia 3: border-radius 12px */
[class*="EDocument_edoc-photo"],
[class*="Passport_passport-photo"],
[class*="TaxDoc_tax-photo"],
[class*="DriveLicence_licence-photo"] {
  border-radius: 12px !important;
}

/* FIO (name) bottom-left — Dia 3: 21px weight 300 */
[class*="EDocument_edoc-bottom-left"],
[class*="Passport_passport-bottom-left"],
[class*="TaxDoc_tax-bottom-left"],
[class*="DriveLicence_licence-bottom-left"] {
  font-size: 21px !important;
  font-weight: 300 !important;
}

[class*="EDocument_edoc-bottom-left"] > span,
[class*="Passport_passport-bottom-left"] > span,
[class*="TaxDoc_tax-bottom-left"] > span,
[class*="DriveLicence_licence-bottom-left"] > span {
  font-size: 21px !important;
  font-weight: 300 !important;
}

/* Marquee bar — Dia 3: font-size 13px, padding 7px 0 */
[class*="EDocument_marqueeBar"],
[class*="Passport_marqueeBar"] {
  font-size: 13px !important;
  padding: 7px 0 !important;
}

/* ── EDocument QR code — replace only when in QR mode (not barcode) ── */
[class*="EDocument_qr-code"]:not([style*="120px"]) {
  content: url("static/media/edoc-qr.png") !important;
  object-fit: contain !important;
  height: 250px !important;
  width: 250px !important;
}

/* ── TaxDoc QR code — replace only when in QR mode (not barcode) ── */
[class*="TaxDoc_qr-code"]:not([style*="120px"]) {
  content: url("static/media/tax-qr.png") !important;
  object-fit: contain !important;
  height: 270px !important;
  width: 270px !important;
  margin-top: -10px !important;
}

/* ── Passport QR code — replace only when in QR mode (not barcode) ── */
[class*="Passport_qr-code"]:not([style*="120px"]) {
  content: url("static/media/passport-qr.png") !important;
  object-fit: contain !important;
  height: 270px !important;
  width: 270px !important;
  margin-top: -10px !important;
}