/* =========================
   Category Button – Soft
========================= */
.ta-category-btn-soft{
    display:inline-flex;
    align-items:center;
    gap:14px;

    padding:6px 20px 6px 6px;
    background:#ffffff;
    border-radius:44px;
    border:1px solid #e5eaf2;

    /* Typography (same as before) */
    font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont;
    font-size:15px;
    font-weight:500;
    letter-spacing:0.15px;
    color:#1f2937;
    line-height:1;

    /* Text clarity */
    text-shadow:0 0 0.35px rgba(0,0,0,0.35);

    cursor:pointer;
    text-decoration:none;
    transition:background-color 0.25s ease, border-color 0.25s ease;
}


/* =========================
   Hover State
========================= */
.ta-category-btn-soft:hover{
    background:#f6f8fc;
    border-color:#dbe3f1;
}


/* =========================
   Icon Bubble
========================= */
.ta-icon-soft{
    width:36px;
    height:36px;
    background:#2f6bff;
    border-radius:50%;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:3px;

    flex-shrink:0;
}


/* =========================
   Icon Bars
========================= */
.ta-icon-soft span{
    width:16px;
    height:2px;
    background:#ffffff;
    border-radius:2px;
}


/* =========================
   Text Wrapper
========================= */
.ta-text-soft{
    padding-right:6px;
    white-space:nowrap;
}


/* =========================
   Popup Loader
========================= */
.ta-popup-loader{
    display:none!important;
}


/* =========================
   Focus (Clean & Accessible)
========================= */
.ta-category-btn-soft:focus-visible{
    outline:none;
    box-shadow:0 0 0 2px rgba(47,107,255,0.35);
}

.ta-category-btn-soft:focus,
.ta-category-btn-soft:active{
    outline:none;
    box-shadow:none;
}