/* ================================
   1. Upload & Avatar
================================ */
.youzify-uploader-change-item h2,
#avatar-crop-pane {
  display: none;
}

.youzify #drag-drop-area {
  border: 2px solid var(--yzfy-card-secondary-bg-color) !important;
  border-radius: 12px;
  transition: border-color 0.3s ease;
}
.youzify #drag-drop-area:hover {
  border-color: #4caf50;
}

.youzify .bp-avatar-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-bottom: hidden !important;
}

/* ================================
   2. Settings Sidebar
================================ */
.youzify-settings-sidebar .youzify-account-menus {
  padding: 0 !important;
  border-radius: 0 !important;
  background: none !important;
}

/* Ẩn chọn hiển thị trong profile settings */
.youzify .editfield .field-visibility-settings-notoggle,
.youzify .editfield .field-visibility-settings-toggle {
  display: none;
}

/* ================================
   3. Membership / Register Form
================================ */
.youzify-membership-form {
  background-color: transparent !important;
  box-shadow: none !important;
}
#youzify_membership_signup_form input[type="text"],
#youzify_membership_signup_form input[type="email"],
#youzify_membership_signup_form input[type="number"],
#youzify_membership_signup_form input[type="password"] {
  border-radius: 15px !important;
  background: transparent !important;
}

/* ================================
   4. Profile Header & Navigation
================================ */
.youzify-profile-header,
#youzify-profile-navmenu {
  align-items: center;
  margin: 0 auto;
  max-width: 1170px;
}
.youzify-horizontal-layout .youzify-navbar-inline-icons .youzify-navbar-item a {
  text-transform: capitalize;
}
.youzify p,
.youzify span,
.youzify a,
.youzify i,
.youzify-wall-link-title,
.youzify-wall-link-desc,
#whats-new,
.youzify h1,
.youzify h2,
.youzify h3,
.youzify h4,
.youzify h5,
.youzify h6 {
  color: #000 !important;
}
.youzify-profile-navmenu .youzify-navbar-item a {
  padding: 1rem;
  font-size: 0.85rem;
  height: 2rem;
}
.youzify .youzify-profile-navmenu {
  display: table-cell;
  vertical-align: middle;
}

/* ================================
   5. Profile Header Cover
================================ */
.youzify-hdr-v1 .youzify-profile-photo {
  z-index: 9;
  height: 9rem !important;
  width: 9rem !important;
}
.youzify-hdr-v1 .youzify-cover-content .youzify-inner-content {
  background-color: rgba(0, 0, 0, 0.5);
  width: 30% !important;
  height: 100%;
  bottom: 0px !important;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.youzify-hdr-v1 .youzify-cover-content .youzify-head-content,
.youzify-hdr-v1 .youzify-user-statistics {
  margin-left: 0px !important;
  text-align: center;
  position: relative !important;
  top: 0px !important;
}
.youzify-user-statistics .youzify-snumber {
  font-size: 14px !important;
}
.youzify-profile-header .youzify-open-upload-cover {
  top: 80% !important;
  left: 80% !important;
  width: fit-content;
}

/* Ẩn tab list cũ */
.youzify div.item-list-tabs {
  display: none;
}

/* ================================
   6. Wall / Activity Stream
================================ */
.youzify-wall-actions,
.youzify-wall-options {
  padding: 1px;
}
.youzify .activity-comments li {
  border-bottom: 1px rgb(78, 82, 82) solid;
  margin-bottom: 0px;
}

/* ================================
   7. Cover Upload / Custom Cover
================================ */
.youzify-header-cover {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden; /* giữ ảnh trong khung */
}
.youzify-header-cover > img {
  max-width: none !important;
  min-height: 300px;
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
  cursor: grab;
}

/* Nút Cancel Cover */
.cancel-cover {
  position: absolute;
  top: 80% !important;
  left: 90% !important;
  background: #ff4d4d;
  color: white;
  border: none;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  border-radius: 5px;
  z-index: 1000;
  margin: 15px;
  height: 35px;
  padding: 0 15px;
}
.cancel-cover:hover {
  background: #cc0000;
}