/* Kaardi eelvaade (Lubaduste kaart isale) */
.rp-kaart-eelvaade { margin: 4px 0 18px; }

.rp-kaart {
  position: relative;
  width: 100%;
  max-width: 360px;
  aspect-ratio: 85.6 / 54;
  border-radius: 4.2% / 6.6%;
  overflow: hidden;
  background:
    repeating-linear-gradient(90deg, rgba(120, 80, 30, .06) 0 2px, transparent 2px 9px),
    repeating-linear-gradient(90deg, rgba(150, 100, 40, .05) 0 1px, transparent 1px 23px),
    linear-gradient(90deg, rgba(160, 110, 50, .10), rgba(255, 240, 200, .08) 30%, rgba(160, 110, 50, .08) 60%, rgba(255, 240, 200, .06)),
    #e3c793;
  box-shadow: 0 14px 24px -12px rgba(60, 40, 10, .35), 0 3px 8px rgba(60, 40, 10, .15);
}

.rp-kaart__tekst {
  position: absolute;
  inset: 12% 9%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: .03em;
  white-space: pre-line; /* kliendi reavahetused jäävad alles */
  color: #5b3a1f;
  overflow: hidden;
  overflow-wrap: normal;
  word-break: keep-all;
}
.rp-kaart__tekst.is-murtud { overflow-wrap: anywhere; }

.rp-kaart__tekst.is-placeholder { opacity: .35; }

/* Joonistus: rp-kaart.js teeb pildist pruuni "graveeringu" läbipaistval taustal */
.rp-kaart .rp-kaart__pilt {
  position: absolute;
  top: 8%;
  left: 7%;
  width: 86% !important;
  height: 84% !important;
  max-width: none !important;
  object-fit: contain;
  opacity: .92;
}

/* Teema stiilid (img/div display) ei tohi hidden-atribuuti alistada */
.rp-kaart [hidden] { display: none !important; }

.rp-kaart.is-empty-drawing::after {
  content: "Lae üles joonistus, et näha eelvaadet";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12%;
  text-align: center;
  font-size: 13px;
  color: rgba(91, 58, 31, .65);
}

.rp-kaart__nimed {
  max-width: 360px;
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
}
.rp-kaart__nimed span { display: block; font-size: 11px; color: #6b6b68; letter-spacing: .04em; }

.rp-kaart__markus,
.rp-kaart__pildimarkus {
  max-width: 360px;
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: #6b6b68;
}