/**
 *
 * Allows admins to specify premium accounts. Adds a badge to premium members.
 */
:root {
  /* Renamed CSS variables for uniqueness */
  --bp-premium-members-tooltip-color: #fff;
  --bp-premium-members-tooltip-background-color: rgba(0,0,0,0.75);
  --bp-premium-members-tooltip-border-radius: 3px;
  --bp-premium-members-tooltip-padding: 5px 8px;
  --bp-premium-members-tooltip-padding-x: 12px;
  --bp-premium-members-tooltip-padding-y: 3px;
  --bp-premium-members-tooltip-font-family: inherit;
  --bp-premium-members-tooltip-font-weight: 400;
  --bp-premium-members-tooltip-font-size: .8rem;
  --bp-premium-members-tooltip-max-width: 200px;
  --bp-premium-members-tooltip-box-shadow: none;
  --bp-premium-members-tooltip-arrow-size: 6px;
  --bp-premium-members-premium-badge-shape: url("../images/mask-circle.svg"); /* Renamed variable */
  /* Guest badge shape variable removed */
}

/* Combined selectors now only for premium badge */
.bp-premium-badge, /* Renamed class */
.bp-premium-member-item:not(.bp-premium-member-badge-loaded) .member-name-item > a:after, /* Renamed item class */
.bp-premium-member-item:not(.bp-premium-member-badge-loaded) .item-title > a:after,
.bp-premium-member-item:not(.bp-premium-member-badge-loaded) > .author > a:after,
.bp-premium-member-item:not(.bp-premium-member-badge-loaded) .member-name > a:after {
  display: inline-block;
  position: relative;
  top: -0.05em;
  margin-left: 0.4em;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* Styles for activity specifically for premium badge */
.activity .bp-premium-badge,
.activity .bp-premium-member-item:not(.bp-premium-member-badge-loaded) .member-name-item > a:after,
.activity .bp-premium-member-item:not(.bp-premium-member-badge-loaded) .item-title > a:after,
.activity .bp-premium-member-item:not(.bp-premium-member-badge-loaded) > .author > a:after,
.activity .bp-premium-member-item:not(.bp-premium-member-badge-loaded) .member-name > a:after {
  margin-right: 0.2em;
}

/* Widget styling, specific to premium badge now */
.widget img:not(.emoji) ~ .bp-premium-badge,
.widget img:not(.emoji) ~ .bp-premium-member-item:not(.bp-premium-member-badge-loaded) .member-name-item > a:after,
.widget img:not(.emoji) ~ .bp-premium-member-item:not(.bp-premium-member-badge-loaded) .item-title > a:after,
.widget img:not(.emoji) ~ .bp-premium-member-item:not(.bp-premium-member-badge-loaded) > .author > a:after,
.widget img:not(.emoji) ~ .bp-premium-member-item:not(.bp-premium-member-badge-loaded) .member-name > a:after {
  position: absolute;
  bottom: -6px;
  right: -6px;
  top: auto;
  margin: 0 !important;
  display: none;
}

.widget.widget_bp_core_recently_active_widget img ~ .bp-premium-badge,
.widget.widget_bp_core_whos_online_widget img ~ .bp-premium-badge,
.widget.widget_bp_core_recently_active_widget img ~ .bp-premium-member-item:not(.bp-premium-member-badge-loaded) .member-name-item > a:after,
.widget.widget_bp_core_whos_online_widget img ~ .bp-premium-member-item:not(.bp-premium-member-badge-loaded) .member-name-item > a:after,
.widget.widget_bp_core_recently_active_widget img ~ .bp-premium-member-item:not(.bp-premium-member-badge-loaded) .item-title > a:after,
.widget.widget_bp_core_whos_online_widget img ~ .bp-premium-member-item:not(.bp-premium-member-badge-loaded) .item-title > a:after,
.widget.widget_bp_core_recently_active_widget img ~ .bp-premium-member-item:not(.bp-premium-member-badge-loaded) > .author > a:after,
.widget.widget_bp_core_whos_online_widget img ~ .bp-premium-member-item:not(.bp-premium-member-badge-loaded) > .author > a:after,
.widget.widget_bp_core_recently_active_widget img ~ .bp-premium-member-item:not(.bp-premium-member-badge-loaded) .member-name > a:after,
.widget.widget_bp_core_whos_online_widget img ~ .bp-premium-member-item:not(.bp-premium-member-badge-loaded) .member-name > a:after {
  display: inline-block;
}

/* Premium badge specific styling */
.bp-premium-badge,
.bp-premium-member-item:not(.bp-premium-member-badge-loaded) .member-name-item > a:after,
.bp-premium-member-item:not(.bp-premium-member-badge-loaded) .item-title > a:after,
.bp-premium-member-item:not(.bp-premium-member-badge-loaded) > .author > a:after,
.bp-premium-member-item:not(.bp-premium-member-badge-loaded) .member-name > a:after {
  background: #000000 url("../images/verified-check.svg") no-repeat center center; /* Changed to black */
  -webkit-mask: var(--bp-premium-members-premium-badge-shape); /* Uses renamed variable */
          mask: var(--bp-premium-members-premium-badge-shape); /* Uses renamed variable */
}

/* Guest badge styling removed */

#item-header-content .bp-premium-badge, /* Renamed class */
#profile-header .bp-premium-badge { /* Renamed class */
  width: 24px;
  height: 24px;
  background-size: 12px; /* Assuming this size is still okay for the checkmark on black */
  margin-left: 0.5em;
}

/* Item link styling, using renamed item class */
.bp-premium-member-item .item-title > a,
.bp-premium-member-item .member-name > a,
.bp-premium-member-item > .author > a,
.bp-premium-member-item .member-name-item > a {
  display: inline-block;
}
.bp-premium-member-item .item-title > a:after,
.bp-premium-member-item .member-name > a:after,
.bp-premium-member-item > .author > a:after,
.bp-premium-member-item .member-name-item > a:after {
  content: "";
}

/* Hide redundant span if :after is used, specific to premium badge now */
.bp-premium-member-item .item-title > a ~ span.bp-premium-badge,
.bp-premium-member-item .member-name > a ~ span.bp-premium-badge,
.bp-premium-member-item > .author > a ~ span.bp-premium-badge,
.bp-premium-member-item .member-name-item > a ~ span.bp-premium-badge {
  display: none !important;
}

/* Tooltip styling, specific to premium badge tooltip */
.bp-premium-badge-tooltip { /* Renamed class */
  color: var(--bp-premium-members-tooltip-color);
  background-color: var(--bp-premium-members-tooltip-background-color);
  padding: var(--bp-premium-members-tooltip-padding-y) var(--bp-premium-members-tooltip-padding-x);
  border-radius: var(--bp-premium-members-tooltip-border-radius);
  font-family: var(--bp-premium-members-tooltip-font-family);
  font-weight: var(--bp-premium-members-tooltip-font-weight);
  font-size: var(--bp-premium-members-tooltip-font-size);
  max-width: var(--bp-premium-members-tooltip-max-width);
  box-shadow: var(--bp-premium-members-tooltip-box-shadow);
  border: none;
  font-style: normal;
  display: block;
  transition: 0.2s ease-in-out;
  position: absolute;
  z-index: 1070;
  margin: 0;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  word-wrap: break-word;
  opacity: 1;
  pointer-events: none;
}
.bp-premium-badge-tooltip[style*=hidden] { /* Renamed class */
  opacity: 0;
}
.bp-premium-badge-tooltip .bp-premium-badge-tooltip-arrow { /* Renamed classes */
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
  width: 0;
  height: 0;
  left: calc(50% - var(--bp-premium-members-tooltip-arrow-size));
}
.bp-premium-badge-tooltip[x-placement=top] .bp-premium-badge-tooltip-arrow,
.bp-premium-badge-tooltip[data-popper-placement=top] .bp-premium-badge-tooltip-arrow { /* Renamed classes */
  top: calc(100% - 1px);
  border-width: var(--bp-premium-members-tooltip-arrow-size) var(--bp-premium-members-tooltip-arrow-size) 0;
  border-top-color: var(--bp-premium-members-tooltip-background-color);
}
.bp-premium-badge-tooltip[x-placement=bottom] .bp-premium-badge-tooltip-arrow,
.bp-premium-badge-tooltip[data-popper-placement=bottom] .bp-premium-badge-tooltip-arrow { /* Renamed classes */
  bottom: calc(100% - 1px);
  border-width: 0 var(--bp-premium-members-tooltip-arrow-size) var(--bp-premium-members-tooltip-arrow-size) var(--bp-premium-members-tooltip-arrow-size);
  border-bottom-color: var(--bp-premium-members-tooltip-background-color);
}

/* Admin column styling */
.wp-list-table .column-bp-premium-member-status { /* Renamed column class */
  text-align: center;
}

/* Spin animation */
.dashicons.bp-premium-member-spin { /* Renamed class */
  animation: bp-premium-member-spin 1s infinite;
  animation-timing-function: linear;
}

@keyframes bp-premium-member-spin { /* Renamed animation */
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Admin toggle styling */
.bp-premium-member-toggle.bp-premium-by-role, /* Renamed classes */
.bp-premium-member-toggle.bp-premium-by-member-type { /* Renamed classes */
  cursor: not-allowed;
}
.bp-premium-member-toggle.bp-premium-by-role .bp-premium-badge, /* Renamed classes */
.bp-premium-member-toggle.bp-premium-by-member-type .bp-premium-badge { /* Renamed classes */
  opacity: 0.5;
}
.bp-premium-member-toggle:focus { /* Renamed class */
  outline: none;
  box-shadow: none;
}

/* Request button styling */
.bp-premium-member-request-button { /* Renamed class */
  background-color: #fff;
  border-radius: 8px;
  color: #000;
  display: inline-block;
  margin: 0;
  padding: 0.4rem 0.8rem;
  font-size: 0.8rem;
  text-align: center;
  vertical-align: middle;
}
.bp-premium-member-request-button.bp-premium-member-request-pending { /* Renamed classes */
  opacity: 0.7;
  cursor: not-allowed;
}
.bp-premium-member-request-button .bp-premium-badge { /* Renamed class */
  width: 20px !important;
  height: 20px !important;
  background-size: inherit !important;
}

/* New requests notice styling */
.bp-premium-member-new-requests-notice p { /* Renamed class */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bp-premium-member-new-requests-notice .notice-dismiss { /* Renamed class */
  top: 5px;
}