/* ISKRA visual identity. Existing selectors and all store behavior stay intact. */
:root {
  --iskra-navy: #082c50;
  --iskra-gold: #c19a52;
  --iskra-gold-text: #80612b;
  --iskra-cream: #f5f0e7;
  --iskra-ink: #082c50;
  --iskra-muted: #596777;
  --alraihan-red: var(--iskra-navy);
  --alraihan-red-dark: #061f39;
  --alraihan-green: #80612b;
  --alraihan-green-soft: #f0e8d8;
  --alraihan-ink: var(--iskra-ink);
  --alraihan-muted: var(--iskra-muted);
  --alraihan-paper: #fcfaf6;
  --alraihan-surface: #fffdf9;
  --alraihan-line: #dfd3bd;
  --alraihan-cream: var(--iskra-cream);
}

html, body, button, input, select, textarea {
  font-family: Arial, Helvetica, sans-serif;
}

#header-venue-title { letter-spacing: .12em; color: var(--iskra-navy) !important; }
#header-logo { border: 1px solid #d9c7a7; }
.brand-mark { background: var(--iskra-cream); }
.brand-text strong { letter-spacing: .1em; }

.iskra-welcome {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  max-width: 1120px;
  width: 100%;
  margin: 14px auto 38px;
  overflow: hidden;
  border: 1px solid #dacbae;
  border-radius: 28px;
  background: #fcfaf6;
  box-shadow: 0 18px 60px rgba(8, 44, 80, .08);
  color: var(--iskra-ink);
  font-family: Arial, Helvetica, sans-serif;
  text-align: start;
}
.iskra-welcome-art { min-width: 0; background: #eee6d8; }
.iskra-welcome-art img { display: block; width: 100%; height: 100%; object-fit: cover; }
.iskra-welcome-copy { align-self: center; padding: clamp(26px, 5vw, 64px); }
#content .iskra-welcome-copy .iskra-eyebrow {
  margin: 0 0 22px;
  color: var(--iskra-gold-text) !important;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.6;
  text-transform: uppercase;
}
#content .iskra-welcome-copy h2 {
  margin: 0 0 22px;
  color: var(--iskra-navy) !important;
  font-size: clamp(1.75rem, 3.4vw, 2.75rem);
  font-weight: 500;
  line-height: 1.18;
  text-shadow: none !important;
  overflow-wrap: anywhere;
}
#content .iskra-welcome-copy > p:not(.iskra-eyebrow) {
  margin: 0;
  color: var(--iskra-muted) !important;
  font-size: 1rem;
  line-height: 1.75;
}
#content .iskra-welcome-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 48px;
  max-width: 100%;
  padding: 13px 22px;
  margin-top: 30px;
  border: 1px solid var(--iskra-navy);
  border-radius: 10px;
  background: var(--iskra-navy) !important;
  color: #fffdf9 !important;
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.4;
  white-space: normal;
  cursor: pointer;
  box-shadow: none;
}
#content .iskra-welcome-action:hover { background: #174b79 !important; }
#content .iskra-welcome-action:focus-visible { outline: 3px solid var(--iskra-gold); outline-offset: 4px; }
.iskra-domain {
  display: inline-block;
  margin-top: 30px;
  padding-top: 18px;
  border-top: 1px solid var(--iskra-gold);
  font-size: .875rem;
  letter-spacing: .16em;
  color: var(--iskra-navy);
}
.venue-post-feed:has(.iskra-welcome) { width: min(1120px, calc(100% - 24px)); }
.venue-post-feed:has(.iskra-welcome) > .venue-home-heading { display: none; }

@media (max-width: 700px) {
  .iskra-welcome { grid-template-columns: 1fr; margin-top: 4px; border-radius: 20px; }
  .iskra-welcome-art { display: flex; justify-content: center; background: #f0e9dd; }
  .iskra-welcome-art img { width: 100%; max-height: 350px; object-fit: contain; }
  .iskra-welcome-copy { padding: 28px 25px 34px; }
  #content .iskra-welcome-copy h2 { font-size: 1.8125rem; }
  #content .iskra-welcome-copy .iskra-eyebrow { margin-bottom: 16px; }
}

html.anna-a11y-high-contrast .iskra-welcome,
body.a11y-high-contrast .iskra-welcome { background: #000 !important; color: #fff !important; border: 2px solid #fff; }
html.anna-a11y-high-contrast #content .iskra-welcome-copy h2,
html.anna-a11y-high-contrast #content .iskra-welcome-copy p,
html.anna-a11y-high-contrast .iskra-domain,
body.a11y-high-contrast #content .iskra-welcome-copy h2,
body.a11y-high-contrast #content .iskra-welcome-copy p,
body.a11y-high-contrast .iskra-domain { color: #fff !important; }
html.anna-a11y-high-contrast #content .iskra-welcome-action,
body.a11y-high-contrast #content .iskra-welcome-action { border-color: #fff; background: #000 !important; color: #fff !important; }