/* ====== SECTION BASE ====== */
.aj-quote-section {
   background: #ffffff;       /* أبيض */
    padding: 4rem 0 5rem;
    color: #111827;            /* غامق */
    position: relative;
}
.aj-quote-section h1,
.aj-quote-section h2,
.aj-quote-section h3,
.aj-quote-section p {
    color: #fff;
}

.aj-quote-section h1,
.aj-quote-section h2,
.aj-quote-section h3,
.aj-quote-section p {
    color: #fff;
}

.aj-quote-heading {
     font-size: 2.1rem;
    font-weight: 800;
    margin-bottom: .75rem;
    color: #111827;
}

.aj-quote-subtitle {
   max-width: 640px;
    margin: 0 auto;
    font-size: 1rem;
    color: #4b5563;
}

/* ====== TYPE CARDS (فوق) ====== */
.aj-quote-types {
    max-width: 1100px;
    margin: 0 auto;
}

.aj-quote-type-card {
    position: relative;
    border-radius: 32px;
    overflow: hidden;
    background: #5f2ba8;
    padding: 1.8rem 1.5rem;
    cursor: pointer;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
    box-shadow: 0 18px 40px rgba(0,0,0,0.45);
}

/* “الحبة البنفسجية” داخل الكرت */
.aj-quote-type-blob {
    position: relative;
    border-radius: 32px;
    background: #b84ce5;
    padding: 2.2rem 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aj-quote-type-text {
    font-size: 1.6rem;
    font-weight: 800;
    text-align: center;
    color: #fff;
}

.aj-quote-type-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 10% 0%, rgba(255,255,255,0.15), transparent 60%);
    mix-blend-mode: screen;
    pointer-events: none;
}

/* active = كرت أصفر زي التصميم */
.aj-quote-type-card.active {
    background: #f2b700;
    transform: translateY(-4px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.6);
}

.aj-quote-type-card.active .aj-quote-type-blob {
    background: #3c146e;
}

.aj-quote-type-card.active .aj-quote-type-text {
    color: #fff;
}

/* ====== MAIN BUTTON ====== */
.aj-main-quote-btn {
    border-radius: 999px;
    border: none;
    padding: .9rem 2.8rem;
    font-weight: 800;
    font-size: 1rem;
    background: #f2b700;
    color: #3c146e;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    cursor: pointer;
    box-shadow: 0 14px 36px rgba(0,0,0,0.5);
    transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}

.aj-main-quote-btn i {
    font-size: 1.5rem;
}

.aj-main-quote-btn:hover {
    background: #ffd54a;
    transform: translateY(-2px);
    box-shadow: 0 20px 48px rgba(0,0,0,0.65);
}

/* ====== PANELS (المربعين تحت) ====== */
.aj-quote-panels {
    margin-top: 1rem;
}

/* نفس شكل الكروت البنفسجية اللي عملناها قبل */
.aj-form-card {
    background: #6b31b4;
    border-radius: 32px;
    padding: 2.4rem 2.5rem;
    height: 100%;
    box-shadow: 0 18px 42px rgba(0,0,0,0.45);
}

.aj-form-title {
    font-size: 1.7rem;
    font-weight: 800;
    margin-bottom: .6rem;
}

.aj-form-help {
    font-size: .9rem;
    opacity: .9;
    margin-bottom: 1.4rem;
}

/* ====== INPUTS ====== */
.aj-input-label {
    display: block;
    font-size: .85rem;
    margin-bottom: .25rem;
    opacity: .95;
    color: #ffffff;
}

.aj-input {
    width: 100%;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.4);
    background: rgba(33, 0, 80, 0.45);
    padding: .6rem 1rem;
    color: #fff;
    font-size: .95rem;
    outline: none;
}

.aj-input::placeholder {
    color: rgba(255,255,255,0.65);
}

.aj-input:focus {
    border-color: #f2b700;
    box-shadow: 0 0 0 1px rgba(242,183,0,0.9);
}

/* مجموعة الراتب المتوقع */
.aj-input-group {
    display: flex;
    align-items: stretch;
    border-radius: 999px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.4);
    background: rgba(33, 0, 80, 0.45);
}

.aj-input-no-border {
    border: none;
    border-radius: 0;
}

.aj-input-addon {
    padding: .6rem 1rem;
    font-size: .85rem;
    display: flex;
    align-items: center;
    background: rgba(0,0,0,0.25);
}

/* زر إرسال الفورم */
.aj-submit-btn {
    width: 100%;
    border-radius: 999px;
    border: none;
    padding: .75rem 1.4rem;
    font-weight: 700;
    font-size: 1rem;
    background: #f2b700;
    color: #3c146e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    cursor: pointer;
    transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}

.aj-submit-btn i {
    font-size: 1.4rem;
}

.aj-submit-btn:hover {
    background: #ffd54a;
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(0,0,0,0.45);
}

/* ====== RESPONSIVE ====== */
@media (max-width: 991.98px) {
    .aj-quote-section {
        padding-bottom: 4rem;
    }

    .aj-form-card {
        padding: 2rem 1.8rem;
    }
}

@media (max-width: 575.98px) {
    .aj-quote-heading {
        font-size: 1.6rem;
    }

    .aj-quote-type-text {
        font-size: 1.3rem;
    }

    .aj-main-quote-btn {
        width: 100%;
        justify-content: center;
    }
}


/* كروت اختيار نوع التأمين */
.aj-card--quote-select {
    cursor: pointer;
    min-height: 260px;
}

/* إبراز الكارت المختار */
.aj-card--quote-select.active .aj-card-overlay {
    background: rgba(242, 183, 0, 0.35); /* لمسة صفراء */
}

.aj-card--quote-select.active {
    transform: translateY(-4px);
    box-shadow: 0 22px 50px rgba(0,0,0,0.55);
}