.main-box {
  border-radius: 0;
}

.page-header-links > div.header-part a {
  color: #fff;
}

.page-header {
  padding-bottom: 0;
}

.page-header + script + div {
  padding-top: 15px;
}

.panel {
  margin-top: 2rem;
}

p.css-info-location, p.css-info-time {
  margin-left: 40px;
  position: relative; /* This keeps the icon anchored to the paragraph */
}

p.css-info-location::before, p.css-info-time::before {
  font: normal normal normal 26px/1 FontAwesome;
  position: absolute;
  top: 0;
  color: var(--pretix-brand-primary);
}

p.css-info-location::before {
  content: "";
  left: -31px;
}

p.css-info-time::before {
  content: "";
  left: -35px;
}

body, .page-header {
  background-color: var(--pretix-body-bg);
  margin: 0;

  /* We layer 3 different star tiles + 1 texture tile */
  background-image: 
    /* Layer 1: Large, bright stars (Large tile) */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='713' height='713'%3E%3Cpath d='M120 450 l3 7 7 1-5 5 2 7-7-4-7 4 2-7-5-5 7-1z' fill='%23FFEF82' opacity='0.8'/%3E%3Cpath d='M600 150 l2 5 5 1-4 4 1 5-4-3-4 3 1-5-4-4 5-1z' fill='%23FFD74D'/%3E%3C/svg%3E"),
    
    /* Layer 2: Medium stars (Medium tile) */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='491' height='491'%3E%3Cpath d='M50 80 l2 4 4 1-3 3 1 4-4-2-4 2 1-4-3-3 4-1z' fill='%23FFEF82' opacity='0.6'/%3E%3Cpath d='M350 400 l2 4 4 1-3 3 1 4-4-2-4 2 1-4-3-3 4-1z' fill='%23FFEF82' opacity='0.5'/%3E%3Ccircle cx='100' cy='250' r='1.5' fill='white' opacity='0.4'/%3E%3C/svg%3E"),
    
    /* Layer 3: Tiny dust/distant stars (Small tile) */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='314' height='314'%3E%3Ccircle cx='20' cy='40' r='1' fill='white' opacity='0.3'/%3E%3Ccircle cx='150' cy='150' r='0.8' fill='white' opacity='0.5'/%3E%3Ccircle cx='280' cy='60' r='1.1' fill='white' opacity='0.2'/%3E%3Ccircle cx='100' cy='280' r='0.9' fill='white' opacity='0.4'/%3E%3C/svg%3E"),
    
    /* Layer 4: The Watercolor/Sponge Texture */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.3'/%3E%3C/svg%3E");

  /* Assign the sizes to match the SVG widths for seamless tiling */
  background-size: 713px 713px, 491px 491px, 314px 314px, cover;
  background-repeat: repeat;
  background-attachment: fixed;
}

@media (min-width:768px) {
  .main-box {
    margin-top: 8rem; 
  }

  .page-header + script + div {
    padding-top: calc(25px * var(--pretix-body-bg-white-0) + 15px * var(--pretix-body-bg-white-1));
  }
}