/* =====================================================================================
   Profil — sectiuni in plus: avertizare de inactivitate, battlepass, refund-uri, distribuire.
   Totul sub .bh-profile .bhx (partialele user/partials/profile-{inactivity,battlepass,refunds,share}).
   Culorile vin din tema liquid glass (html.bh-glass) cu fallback-uri pentru aspectul clasic.
   Fara animatii care lasa transform pe containere.
   ===================================================================================== */

.bh-profile .bhx {
    --x-pane-a: var(--g-pane-a, rgba(255, 255, 255, .055));
    --x-pane-b: var(--g-pane-b, rgba(255, 255, 255, .02));
    --x-edge: var(--g-edge, rgba(255, 255, 255, .09));
    --x-edge-2: var(--g-edge-2, rgba(255, 255, 255, .15));
    --x-strong: var(--g-strong, #ffffff);
    --x-text: var(--g-text, #e6ecea);
    --x-text-2: var(--g-text-2, #c3cdc9);
    --x-muted: var(--g-muted, #8f9d98);
    --x-green: var(--g-green, #17c964);
    --x-green-soft: var(--g-green-soft, rgba(23, 201, 100, .14));
    --x-green-edge: var(--g-green-edge, rgba(23, 201, 100, .38));
    --x-gold: var(--g-gold, #f3bd3e);
    --x-red: var(--g-red, #ff5c6c);
    --x-tint: var(--g-tint, rgba(255, 255, 255, .045));
    --x-tint-2: var(--g-tint-2, rgba(255, 255, 255, .085));
    --x-line: var(--g-line, rgba(255, 255, 255, .07));
    --x-r: var(--g-r, 12px);
    --x-r-lg: var(--g-r-lg, 16px);
    --x-hi: var(--g-hi, inset 0 1px 0 rgba(255, 255, 255, .08));
    --x-orange: #ff9a3d;
    box-sizing: border-box;
    color: var(--x-text);
}
.bh-profile .bhx *, .bh-profile .bhx *::before, .bh-profile .bhx *::after { box-sizing: border-box; }
.bh-profile .bhx .bhx-k { display: block; font-size: 12px; font-weight: 600; color: var(--x-muted); letter-spacing: .01em; }
.bh-profile .bhx .bhx-muted { color: var(--x-muted); font-weight: 500; }

.bh-profile .bhx-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
.bh-profile .bhx-row > .bhx { margin-top: 14px; }
.bh-profile .bhx-row > .bhx:only-child { grid-column: 1 / -1; }

.bh-profile .bhx-card {
    border: 1px solid var(--x-edge); border-radius: var(--x-r-lg);
    background: linear-gradient(180deg, var(--x-pane-a), var(--x-pane-b));
    box-shadow: var(--x-hi); padding: 14px 16px; min-width: 0; height: auto;
}
.bh-profile .bhx-gt { margin: 0 0 10px; font-size: 14px; font-weight: 800; color: var(--x-strong); display: flex; align-items: center; gap: 8px; text-transform: none; }
.bh-profile .bhx-gt i { color: var(--x-green); width: 16px; text-align: center; }

.bh-profile .bhx-bar { position: relative; height: 6px; border-radius: 9px; background: var(--x-tint-2); overflow: hidden; }
.bh-profile .bhx-bar > span { display: block; height: 100%; border-radius: inherit; background: var(--x-green); }
.bh-profile .bhx-bar.is-gold > span { background: var(--x-gold); }

.bh-profile .bhx-pill {
    display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px;
    font-size: 12px; font-weight: 700; line-height: 1.3; background: var(--x-tint-2); color: var(--x-text-2);
    border: 1px solid var(--x-edge);
}
.bh-profile .bhx-pill.is-gold { color: var(--x-gold); border-color: rgba(243, 189, 62, .4); background: rgba(243, 189, 62, .12); }
.bh-profile .bhx-pill.is-green { color: var(--x-green); border-color: var(--x-green-edge); background: var(--x-green-soft); }

.bh-profile .bhx-more {
    margin-top: 8px; width: 100%; border: 1px dashed var(--x-edge-2); background: transparent; color: var(--x-text-2);
    border-radius: var(--x-r); padding: 7px 10px; font-weight: 700; font-size: 12.5px; cursor: pointer; font-family: inherit;
}
.bh-profile .bhx-more:hover { color: var(--x-strong); background: var(--x-tint); }
.bh-profile .bhx-more:focus-visible { outline: 2px solid var(--x-green); outline-offset: 2px; }

/* ---------- avertizarea de inactivitate ---------- */
.bh-profile .bhx-inact {
    --x-acc: var(--x-gold);
    --x-acc-soft: rgba(243, 189, 62, .12);
    --x-acc-edge: rgba(243, 189, 62, .45);
    display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: start;
    margin: 0 0 16px; padding: 16px 18px; border-radius: var(--x-r-lg);
    border: 1px solid var(--x-acc-edge);
    background: linear-gradient(180deg, var(--x-acc-soft), rgba(0, 0, 0, 0) 140%), linear-gradient(180deg, var(--x-pane-a), var(--x-pane-b));
    box-shadow: var(--x-hi), inset 3px 0 0 var(--x-acc);
}
.bh-profile .bhx-inact.is-orange { --x-acc: var(--x-orange); --x-acc-soft: rgba(255, 154, 61, .14); --x-acc-edge: rgba(255, 154, 61, .5); }
.bh-profile .bhx-inact.is-red { --x-acc: var(--x-red); --x-acc-soft: rgba(255, 92, 108, .15); --x-acc-edge: rgba(255, 92, 108, .55); }
.bh-profile .bhx-inact-ic {
    width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center;
    background: var(--x-acc-soft); color: var(--x-acc); font-size: 18px; border: 1px solid var(--x-acc-edge);
}
.bh-profile .bhx-inact-t { margin: 2px 0 4px; font-size: 16px; font-weight: 800; color: var(--x-strong); text-transform: none; letter-spacing: -.01em; }
.bh-profile .bhx-inact-lead { margin: 0 0 10px; font-size: 13.5px; line-height: 1.5; color: var(--x-text); }
.bh-profile .bhx-inact-lead b { color: var(--x-strong); }
.bh-profile .bhx-inact-list { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.bh-profile .bhx-inact-list li {
    display: inline-flex; align-items: center; gap: 7px; padding: 5px 10px; border-radius: 999px;
    background: var(--x-tint); border: 1px solid var(--x-edge); font-size: 12.5px; font-weight: 700; color: var(--x-strong);
}
.bh-profile .bhx-inact-list li i { color: var(--x-acc); }
.bh-profile .bhx-inact-list li small { font-weight: 600; color: var(--x-muted); }
.bh-profile .bhx-inact-hours { display: grid; grid-template-columns: auto minmax(60px, 1fr) auto; gap: 10px; align-items: center; max-width: 420px; }
.bh-profile .bhx-inact-hours .bhx-bar > span { background: var(--x-acc); }
.bh-profile .bhx-inact-hours b { font-size: 13px; color: var(--x-strong); font-variant-numeric: tabular-nums; }
.bh-profile .bhx-inact-count {
    text-align: right; padding: 8px 12px; border-radius: var(--x-r); background: var(--x-tint);
    border: 1px solid var(--x-edge); min-width: 130px;
}
.bh-profile .bhx-inact-count .bhx-cd {
    display: block; margin-top: 2px; font-size: 20px; font-weight: 800; color: var(--x-acc);
    font-variant-numeric: tabular-nums; white-space: nowrap; letter-spacing: -.01em;
}

/* ---------- battlepass ---------- */
.bh-profile .bhx-bp-body { display: flex; align-items: center; gap: 16px; }
.bh-profile .bhx-ring { position: relative; flex: 0 0 80px; width: 80px; height: 80px; }
.bh-profile .bhx-ring svg { display: block; transform: rotate(-90deg); }
.bh-profile .bhx-ring circle { fill: none; stroke-width: 8; }
.bh-profile .bhx-ring .bhx-ring-bg { stroke: var(--x-tint-2); }
.bh-profile .bhx-ring .bhx-ring-fg { stroke: var(--x-green); stroke-linecap: round; transition: stroke-dashoffset .6s ease; }
.bh-profile .bhx-bp.is-done .bhx-ring .bhx-ring-fg { stroke: var(--x-gold); }
.bh-profile .bhx-ring-n { position: absolute; inset: 0; display: flex; align-items: baseline; justify-content: center; padding-top: 27px; color: var(--x-strong); }
.bh-profile .bhx-ring-n b { font-size: 21px; font-weight: 800; font-variant-numeric: tabular-nums; }
.bh-profile .bhx-ring-n small { font-size: 12px; font-weight: 700; color: var(--x-muted); }
.bh-profile .bhx-bp-info { flex: 1 1 auto; min-width: 0; display: grid; gap: 6px; }
.bh-profile .bhx-bp-line { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 13px; }
.bh-profile .bhx-bp-line b { color: var(--x-strong); font-variant-numeric: tabular-nums; }
.bh-profile .bhx-bp-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }

/* ---------- refund-uri ---------- */
.bh-profile .bhx-rf-total { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin-bottom: 8px; }
.bh-profile .bhx-rf-total .bhx-k { flex: 1 0 100%; }
.bh-profile .bhx-rf-total b { font-size: 22px; font-weight: 800; color: var(--x-gold); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.bh-profile .bhx-rf-total b i { font-style: normal; font-size: .62em; color: var(--x-muted); }
.bh-profile .bhx-rf-total small { color: var(--x-muted); font-weight: 600; font-size: 12px; }
.bh-profile .bhx-rf-list { list-style: none; margin: 0; padding: 0; }
.bh-profile .bhx-rf-list li {
    display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: baseline;
    padding: 7px 0; border-top: 1px solid var(--x-line); font-size: 13px;
}
.bh-profile .bhx-rf-list li[hidden] { display: none; }
.bh-profile .bhx-rf-list li:first-child { border-top: 0; }
.bh-profile .bhx-rf-pp { font-weight: 800; color: var(--x-gold); font-variant-numeric: tabular-nums; white-space: nowrap; }
.bh-profile .bhx-rf-txt { color: var(--x-text-2); min-width: 0; overflow-wrap: anywhere; }
.bh-profile .bhx-rf-txt b { color: var(--x-strong); font-weight: 700; }
.bh-profile .bhx-rf-date { color: var(--x-muted); font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* ---------- distribuire ---------- */
.bh-profile .bhx-share { position: relative; margin: -14px 0 30px; }
.bh-profile .bhx-share-btn {
    display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 700;
    border: 1px solid var(--x-green-edge) !important; background: var(--x-green-soft) !important; color: var(--x-green) !important;
    border-radius: var(--x-r) !important; padding: 9px 12px;
}
.bh-profile .bhx-share-btn:hover { background: var(--x-green) !important; color: #06140c !important; }
.bh-profile .bhx-share-btn:focus-visible { outline: 2px solid var(--x-green); outline-offset: 2px; }
.bh-profile .bhx-share-ok { display: block; min-height: 18px; margin-top: 4px; text-align: center; font-size: 12px; font-weight: 700; color: var(--x-green); }

/* ---------- telefon ---------- */
@media (max-width: 767.98px) {
    .bh-profile .bhx-row { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .bh-profile .bhx-inact { grid-template-columns: auto minmax(0, 1fr); padding: 14px; gap: 12px; }
    .bh-profile .bhx-inact-count { grid-column: 1 / -1; text-align: left; display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
    .bh-profile .bhx-inact-count .bhx-cd { font-size: 18px; margin: 0; }
    .bh-profile .bhx-inact-hours { grid-template-columns: minmax(0, 1fr) auto; }
    .bh-profile .bhx-inact-hours .bhx-k { grid-column: 1 / -1; }
    .bh-profile .bhx-rf-list li { grid-template-columns: auto minmax(0, 1fr); }
    .bh-profile .bhx-rf-date { grid-column: 2; }
}