/* src/css/toolbar.css (THEME: Nude & Mocca) */

.sticky-toolbar {
  position: fixed;
  z-index: 98; /* Di bawah welcome screen (99), di atas konten lain */
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-100%); /* Mulai tersembunyi di atas */
  
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 1.2rem;

  /* --- TEMA NUDE --- */
  /* Background: Putih Gading Transparan agar menyatu dengan background light */
  background: rgba(255, 252, 249, 0.9); 
  
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  
  /* Border Bawah Coklat Tipis */
  border-bottom: 1px solid var(--border-color); 
  
  /* Shadow Coklat Lembut */
  box-shadow: 0 4px 20px var(--shadow-color);

  border-bottom-left-radius: 20px;  /* Lengkungan Kiri Bawah */
  border-bottom-right-radius: 20px; /* Lengkungan Kanan Bawah */

  /* Transisi */
  opacity: 0;
  visibility: hidden;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease, visibility 0.4s ease;

  max-width: 455px; /* Samakan dengan lebar welcome/container */
  width: 100%; 
}

/* Kelas saat muncul */
.sticky-toolbar.visible {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

/* KIRI: Foto & Nama Pengantin */
.toolbar-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.toolbar-img-wrapper {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    padding: 2px; /* Jarak antara foto dan border */
    
    /* Lingkaran Mocca/Aksen */
    border: 1px solid var(--accent-color); 
    
    display: flex;
    align-items: center;
    justify-content: center;
}

.toolbar-photo {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.toolbar-names {
  font-family: var(--sacramento); 
  font-size: 1.5rem;
  
  /* Warna Nama: Coklat Bata (Heading) */
  color: var(--heading-text-color);
  
  font-weight: 700; /* Bold agar terbaca jelas di background terang */
  
  /* Shadow dihapus atau dibuat sangat halus agar tidak kotor */
  text-shadow: none; 
}

/* KANAN: Nama Tamu */
.toolbar-right {
    max-width: 120px;
    text-align: right;
}

.toolbar-guest {
  font-size: 1rem;
  font-weight: 600; /* Semi-Bold */
  
  /* Warna Nama Tamu: Coklat Tua */
  color: var(--main-text-color);
  
  opacity: 1; 
  
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}