/**
 * Kismet Theory community skin for BuddyPress and Youzify.
 *
 * This intentionally reuses the public directory's visual language without
 * importing the React app reset into WordPress community screens.
 */

:root {
    --kt-bg: 222 30% 13%;
    --kt-surface: 222 26% 16%;
    --kt-surface-2: 222 22% 19%;
    --kt-panel: var(--kt-surface-2);
    --kt-text: 183 89% 63%;
    --kt-muted: 215 18% 72%;
    --kt-border: 220 18% 22%;
    --kt-gold: 43 85% 62%;
    --kt-gold-2: 38 92% 58%;
    --kt-teal: 185 70% 42%;
    --kt-coral: 14 75% 60%;
    --kt-violet: 268 70% 64%;
    --kt-accent: var(--kt-gold);
    --kt-accent-soft: 43 80% 18%;
}

body.buddypress,
body.bp-user,
body.members,
body.groups,
body.activity,
body.register,
body.activation {
    color: hsl(var(--kt-text));
    background: hsl(var(--kt-bg));
}

body.buddypress::before,
body.bp-user::before,
body.members::before,
body.groups::before,
body.activity::before,
body.register::before,
body.activation::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .72;
    background:
        radial-gradient(1200px 600px at 20% 10%, hsl(var(--kt-teal) / .18), transparent 55%),
        radial-gradient(900px 500px at 85% 20%, hsl(var(--kt-violet) / .14), transparent 52%),
        radial-gradient(900px 500px at 60% 85%, hsl(var(--kt-coral) / .1), transparent 55%),
        linear-gradient(to bottom, hsl(var(--kt-gold) / .06), hsl(var(--kt-bg) / .65));
}

body.buddypress #page,
body.bp-user #page,
body.members #page,
body.groups #page,
body.activity #page,
body.register #page,
body.activation #page {
    background: transparent;
}

body.buddypress #primary,
body.bp-user #primary,
body.members #primary,
body.groups #primary,
body.activity #primary,
body.register #primary,
body.activation #primary,
body.buddypress .site-content,
body.bp-user .site-content,
body.members .site-content,
body.groups .site-content,
body.activity .site-content,
body.register .site-content,
body.activation .site-content {
    color: hsl(var(--kt-text));
}

#buddypress,
#youzify,
.youzify,
.yz-page,
.yz-global-wall,
.yz-account-page {
    color: hsl(var(--kt-text));
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

#buddypress a,
#youzify a,
.youzify a,
.yz-page a {
    color: hsl(var(--kt-text));
}

#buddypress a:hover,
#youzify a:hover,
.youzify a:hover,
.yz-page a:hover {
    color: hsl(var(--kt-gold));
}

#buddypress .bp-list,
#buddypress .activity-list,
#buddypress .item-list,
#buddypress .profile,
#buddypress .standard-form,
#buddypress .bp-navs,
#buddypress .subnav,
#buddypress .bp-feedback,
#buddypress .bp-messages,
#youzify .youzify-card,
#youzify .yz-card,
#youzify .yz-widget,
#youzify .yz-tab,
#youzify .yz-profile-navmenu,
#youzify .yz-profile-header,
#youzify .yz-profile-content,
#youzify .yz-account-content,
#youzify .yz-wall-content,
.youzify .youzify-card,
.youzify .yz-card,
.youzify .yz-widget,
.youzify .yz-tab,
.youzify .yz-profile-navmenu,
.youzify .yz-profile-header,
.youzify .yz-profile-content,
.youzify .yz-account-content,
.youzify .yz-wall-content {
    border: 1px solid hsl(var(--kt-border) / .9);
    border-radius: 18px;
    background: hsl(var(--kt-surface) / .78);
    box-shadow: 0 10px 30px rgb(0 0 0 / .35), inset 0 0 0 1px rgb(255 255 255 / .03);
    backdrop-filter: blur(10px);
}

#buddypress .bp-list li,
#buddypress .activity-list li,
#buddypress .members-list li,
#buddypress .groups-list li,
#youzify .yz-list-item,
#youzify .yz-post,
.youzify .yz-list-item,
.youzify .yz-post {
    border-color: hsl(var(--kt-border) / .82);
    background: hsl(var(--kt-panel) / .62);
}

#buddypress .bp-list li:hover,
#buddypress .activity-list li:hover,
#youzify .yz-list-item:hover,
#youzify .yz-post:hover,
.youzify .yz-list-item:hover,
.youzify .yz-post:hover {
    border-color: hsl(var(--kt-accent) / .55);
    box-shadow: 0 0 0 1px hsl(var(--kt-accent) / .26), 0 0 34px hsl(var(--kt-accent) / .12);
}

#buddypress .item-title,
#buddypress .item-title a,
#buddypress .user-nicename,
#buddypress h1,
#buddypress h2,
#buddypress h3,
#buddypress h4,
#youzify .yz-name,
#youzify .yz-name a,
#youzify .yz-widget-title,
#youzify .youzify-widget-title,
#youzify h1,
#youzify h2,
#youzify h3,
.youzify .yz-name,
.youzify .yz-name a,
.youzify .yz-widget-title,
.youzify .youzify-widget-title,
.youzify h1,
.youzify h2,
.youzify h3 {
    color: hsl(var(--kt-text));
    letter-spacing: 0;
}

#buddypress .activity-content,
#buddypress .activity-inner,
#buddypress .item-meta,
#buddypress .bp-member-type,
#buddypress .bp-group-type,
#youzify .yz-user-statistics,
#youzify .yz-usermeta,
#youzify .yz-widget-content,
#youzify .yz-aboutme-description,
.youzify .yz-user-statistics,
.youzify .yz-usermeta,
.youzify .yz-widget-content,
.youzify .yz-aboutme-description {
    color: hsl(var(--kt-muted));
}

#buddypress .bp-navs ul li a,
#buddypress .subnav ul li a,
#youzify .yz-profile-navmenu a,
#youzify .youzify-profile-navmenu a,
#youzify .yz-account-menu a,
.youzify .yz-profile-navmenu a,
.youzify .youzify-profile-navmenu a,
.youzify .yz-account-menu a {
    color: hsl(var(--kt-text));
    border-radius: 999px;
    background: transparent;
}

#buddypress .bp-navs ul li.current a,
#buddypress .bp-navs ul li.selected a,
#buddypress .subnav ul li.current a,
#buddypress .subnav ul li.selected a,
#youzify .yz-profile-navmenu .yz-active-menu,
#youzify .youzify-profile-navmenu .yz-active-menu,
#youzify .yz-account-menu .active,
.youzify .yz-profile-navmenu .yz-active-menu,
.youzify .youzify-profile-navmenu .yz-active-menu,
.youzify .yz-account-menu .active {
    color: #0c111d;
    background: linear-gradient(180deg, hsl(var(--kt-gold) / .95), hsl(var(--kt-gold-2) / .92));
    box-shadow: 0 10px 22px rgb(0 0 0 / .35), 0 0 32px hsl(var(--kt-accent) / .14);
}

#buddypress button,
#buddypress .button,
#buddypress input[type="button"],
#buddypress input[type="submit"],
#buddypress input[type="reset"],
#youzify button,
#youzify .button,
#youzify input[type="button"],
#youzify input[type="submit"],
.youzify button,
.youzify .button,
.youzify input[type="button"],
.youzify input[type="submit"] {
    color: #0c111d;
    border: 1px solid hsl(var(--kt-gold) / .55);
    border-radius: 14px;
    background: linear-gradient(180deg, hsl(var(--kt-gold) / .95), hsl(var(--kt-gold-2) / .92));
    box-shadow: 0 10px 22px rgb(0 0 0 / .35);
    text-shadow: none;
}

#buddypress button:hover,
#buddypress .button:hover,
#buddypress input[type="button"]:hover,
#buddypress input[type="submit"]:hover,
#youzify button:hover,
#youzify .button:hover,
#youzify input[type="button"]:hover,
#youzify input[type="submit"]:hover,
.youzify button:hover,
.youzify .button:hover,
.youzify input[type="button"]:hover,
.youzify input[type="submit"]:hover {
    color: #0c111d;
    filter: brightness(1.04);
    box-shadow: 0 10px 22px rgb(0 0 0 / .35), 0 0 32px hsl(var(--kt-accent) / .18);
}

#buddypress input[type="text"],
#buddypress input[type="email"],
#buddypress input[type="password"],
#buddypress input[type="search"],
#buddypress input[type="url"],
#buddypress textarea,
#buddypress select,
#youzify input[type="text"],
#youzify input[type="email"],
#youzify input[type="password"],
#youzify input[type="search"],
#youzify input[type="url"],
#youzify textarea,
#youzify select,
.youzify input[type="text"],
.youzify input[type="email"],
.youzify input[type="password"],
.youzify input[type="search"],
.youzify input[type="url"],
.youzify textarea,
.youzify select {
    color: hsl(var(--kt-text));
    border: 1px solid hsl(var(--kt-border) / .95);
    border-radius: 14px;
    background: hsl(var(--kt-surface-2) / .92);
}

#buddypress input:focus,
#buddypress textarea:focus,
#buddypress select:focus,
#youzify input:focus,
#youzify textarea:focus,
#youzify select:focus,
.youzify input:focus,
.youzify textarea:focus,
.youzify select:focus {
    border-color: hsl(var(--kt-accent) / .55);
    outline: none;
    box-shadow: 0 0 0 3px hsl(var(--kt-gold) / .25);
}

#buddypress ::placeholder,
#youzify ::placeholder,
.youzify ::placeholder {
    color: hsl(var(--kt-muted) / .75);
}

#buddypress img.avatar,
#youzify img.avatar,
#youzify .yz-profile-photo img,
#youzify .youzify-profile-photo img,
.youzify img.avatar,
.youzify .yz-profile-photo img,
.youzify .youzify-profile-photo img {
    border: 1px solid hsl(var(--kt-border) / .9);
    box-shadow: 0 10px 24px rgb(0 0 0 / .25), 0 0 0 3px hsl(var(--kt-accent) / .16);
}

#buddypress .activity-header,
#buddypress .acomment-meta,
#buddypress .notification-description,
#youzify .yz-post-meta,
#youzify .yz-post-date,
.youzify .yz-post-meta,
.youzify .yz-post-date {
    color: hsl(var(--kt-muted));
}

#buddypress div.item-list-tabs,
#buddypress .bp-navs,
#youzify .yz-profile-navmenu,
#youzify .youzify-profile-navmenu,
.youzify .yz-profile-navmenu,
.youzify .youzify-profile-navmenu {
    border-color: hsl(var(--kt-border) / .9);
}

#buddypress .bp-feedback,
#buddypress .bp-template-notice,
#youzify .yz-info-msg,
#youzify .youzify-info-msg,
.youzify .yz-info-msg,
.youzify .youzify-info-msg {
    color: hsl(var(--kt-text));
    border-color: hsl(var(--kt-accent) / .35);
    background: hsl(var(--kt-accent) / .14);
}

#buddypress .pagination,
#buddypress .bp-pagination,
#youzify .yz-pagination,
.youzify .yz-pagination {
    color: hsl(var(--kt-muted));
}

@media (max-width: 782px) {
    #buddypress .bp-list,
    #buddypress .activity-list,
    #buddypress .item-list,
    #youzify .youzify-card,
    #youzify .yz-card,
    #youzify .yz-widget,
    .youzify .youzify-card,
    .youzify .yz-card,
    .youzify .yz-widget {
        border-radius: 14px;
    }
}

/* Side-aware community surfaces. Directory and Studio profiles keep their own visual identity even inside shared BuddyPress/Youzify screens. */
body.kt-community-directory {
    --kt-community-accent: var(--kt-teal);
    --kt-community-accent-2: var(--kt-gold);
    --kt-community-profile-bg: radial-gradient(900px 360px at 15% 0%, hsl(var(--kt-teal) / .32), transparent 58%), linear-gradient(135deg, hsl(222 30% 13% / .95), hsl(185 44% 18% / .88));
}

body.kt-community-shared {
    --kt-community-accent: var(--kt-gold);
    --kt-community-accent-2: var(--kt-teal);
    --kt-community-profile-bg: radial-gradient(900px 360px at 15% 0%, hsl(var(--kt-gold) / .24), transparent 58%), linear-gradient(135deg, hsl(222 30% 13% / .95), hsl(185 34% 16% / .88));
}

body.kt-community-studio {
    --kt-community-accent: var(--kt-coral);
    --kt-community-accent-2: var(--kt-violet);
    --kt-accent: var(--kt-coral);
    --kt-accent-soft: 14 75% 18%;
    --kt-community-profile-bg: radial-gradient(900px 360px at 18% 0%, hsl(var(--kt-coral) / .34), transparent 58%), linear-gradient(135deg, hsl(222 30% 13% / .95), hsl(280 33% 18% / .86));
}

body.kt-community-feature-wanted {
    --kt-community-accent: var(--kt-gold);
    --kt-community-accent-2: var(--kt-teal);
}

body.kt-community-feature-shared-news {
    --kt-community-accent: var(--kt-teal);
    --kt-community-accent-2: var(--kt-gold);
}

body.kt-community-feature-discussions {
    --kt-community-accent-2: var(--kt-violet);
}

body.kt-community-feature-now-discuss {
    --kt-community-accent-2: var(--kt-gold);
}

body.kt-community-directory #buddypress #item-header,
body.kt-community-directory #youzify .yz-profile-header,
body.kt-community-directory #youzify .youzify-profile-header,
body.kt-community-directory .youzify .yz-profile-header,
body.kt-community-directory .youzify .youzify-profile-header,
body.kt-community-shared #buddypress #item-header,
body.kt-community-shared #youzify .yz-profile-header,
body.kt-community-shared #youzify .youzify-profile-header,
body.kt-community-shared .youzify .yz-profile-header,
body.kt-community-shared .youzify .youzify-profile-header,
body.kt-community-studio #buddypress #item-header,
body.kt-community-studio #youzify .yz-profile-header,
body.kt-community-studio #youzify .youzify-profile-header,
body.kt-community-studio .youzify .yz-profile-header,
body.kt-community-studio .youzify .youzify-profile-header {
    border-color: hsl(var(--kt-community-accent) / .48);
    background: var(--kt-community-profile-bg);
    box-shadow: 0 18px 50px rgb(0 0 0 / .42), 0 0 42px hsl(var(--kt-community-accent) / .16), inset 0 1px 0 rgb(255 255 255 / .08);
}

body.kt-community-directory #buddypress .bp-list li,
body.kt-community-directory #buddypress .activity-list li,
body.kt-community-directory #youzify .youzify-card,
body.kt-community-directory #youzify .yz-card,
body.kt-community-directory #youzify .yz-widget,
body.kt-community-directory .youzify .youzify-card,
body.kt-community-directory .youzify .yz-card,
body.kt-community-directory .youzify .yz-widget,
body.kt-community-shared #buddypress .bp-list li,
body.kt-community-shared #buddypress .activity-list li,
body.kt-community-shared #youzify .youzify-card,
body.kt-community-shared #youzify .yz-card,
body.kt-community-shared #youzify .yz-widget,
body.kt-community-shared .youzify .youzify-card,
body.kt-community-shared .youzify .yz-card,
body.kt-community-shared .youzify .yz-widget,
body.kt-community-studio #buddypress .bp-list li,
body.kt-community-studio #buddypress .activity-list li,
body.kt-community-studio #youzify .youzify-card,
body.kt-community-studio #youzify .yz-card,
body.kt-community-studio #youzify .yz-widget,
body.kt-community-studio .youzify .youzify-card,
body.kt-community-studio .youzify .yz-card,
body.kt-community-studio .youzify .yz-widget {
    border-color: hsl(var(--kt-community-accent) / .32);
}

body.kt-community-directory #buddypress .item-title a,
body.kt-community-directory #buddypress .user-nicename,
body.kt-community-directory #youzify .yz-name,
body.kt-community-directory .youzify .yz-name,
body.kt-community-shared #buddypress .item-title a,
body.kt-community-shared #buddypress .user-nicename,
body.kt-community-shared #youzify .yz-name,
body.kt-community-shared .youzify .yz-name,
body.kt-community-studio #buddypress .item-title a,
body.kt-community-studio #buddypress .user-nicename,
body.kt-community-studio #youzify .yz-name,
body.kt-community-studio .youzify .yz-name {
    color: hsl(var(--kt-community-accent-2));
}

body.kt-community-directory #buddypress img.avatar,
body.kt-community-directory #youzify img.avatar,
body.kt-community-directory .youzify img.avatar,
body.kt-community-shared #buddypress img.avatar,
body.kt-community-shared #youzify img.avatar,
body.kt-community-shared .youzify img.avatar,
body.kt-community-studio #buddypress img.avatar,
body.kt-community-studio #youzify img.avatar,
body.kt-community-studio .youzify img.avatar {
    border-color: hsl(var(--kt-community-accent) / .72);
    box-shadow: 0 10px 24px rgb(0 0 0 / .28), 0 0 0 3px hsl(var(--kt-community-accent) / .2);
}