/* OMC V18.0.6 - Capa e estados do perfil social */

.v18CoverEditor{margin:0 0 22px}

.v18CoverEditorPreview{
  position:relative;
  width:100%;
  aspect-ratio:3/1;
  min-height:150px;
  overflow:hidden;
  border-radius:18px;
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(135deg,#172033,#26365b 58%,#c89b3c);
  background-size:cover;
  background-position:center;
  border:1px solid rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content:center;
}

.v18CoverEditorPreview.hasImage::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,transparent 58%,rgba(0,0,0,.24));
  pointer-events:none;
}

.v18CoverEditorPlaceholder{
  position:relative;
  z-index:1;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(0,0,0,.34);
  color:#fff;
  font-size:.86rem;
  font-weight:700;
  backdrop-filter:blur(5px);
}

.v18CoverEditorPreview.hasImage .v18CoverEditorPlaceholder{display:none}

.v18CoverActions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:11px;
}

.v18CoverActions small{opacity:.72;line-height:1.35}

.v18CoverRemove{
  border:0;
  background:transparent;
  cursor:pointer;
  text-decoration:underline;
  opacity:.78;
}

.v18PreviewCover,
.v18PublicCover{
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

.v18OwnProfileActions{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  margin:14px 0 8px;
}

#v18FollowButton[data-following="true"]{
  font-weight:700;
}

@media (max-width:720px){
  .v18CoverEditorPreview{min-height:118px;border-radius:14px}
  .v18CoverActions{align-items:flex-start}
  .v18OwnProfileActions{align-items:stretch}
  .v18OwnProfileActions .btn{width:100%;text-align:center}
}