/*
 * Profile card badges — single source of truth.
 *
 * Loaded from the <head> of layouts/front.blade.php and layouts/frontend.blade.php,
 * the two layouts that render ProfileCard / modelCard.
 *
 * These rules used to be an inline <style> inside the card partials, so they shipped
 * once per card (152x on the homepage, ~280KB) and again in every infinite-scroll
 * AJAX response. Keep them here: the browser parses them once and caches them, and
 * AJAX card fragments stay free of CSS.
 *
 * Render-blocking on purpose — card badges are above the fold, so deferring this
 * (media="print" onload) would flash unstyled badges. The file is tiny and loads in
 * parallel with the other head stylesheets, so it costs nothing.
 *
 * Bump config('config.STYLE_VER') after editing.
 */

a.global-card {
    border: 4px solid transparent;
    background: linear-gradient(45deg, #000, #000) padding-box,
                linear-gradient(45deg, #881DED, #FDAE1D, #881DED, #FDAE1D, #FDAE1D, #881DED, #FDAE1D) border-box;
}

.partial-match {
    border: 2px solid rgb(245, 189, 4);
    background: #ffffffbf;
    padding: 1px 3px;
    border-radius: 13px;
    margin-top: 5px;
    margin-left: 5px;
    width: 44px;
    font-size: 12px;
    color: rgb(245, 189, 4);
    font-weight: 500;
    text-align: center;
}

.partial-match img {
    position: relative !important;
    padding-bottom: 0 !important;
    height: 24px !important;
    width: 24px !important;
}

/* KYC match modifiers — override .verified-badge defaults (declared in
   components/header.blade.php) per status. White background so the SVG's own colour
   shows on top, with inner padding so the seal sits inside the badge.
   Specificity (0,2,0) beats the base .verified-badge (0,1,0), so source order is
   irrelevant — these win wherever the base rules are declared. */
.verified-badge.kyc-match-icon-full,
.verified-badge.kyc-match-icon-partial {
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
}

.verified-badge.kyc-match-icon-full {
    border-color: #00C950;
    color: #00C950;
}

.verified-badge.kyc-match-icon-partial {
    border-color: #FC9502;
    color: #FC9502;
}

/* Shrink the seal so the white wrapper shows around it. The base `.verified-badge img`
   rule forces 24x24 via !important; this is (0,2,1) vs its (0,1,1), so it wins. */
.verified-badge.kyc-match-icon-full img,
.verified-badge.kyc-match-icon-partial img {
    height: 18px !important;
    width: 18px !important;
}
