/* WizzMall V20R — Qena Vendor Bio */

body.wizz-qena-vendor-clean {
    --vendor-bg:#fff;
    --vendor-soft:#faf8f4;
    --vendor-border:#eadfd2;
    --vendor-text:#2f2418;
    --vendor-muted:#7b6a57;
    --vendor-orange:#f97316;
    --vendor-blue:#1597e5;
}

/* Legacy/vendor profile containers */
body.wizz-qena-vendor-clean .profile-details,
body.wizz-qena-vendor-clean .wiz-vendor-summary,
body.wizz-qena-vendor-clean .wiz-vendor-info-strip {
    background:var(--vendor-bg)!important;
    border:1px solid var(--vendor-border)!important;
    border-radius:18px!important;
    box-shadow:0 5px 18px rgba(74,52,31,.06)!important;
}

/* Legacy profile: compact horizontal header */
body.wizz-qena-vendor-clean .profile-details {
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:18px!important;
    padding:18px!important;
    margin-bottom:14px!important;
}

body.wizz-qena-vendor-clean .profile-details .left,
body.wizz-qena-vendor-clean .profile-details .right {
    width:100%!important;
}

body.wizz-qena-vendor-clean .profile-details .img-profile,
body.wizz-qena-vendor-clean .wiz-vendor-avatar {
    width:104px!important;
    height:104px!important;
    object-fit:contain!important;
    background:#fff!important;
    border:1px solid var(--vendor-border)!important;
    border-radius:18px!important;
    padding:5px!important;
    box-shadow:none!important;
}

body.wizz-qena-vendor-clean .profile-details .username,
body.wizz-qena-vendor-clean .wiz-vendor-name-row h2 {
    color:var(--vendor-text)!important;
    font-size:24px!important;
    line-height:1.35!important;
    font-weight:900!important;
    margin:0!important;
}

body.wizz-qena-vendor-clean .icon-verified,
body.wizz-qena-vendor-clean .wiz-verified {
    color:var(--vendor-blue)!important;
}

body.wizz-qena-vendor-clean .profile-details .description,
body.wizz-qena-vendor-clean .wiz-vendor-summary-copy > p {
    color:#504334!important;
    font-size:15px!important;
    line-height:1.65!important;
    margin:7px 0 0!important;
    max-width:650px!important;
}

/* Information as simple chips */
body.wizz-qena-vendor-clean .profile-details .user-contact,
body.wizz-qena-vendor-clean .wiz-vendor-info-strip {
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin-top:11px!important;
    padding:0!important;
}

body.wizz-qena-vendor-clean .profile-details .user-contact .info,
body.wizz-qena-vendor-clean .profile-details .p-last-seen,
body.wizz-qena-vendor-clean .profile-details .profile-rating,
body.wizz-qena-vendor-clean .profile-details .profile-number-sales,
body.wizz-qena-vendor-clean .wiz-vendor-info-strip > span,
body.wizz-qena-vendor-clean .wiz-vendor-facts > span {
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    min-height:36px!important;
    margin:0!important;
    padding:7px 11px!important;
    background:var(--vendor-soft)!important;
    color:var(--vendor-muted)!important;
    border:1px solid var(--vendor-border)!important;
    border-radius:999px!important;
    font-size:13px!important;
    line-height:1.3!important;
    box-shadow:none!important;
}

body.wizz-qena-vendor-clean .wiz-vendor-info-strip > span b {
    display:inline!important;
    margin:0 0 0 5px!important;
    color:var(--vendor-text)!important;
}

/* Remove imported/source paragraph visual clutter */
body.wizz-qena-vendor-clean .wizz-v20-import-note {
    display:inline-flex;
    margin-top:9px;
    padding:5px 9px;
    background:#f3f7fa;
    color:#667784;
    border:1px solid #dde8ef;
    border-radius:999px;
    font-size:11px;
    font-weight:700;
}

/* Actions */
body.wizz-qena-vendor-clean .profile-buttons .buttons,
body.wizz-qena-vendor-clean .wiz-vendor-actions {
    display:flex!important;
    flex-wrap:wrap!important;
    gap:9px!important;
    margin-top:12px!important;
}

body.wizz-qena-vendor-clean .profile-buttons .btn,
body.wizz-qena-vendor-clean .wiz-vendor-actions > a,
body.wizz-qena-vendor-clean .wiz-vendor-actions > button,
body.wizz-qena-vendor-clean [data-wizz-v20-products] {
    min-height:44px!important;
    border-radius:13px!important;
    font-size:14px!important;
    font-weight:800!important;
    box-shadow:none!important;
}

body.wizz-qena-vendor-clean [data-wizz-v20-products] {
    background:var(--vendor-orange)!important;
    color:#fff!important;
    border:1px solid var(--vendor-orange)!important;
}

/* Current social-like vendor page: collapse zero/no-value stats */
body.wizz-qena-vendor-clean .wizz-v20-zero-stat {
    display:none!important;
}

body.wizz-qena-vendor-clean .wizz-v20-follow-hidden {
    display:none!important;
}

/* Make the useful product count visually dominant, not follower/rating zeros. */
body.wizz-qena-vendor-clean .wizz-v20-product-stat {
    color:var(--vendor-text)!important;
    font-weight:900!important;
}

/* Product section starts clearly after profile */
body.wizz-qena-vendor-clean #products,
body.wizz-qena-vendor-clean .wiz-vendor-products {
    scroll-margin-top:90px;
}

@media(max-width:767.98px){
    body.wizz-qena-vendor-clean .profile-details {
        grid-template-columns:88px minmax(0,1fr)!important;
        gap:12px!important;
        padding:14px!important;
    }

    body.wizz-qena-vendor-clean .profile-details .img-profile,
    body.wizz-qena-vendor-clean .wiz-vendor-avatar {
        width:84px!important;
        height:84px!important;
        border-radius:16px!important;
    }

    body.wizz-qena-vendor-clean .profile-details .username,
    body.wizz-qena-vendor-clean .wiz-vendor-name-row h2 {
        font-size:20px!important;
    }

    body.wizz-qena-vendor-clean .profile-details .description,
    body.wizz-qena-vendor-clean .wiz-vendor-summary-copy > p {
        font-size:14px!important;
        line-height:1.55!important;
    }

    body.wizz-qena-vendor-clean .profile-details .user-contact,
    body.wizz-qena-vendor-clean .wiz-vendor-info-strip {
        gap:6px!important;
    }

    body.wizz-qena-vendor-clean .profile-details .user-contact .info,
    body.wizz-qena-vendor-clean .wiz-vendor-info-strip > span {
        min-height:34px!important;
        padding:6px 9px!important;
        font-size:12px!important;
    }

    body.wizz-qena-vendor-clean .profile-buttons .buttons,
    body.wizz-qena-vendor-clean .wiz-vendor-actions {
        width:100%!important;
    }

    body.wizz-qena-vendor-clean .profile-buttons .buttons > *,
    body.wizz-qena-vendor-clean .wiz-vendor-actions > * {
        flex:1 1 145px!important;
    }
}