/*
 Theme Name:   Listingpro Child
 Theme URI:    http://studio.cridio.com/listingpro/
 Description:  Listingpro Child Theme
 Author:       cridio team
 Author URI:   http://cridio.com/
 Template:     listingpro
 Version:      1.0.0
 Tags:         listingpro, directory, listing, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  listingpro
*/
.belloom-rating-summary-compact {
    display: inline-block;
    text-align: left;
    margin-bottom: 15px;
}

.belloom-rating-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.belloom-source {
    font-weight: 700;
    min-width: 52px;
}

.belloom-stars i {
    color: #f5c400;
    margin-right: 1px;
}

.belloom-score {
    font-weight: 700;
}

.belloom-count {
    color: #777;
}

.belloom-review-link {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #f5c400;
    border-radius: 6px;
    text-decoration: none;
    font-size: 12px;
    color: #111;
    font-weight: 600;
}

.belloom-checkin-offer-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 20px;
    margin: 20px 0 30px;
}

.belloom-checkin-offer-box h3 {
    margin: 0 0 10px;
    font-size: 22px;
}

.belloom-checkin-offer-box p {
    margin: 0 0 12px;
}

.belloom-checkin-btn {
    display: inline-block;
    padding: 10px 16px;
    background: #f5c400;
    color: #111;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 700;
}

.belloom-checkin-right img {
    max-width: 160px;
    height: auto;
    border-radius: 8px;
}

.belloom-service-summary-box {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
}

.belloom-service-block {
    margin-bottom: 18px;
}

.belloom-service-block:last-child {
    margin-bottom: 0;
}

.belloom-service-block h3 {
    margin: 0 0 8px;
    font-size: 18px;
}

.belloom-detail-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 0;
    border-bottom: 1px solid #f1f1f1;
}

.belloom-detail-row:last-child {
    border-bottom: 0;
}

.belloom-detail-label {
    color: #6f6f6f;
    font-weight: 500;
}

.belloom-detail-value {
    color: #333;
    font-weight: 600;
    text-align: right;
}

@media (max-width: 768px) {
    .belloom-checkin-offer-box {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .belloom-checkin-left {
        width: 100%;
    }

    .belloom-checkin-right {
        width: 100%;
        text-align: center;
        margin-top: 16px;
    }

    .belloom-checkin-right img {
        display: inline-block;
        max-width: 140px;
        height: auto;
        margin: 0 auto;
    }

    .belloom-detail-row {
        flex-direction: column;
        gap: 6px;
    }

    .belloom-detail-value {
        text-align: left;
    }
}

/* =========================
   Belloom Pricing Plan UI
   ========================= */

.lp-price-main.belloom-plan-starter,
.lp-price-main.belloom-plan-growth,
.lp-price-main.belloom-plan-premium{
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 14px 30px rgba(0,0,0,.06);
    border: 1px solid #ece7e2;
    background: #fff;
}

.lp-price-main.belloom-plan-starter{
    border-top: 5px solid #7aa7ff;
}

.lp-price-main.belloom-plan-growth{
    border-top: 5px solid #7d67ff;
}

.lp-price-main.belloom-plan-premium{
    border-top: 5px solid #f1b89c;
}

.belloom-plan-top-note{
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.6;
    color: #7a6e67;
    padding: 0 18px;
}

.belloom-default-feature-list{
    margin-bottom: 22px !important;
}

.belloom-feature-block{
    margin: 18px 18px 0;
    padding: 18px 18px 14px;
    border-radius: 14px;
    text-align: left;
}

.belloom-feature-block-growth{
    background: #f4f8ff;
    border: 1px solid #dfe9ff;
}

.belloom-feature-block-benefits{
    background: #fff4ee;
    border: 1px solid #f6ddd0;
}

.belloom-feature-block-setup{
    background: #f8f5ff;
    border: 1px solid #e6ddff;
}

.belloom-plan-growth .belloom-feature-block-growth{
    background: linear-gradient(180deg,#f3f0ff 0%, #eef3ff 100%);
}

.belloom-plan-premium .belloom-feature-block-benefits{
    background: linear-gradient(180deg,#fff5f1 0%, #fffaf7 100%);
}

.belloom-feature-block-title{
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    color: #4a3d36;
    margin-bottom: 12px;
}

.belloom-feature-list{
    list-style: none;
    margin: 0;
    padding: 0;
}

.belloom-feature-item{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
    text-align: left;
}

.belloom-feature-item:last-child{
    margin-bottom: 0;
}

.belloom-feature-icon{
    flex: 0 0 18px;
    margin-top: 2px;
    line-height: 1.6;
    color: #3f8cff;
}

.belloom-feature-text{
    flex: 1 1 auto;
    line-height: 1.8;
    color: #5f4f48;
    word-break: keep-all;
}

.belloom-plan-setup-note{
    font-size: 13px;
    color: #8a7b74;
    margin: 0 0 14px;
    line-height: 1.6;
    text-align: center;
}

.belloom-plan-btn{
    width: 100%;
    border-radius: 10px !important;
    min-height: 48px;
    font-weight: 700 !important;
    letter-spacing: .2px;
}

.belloom-plan-starter .belloom-plan-btn{
    background: #7aa7ff !important;
    border-color: #7aa7ff !important;
    color: #fff !important;
}

.belloom-plan-growth .belloom-plan-btn{
    background: #6e63ff !important;
    border-color: #6e63ff !important;
    color: #fff !important;
}

.belloom-plan-premium .belloom-plan-btn{
    background: #efb293 !important;
    border-color: #efb293 !important;
    color: #fff !important;
}

.lp-price-main .lp-listprc > li{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    text-align: left;
}

.lp-price-main .lp-listprc > li > .icon-text,
.lp-price-main .lp-listprc > li > .icon,
.lp-price-main .lp-listprc > li > .icons8-Cancel{
    flex: 0 0 18px;
    margin-top: 2px;
}

.lp-price-main .lp-listprc > li > span:last-child{
    flex: 1 1 auto;
    line-height: 1.8;
}

@media (max-width: 991px){
    .belloom-feature-block{
        margin: 16px 14px 0;
        padding: 16px 16px 12px;
    }
}

@media (max-width: 767px){
    .belloom-plan-top-note{
        padding: 0 10px;
    }

    .belloom-feature-item{
        gap: 10px;
    }

    .belloom-feature-text{
        line-height: 1.7;
    }
}

/* =========================
   Belloom pricing alignment fix
   ========================= */

.belloom-feature-block{
    margin: 18px 18px 0;
    padding: 16px 18px 14px;
    border-radius: 14px;
    text-align: left;
}

.belloom-feature-block-title{
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
    color: #4a3d36;
    margin: 0 0 12px 0;
    padding-left: 0;
}

.belloom-feature-list{
    list-style: none;
    margin: 0;
    padding: 0;
}

.belloom-feature-item{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 10px 0;
    text-align: left;
}

.belloom-feature-item:last-child{
    margin-bottom: 0;
}

.belloom-feature-icon{
    flex: 0 0 18px;
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 2px;
    line-height: 1.6;
    color: #3f8cff;
}

.belloom-feature-icon i,
.belloom-feature-icon svg{
    font-size: 14px;
    line-height: 1;
}

.belloom-feature-text{
    flex: 1 1 auto;
    display: block;
    line-height: 1.75;
    color: #5f4f48;
    margin: 0;
    padding: 0;
    text-align: left;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.lp-price-main .lp-listprc > li{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 8px 0;
    text-align: left;
}

.lp-price-main .lp-listprc > li > .icon-text,
.lp-price-main .lp-listprc > li > .icon,
.lp-price-main .lp-listprc > li > .icons8-Cancel{
    flex: 0 0 18px;
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 2px;
    line-height: 1.6;
}

.lp-price-main .lp-listprc > li > span:last-child{
    flex: 1 1 auto;
    line-height: 1.75;
    text-align: left;
}


/* =========================================================
   Belloom Pricing Plan - Final Alignment / Block Styling
   ========================================================= */

.lp-price-main.belloom-plan-starter,
.lp-price-main.belloom-plan-growth,
.lp-price-main.belloom-plan-premium{
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 14px 30px rgba(0,0,0,.06);
    border: 1px solid #ece7e2;
    background: #fff;
}

.lp-price-main.belloom-plan-starter{
    border-top: 5px solid #7aa7ff;
}

.lp-price-main.belloom-plan-growth{
    border-top: 5px solid #6e63ff;
}

.lp-price-main.belloom-plan-premium{
    border-top: 5px solid #efb293;
}

.belloom-plan-top-note{
    margin-top: 12px;
    margin-bottom: 4px;
    padding: 0 18px;
    font-size: 14px;
    line-height: 1.6;
    color: #7a6e67;
    text-align: center;
}

.belloom-default-feature-list{
    margin-bottom: 22px !important;
}

/* ----- grouped blocks ----- */

.belloom-feature-block{
    margin: 16px 12px 0;
    padding: 16px 16px 14px;
    border-radius: 14px;
    text-align: left;
    box-sizing: border-box;
}

.belloom-feature-block-growth{
    background: #f4f8ff;
    border: 1px solid #dfe9ff;
}

.belloom-feature-block-benefits{
    background: #fff4ee;
    border: 1px solid #f6ddd0;
}

.belloom-feature-block-setup{
    background: #f8f5ff;
    border: 1px solid #e6ddff;
}

.belloom-plan-growth .belloom-feature-block-growth{
    background: linear-gradient(180deg,#f3f0ff 0%, #eef3ff 100%);
}

.belloom-plan-premium .belloom-feature-block-benefits{
    background: linear-gradient(180deg,#fff5f1 0%, #fffaf7 100%);
}

.belloom-feature-block-title{
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
    color: #4a3d36;
    margin: 0 0 12px 0;
    padding: 0;
    text-align: left;
}

/* ----- grouped feature list ----- */

.belloom-feature-list{
    list-style: none;
    margin: 0;
    padding: 0;
}

.belloom-feature-item{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: left;
}

.belloom-feature-item:last-child{
    margin-bottom: 0;
}

.belloom-feature-icon{
    flex: 0 0 18px;
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 2px;
    line-height: 1.6;
    color: #4a90e2;
}

.belloom-feature-icon i,
.belloom-feature-icon .fa,
.belloom-feature-icon svg{
    font-size: 14px;
    line-height: 1;
    color: #4a90e2;
}

.belloom-feature-text{
    flex: 1 1 auto;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1.75;
    color: #5f4f48;
    text-align: left;
    word-break: keep-all;
    overflow-wrap: break-word;
}

/* ----- setup note ----- */

.belloom-plan-setup-note{
    font-size: 13px;
    color: #8a7b74;
    margin: 0 0 14px;
    line-height: 1.6;
    text-align: center;
}

/* ----- buttons ----- */

.belloom-plan-btn{
    width: 100%;
    border-radius: 10px !important;
    min-height: 48px;
    font-weight: 700 !important;
    letter-spacing: .2px;
}

.belloom-plan-starter .belloom-plan-btn{
    background: #7aa7ff !important;
    border-color: #7aa7ff !important;
    color: #fff !important;
}

.belloom-plan-growth .belloom-plan-btn{
    background: #6e63ff !important;
    border-color: #6e63ff !important;
    color: #fff !important;
}

.belloom-plan-premium .belloom-plan-btn{
    background: #efb293 !important;
    border-color: #efb293 !important;
    color: #fff !important;
}

/* =========================================================
   Match default ListingPro feature alignment
   ========================================================= */

.lp-price-main .lp-listprc > li{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 8px 0;
    padding: 0;
    text-align: left;
}

.lp-price-main .lp-listprc > li > .icon-text,
.lp-price-main .lp-listprc > li > .icon,
.lp-price-main .lp-listprc > li > .icons8-Cancel{
    flex: 0 0 18px;
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 2px;
    line-height: 1.6;
}

.lp-price-main .lp-listprc > li > span:last-child{
    flex: 1 1 auto;
    line-height: 1.75;
    text-align: left;
}

/* ----- tidy spacing between default list and grouped blocks ----- */

.belloom-feature-block .belloom-feature-list{
    margin-top: 0;
}

.belloom-feature-block .belloom-feature-item{
    padding-left: 0;
}

.belloom-feature-block-title + .belloom-feature-list{
    margin-top: 2px;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 991px){
    .belloom-feature-block{
        margin: 16px 10px 0;
        padding: 15px 14px 13px;
    }
}

@media (max-width: 767px){
    .belloom-plan-top-note{
        padding: 0 10px;
        font-size: 13px;
    }

    .belloom-feature-block{
        margin: 14px 8px 0;
        padding: 14px 12px 12px;
    }

    .belloom-feature-block-title{
        font-size: 14px;
    }

    .belloom-feature-item{
        gap: 10px;
        margin-bottom: 9px;
    }

    .belloom-feature-icon{
        flex: 0 0 16px;
        width: 16px;
        min-width: 16px;
        max-width: 16px;
    }

    .belloom-feature-text{
        line-height: 1.7;
        font-size: 14px;
    }

    .lp-price-main .lp-listprc > li{
        gap: 10px;
    }

    .lp-price-main .lp-listprc > li > .icon-text,
    .lp-price-main .lp-listprc > li > .icon,
    .lp-price-main .lp-listprc > li > .icons8-Cancel{
        flex: 0 0 16px;
        width: 16px;
        min-width: 16px;
        max-width: 16px;
    }
}

/* =========================================================
   Belloom Pricing - hard override alignment fix
   ========================================================= */

.view_version8 .belloom-feature-block{
    margin: 16px 8px 0 !important;
    padding: 14px 14px 12px !important;
    border-radius: 14px !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

.view_version8 .belloom-feature-block-title{
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

.view_version8 .belloom-feature-list{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.view_version8 .belloom-feature-item{
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 0 0 9px 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.view_version8 .belloom-feature-item:last-child{
    margin-bottom: 0 !important;
}

.view_version8 .belloom-feature-icon{
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    margin-top: 2px !important;
    line-height: 1.6 !important;
    padding: 0 !important;
}

.view_version8 .belloom-feature-icon i,
.view_version8 .belloom-feature-icon .fa,
.view_version8 .belloom-feature-icon svg{
    font-size: 14px !important;
    line-height: 1 !important;
}

.view_version8 .belloom-feature-text{
    flex: 1 1 auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.75 !important;
    text-align: left !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
}

/* make grouped blocks visually align closer to default list */
.view_version8 .belloom-feature-block-growth{
    background: #f4f8ff !important;
    border: 1px solid #dfe9ff !important;
}

.view_version8 .belloom-feature-block-benefits{
    background: #fff4ee !important;
    border: 1px solid #f6ddd0 !important;
}

.view_version8 .belloom-feature-block-setup{
    background: #f8f5ff !important;
    border: 1px solid #e6ddff !important;
}

/* default list alignment hard override */
.view_version8 .lp-price-main .lp-listprc > li{
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.view_version8 .lp-price-main .lp-listprc > li > .icon-text,
.view_version8 .lp-price-main .lp-listprc > li > .icon,
.view_version8 .lp-price-main .lp-listprc > li > .icons8-Cancel{
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    margin-top: 2px !important;
    line-height: 1.6 !important;
    padding: 0 !important;
}

.view_version8 .lp-price-main .lp-listprc > li > span:last-child{
    flex: 1 1 auto !important;
    line-height: 1.75 !important;
    text-align: left !important;
}

/* =========================================================
   Belloom Pricing - force reset for grouped feature blocks
   ========================================================= */

.view_version8 .belloom-feature-list,
.view_version8 .belloom-feature-list li,
.view_version8 .belloom-feature-list span{
    box-sizing: border-box !important;
}

.view_version8 .belloom-feature-list{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.view_version8 .belloom-feature-item{
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    clear: both !important;
}

.view_version8 .belloom-feature-item:last-child{
    margin-bottom: 0 !important;
}

/* 핵심: 기존 ListingPro float 규칙 완전 제거 */
.view_version8 .belloom-feature-item > .icon-text.belloom-feature-icon,
.view_version8 .belloom-feature-item > .belloom-feature-icon{
    float: none !important;
    clear: none !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: auto !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.view_version8 .belloom-feature-item > .icon-text.belloom-feature-icon i,
.view_version8 .belloom-feature-item > .belloom-feature-icon i,
.view_version8 .belloom-feature-item > .icon-text.belloom-feature-icon .fa,
.view_version8 .belloom-feature-item > .belloom-feature-icon .fa,
.view_version8 .belloom-feature-item > .icon-text.belloom-feature-icon svg,
.view_version8 .belloom-feature-item > .belloom-feature-icon svg{
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

/* 텍스트 영역도 기존 span 규칙 완전 제거 */
.view_version8 .belloom-feature-item > .belloom-feature-text{
    float: none !important;
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.75 !important;
    text-align: left !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}

/* 그룹 타이틀과 내용 간격 */
.view_version8 .belloom-feature-block{
    margin: 16px -25px 0 !important;
    padding: 14px 18px 12px !important;
    border-radius: 14px !important;
    text-align: left !important;
}

.view_version8 .belloom-feature-block-title{
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

/* 배경색 유지 */
.view_version8 .belloom-feature-block-growth{
    background: #f4f8ff !important;
    border: 1px solid #dfe9ff !important;
}

.view_version8 .belloom-feature-block-benefits{
    background: #fff4ee !important;
    border: 1px solid #f6ddd0 !important;
}

.view_version8 .belloom-feature-block-setup{
    background: #f8f5ff !important;
    border: 1px solid #e6ddff !important;
}

/* =========================================================
   Belloom Pricing Final Color System
   ========================================================= */

/* ---------- shared card look ---------- */
.lp-price-main.belloom-plan-starter,
.lp-price-main.belloom-plan-growth,
.lp-price-main.belloom-plan-premium{
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 14px 30px rgba(0,0,0,.06);
    border: 1px solid #ece7e2;
    background: #fff;
}

/* ---------- top accent ---------- */
.lp-price-main.belloom-plan-starter{
    border-top: 5px solid #7AA7FF;
}

.lp-price-main.belloom-plan-growth{
    border-top: 5px solid #6E63FF;
}

.lp-price-main.belloom-plan-premium{
    border-top: 5px solid #EFB293;
}

/* ---------- price / heading tone ---------- */
.belloom-plan-starter .lp-price-main-title,
.belloom-plan-starter .lp-plan-price,
.belloom-plan-starter .plan-price{
    color: #2D3B55 !important;
}

.belloom-plan-growth .lp-price-main-title,
.belloom-plan-growth .lp-plan-price,
.belloom-plan-growth .plan-price{
    color: #2E275C !important;
}

.belloom-plan-premium .lp-price-main-title,
.belloom-plan-premium .lp-plan-price,
.belloom-plan-premium .plan-price{
    color: #5B3F33 !important;
}

/* ---------- top note ---------- */
.belloom-plan-top-note{
    margin-top: 12px;
    margin-bottom: 4px;
    padding: 0 18px;
    font-size: 14px;
    line-height: 1.6;
    color: #7A6E67;
    text-align: center;
}

/* ---------- grouped blocks shared ---------- */
.view_version8 .belloom-feature-block{
    margin: 16px -25px 0 !important;
    padding: 14px 20px 12px !important;
    border-radius: 14px !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

.view_version8 .belloom-feature-block-title{
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-align: left !important;
    color: #4A3D36 !important;
}

/* ---------- Starter blocks ---------- */
.belloom-plan-starter .belloom-feature-block-growth{
    background: #F4F8FF !important;
    border: 1px solid #DFE9FF !important;
}

.belloom-plan-starter .belloom-feature-block-benefits{
    background: #FFF4EE !important;
    border: 1px solid #F6DDD0 !important;
}

.belloom-plan-starter .belloom-feature-block-setup{
    background: #F7F3FF !important;
    border: 1px solid #E7DFFF !important;
}

/* ---------- Growth blocks ---------- */
.belloom-plan-growth .belloom-feature-block-growth{
    background: linear-gradient(180deg, #F3F0FF 0%, #EEF3FF 100%) !important;
    border: 1px solid #DDD7FF !important;
}

.belloom-plan-growth .belloom-feature-block-benefits{
    background: #FFF5EE !important;
    border: 1px solid #F6DED2 !important;
}

.belloom-plan-growth .belloom-feature-block-setup{
    background: #F5F0FF !important;
    border: 1px solid #E5DBFF !important;
}

/* ---------- Premium blocks ---------- */
.belloom-plan-premium .belloom-feature-block-growth{
    background: #FFF7F2 !important;
    border: 1px solid #F7DDD0 !important;
}

.belloom-plan-premium .belloom-feature-block-benefits{
    background: linear-gradient(180deg, #FFF5F1 0%, #FFFAF7 100%) !important;
    border: 1px solid #F6DED4 !important;
}

.belloom-plan-premium .belloom-feature-block-setup{
    background: #F9F4FF !important;
    border: 1px solid #EBDCFF !important;
}

/* ---------- grouped list alignment ---------- */
.view_version8 .belloom-feature-list,
.view_version8 .belloom-feature-list li,
.view_version8 .belloom-feature-list span{
    box-sizing: border-box !important;
}

.view_version8 .belloom-feature-list{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.view_version8 .belloom-feature-item{
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    clear: both !important;
}

.view_version8 .belloom-feature-item:last-child{
    margin-bottom: 0 !important;
}

.view_version8 .belloom-feature-item > .icon-text.belloom-feature-icon,
.view_version8 .belloom-feature-item > .belloom-feature-icon{
    float: none !important;
    clear: none !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: auto !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    color: #4A90E2 !important;
}

.view_version8 .belloom-feature-item > .icon-text.belloom-feature-icon i,
.view_version8 .belloom-feature-item > .belloom-feature-icon i,
.view_version8 .belloom-feature-item > .icon-text.belloom-feature-icon .fa,
.view_version8 .belloom-feature-item > .belloom-feature-icon .fa{
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: #4A90E2 !important;
}

.view_version8 .belloom-feature-item > .belloom-feature-text{
    float: none !important;
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.75 !important;
    text-align: left !important;
    color: #5F4F48 !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}

/* ---------- buttons ---------- */
.belloom-plan-btn{
    width: 100%;
    border-radius: 10px !important;
    min-height: 48px;
    font-weight: 700 !important;
    letter-spacing: .2px;
    box-shadow: none !important;
}

.belloom-plan-starter .belloom-plan-btn{
    background: #7AA7FF !important;
    border-color: #7AA7FF !important;
    color: #fff !important;
}

.belloom-plan-starter .belloom-plan-btn:hover{
    background: #5D93FB !important;
    border-color: #5D93FB !important;
}

.belloom-plan-growth .belloom-plan-btn{
    background: #6E63FF !important;
    border-color: #6E63FF !important;
    color: #fff !important;
}

.belloom-plan-growth .belloom-plan-btn:hover{
    background: #564BEA !important;
    border-color: #564BEA !important;
}

.belloom-plan-premium .belloom-plan-btn{
    background: #EFB293 !important;
    border-color: #EFB293 !important;
    color: #fff !important;
}

.belloom-plan-premium .belloom-plan-btn:hover{
    background: #E39B76 !important;
    border-color: #E39B76 !important;
}

/* ---------- mobile ---------- */
@media (max-width: 767px){
    .view_version8 .belloom-feature-block{
        margin: 14px -10px 0 !important;
        padding: 14px 14px 12px !important;
    }

    .view_version8 .belloom-feature-block-title{
        font-size: 14px !important;
    }

    .view_version8 .belloom-feature-item{
        gap: 10px !important;
        margin-bottom: 9px !important;
    }

    .view_version8 .belloom-feature-item > .icon-text.belloom-feature-icon,
    .view_version8 .belloom-feature-item > .belloom-feature-icon{
        flex: 0 0 16px !important;
        width: 16px !important;
        min-width: 16px !important;
        max-width: 16px !important;
    }

    .view_version8 .belloom-feature-item > .belloom-feature-text{
        font-size: 14px !important;
        line-height: 1.7 !important;
    }
}

/* =========================================================
   Belloom Hot Plan override
   ========================================================= */

/* Growth 카드 전체를 Belloom 톤으로 강제 */
.view_version8 .lp-price-main.belloom-plan-growth{
    background: #ffffff !important;
    border-top: 5px solid #6E63FF !important;
    box-shadow: 0 18px 36px rgba(110,99,255,.10) !important;
}

/* ListingPro 기본 hot-plan 파란 배경 제거 */
.view_version8 .belloom-plan-growth.hot-plan,
.view_version8 .hot-plan .lp-price-main.belloom-plan-growth,
.view_version8 .belloom-plan-growth.featured-plan,
.view_version8 .featured-plan .lp-price-main.belloom-plan-growth,
.view_version8 .belloom-plan-growth.active,
.view_version8 .active .lp-price-main.belloom-plan-growth{
    background: #ffffff !important;
    border-color: #e9e3ff !important;
    box-shadow: 0 18px 36px rgba(110,99,255,.10) !important;
}

/* Growth 상단 제목 박스 */
.view_version8 .belloom-plan-growth .lp-plan-head,
.view_version8 .belloom-plan-growth .lp-pricing-head,
.view_version8 .belloom-plan-growth .pricing-header,
.view_version8 .belloom-plan-growth .lp-price-top,
.view_version8 .belloom-plan-growth .lp-price-title{
    background: linear-gradient(135deg, #6E63FF 0%, #857BFF 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* 혹시 제목 텍스트가 따로 잡히는 경우 */
.view_version8 .belloom-plan-growth .lp-price-top h3,
.view_version8 .belloom-plan-growth .lp-price-top h4,
.view_version8 .belloom-plan-growth .lp-price-top .plan-title,
.view_version8 .belloom-plan-growth .lp-pricing-head h3,
.view_version8 .belloom-plan-growth .lp-pricing-head h4{
    color: #ffffff !important;
}

/* 가격/월구독 텍스트는 카드 안에서 또렷하게 */
.view_version8 .belloom-plan-growth .plan-price,
.view_version8 .belloom-plan-growth .price,
.view_version8 .belloom-plan-growth .amount{
    color: #2E275C !important;
}

.view_version8 .belloom-plan-growth .package-type-v9,
.view_version8 .belloom-plan-growth .package-type,
.view_version8 .belloom-plan-growth .lp-price-subtitle{
    color: #5C558C !important;
}

/* 버튼이 안 보이는 문제 해결 */
.view_version8 .belloom-plan-growth .belloom-plan-btn,
.view_version8 .belloom-plan-growth input[type="submit"],
.view_version8 .belloom-plan-growth .btn{
    background: #6E63FF !important;
    border: 1px solid #6E63FF !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.view_version8 .belloom-plan-growth .belloom-plan-btn:hover,
.view_version8 .belloom-plan-growth input[type="submit"]:hover,
.view_version8 .belloom-plan-growth .btn:hover{
    background: #564BEA !important;
    border-color: #564BEA !important;
    color: #ffffff !important;
}

/* 버튼 텍스트가 연한 베이지/핑크로 찍히는 기본 스타일 제거 */
.view_version8 .lp-price-main .btn,
.view_version8 .lp-price-main input[type="submit"]{
    color: #ffffff !important;
}

/* 가운데 Growth만 살짝 떠보이게 */
.view_version8 .belloom-plan-growth{
    transform: translateY(-6px);
}

/* =========================================================
   Belloom Pricing Button Final Fix
   ========================================================= */

/* 공통 버튼 구조 먼저 강제 */
.view_version8 .lp-price-main .belloom-plan-btn,
.view_version8 .lp-price-main input[type="submit"],
.view_version8 .lp-price-main .btn{
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 0 18px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: .2px !important;
    text-transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Starter 버튼 */
.view_version8 .belloom-plan-starter .belloom-plan-btn,
.view_version8 .belloom-plan-starter input[type="submit"],
.view_version8 .belloom-plan-starter .btn{
    background: #7AA7FF !important;
    border: 1px solid #7AA7FF !important;
    color: #ffffff !important;
}

.view_version8 .belloom-plan-starter .belloom-plan-btn:hover,
.view_version8 .belloom-plan-starter input[type="submit"]:hover,
.view_version8 .belloom-plan-starter .btn:hover{
    background: #5D93FB !important;
    border-color: #5D93FB !important;
    color: #ffffff !important;
}

/* Growth 버튼 */
.view_version8 .belloom-plan-growth .belloom-plan-btn,
.view_version8 .belloom-plan-growth input[type="submit"],
.view_version8 .belloom-plan-growth .btn{
    background: #6E63FF !important;
    border: 1px solid #6E63FF !important;
    color: #ffffff !important;
}

.view_version8 .belloom-plan-growth .belloom-plan-btn:hover,
.view_version8 .belloom-plan-growth input[type="submit"]:hover,
.view_version8 .belloom-plan-growth .btn:hover{
    background: #564BEA !important;
    border-color: #564BEA !important;
    color: #ffffff !important;
}

/* Premium 버튼 */
.view_version8 .belloom-plan-premium .belloom-plan-btn,
.view_version8 .belloom-plan-premium input[type="submit"],
.view_version8 .belloom-plan-premium .btn{
    background: #EFB293 !important;
    border: 1px solid #EFB293 !important;
    color: #ffffff !important;
}

.view_version8 .belloom-plan-premium .belloom-plan-btn:hover,
.view_version8 .belloom-plan-premium input[type="submit"]:hover,
.view_version8 .belloom-plan-premium .btn:hover{
    background: #E39B76 !important;
    border-color: #E39B76 !important;
    color: #ffffff !important;
}

/* 버튼 안 글자가 투명/연하게 되는 기본 스타일 제거 */
.view_version8 .lp-price-main input[type="submit"],
.view_version8 .lp-price-main .btn,
.view_version8 .lp-price-main input[type="submit"] span,
.view_version8 .lp-price-main .btn span{
    color: #ffffff !important;
    opacity: 1 !important;
}

/* 빈 흰 박스처럼 보이는 기본 스타일 제거 */
.view_version8 .lp-price-main input[type="submit"]:before,
.view_version8 .lp-price-main .btn:before,
.view_version8 .lp-price-main input[type="submit"]:after,
.view_version8 .lp-price-main .btn:after{
    display: none !important;
    content: none !important;
}

/* =========================================================
   Belloom Pricing - Final Button Visibility + Elegant Typography
   ========================================================= */

/* ---------- typography refinement ---------- */


.view_version8 .lp-price-main .lp-listprc > li,
.view_version8 .belloom-feature-text{
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    color: #5c4f49 !important;
}

.view_version8 .belloom-feature-block-title{
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    color: #4a3d36 !important;
}

.view_version8 .lp-price-main .lp-listprc > li > span:last-child{
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    color: #5c4f49 !important;
    line-height: 1.75 !important;
}

.view_version8 .belloom-feature-item > .belloom-feature-text{
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    color: #5c4f49 !important;
    line-height: 1.75 !important;
}

.view_version8 .lp-price-main .plan-price,
.view_version8 .lp-price-main .price,
.view_version8 .lp-price-main .amount{
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
}

.view_version8 .lp-price-main .package-type-v9,
.view_version8 .lp-price-main .package-type,
.view_version8 .lp-price-main .lp-price-subtitle,
.view_version8 .belloom-plan-top-note,
.view_version8 .belloom-plan-setup-note{
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
}

/* ---------- button reset: very strong override ---------- */
.view_version8 .lp-price-main input[type="submit"],
.view_version8 .lp-price-main .btn,
.view_version8 .lp-price-main .belloom-plan-btn{
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    font-family: Inter, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    text-align: center !important;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: none !important;
    text-shadow: none !important;
    background-image: none !important;
    filter: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
}

/* remove hidden/ghost/default effects */
.view_version8 .lp-price-main input[type="submit"]:before,
.view_version8 .lp-price-main input[type="submit"]:after,
.view_version8 .lp-price-main .btn:before,
.view_version8 .lp-price-main .btn:after{
    display: none !important;
    content: none !important;
}

/* ---------- Starter button ---------- */
.view_version8 .belloom-plan-starter input[type="submit"],
.view_version8 .belloom-plan-starter .btn,
.view_version8 .belloom-plan-starter .belloom-plan-btn{
    background: #7AA7FF !important;
    border: 1px solid #7AA7FF !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

.view_version8 .belloom-plan-starter input[type="submit"]:hover,
.view_version8 .belloom-plan-starter .btn:hover,
.view_version8 .belloom-plan-starter .belloom-plan-btn:hover{
    background: #5D93FB !important;
    border-color: #5D93FB !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* ---------- Growth button ---------- */
.view_version8 .belloom-plan-growth input[type="submit"],
.view_version8 .belloom-plan-growth .btn,
.view_version8 .belloom-plan-growth .belloom-plan-btn{
    background: #6E63FF !important;
    border: 1px solid #6E63FF !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

.view_version8 .belloom-plan-growth input[type="submit"]:hover,
.view_version8 .belloom-plan-growth .btn:hover,
.view_version8 .belloom-plan-growth .belloom-plan-btn:hover{
    background: #564BEA !important;
    border-color: #564BEA !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* ---------- Premium button ---------- */
.view_version8 .belloom-plan-premium input[type="submit"],
.view_version8 .belloom-plan-premium .btn,
.view_version8 .belloom-plan-premium .belloom-plan-btn{
    background: #EFB293 !important;
    border: 1px solid #EFB293 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

.view_version8 .belloom-plan-premium input[type="submit"]:hover,
.view_version8 .belloom-plan-premium .btn:hover,
.view_version8 .belloom-plan-premium .belloom-plan-btn:hover{
    background: #E39B76 !important;
    border-color: #E39B76 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* if theme adds pale text only in normal state, kill it */
.view_version8 .belloom-plan-starter input[type="submit"],
.view_version8 .belloom-plan-premium input[type="submit"],
.view_version8 .belloom-plan-starter .btn,
.view_version8 .belloom-plan-premium .btn{
    text-indent: 0 !important;
}

/* ---------- optional: cleaner feature list tone ---------- */
.view_version8 .lp-price-main .lp-listprc{
    margin-bottom: 20px !important;
}

.view_version8 .lp-price-main .lp-listprc > li{
    margin-bottom: 9px !important;
}

.view_version8 .belloom-feature-item{
    margin-bottom: 10px !important;
}

/* ---------- mobile font refinement ---------- */
@media (max-width: 767px){
    .view_version8 .lp-price-main .lp-listprc > li > span:last-child,
    .view_version8 .belloom-feature-item > .belloom-feature-text{
        font-size: 14px !important;
        line-height: 1.7 !important;
    }

    .view_version8 .lp-price-main input[type="submit"],
    .view_version8 .lp-price-main .btn,
    .view_version8 .lp-price-main .belloom-plan-btn{
        font-size: 15px !important;
        min-height: 50px !important;
    }
}

/* =========================================================
   Belloom Pricing - Icon Fix + Button Fix + Elegant Text
   ========================================================= */

/* ---------- typography: text만 세련되게 ---------- */
.view_version8 .lp-price-main .lp-listprc > li > span:last-child,
.view_version8 .belloom-feature-item > .belloom-feature-text,
.view_version8 .belloom-feature-block-title,
.view_version8 .package-type-v9,
.view_version8 .belloom-plan-top-note,
.view_version8 .belloom-plan-setup-note,
.view_version8 .lp-price-main .price,
.view_version8 .lp-price-main .plan-price,
.view_version8 .lp-price-main .amount,
.view_version8 .lp-price-main h1,
.view_version8 .lp-price-main h2,
.view_version8 .lp-price-main h3,
.view_version8 .lp-price-main h4,
.view_version8 .lp-price-main h5,
.view_version8 .lp-price-main h6,
.view_version8 .lp-price-main p,
.view_version8 .lp-price-main div:not(.icon-text):not(.belloom-feature-icon){
    font-family: Inter, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
}

/* ---------- Font Awesome 아이콘 복구 ---------- */
.view_version8 .lp-price-main .fa,
.view_version8 .lp-price-main i.fa,
.view_version8 .lp-price-main [class^="fa-"],
.view_version8 .lp-price-main [class*=" fa-"]{
    font-family: FontAwesome !important;
    font-style: normal !important;
    font-weight: normal !important;
    speak: never !important;
}

/* ---------- grouped feature block alignment ---------- */
.view_version8 .belloom-feature-block{
    margin: 16px -25px 0 !important;
    padding: 14px 20px 12px !important;
    border-radius: 14px !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

.view_version8 .belloom-feature-block-title{
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.45 !important;
    color: #4a3d36 !important;
    text-align: left !important;
}

.view_version8 .belloom-feature-list{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.view_version8 .belloom-feature-item{
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    clear: both !important;
}

.view_version8 .belloom-feature-item:last-child{
    margin-bottom: 0 !important;
}

.view_version8 .belloom-feature-item > .icon-text.belloom-feature-icon,
.view_version8 .belloom-feature-item > .belloom-feature-icon{
    float: none !important;
    clear: none !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    color: #4a90e2 !important;
}

.view_version8 .belloom-feature-item > .icon-text.belloom-feature-icon i,
.view_version8 .belloom-feature-item > .belloom-feature-icon i{
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: #4a90e2 !important;
}

.view_version8 .belloom-feature-item > .belloom-feature-text{
    float: none !important;
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.75 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    color: #5c4f49 !important;
    text-align: left !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}

/* ---------- group background colors ---------- */
.belloom-plan-starter .belloom-feature-block-growth{
    background: #f4f8ff !important;
    border: 1px solid #dfe9ff !important;
}
.belloom-plan-starter .belloom-feature-block-benefits{
    background: #fff4ee !important;
    border: 1px solid #f6ddd0 !important;
}
.belloom-plan-starter .belloom-feature-block-setup{
    background: #f7f3ff !important;
    border: 1px solid #e7dfff !important;
}

.belloom-plan-growth .belloom-feature-block-growth{
    background: linear-gradient(180deg, #f3f0ff 0%, #eef3ff 100%) !important;
    border: 1px solid #ddd7ff !important;
}
.belloom-plan-growth .belloom-feature-block-benefits{
    background: #fff5ee !important;
    border: 1px solid #f6ded2 !important;
}
.belloom-plan-growth .belloom-feature-block-setup{
    background: #f5f0ff !important;
    border: 1px solid #e5dbff !important;
}

.belloom-plan-premium .belloom-feature-block-growth{
    background: #fff7f2 !important;
    border: 1px solid #f7ddd0 !important;
}
.belloom-plan-premium .belloom-feature-block-benefits{
    background: linear-gradient(180deg, #fff5f1 0%, #fffaf7 100%) !important;
    border: 1px solid #f6ded4 !important;
}
.belloom-plan-premium .belloom-feature-block-setup{
    background: #f9f4ff !important;
    border: 1px solid #ebdcff !important;
}

/* ---------- 기본 리스트 텍스트도 세련되게 ---------- */
.view_version8 .lp-price-main .lp-listprc > li{
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.view_version8 .lp-price-main .lp-listprc > li > .icon-text,
.view_version8 .lp-price-main .lp-listprc > li > .icon,
.view_version8 .lp-price-main .lp-listprc > li > .icons8-Cancel{
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    margin-top: 2px !important;
    line-height: 1.6 !important;
    padding: 0 !important;
}

.view_version8 .lp-price-main .lp-listprc > li > span:last-child{
    flex: 1 1 auto !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    color: #5c4f49 !important;
    line-height: 1.75 !important;
    text-align: left !important;
}

/* ---------- 버튼 공통 ---------- */
.view_version8 .lp-price-main input[type="submit"],
.view_version8 .lp-price-main .btn,
.view_version8 .lp-price-main .belloom-plan-btn{
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    font-family: Inter, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    text-align: center !important;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    box-shadow: none !important;
    background-image: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    text-indent: 0 !important;
}

/* pseudo 효과 제거 */
.view_version8 .lp-price-main input[type="submit"]:before,
.view_version8 .lp-price-main input[type="submit"]:after,
.view_version8 .lp-price-main .btn:before,
.view_version8 .lp-price-main .btn:after{
    display: none !important;
    content: none !important;
}

/* Starter 버튼 */
.view_version8 .belloom-plan-starter input[type="submit"],
.view_version8 .belloom-plan-starter .btn,
.view_version8 .belloom-plan-starter .belloom-plan-btn{
    background: #7aa7ff !important;
    border: 1px solid #7aa7ff !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.view_version8 .belloom-plan-starter input[type="submit"]:hover,
.view_version8 .belloom-plan-starter .btn:hover,
.view_version8 .belloom-plan-starter .belloom-plan-btn:hover{
    background: #5d93fb !important;
    border-color: #5d93fb !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Growth 버튼 */
.view_version8 .belloom-plan-growth input[type="submit"],
.view_version8 .belloom-plan-growth .btn,
.view_version8 .belloom-plan-growth .belloom-plan-btn{
    background: #6e63ff !important;
    border: 1px solid #6e63ff !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.view_version8 .belloom-plan-growth input[type="submit"]:hover,
.view_version8 .belloom-plan-growth .btn:hover,
.view_version8 .belloom-plan-growth .belloom-plan-btn:hover{
    background: #564bea !important;
    border-color: #564bea !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Premium 버튼 */
.view_version8 .belloom-plan-premium input[type="submit"],
.view_version8 .belloom-plan-premium .btn,
.view_version8 .belloom-plan-premium .belloom-plan-btn{
    background: #efb293 !important;
    border: 1px solid #efb293 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.view_version8 .belloom-plan-premium input[type="submit"]:hover,
.view_version8 .belloom-plan-premium .btn:hover,
.view_version8 .belloom-plan-premium .belloom-plan-btn:hover{
    background: #e39b76 !important;
    border-color: #e39b76 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* ---------- mobile ---------- */
@media (max-width: 767px){
    .view_version8 .belloom-feature-block{
        margin: 14px -10px 0 !important;
        padding: 14px 14px 12px !important;
    }

    .view_version8 .belloom-feature-block-title{
        font-size: 14px !important;
    }

    .view_version8 .lp-price-main .lp-listprc > li > span:last-child,
    .view_version8 .belloom-feature-item > .belloom-feature-text{
        font-size: 14px !important;
        line-height: 1.7 !important;
    }

    .view_version8 .lp-price-main input[type="submit"],
    .view_version8 .lp-price-main .btn,
    .view_version8 .lp-price-main .belloom-plan-btn{
        font-size: 15px !important;
        min-height: 50px !important;
    }
}

/* =========================================================
   Belloom Pricing - Starter / Premium Button Visibility Fix
   ========================================================= */

/* Starter 버튼: 가장 강한 선택자 */
.view_version8 .col-md-4 .lp-price-main.belloom-plan-starter form.price-plan-button input[type="submit"],
.view_version8 .col-md-4 .lp-price-main.belloom-plan-starter .price-plan-button input[type="submit"],
.view_version8 .col-md-4 .belloom-plan-starter input.lp-price-free,
.view_version8 .col-md-4 .belloom-plan-starter input.btn,
.view_version8 .col-md-4 .belloom-plan-starter .belloom-plan-btn{
    background: #7AA7FF !important;
    background-color: #7AA7FF !important;
    border: 1px solid #7AA7FF !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Starter hover */
.view_version8 .col-md-4 .lp-price-main.belloom-plan-starter form.price-plan-button input[type="submit"]:hover,
.view_version8 .col-md-4 .lp-price-main.belloom-plan-starter .price-plan-button input[type="submit"]:hover,
.view_version8 .col-md-4 .belloom-plan-starter input.lp-price-free:hover,
.view_version8 .col-md-4 .belloom-plan-starter input.btn:hover,
.view_version8 .col-md-4 .belloom-plan-starter .belloom-plan-btn:hover{
    background: #5D93FB !important;
    background-color: #5D93FB !important;
    border-color: #5D93FB !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Premium 버튼: 가장 강한 선택자 */
.view_version8 .col-md-4 .lp-price-main.belloom-plan-premium form.price-plan-button input[type="submit"],
.view_version8 .col-md-4 .lp-price-main.belloom-plan-premium .price-plan-button input[type="submit"],
.view_version8 .col-md-4 .belloom-plan-premium input.lp-price-free,
.view_version8 .col-md-4 .belloom-plan-premium input.btn,
.view_version8 .col-md-4 .belloom-plan-premium .belloom-plan-btn{
    background: #EFB293 !important;
    background-color: #EFB293 !important;
    border: 1px solid #EFB293 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Premium hover */
.view_version8 .col-md-4 .lp-price-main.belloom-plan-premium form.price-plan-button input[type="submit"]:hover,
.view_version8 .col-md-4 .lp-price-main.belloom-plan-premium .price-plan-button input[type="submit"]:hover,
.view_version8 .col-md-4 .belloom-plan-premium input.lp-price-free:hover,
.view_version8 .col-md-4 .belloom-plan-premium input.btn:hover,
.view_version8 .col-md-4 .belloom-plan-premium .belloom-plan-btn:hover{
    background: #E39B76 !important;
    background-color: #E39B76 !important;
    border-color: #E39B76 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* 버튼 내부 텍스트/placeholder 류 강제 */
.view_version8 .belloom-plan-starter input[type="submit"],
.view_version8 .belloom-plan-premium input[type="submit"]{
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: transparent !important;
}

/* 혹시 기본 스타일이 버튼을 비워 보이게 만드는 경우 제거 */
.view_version8 .belloom-plan-starter input[type="submit"]::before,
.view_version8 .belloom-plan-starter input[type="submit"]::after,
.view_version8 .belloom-plan-premium input[type="submit"]::before,
.view_version8 .belloom-plan-premium input[type="submit"]::after{
    display: none !important;
    content: none !important;
}

/* =========================================================
   Belloom Login Popup - Premium Style
   ========================================================= */

/* 전체 오버레이 */
#lean_overlay,
.modal-backdrop,
.md-overlay {
    background: rgba(24, 18, 16, 0.55) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

/* 팝업 박스 */
.md-modal .md-content,
.modal .modal-content,
.popup-form,
.signincontainer,
.siginincontainer,
.login-form-popup,
#login-register-popup .modal-content {
    background: #ffffff !important;
    border-radius: 22px !important;
    box-shadow: 0 28px 70px rgba(32, 24, 21, 0.18) !important;
    border: 1px solid rgba(236, 226, 221, 0.9) !important;
    overflow: hidden !important;
}

/* 상단 탭 */
.signin-tabs,
.signincontainer .nav,
.siginincontainer .nav,
.login-register-tabs,
.md-content .nav-tabs {
    background: linear-gradient(135deg, #fff7f4 0%, #fdf1eb 100%) !important;
    border-bottom: 1px solid #f1e4dd !important;
    padding: 0 !important;
    display: flex !important;
}

.signin-tabs li,
.signincontainer .nav li,
.siginincontainer .nav li,
.login-register-tabs li,
.md-content .nav-tabs li {
    flex: 1 1 50% !important;
    text-align: center !important;
    margin: 0 !important;
}

.signin-tabs li a,
.signincontainer .nav li a,
.siginincontainer .nav li a,
.login-register-tabs li a,
.md-content .nav-tabs li a {
    display: block !important;
    padding: 18px 20px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #6a5a53 !important;
    border: none !important;
    background: transparent !important;
}

.signin-tabs li.active a,
.signincontainer .nav li.active a,
.siginincontainer .nav li.active a,
.login-register-tabs li.active a,
.md-content .nav-tabs li.active a {
    color: #ffffff !important;
    background: linear-gradient(135deg, #e7a98d 0%, #d98f74 100%) !important;
}

/* 닫기 버튼 */
.md-close,
.modal .close,
.login-register-popup .close {
    color: #9b867d !important;
    font-size: 28px !important;
    opacity: 1 !important;
}

.md-close:hover,
.modal .close:hover,
.login-register-popup .close:hover {
    color: #6a554c !important;
}

/* 내부 패딩 */
.md-modal .md-content .tab-content,
.modal .modal-content .tab-content,
.signincontainer .tab-content,
.siginincontainer .tab-content,
.login-form-popup .tab-content {
    padding: 28px 28px 30px !important;
}

/* OR 구분선 */
.signincontainer .or,
.siginincontainer .or,
.login-form-popup .or,
.nsl-or {
    width: 42px !important;
    height: 42px !important;
    line-height: 42px !important;
    border-radius: 50% !important;
    background: #f7f2ef !important;
    color: #8a756d !important;
    font-weight: 700 !important;
    margin: 16px auto !important;
    border: 1px solid #eee2db !important;
}

/* 입력창 */
.signincontainer input[type="text"],
.signincontainer input[type="email"],
.signincontainer input[type="password"],
.siginincontainer input[type="text"],
.siginincontainer input[type="email"],
.siginincontainer input[type="password"],
.login-form-popup input[type="text"],
.login-form-popup input[type="email"],
.login-form-popup input[type="password"],
.modal-content input[type="text"],
.modal-content input[type="email"],
.modal-content input[type="password"] {
    height: 56px !important;
    border-radius: 14px !important;
    border: 1px solid #eadfd8 !important;
    background: #fffdfc !important;
    box-shadow: none !important;
    padding: 0 18px !important;
    font-size: 16px !important;
    color: #4d403a !important;
}

.signincontainer input:focus,
.siginincontainer input:focus,
.login-form-popup input:focus,
.modal-content input:focus {
    border-color: #e0a890 !important;
    box-shadow: 0 0 0 4px rgba(224, 168, 144, 0.14) !important;
    outline: none !important;
}

/* 기본 로그인 버튼 */
.signincontainer input[type="submit"],
.signincontainer .btn,
.siginincontainer input[type="submit"],
.siginincontainer .btn,
.login-form-popup input[type="submit"],
.login-form-popup .btn,
.modal-content input[type="submit"],
.modal-content .btn {
    width: 100% !important;
    min-height: 56px !important;
    border-radius: 14px !important;
    border: none !important;
    background: linear-gradient(135deg, #e7a98d 0%, #d98f74 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    box-shadow: 0 10px 24px rgba(217, 143, 116, 0.22) !important;
}

.signincontainer input[type="submit"]:hover,
.signincontainer .btn:hover,
.siginincontainer input[type="submit"]:hover,
.siginincontainer .btn:hover,
.login-form-popup input[type="submit"]:hover,
.login-form-popup .btn:hover,
.modal-content input[type="submit"]:hover,
.modal-content .btn:hover {
    background: linear-gradient(135deg, #db997b 0%, #cb7f62 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* forgot password */
.signincontainer .lost-password,
.siginincontainer .lost-password,
.login-form-popup .lost-password,
.modal-content .forgot-password {
    color: #a07d70 !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

.signincontainer .lost-password:hover,
.siginincontainer .lost-password:hover,
.login-form-popup .lost-password:hover,
.modal-content .forgot-password:hover {
    color: #7c5d52 !important;
}

/* Nextend Social Login 버튼 */
.nsl-container,
.nsl-container-buttons {
    margin-bottom: 16px !important;
}

.nsl-container .nsl-button,
.nsl-container-buttons a {
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    border: 1px solid #eee2db !important;
}

.nsl-container .nsl-button-google[data-skin="light"],
.nsl-container .nsl-button-google,
.nsl-container-buttons .nsl-button-google {
    background: #ffffff !important;
}

.nsl-container .nsl-button-google .nsl-button-default,
.nsl-container .nsl-button-google .nsl-button-default div,
.nsl-container-buttons .nsl-button-google div {
    background: #ffffff !important;
    color: #4d403a !important;
    font-weight: 700 !important;
}

/* Google 버튼을 Belloom 톤으로 더 세련되게 */
.nsl-container .nsl-button-google .nsl-button-default,
.nsl-container-buttons .nsl-button-google {
    border: 1px solid #eadfd8 !important;
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.nsl-container .nsl-button-google .nsl-button-svg-container,
.nsl-container-buttons .nsl-button-google svg {
    margin-right: 10px !important;
}

@media (max-width: 767px) {
    .md-modal .md-content .tab-content,
    .modal .modal-content .tab-content,
    .signincontainer .tab-content,
    .siginincontainer .tab-content {
        padding: 22px 18px 24px !important;
    }

    .signin-tabs li a,
    .signincontainer .nav li a,
    .siginincontainer .nav li a {
        font-size: 16px !important;
        padding: 16px 14px !important;
    }
}