/* ===== Pricing Box ===== */
#bzp-pricing-mode-box{
    margin-bottom:30px;
}

/* ===== Cards Container ===== */
.bzp-pricing-cards{
    display:flex;
    gap:20px;
    justify-content:space-between;
    align-items:stretch;
    margin-top:20px;
    flex-wrap:nowrap;
}

/* ===== Card ===== */
.bzp-card{
    flex:1;
    background:#ffffff;
    border:2px solid #e5e7eb;
    border-radius:12px;
    padding:22px 15px;
    cursor:pointer;
    transition:.25s;
    text-align:center;
}
.bzp-card:hover{
    border-color:#06ce77;
    transform:translateY(-2px);
}

/* ===== Active ===== */
.bzp-card.active{
    border-color:#06ce77;
    background:#f1fff8;
    box-shadow:0 0 0 3px rgba(6,206,119,.12);
}

/* ===== Icon ===== */
.bzp-icon{
    font-size:34px;
    margin-bottom:12px;
}

/* ===== Title ===== */
.bzp-title{
    font-size:16px;
    font-weight:700;
    color:#222;
    line-height:1.5;
}

/* ===== Responsive ===== */
@media(max-width:991px){
    .bzp-pricing-cards{
        flex-direction:column;
    }
}

/* ===== إصلاح: إخفاء عمود القالب الفارغ في حزم التسعير ===== */
.wr-pricingitems__content > .wr-pricingtitle:not(.wr-package-active).wr-pricingtitle {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    flex: 0 0 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* ===== إصلاح: تباعد وتوزيع أعمدة الحزم الفعلية، مع استجابة للموبايل ===== */
.wr-pricingitems__content.wr-pricingitems__content {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 32px !important;
    align-items: flex-start !important;
}

.wr-pricingitems__content > .wr-pricingtitle.wr-package-active.wr-package-active {
    flex: 1 1 280px !important;
    min-width: 280px !important;
    max-width: none !important;
    width: auto !important;
    padding-inline-start: 0 !important;
    box-sizing: border-box !important;
}

/* فاصل بصري خفيف بين الأعمدة، لتوضيح الحدود بين كل حزمة */
.wr-pricingitems__content > .wr-pricingtitle.wr-package-active:not(:last-child) {
    padding-inline-end: 24px !important;
    border-inline-end: 1px solid #eee;
}

/* على الشاشات الضيقة جداً حيث ينزل كل عمود لسطر منفصل،
   الفاصل الجانبي لم يعد منطقياً بصرياً — نستبدله بفاصل سفلي */
@media (max-width: 620px) {
    .wr-pricingitems__content > .wr-pricingtitle.wr-package-active:not(:last-child) {
        padding-inline-end: 0 !important;
        border-inline-end: none !important;
        padding-bottom: 20px !important;
        border-bottom: 1px solid #eee;
        margin-bottom: 20px;
    }
}