/* ===== ŚRODKOWA KOLUMNA: profil (info + mini-wizytówka) ===== */
.wo-photo-author{
    display:flex;align-items:center;gap:10px;
    padding: 10px 10px;
    border: 1px solid var(--wo-line);
    background: var(--wo-chip-bg);
    border-radius: 14px;
    margin-bottom: 12px;
}
.wo-photo-author img{
    width:46px;height:46px;border-radius:14px;object-fit:cover;
    border: 1px solid color-mix(in srgb, var(--wo-line) 85%, transparent);
}
.wo-photo-author .wo-a-name{font-weight:950;font-size:13px;line-height:1.05;}
.wo-photo-author .wo-a-sub{font-size:11px;color: var(--wo-muted);margin-top:3px;}
.wo-photo-author .wo-a-badges{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}



.wo-profil-desc{
    margin: 0 0 12px;
    font-size: 11px;
    line-height: 1.6;
    color: color-mix(in srgb, var(--wo-muted) 88%, transparent);
}

.wo-photo-facts{
    display:grid;
    gap: 10px;
    margin-top: 10px;
}


/* ===== PRAWA KOLUMNA: cover profilu + akcje + opinie ===== */
.wo-photo-hero{
    border: 1px solid var(--wo-line);
    background: var(--wo-panel);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(16,24,40,.10);
}
html[data-theme="dark"] .wo-photo-hero{box-shadow: 0 22px 60px rgba(0,0,0,.38);}


.wo-toolrow{display:flex;gap:10px;align-items:center;pointer-events:auto;}
.wo-toolbtn{
    width: 44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.18);
    background: rgba(15,23,42,.62);
    backdrop-filter: blur(10px);
    color: #fff;
    cursor:pointer;
    display:grid;place-items:center;
    transition: transform .10s ease, background .14s ease, box-shadow .14s ease;
}
.wo-toolbtn:hover{
    background: rgba(15,23,42,.88);
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(0,0,0,.28);
}

.wo-metrics{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.wo-metric{
    display:inline-flex;align-items:center;gap:8px;
    padding: 7px 10px;
    border-radius: 999px;
    border: 1px solid var(--wo-line);
    background: var(--wo-chip-bg);
    color: var(--wo-muted);
    font-size: 11px;
    white-space: nowrap;
}
.wo-metric i{color: var(--wo-icon);}

.wo-actionrow{display:flex;gap:10px;align-items:center;}
.wo-action{
    height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid transparent;
    background: color-mix(in srgb, var(--wo-accent) 92%, #fff);
    color: #111;
    font-weight: 950;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap: 8px;
    white-space: nowrap;
}
.wo-action:hover{background: var(--wo-accent);}
.wo-action.wo-ghost{
    background: var(--wo-chip-bg);
    border-color: var(--wo-line);
    color: var(--wo-text);
}
.wo-action.wo-ghost:hover{background: var(--wo-soft);}

/* komentarze/opinie */
.wo-cwrap{margin-top: 14px;}
.wo-ctitle{
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 950;
    color: color-mix(in srgb, var(--wo-text) 88%, transparent);
}
.wo-csub{margin:0 0 12px;font-size:12px;color: color-mix(in srgb, var(--wo-muted) 90%, transparent);line-height:1.5;}
.wo-clist{display:flex;flex-direction:column;gap:12px;}

.wo-ccard{
    position: relative;
    display: grid;
    grid-template-columns: 6px minmax(0, 1fr);
    border-radius: 14px;
    background: var(--wo-panel);
    border: 1px solid var(--wo-line);
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(16,24,40,.06);
}
html[data-theme="dark"] .wo-ccard{box-shadow: 0 16px 40px rgba(0,0,0,.28);}
.wo-cstripe{background: rgba(59,130,246,.90);}
.wo-ccard.wo-is-hot .wo-cstripe{background: rgba(34,197,94,.90);}
.wo-ccard.wo-is-note .wo-cstripe{background: rgba(245,158,11,.92);}

.wo-cavatar{
    position:absolute;
    left:7px;top:14px;transform: translateX(-50%);
    width:48px;height:48px;border-radius:999px;
    background: var(--wo-panel);
    border: 2px solid color-mix(in srgb, var(--wo-muted) 55%, transparent);
    display:flex;align-items:center;justify-content:center;
    font-size:12px;font-weight:950;color: color-mix(in srgb, var(--wo-text) 80%, transparent);
    overflow:hidden;
}
.wo-cavatar img{width:100%;height:100%;object-fit:cover;display:block;}
.wo-ccard.wo-is-hot .wo-cavatar{border-color: rgba(34,197,94,.70);}
.wo-ccard.wo-is-note .wo-cavatar{border-color: rgba(245,158,11,.75);}

.wo-ccontent{padding:14px 14px 12px 26px;}
.wo-chead{
    display:flex;justify-content:space-between;align-items:baseline;gap:10px;
    margin-bottom:6px;padding-left:32px;
}
.wo-cwho{min-width:0;}
.wo-cname{font-size:13px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wo-crole{font-size:11px;color: color-mix(in srgb, var(--wo-muted) 92%, transparent);margin-top:2px;}
.wo-cmeta{text-align:right;font-size:11px;color: color-mix(in srgb, var(--wo-muted) 92%, transparent);white-space:nowrap;}
.wo-cbadge{
    display:inline-block;font-size:10px;padding:2px 8px;border-radius:999px;
    border: 1px solid rgba(59,130,246,.35);
    background: rgba(191,219,254,.65);
    color:#1d4ed8;
    margin-bottom:4px;
    font-weight:950;
    letter-spacing:.2px;
}
.wo-ccard.wo-is-hot .wo-cbadge{
    border-color: rgba(34,197,94,.35);
    background: rgba(187,247,208,.65);
    color:#166534;
}
.wo-ccard.wo-is-note .wo-cbadge{
    border-color: rgba(245,158,11,.40);
    background: rgba(254,243,199,.70);
    color:#92400e;
}
.wo-cbody{
    font-size:12px;line-height:1.55;padding-left:32px;
    color: color-mix(in srgb, var(--wo-text) 88%, transparent);
}
.wo-cbody b{color: color-mix(in srgb, var(--wo-text) 96%, transparent);}

.wo-addc{
    margin-top: 12px;
    border: 1px solid var(--wo-line);
    background: color-mix(in srgb, var(--wo-soft) 60%, var(--wo-panel));
    border-radius: 16px;
    padding: 12px;
    display:flex;
    gap: 10px;
    align-items:flex-start;
}
.wo-addc img{width:42px;height:42px;border-radius:14px;object-fit:cover;border:1px solid var(--wo-line);}
.wo-addc textarea{
    flex:1 1 auto;
    min-height: 44px;
    max-height: 140px;
    resize: vertical;
    border-radius: 14px;
    border: 1px solid var(--wo-line);
    background: var(--wo-panel);
    padding: 10px 12px;
    font-size: 12px;
    color: var(--wo-text);
    outline:none;
    line-height:1.4;
}
.wo-addc textarea::placeholder{color: var(--wo-muted);}
.wo-addc .wo-addc-actions{display:flex;gap:10px;flex-direction:column;}
.wo-addc button{
    height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid transparent;
    background: color-mix(in srgb, var(--wo-accent) 92%, #fff);
    color: #111;
    font-weight: 950;
    cursor:pointer;
    white-space: nowrap;
    display:inline-flex;
    align-items:center;
    gap: 8px;
    justify-content:center;
}
.wo-addc button:hover{background: var(--wo-accent);}
.wo-addc .wo-ghostbtn{
    background: var(--wo-chip-bg);
    border-color: var(--wo-line);
    color: var(--wo-text);
}
.wo-addc .wo-ghostbtn:hover{background: var(--wo-soft);}


.wo-pill{
    display:inline-flex;align-items:center;gap:8px;
    padding: 7px 10px;
    border-radius: 999px;
    border: 1px solid var(--wo-line);
    background: var(--wo-panel);
    color: var(--wo-muted);
    font-size: 11px;
    white-space: nowrap;
}
.wo-pill i{font-size:11px;color: var(--wo-icon);}