.helkem-stock-status {
    margin-top: 14px;
    font-size: 13px;
    color: #cfd8dc;
    display: flex;
    flex-direction: column;
    gap: 8px;
    /* Ez biztosítja, hogy ne legyen teljes szélességű: */
    width: fit-content;
}

/* Közös stílus a soroknak */
.helkem-sku-line,
.helkem-stock-line,
.helkem-delivery-line {
    display: flex;
    align-items: center;
    gap: 15px; /* Kicsit nagyobb rés az ikon/szöveg között */
    background-color: #14252b; 
    padding: 12px 18px; /* 15px körüli, de finomított padding */
    border-radius: 8px;
    width: fit-content; /* Sorok szintjén is korlátozzuk */
    min-width: 240px;   /* Opcionális: ad egy egységes minimum szélességet, hogy ne ugráljanak a hosszak */
}

.helkem-stock-status .label {
    font-weight: 500;
    color: #fff;
    white-space: nowrap; /* Megakadályozza a szöveg törését */
}

/* === PÖTTY === */
.helkem-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: relative;
    cursor: help;
    flex-shrink: 0; /* Ne torzuljon el a pötty */
}

/* Státusz színek */
.helkem-green { background: #9adf6b; box-shadow: 0 0 8px rgba(154, 223, 107, 0.3); }
.helkem-orange { background: #f4b740; box-shadow: 0 0 8px rgba(244, 183, 64, 0.3); }
.helkem-red { background: #e35b5b; box-shadow: 0 0 8px rgba(227, 91, 91, 0.3); }

/* === TOOLTIP === */
.helkem-dot::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 180%;
    left: 50%;
    transform: translateX(-50%);
    background: #0f2a32;
    color: #e6f5f7;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: .2s ease;
    border: 2px solid #A6CE39;
    box-shadow: 0 10px 25px rgba(0,0,0,.35);
    z-index: 20;
}

.helkem-dot::before {
    content: '';
    position: absolute;
    bottom: 150%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #0f2a32;
    opacity: 0;
    transition: .2s;
}

.helkem-dot:hover::after,
.helkem-dot:hover::before {
    opacity: 1;
}

/* Értékek színei */
.helkem-delivery-line .date,
.helkem-sku-line .sku-value {
    color: #e0f2f1;
    font-weight: 600;
}