/* PR 3 - Friendly display style
   Larger, warmer, more visual. Good for child/family/classroom schedules. */
:root,
.vc-display-friendly {
  --vc-brand: #36AB9C;
  --vc-brand-dark: #18786F;
  --vc-accent: #F58A48;
  --vc-ink: #0F172A;
  --vc-text: #334155;
  --vc-muted: #64748B;
  --vc-line: #DDE7E5;
  --vc-bg: #F7FBFA;
  --vc-card: #FFFFFF;
  --vc-mint: #E8F7F4;
  --vc-warm: #FFF2E8;
  --vc-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
  --vc-radius-lg: 28px;
  --vc-radius-md: 20px;
  --vc-radius-sm: 14px;
  --vc-display-card-padding: 1rem;
  --vc-display-icon-size: 1.35rem;
  --vc-display-nav-icon-size: 1.16rem;
  --vc-display-card-bg: rgba(255,255,255,.90);
  --vc-display-hero-bg: linear-gradient(135deg, rgba(255,255,255,.96), rgba(232,247,244,.94));
}

.vc-display-friendly body {
  background: radial-gradient(circle at top left, #DFF7F2 0, transparent 32rem), radial-gradient(circle at bottom right, #FFF1E7 0, transparent 24rem), var(--vc-bg);
}

.vc-display-friendly .vc-header__mark,
.vc-display-friendly .vc-empty-state__icon {
  border-radius: 18px;
}

.vc-display-friendly .vc-card,
.vc-display-friendly .vc-link-card {
  padding: var(--vc-display-card-padding);
}

.vc-display-friendly .vc-tab__icon,
.vc-display-friendly .vc-empty-state__icon {
  font-size: var(--vc-display-icon-size);
}


/* PR 4 friendly icon treatment */
.vc-display-friendly {
  --vc-display-icon-size: 1.3rem;
  --vc-display-icon-tile-size: 3.4rem;
  --vc-display-icon-tile-radius: 1.2rem;
  --vc-display-schedule-icon-size: 1.95rem;
  --vc-display-schedule-emoji-size: 2rem;
  --vc-display-icon-tile-bg: linear-gradient(135deg, rgba(232,247,244,.95), rgba(255,244,236,.95));
}