/*
 * תווית המחיר של ביטוח החיים וביטוח המשכנתא (25/10/2026).
 * מחירון (לפני הנחות) בענבר, מחיר אחרי השוואה (כולל הנחות) בירוק.
 * הטקסט והמארקאפ: App_Code/BLL/BituachHaimRisk/LifeInsurancePriceTag.cs (מקור אחד ל-SSR ול-JS).
 * צרכנים: CompareMortgageLifeInsurance.aspx, CompareLifeInsurance.aspx, SimulatorBituachHaim.aspx,
 * Controls/Content/InsuranceQuizTeaser.ascx. לא מסתיר ולא מקטין את המחיר, רק מתייג אותו.
 */
.sm-pricetag {
    display: inline-flex;
    align-items: center;
    padding: 0.16em 0.65em;
    border: 1px solid;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
    vertical-align: middle;
    letter-spacing: 0;
}

.sm-pricetag--list {
    background: #fff4d6;
    border-color: #e0b04a;
    color: #6b4400;
}

.sm-pricetag--discount {
    background: #e3f4ec;
    border-color: #17765a;
    color: #0f5132;
}

/* על המחיר עצמו (כרטיס, כותרת עמודה) */
.sm-pricetag--sm {
    padding: 0.05em 0.45em;
    font-size: 0.7rem;
    line-height: 1.45;
    margin-inline-start: 0.35em;
}

/* תג + שורת הסבר, מעל התוצאות ומעל טבלת הדוגמה */
.sm-pricestatus {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem 0.6rem;
    margin: 0.15rem 0 0.7rem;
    font-size: 0.92rem;
    line-height: 1.55;
}

.sm-pricestatus__note {
    flex: 1 1 16rem;
    min-width: 0;
    color: #3b4744;
}

.sm-pricestatus__note a {
    font-weight: 600;
}

/* הנוסח בתוך פסקת תשובה (נשאר טקסט רגיל לציטוט) */
.sm-priceinline {
    font-weight: 700;
    padding: 0 0.2em;
    border-radius: 4px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.sm-priceinline--list {
    background: #fff4d6;
    color: #6b4400;
}

.sm-priceinline--discount {
    background: #e3f4ec;
    color: #0f5132;
}

@media (max-width: 575.98px) {
    .sm-pricestatus {
        font-size: 0.88rem;
    }

    .sm-pricetag {
        font-size: 0.78rem;
    }

    .sm-pricetag--sm {
        font-size: 0.68rem;
    }
}
