/*
==========================================
ASEMANEEHA PHASE 414-C

1. Banner decoration adjustment
2. Martyr guidance matching date/place card

Scoped CSS only.
==========================================
*/


/* ========================================
   1. TOP 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%, -90%) !important;
}


/* ========================================
   2. MARTYR GUIDANCE - MATCH DATE CARD
======================================== */

/*
 Original mobile date/place card:

 background: rgba(255,255,255,.12)
 border: 1px solid rgba(255,255,255,.15)
 border-radius: 16px

 Apply the same visual language.
*/

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

    position: relative !important;

    display: block !important;

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

    box-sizing: border-box !important;

    margin-top: 22px !important;
    margin-bottom: 16px !important;

    padding: 16px 18px !important;

    background: rgba(255,255,255,.12) !important;

    border: 1px solid rgba(255,255,255,.15) !important;

    border-radius: 16px !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    box-shadow: none !important;

    color: #ffffff !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    line-height: 2.05 !important;

    text-align: right !important;

    overflow-wrap: break-word !important;

    word-break: normal !important;

    text-shadow: 0 1px 2px rgba(0,0,0,.12) !important;
}


/* ========================================
   3. MOBILE GUIDANCE CARD
======================================== */

@media (max-width: 640px) {

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

        width: 100% !important;

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

        padding: 14px 16px !important;

        background: rgba(255,255,255,.12) !important;

        border: 1px solid rgba(255,255,255,.15) !important;

        border-radius: 16px !important;

        color: #ffffff !important;

        font-size: 14px !important;

        font-weight: 500 !important;

        line-height: 2.1 !important;

        text-align: right !important;
    }
}


/* ========================================
   4. SMALL MOBILE
======================================== */

@media (max-width: 360px) {

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

        padding: 12px 14px !important;

        font-size: 13px !important;

        line-height: 2 !important;
    }
}