/* css/party-maxi.css */

/* === Party theme vars === */
:root{
  --p-cream: #FFF6FB;
  --p-pink-0:#FFEAF4;
  --p-pink-1:#FAD0E3;
  --p-pink-2:#F6A8D0;
  --p-pink-3:#D85BAA;
  --p-wine:  #8F2C6F;
  --p-gold:  #D7B26E;
  --p-gold2: #F4E2B9;
  --p-ink:   #2A1B24;
}

/* Page background: maximalistisch, zacht, glittery */
body.party-page{
  background:
    radial-gradient(900px 500px at 15% 15%, rgba(250,208,227,.55), transparent 60%),
    radial-gradient(900px 500px at 85% 25%, rgba(246,168,208,.40), transparent 60%),
    linear-gradient(180deg, rgba(255,246,251,1), rgba(255,234,244,1));
}

/* Global accent: roze + goud */
.party-page .text-primary{ color: var(--p-pink-3) !important; }
.party-page .border-primary{ border-color: rgba(216,91,170,.35) !important; }

/* Buttons: rijker, glow + goudrand */
.party-page .btn-primary{
  background: linear-gradient(135deg, var(--p-pink-3), var(--p-wine)) !important;
  border: 0 !important;
  box-shadow: 0 18px 50px rgba(143,44,111,.22);
  border-radius: 999px;
  padding-left: 22px;
  padding-right: 22px;
}
.party-page .btn-primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 22px 60px rgba(143,44,111,.28);
}
.party-page .btn-outline-primary{
  color: var(--p-wine) !important;
  border-color: rgba(215,178,110,.8) !important; /* goud */
  border-width: 2px !important;
  border-radius: 999px;
  background: rgba(255,255,255,.55);
}
.party-page .btn-outline-primary:hover{
  background: rgba(244,226,185,.40);
}

/* === Hero with header image === */
.party-hero-img{
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  margin: 40px auto 55px;
  max-width: 1200px;
  box-shadow: 0 25px 80px rgba(0,0,0,.18);
  border: 1px solid rgba(215,178,110,.45);
  background: #fff;
}

.party-hero-img img{
  width: 100%;
  height: auto;
  display: block;
}

/* subtle sparkle overlay on top of the image */
.party-hero-img:after{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(7px 7px at 15% 35%, rgba(255,255,255,.55), transparent 70%),
    radial-gradient(9px 9px at 28% 18%, rgba(255,255,255,.40), transparent 75%),
    radial-gradient(6px 6px at 70% 28%, rgba(255,255,255,.30), transparent 75%),
    radial-gradient(8px 8px at 82% 62%, rgba(255,255,255,.25), transparent 75%);
  pointer-events:none;
  opacity:.85;
}

/* === Section wrapper: less “basic” === */
.party-section{
  position: relative;
  padding: 22px 0;
}

/* Fancy card: bloesems + glow + goud */
.party-card{
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(215,178,110,.35);
  background:
    radial-gradient(900px 450px at 10% 20%, rgba(250,208,227,.55), transparent 60%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,246,251,.92));
  box-shadow: 0 20px 70px rgba(0,0,0,.10);
}

.party-card:before{
  content:"";
  position:absolute; inset:-30px;
  background-image: url("../img/sakura-blossoms.png");
  background-repeat: no-repeat;
  background-size: 420px auto;
  background-position: right -110px top -70px;
  opacity:.55;
  pointer-events:none;
}

/* Card title */
.party-card__title{
  font-weight: 800;
  color: var(--p-wine);
  letter-spacing: .2px;
}

/* Badge (like “Enkel zondagmorgen”) */
.party-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(244,226,185,.55);
  border: 1px solid rgba(215,178,110,.65);
  color: var(--p-wine);
  font-weight: 700;
}

/* Sparkle bullets */
.party-list{
  padding-left: 18px;
}
.party-list li{
  margin-bottom: 6px;
}

/* Tiles (hub) */
.party-tile{
  position: relative;
  overflow:hidden;
  border-radius: 22px;
  border: 1px solid rgba(215,178,110,.35);
  background:
    radial-gradient(700px 380px at 20% 15%, rgba(250,208,227,.60), transparent 60%),
    linear-gradient(135deg, rgba(255,255,255,.90), rgba(255,246,251,.95));
  box-shadow: 0 18px 60px rgba(0,0,0,.10);
  padding: 26px;
  height: 100%;
}
.party-tile:before{
  content:"";
  position:absolute; inset:-20px;
  background-image:url("../img/sakura-blossoms.png");
  background-repeat:no-repeat;
  background-size: 320px auto;
  background-position: left -120px top -80px;
  opacity:.35;
  pointer-events:none;
}
.party-tile h3{
  color: var(--p-wine);
  font-weight: 800;
}
.party-tile p{
  color: rgba(42,27,36,.82);
}

/* Mini info block */
.party-note{
  border-radius: 18px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(216,91,170,.20);
  padding: 18px 20px;
}

/* Make sections breathe */
.party-page h2, .party-page h3{
  letter-spacing: .1px;
}

/* Mobile spacing */
@media (max-width: 768px){
  .party-hero-img{ border-radius: 20px; margin: 24px 12px 35px; }
}