/*
 ASEMANEEHA PHASE 414-B
 Targeted visual correction.
 No changes to React, search, header or footer.
*/

/* ==========================================
   1. BANNER DECORATION
========================================== */

.asem-home-responsive-223
.swiper img[src="/images/home/banner/top-center.png"] {

    top: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    transform: translate(-50%, -50%) !important;
}

/* ==========================================
   2. HOME TITLE - ONE LINE ON MOBILE
========================================== */

@media (max-width: 640px) {

    .asem-home-responsive-223
    .flex:has(> .asem-home-title-223) {

        display: flex !important;
        flex-wrap: nowrap !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        gap: 0 !important;
        padding: 0 4px !important;

        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    .asem-home-responsive-223
    .asem-home-title-223 {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: clamp(10px, 2.85vw, 15px) !important;

        font-weight: 700 !important;
        line-height: 1.65 !important;

        letter-spacing: -0.15px !important;

        white-space: nowrap !important;

        overflow: visible !important;
        overflow-wrap: normal !important;
        word-break: normal !important;

        text-align: center !important;
    }

    .asem-home-responsive-223
    .flex:has(> .asem-home-title-223)
    > span:not(.asem-home-title-223) {

        display: none !important;
    }
}

/* ==========================================
   3. MARTYR GUIDANCE - GLASS CARD
========================================== */

div.mx-auto.max-w-\[400px\]
> p[dir="rtl"].font-vazirBold {

    position: relative !important;

    display: block !important;

    box-sizing: border-box !important;

    width: 100% !important;

    margin-top: 24px !important;
    margin-bottom: 14px !important;

    padding: 21px 23px !important;

    border: 1px solid rgba(232, 201, 123, 0.55) !important;
    border-right: 3px solid rgba(226, 185, 85, 0.95) !important;

    border-radius: 17px !important;

    background: linear-gradient(
        135deg,
        rgba(221, 251, 251, 0.79),
        rgba(255, 255, 255, 0.66)
    ) !important;

    -webkit-backdrop-filter: blur(15px) saturate(145%) !important;
    backdrop-filter: blur(15px) saturate(145%) !important;

    color: #124b58 !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 2.15 !important;

    text-align: justify !important;

    box-shadow:
        0 9px 28px rgba(0, 61, 75, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;

    overflow-wrap: break-word !important;
}

@media (max-width: 640px) {

    div.mx-auto.max-w-\[400px\]
    > p[dir="rtl"].font-vazirBold {

        margin-top: 18px !important;
        margin-bottom: 12px !important;

        padding: 16px 17px !important;

        border-radius: 14px !important;

        font-size: 13px !important;
        font-weight: 500 !important;

        line-height: 2.1 !important;

        text-align: right !important;
    }
}