/* Pet Companion — small overrides on the admin shell theme */

/* Keep form validation readable inside form-float */
.form-float .field-validation-error,
.form-group .text-danger {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.8125rem;
}

/* Auth validation summary */
.page-auth-boxed .validation-summary-errors ul {
  margin-bottom: 0;
  padding-left: 1.1rem;
}

/* Landing hero spacing when home.css is light */
.page-home .banner-section {
  padding-top: 5.5rem;
  min-height: 70vh;
}

.page-home .min-vh-75 {
  min-height: 70vh;
}

/* Avatar fallback when no profile image */
.avatar-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  font-size: 0.85rem;
  font-weight: 600;
}

/*
 * Header must not host Bootstrap .nav-link brand chrome.
 * Brands live under #sidebar .theme-text.
 */
.header-container .header > .navbar-item.theme-brand {
  display: none !important;
}

/* ---------- Profile dropdown menu ---------- */
.header-container .header .header-item .user-profile-dropdown {
  position: relative;
  margin-left: 16px;
}

.header-container .header .header-item .user-profile-dropdown .user {
  padding: 0;
  border: 0;
  background: transparent;
  display: inline-flex;
  align-items: center;
}

.header-container .header .header-item .user-profile-dropdown .user::after {
  display: none; /* hide Bootstrap caret on avatar */
}

.header-container .header .header-item .user-profile-dropdown .dropdown-menu {
  min-width: 260px;
  padding: 0.75rem 0 0.5rem;
  margin-top: 0.5rem !important;
  border: 1px solid #e0e6ed;
  border-radius: 8px;
  box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.12);
  background: #fff;
  z-index: 1080;
  right: 0;
  left: auto !important;
}

.header-container .header .header-item .user-profile-dropdown .user-profile-section {
  padding: 0.5rem 1rem 0.85rem;
  border-bottom: 1px solid #e0e6ed;
  margin-bottom: 0.35rem;
}

.header-container .header .header-item .user-profile-dropdown .user-profile-section .media {
  display: flex;
  align-items: center;
}

.header-container .header .header-item .user-profile-dropdown .user-profile-section h5 {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: #3b3f5c;
  word-break: break-all;
}

.header-container .header .header-item .user-profile-dropdown .user-profile-section p {
  margin: 0.15rem 0 0;
  font-size: 0.75rem;
  color: #888ea8;
}

.header-container .header .header-item .user-profile-dropdown .links-section {
  padding: 0.15rem 0;
}

.header-container .header .header-item .user-profile-dropdown .links-section.link-section-end {
  border-top: 1px solid #e0e6ed;
  margin-top: 0.25rem;
  padding-top: 0.35rem;
}

.header-container .header .header-item .user-profile-dropdown .dropdown-item {
  padding: 0;
  background: transparent;
}

.header-container .header .header-item .user-profile-dropdown .dropdown-item > a,
.header-container .header .header-item .user-profile-dropdown .profile-logout-btn {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  padding: 0.55rem 1rem;
  font-size: 0.85rem;
  font-weight: 500;
  color: #3b3f5c;
  text-decoration: none;
  background: transparent;
  border: 0;
  text-align: left;
  cursor: pointer;
}

.header-container .header .header-item .user-profile-dropdown .dropdown-item > a:hover,
.header-container .header .header-item .user-profile-dropdown .profile-logout-btn:hover {
  background: #f1f2f3;
  color: #4361ee;
}

.header-container .header .header-item .user-profile-dropdown .dropdown-item svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  stroke-width: 1.75;
  color: #888ea8;
}

.header-container .header .header-item .user-profile-dropdown .profile-logout-form {
  margin: 0;
  width: 100%;
}

/* Ensure header does not clip the open menu */
.header-container,
.header-container .header,
.header-container .header .header-item {
  overflow: visible;
}