/* ============================================================
   דף נחיתה ציבורי (Donation/DonationCollectionPage.aspx?id=…)
   port מודרני של הlayout מ-legacy DonationCollectionPage.aspx.
   ============================================================ */

:root {
  --primary: 217 83% 53%;
  --primary-foreground: 0 0% 100%;
  --card: 0 0% 100%;
  --muted: 220 14% 96%;
  --muted-foreground: 220 13% 28%;
  --border: 220 13% 91%;
  --foreground: 220 26% 14%;
  --background: 220 23% 97%;
  --radius: 0.75rem;
}

html { margin: 0; padding: 0; direction: rtl; font-family: 'Heebo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; background: hsl(var(--background)); color: hsl(var(--foreground)); font-size: 15px; }
body { margin: 0; padding: 0; min-height: 100vh; }

.landing-card {
  max-width: 580px;
  margin: 2rem auto;
  padding: 1.5rem;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: 1rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
  text-align: right;
}
@media (max-width: 640px) {
  .landing-card { margin: 0; border-radius: 0; min-height: 100vh; box-shadow: none; }
}

.landing-picture {
  display: block;
  width: 60%;
  max-width: 300px;
  margin: .5rem auto 1rem;
  border-radius: .5rem;
  object-fit: contain;
}

.landing-title {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 1rem 0 1.25rem;
  color: hsl(var(--foreground));
}

.landing-link {
  display: block;
  padding: 1rem 1.25rem;
  margin: .75rem auto;
  width: 90%;
  border: 1px solid hsl(var(--border));
  border-radius: .75rem;
  background: hsl(var(--card));
  color: hsl(var(--foreground));
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
  transition: border-color .15s, background-color .15s, color .15s, transform .15s;
  box-sizing: border-box;
}
.landing-link:hover {
  border-color: hsl(var(--primary));
  background: hsl(var(--primary) / .05);
  color: hsl(var(--primary));
  transform: translateY(-1px);
}
.landing-link img { max-width: 100%; display: block; margin: 0 auto; }

.landing-error {
  text-align: center;
  padding: 2rem;
  color: hsl(var(--destructive, 0 73% 51%));
}