.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===========================
   Wedding Wish – Global Style
   =========================== */
:root{
  --ww-bg: #0f1530;            /* latar gelap elegan */
  --ww-card: rgba(255,255,255,.08);
  --ww-border: rgba(255,255,255,.18);
  --ww-soft: rgba(255,255,255,.06);
  --ww-text: #f4f6ff;
  --ww-muted: #c9cbe7;
  --ww-primary: #a78bfa;       /* ungu pastel */
  --ww-primary-2: #60a5fa;     /* biru lembut */
  --ww-accent: #f472b6;        /* pink lembut */
  --ww-success: #34d399;
  --ww-radius: 16px;
  --ww-shadow: 0 10px 28px rgba(0,0,0,.35);
}

/* latar section (opsional): bungkus section Elementor kamu dengan kelas .wedding-wish-section */
.wedding-wish-section{
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(255,255,255,.12), transparent 60%),
    linear-gradient(180deg, #0b1026 0%, #151a3a 100%);
  color: var(--ww-text);
}

/* Hilangkan efek warna default theme agar konsisten */
.wedding-wish-section *{
  color: var(--ww-text);
}

/* ===========================
   CARD wrapper (HTML form + list)
   gunakan di pembungkus HTML: <div class="wwg-card">… */
.wwg-card{
  max-width: 740px !important;
  margin: 0 auto !important;
  background: linear-gradient(180deg, var(--ww-card), var(--ww-soft));
  border: 1px solid var(--ww-border);
  border-radius: var(--ww-radius);
  box-shadow: var(--ww-shadow);
  padding: 20px !important;
  backdrop-filter: blur(6px);
}

/* Heading di atas form */
.wwg-card .wwg-title{
  font-family: "Playfair Display", ui-serif, Georgia, serif;
  font-size: clamp(28px, 4vw, 40px);
  letter-spacing: .5px;
  text-align: center;
  margin: 0 0 4px;
}
.wwg-card .wwg-sub{
  text-align:center;
  color: var(--ww-muted);
  margin-bottom: 16px;
}

/* ===========================
   FORM: #wishFormEl
   =========================== */
#wishFormEl{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--ww-border) !important;
  padding: 18px !important;
  border-radius: calc(var(--ww-radius) - 4px) !important;
}

#wishFormEl input[type="text"],
#wishFormEl input[type="tel"],
#wishFormEl select,
#wishFormEl textarea{
  width: 100% !important;
  margin-bottom: 12px !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  border: 1px solid var(--ww-border) !important;
  background: rgba(255,255,255,.06) !important;
  color: var(--ww-text) !important;
  outline: none !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

#wishFormEl input::placeholder,
#wishFormEl textarea::placeholder{
  color: rgba(255,255,255,.55);
}

#wishFormEl input:focus,
#wishFormEl textarea:focus,
#wishFormEl select:focus{
  border-color: var(--ww-primary) !important;
  background: rgba(255,255,255,.08) !important;
  box-shadow: 0 0 0 3px rgba(167,139,250,.25) !important;
}

/* Tombol */
#wishFormEl button[type="submit"]{
  width: 100% !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-weight: 700 !important;
  color: white !important;
  background: linear-gradient(135deg, var(--ww-primary), var(--ww-primary-2)) !important;
  box-shadow: 0 8px 20px rgba(96,165,250,.28) !important;
  transition: transform .08s ease, filter .2s ease, box-shadow .2s ease;
}
#wishFormEl button[type="submit"]:hover{
  filter: brightness(1.05);
  box-shadow: 0 10px 24px rgba(96,165,250,.35) !important;
}
#wishFormEl button[type="submit"]:active{
  transform: translateY(1px);
}

/* Pesan status */
#wishMsg{
  margin-top: 10px;
  color: var(--ww-muted);
}
#wishMsg.success{ color: var(--ww-success); }

/* ===========================
   LIST KOMENTAR (wish-wrap)
   =========================== */
.wish-wrap{
  margin-top: 18px;
}
.wish-count{
  text-align: center;
  margin: 6px 0 14px;
  font-weight: 700;
  color: var(--ww-muted);
}
.wish-count strong{
  color: var(--ww-text);
}

/* Item */
.wish-item{
  position: relative;
  margin-bottom: 14px;
  padding: 16px 16px 14px;
  border-radius: 14px;
  border: 1px solid var(--ww-border);
  background: linear-gradient(180deg, var(--ww-card), var(--ww-soft));
  box-shadow: 0 6px 16px rgba(0,0,0,.18);
}
.wish-name{
  font-weight: 800;
  margin: 0 0 6px;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial;
}
.wish-msg{
  line-height: 1.6;
}
.wish-time{
  margin-top: 8px;
  font-size: .9em;
  color: var(--ww-muted);
}

/* Badge “Hadir / Tidak” */
.wish-badge{
  position: absolute;
  right: 14px;
  top: 14px;
  font-size: .78em;
  color: #0e122b;
  background: linear-gradient(135deg, #dbeafe, #f5d0fe);
  padding: 4px 10px;
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
  text-transform: uppercase;
  letter-spacing: .2px;
}

/* Variasi warna badge berbasis teks */
.wish-badge:where(:not(:empty)){
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--ww-primary) 30%, #fff),
    color-mix(in srgb, var(--ww-accent) 30%, #fff)
  );
}
.wish-badge:contains("Tidak"),
.wish-badge:has(:where(*):contains("Tidak")){ /* fallback: tidak selalu didukung semua browser */
  background: linear-gradient(135deg, #fee2e2, #fecaca);
}

/* ===========================
   Responsif
   =========================== */
@media (max-width: 480px){
  .wwg-card{ padding: 16px !important; }
  .wish-item{ padding: 14px; }
  .wish-badge{ top: 12px; right: 12px; }
}/* End custom CSS */