/* Profile header: the secondary actions menu sits at the end of the handle line,
   and the verified mark is a round check instead of a worded pill. */

.mtv-profile__handle-row {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 8px 12px; margin: 4px 0 10px;
}
.mtv-profile__handle-row .mtv-profile__handle { margin: 0; }
.mtv-profile--premium .mtv-profile__handle-row { margin: 5px 0 13px; }

.mtv-profile__more { position: relative; margin-left: auto; }
.mtv-profile__more > summary {
    display: inline-flex; min-height: 34px; align-items: center; justify-content: center; gap: 5px;
    padding: 0 13px; border: 1px solid rgba(0,69,116,.22); border-radius: 999px;
    background: #fff; color: var(--mtv-navy);
    font-size: 13px; font-weight: 700; line-height: 1; white-space: nowrap;
    cursor: pointer; list-style: none; box-shadow: 0 2px 8px rgba(11,34,51,.07);
}
.mtv-profile__more > summary::-webkit-details-marker { display: none; }
.mtv-profile__more > summary::marker { content: ''; }
.mtv-profile__more > summary span:first-child { color: var(--mtv-magenta); font-size: 19px; line-height: .6; letter-spacing: 1px; }
.mtv-profile__more > summary:hover,
.mtv-profile__more[open] > summary { border-color: rgba(216,30,91,.45); background: #fff1f6; color: var(--mtv-magenta); }

.mtv-profile__more-menu {
    position: absolute; z-index: 30; top: calc(100% + 8px); right: 0;
    display: grid; gap: 6px; width: min(270px, calc(100vw - 56px));
    padding: 10px; border: 1px solid rgba(0,69,116,.14); border-radius: 16px;
    background: #fff; box-shadow: 0 18px 42px rgba(11,34,51,.22);
}
.mtv-profile__more-menu > * { width: 100%; margin: 0; }
.mtv-profile__more-menu > form { display: grid; }
.mtv-profile__more-menu > form > .mtv-btn { width: 100%; margin: 0; }
.mtv-profile__more-menu .mtv-btn:not(.mtv-btn--sm) {
    justify-content: flex-start; min-height: 42px; padding: 9px 13px; border-radius: 11px;
    border-color: rgba(0,69,116,.16); background: #f7fafd; color: var(--mtv-navy); font-weight: 600;
}
.mtv-profile__more-menu .mtv-btn:not(.mtv-btn--sm):hover { border-color: rgba(216,30,91,.4); background: #fff1f6; color: var(--mtv-magenta); }
.mtv-profile__more-menu .mtv-report { display: grid; }
.mtv-profile__more-menu .mtv-report > summary {
    display: flex; align-items: center; justify-content: space-between;
    min-height: 42px; padding: 9px 13px; border: 1px solid rgba(0,69,116,.16); border-radius: 11px;
    background: #f7fafd; color: var(--mtv-navy); font-size: 13.5px; font-weight: 600;
    list-style: none; cursor: pointer;
}
.mtv-profile__more-menu .mtv-report > summary::-webkit-details-marker { display: none; }
.mtv-profile__more-menu .mtv-report > summary::marker { content: ''; }
.mtv-profile__more-menu .mtv-report > summary::after { content: "›"; color: var(--mtv-magenta); font-size: 18px; line-height: 1; }
.mtv-profile__more-menu .mtv-report > summary:hover,
.mtv-profile__more-menu .mtv-report[open] > summary { border-color: rgba(216,30,91,.4); background: #fff1f6; }
.mtv-profile__more-menu .mtv-report form { position: static; width: 100%; margin-top: 6px; box-shadow: none; background: #f7f9fc; }

/* Verified: one round green mark with a check. The label stays for screen readers. */
.mtv-badge--verified {
    display: inline-flex; align-items: center; justify-content: center;
    width: 20px; height: 20px; padding: 0; border: 0; border-radius: 50%;
    background: #0B7A40; color: #fff; flex: none; vertical-align: middle;
}
.mtv-badge--verified svg { width: 13px; height: 13px; flex: none; }
.mtv-profile__id h1 .mtv-badge--verified { width: 24px; height: 24px; }
.mtv-profile__id h1 .mtv-badge--verified svg { width: 16px; height: 16px; }

@media (max-width: 760px) {
    /* The id block uses display: contents here, so the row must claim the grid cells itself. */
    .mtv-profile--premium .mtv-profile__handle-row { grid-column: 2 / -1; grid-row: 2; align-self: start; margin: 4px 0 0; gap: 6px 6px; }
    .mtv-profile__more > summary { min-height: 32px; padding-inline: 11px; font-size: 12.5px; }
}

@media (prefers-reduced-motion: no-preference) {
    .mtv-profile__more > summary { transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
}