/* ============================================================
   GLOBAL HEADER
   ============================================================ */
.global-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--header-height, 64px);
  padding: 0 var(--space-6, 24px);
  background-color: var(--color-bg, #1a0f12);
  border-bottom: 1px solid var(--color-border, rgba(255, 255, 255, 0.1));
  position: sticky;
  top: 0;
  z-index: 100;
  flex-shrink: 0;
  box-sizing: border-box;
}

/* Left Section: Verification Button */
.global-header__left {
  display: flex;
  align-items: center;
  gap: var(--space-4, 16px);
  min-width: 0;
  flex: 1;
}

.global-header__verify-btn {
  background-color: var(--color-danger, #ef4444);
  color: #ffffff !important;
  height: 36px;
  padding: 0 14px;
  border-radius: var(--radius-sm, 6px);
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: opacity var(--transition-fast, 0.15s ease);
  white-space: nowrap;
  box-sizing: border-box;
}

.global-header__verify-btn:hover {
  opacity: 0.9;
}

.global-header__verify-btn i,
.global-header__verify-btn svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* Center Section: Create Wedding */
.global-header__center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.header__whatsapp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: #25d366;
  color: #ffffff !important;
  height: 36px;
  padding: 0 14px;
  border-radius: var(--radius-sm, 6px);
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 600;
  transition: opacity 0.2s ease;
  white-space: nowrap;
  box-sizing: border-box;
}

.header__whatsapp-btn:hover {
  opacity: 0.9;
}

.header__whatsapp-btn svg {
  width: 16px;
  height: 16px;
  fill: #ffffff;
  flex-shrink: 0;
}

/* Right Section: Profile Component */
.global-header__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-4, 16px);
  flex: 1;
}

.global-header__profile {
  display: flex;
  align-items: center;
  gap: var(--space-3, 12px);
  margin-left: var(--space-2, 8px);
}

.global-header__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: var(--color-primary, #facc15);
  color: var(--color-text-on-accent, #1a0f12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--font-weight-bold, 700);
  font-size: var(--font-size-sm, 0.875rem);
  flex-shrink: 0;
}

.global-header__profile-info {
  display: flex;
  flex-direction: column;
}

.global-header__profile-name {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-text-primary, #ffffff);
  line-height: 1.2;
  white-space: nowrap;
}

.global-header__profile-role {
  font-size: 0.65rem;
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-primary, #facc15);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .global-header {
    padding: 0 var(--space-4, 16px);
  }

  .global-header__center {
    display: none !important;
  }

  .global-header__verify-btn {
    height: 32px;
    padding: 0 10px;
    font-size: 0.8rem;
  }
}