/* Shared ficha identity cards for /search, /x/categories/* and /discover. */
body.search-page .x-directory-profile-result-card,
body.x-directory-category-page .x-directory-profile-result-card{
display:grid !important;
grid-template-rows:auto auto !important;
gap:12px !important;
min-height:0 !important;
padding:16px !important;
border-radius:27px !important;
border-color:rgba(255,255,255,.15) !important;
background:
radial-gradient(circle at 16% 0%, rgba(216,255,79,.10), transparent 34%),
radial-gradient(circle at 96% 12%, rgba(117,231,255,.08), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.016)),
#050505 !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 20px 46px rgba(0,0,0,.24) !important;
}

body.search-page .x-directory-profile-result-card:hover,
body.search-page .x-directory-profile-result-card:focus-within,
body.x-directory-category-page .x-directory-profile-result-card:hover,
body.x-directory-category-page .x-directory-profile-result-card:focus-within{
border-color:rgba(255,255,255,.26) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.13), 0 26px 58px rgba(0,0,0,.31) !important;
}

body.search-page .x-directory-profile-result-link,
body.x-directory-category-page .x-directory-profile-result-link{
display:grid !important;
grid-template-columns:44px minmax(0, 1fr) !important;
grid-template-areas:
"avatar kicker"
"avatar title"
"avatar meta" !important;
align-content:center !important;
align-items:center !important;
column-gap:13px !important;
row-gap:4px !important;
min-height:88px !important;
padding-right:52px !important;
text-decoration:none !important;
}

body.search-page .x-directory-profile-result-avatar,
body.x-directory-category-page .x-directory-profile-result-avatar,
body.discover-v2 .discover-card-avatar{
--public-result-avatar-size:44px;
--public-result-avatar-inset:4px;
position:relative !important;
display:block !important;
width:var(--public-result-avatar-size) !important;
height:var(--public-result-avatar-size) !important;
min-width:var(--public-result-avatar-size) !important;
overflow:visible !important;
border:0 !important;
border-radius:999px !important;
background:transparent !important;
box-shadow:0 12px 28px rgba(0,0,0,.35) !important;
}

body.search-page .x-directory-profile-result-avatar,
body.x-directory-category-page .x-directory-profile-result-avatar{
grid-area:avatar !important;
align-self:center !important;
}

body.search-page .x-directory-profile-result-avatar::before,
body.x-directory-category-page .x-directory-profile-result-avatar::before,
body.discover-v2 .discover-card-avatar::before{
content:"" !important;
position:absolute !important;
inset:-2px !important;
z-index:0 !important;
border-radius:inherit !important;
background:conic-gradient(from 0deg, #ffda55, #ff3f9f, #7c3cff, #00d5ff, #37ff8b, #ffda55) !important;
animation:seoLogoRingSpin 3s linear infinite !important;
}

body.search-page .x-directory-profile-result-avatar::after,
body.x-directory-category-page .x-directory-profile-result-avatar::after,
body.discover-v2 .discover-card-avatar::after{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:1 !important;
border-radius:inherit !important;
background:#050505 !important;
}

body.search-page .x-directory-profile-result-avatar img,
body.search-page .x-directory-profile-result-avatar b,
body.x-directory-category-page .x-directory-profile-result-avatar img,
body.x-directory-category-page .x-directory-profile-result-avatar b,
body.discover-v2 .discover-card-avatar img,
body.discover-v2 .discover-card-avatar b{
position:absolute !important;
inset:var(--public-result-avatar-inset) !important;
z-index:2 !important;
display:grid !important;
place-items:center !important;
width:calc(100% - (var(--public-result-avatar-inset) * 2)) !important;
height:calc(100% - (var(--public-result-avatar-inset) * 2)) !important;
border:0 !important;
border-radius:inherit !important;
background:#050505 !important;
color:#fff !important;
font-size:20px !important;
font-weight:950 !important;
letter-spacing:-.06em !important;
line-height:1 !important;
object-fit:cover !important;
text-transform:uppercase !important;
}

body.search-page .x-directory-profile-result-link > span:not(.x-directory-profile-result-avatar),
body.x-directory-category-page .x-directory-profile-result-link > span:not(.x-directory-profile-result-avatar){
grid-area:kicker !important;
align-self:end !important;
color:rgba(216,255,79,.82) !important;
font-size:10px !important;
font-weight:950 !important;
letter-spacing:.16em !important;
text-transform:uppercase !important;
}

body.search-page .x-directory-profile-result-link strong,
body.x-directory-category-page .x-directory-profile-result-link strong{
grid-area:title !important;
align-self:center !important;
font-size:clamp(21px, 2vw, 28px) !important;
line-height:.98 !important;
letter-spacing:-.045em !important;
}

body.search-page .x-directory-profile-result-link em,
body.x-directory-category-page .x-directory-profile-result-link em{
grid-area:meta !important;
align-self:start !important;
color:rgba(255,255,255,.62) !important;
font-size:11px !important;
letter-spacing:.08em !important;
}

body.search-page .x-directory-profile-save-button,
body.x-directory-category-page .x-directory-profile-save-button{
top:16px !important;
right:16px !important;
width:38px !important;
height:38px !important;
border-radius:15px !important;
}

body.search-page .x-directory-profile-result-actions,
body.x-directory-category-page .x-directory-profile-result-actions{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:8px !important;
align-items:center !important;
padding-top:2px !important;
}

body.search-page .x-directory-profile-result-actions a,
body.x-directory-category-page .x-directory-profile-result-actions a{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:40px !important;
padding:0 12px !important;
border:1px solid rgba(255,255,255,.82) !important;
border-radius:16px !important;
background:#fff !important;
color:#050505 !important;
font-size:12px !important;
font-weight:850 !important;
letter-spacing:0 !important;
line-height:1 !important;
text-align:center !important;
text-decoration:none !important;
text-transform:none !important;
box-shadow:none !important;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important;
}

body.search-page .x-directory-profile-result-actions a + a,
body.x-directory-category-page .x-directory-profile-result-actions a + a{
background:rgba(255,255,255,.06) !important;
color:#fff !important;
border-color:rgba(255,255,255,.18) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}

body.search-page .x-directory-profile-result-actions a:hover,
body.search-page .x-directory-profile-result-actions a:focus-visible,
body.x-directory-category-page .x-directory-profile-result-actions a:hover,
body.x-directory-category-page .x-directory-profile-result-actions a:focus-visible{
transform:translateY(-1px) !important;
box-shadow:0 18px 38px rgba(255,255,255,.13) !important;
}

body.discover-v2 .discover-card{
border-color:rgba(255,255,255,.15) !important;
background:
radial-gradient(circle at 16% 0%, rgba(216,255,79,.085), transparent 34%),
radial-gradient(circle at 96% 12%, rgba(117,231,255,.075), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.016)),
#050505 !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 20px 50px rgba(0,0,0,.24) !important;
}

body.discover-v2 .discover-card-media.is-empty{
display:none !important;
}

body.discover-v2 .discover-card-media.is-empty + .discover-card-body{
padding-top:17px !important;
}

body.discover-v2 .discover-card-title-row{
display:grid !important;
grid-template-columns:44px minmax(0, 1fr) !important;
align-items:center !important;
gap:13px !important;
min-width:0 !important;
}

body.discover-v2 .discover-card-title-row h3{
min-width:0 !important;
margin:0 !important;
font-size:clamp(22px, 2vw, 30px) !important;
line-height:.98 !important;
}

body.discover-v2 .discover-card-title-row h3 a{
display:flex !important;
align-items:center !important;
gap:7px !important;
min-width:0 !important;
}

body.discover-v2 .discover-card-title-row .x-public-profile-owner-star{
width:16px !important;
height:16px !important;
min-width:16px !important;
min-height:16px !important;
}

body.discover-v2 .discover-card-actions a{
border-radius:16px !important;
}

/* 1186: Category and search result cards use the same visual system as Discover cards. */
body.search-page .search-result-grid,
body.x-directory-category-page .x-directory-profile-grid{
align-items:stretch !important;
}

body.search-page .x-directory-profile-discover-card,
body.x-directory-category-page .x-directory-profile-discover-card{
position:relative !important;
min-height:0 !important;
}

body.search-page .x-directory-profile-discover-card .discover-card-meta,
body.x-directory-category-page .x-directory-profile-discover-card .discover-card-meta{
padding-right:48px !important;
}

body.search-page .x-directory-profile-discover-card .x-directory-profile-save-button,
body.x-directory-category-page .x-directory-profile-discover-card .x-directory-profile-save-button{
z-index:8 !important;
top:16px !important;
right:16px !important;
width:38px !important;
height:38px !important;
border-radius:15px !important;
}

body.search-page .x-directory-profile-discover-card .discover-card-actions,
body.x-directory-category-page .x-directory-profile-discover-card .discover-card-actions{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:8px !important;
}

body.search-page .x-directory-profile-discover-card .discover-card-actions a,
body.x-directory-category-page .x-directory-profile-discover-card .discover-card-actions a{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:40px !important;
padding:0 12px !important;
border-radius:16px !important;
font-size:12px !important;
font-weight:850 !important;
line-height:1 !important;
text-align:center !important;
text-decoration:none !important;
}

/* 1183: Match Discover news counters to the Top 10 CTA pill size. */
body.discover-v2 .discover-news-head-actions small{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:40px !important;
height:40px !important;
padding:0 15px !important;
border-radius:999px !important;
box-sizing:border-box !important;
line-height:1 !important;
white-space:nowrap !important;
}

@media(max-width:640px){
body.search-page .x-directory-profile-result-link,
body.x-directory-category-page .x-directory-profile-result-link,
body.discover-v2 .discover-card-title-row{
grid-template-columns:38px minmax(0, 1fr) !important;
column-gap:11px !important;
}

body.search-page .x-directory-profile-result-avatar,
body.x-directory-category-page .x-directory-profile-result-avatar,
body.discover-v2 .discover-card-avatar{
--public-result-avatar-size:38px;
--public-result-avatar-inset:3px;
}

body.search-page .x-directory-profile-result-avatar b,
body.x-directory-category-page .x-directory-profile-result-avatar b,
body.discover-v2 .discover-card-avatar b{
font-size:17px !important;
}

body.search-page .x-directory-profile-result-actions,
body.x-directory-category-page .x-directory-profile-result-actions,
body.search-page .x-directory-profile-discover-card .discover-card-actions,
body.x-directory-category-page .x-directory-profile-discover-card .discover-card-actions{
grid-template-columns:1fr !important;
}
}

/* 1322: Saved favourite buttons flip the minus icon to Widais yellow on hover. */
body.search-page .x-directory-profile-save-button.is-saved:hover:not(:disabled),
body.search-page .x-directory-profile-save-button.is-saved:focus-visible,
body.x-directory-category-page .x-directory-profile-save-button.is-saved:hover:not(:disabled),
body.x-directory-category-page .x-directory-profile-save-button.is-saved:focus-visible,
body.discover-v2 .x-directory-profile-save-button.is-saved:hover:not(:disabled),
body.discover-v2 .x-directory-profile-save-button.is-saved:focus-visible{
border-color:rgba(216,255,79,.78) !important;
background:#050505 !important;
background-image:none !important;
color:#d8ff4f !important;
box-shadow:inset 0 1px 0 rgba(216,255,79,.22), 0 16px 36px rgba(0,0,0,.32), 0 0 24px rgba(216,255,79,.12) !important;
}

body.search-page .x-directory-profile-save-button.is-saved:hover:not(:disabled) svg,
body.search-page .x-directory-profile-save-button.is-saved:hover:not(:disabled) svg path,
body.search-page .x-directory-profile-save-button.is-saved:focus-visible svg,
body.search-page .x-directory-profile-save-button.is-saved:focus-visible svg path,
body.x-directory-category-page .x-directory-profile-save-button.is-saved:hover:not(:disabled) svg,
body.x-directory-category-page .x-directory-profile-save-button.is-saved:hover:not(:disabled) svg path,
body.x-directory-category-page .x-directory-profile-save-button.is-saved:focus-visible svg,
body.x-directory-category-page .x-directory-profile-save-button.is-saved:focus-visible svg path,
body.discover-v2 .x-directory-profile-save-button.is-saved:hover:not(:disabled) svg,
body.discover-v2 .x-directory-profile-save-button.is-saved:hover:not(:disabled) svg path,
body.discover-v2 .x-directory-profile-save-button.is-saved:focus-visible svg,
body.discover-v2 .x-directory-profile-save-button.is-saved:focus-visible svg path{
fill:#d8ff4f !important;
color:#d8ff4f !important;
}
