/* Nashr - CTA Banner (Yellow banner with book image + pattern bg) */

.nashr-cta {
    padding: 12px 0 22px;
    direction: rtl;
}

.nashr-cta-card {
    position: relative;
    overflow: hidden;
    border-radius: var(--nashr-cta-radius, 18px);
    padding: var(--nashr-cta-pad, 22px 22px);
    background: var(--nashr-cta-bg, #f4d44d);
    background-image: var(--nashr-cta-bg-img, none);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    border: 1px solid var(--nashr-cta-border, rgba(0,0,0,0.06));
    box-shadow: var(--nashr-cta-shadow, 0 18px 36px rgba(0,0,0,0.10));
}

/* overlay pattern image */
.nashr-cta-pattern {
    position: absolute;
    inset: auto auto 0 0;
    width: var(--nashr-cta-pattern-w, 260px);
    height: auto;
    opacity: var(--nashr-cta-pattern-op, 0.22);
    transform: translate(var(--nashr-cta-pattern-x, 0px), var(--nashr-cta-pattern-y, 0px));
    pointer-events: none;
    user-select: none;
}

/* inner layout */
.nashr-cta-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: var(--nashr-cta-gap, 22px);
    justify-content: space-between;
}

/* allow reversing image/content */
.nashr-cta-card.is-media-right .nashr-cta-inner { flex-direction: row-reverse; }

.nashr-cta-content {
    flex: 1 1 auto;
    max-width: var(--nashr-cta-content-max, 720px);
}

.nashr-cta-title {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.9;
    color: var(--nashr-cta-title, #2b2420);
}

.nashr-cta-text {
    margin: 0 0 14px;
    font-size: 13.5px;
    line-height: 2.1;
    color: var(--nashr-cta-text, rgba(43,36,32,.70));
}

.nashr-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: var(--nashr-cta-btn-radius, 14px);
    padding: var(--nashr-cta-btn-pad, 12px 18px);

    background: var(--nashr-cta-btn-bg, #6b584c);
    color: var(--nashr-cta-btn-color, #fff);
    border: 1px solid var(--nashr-cta-btn-border, rgba(0,0,0,0.0));
    box-shadow: var(--nashr-cta-btn-shadow, 0 12px 22px rgba(107,88,76,.22));

    font-size: 13px;
    font-weight: 900;
    transition: transform .15s ease, opacity .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

.nashr-cta-btn:hover {
    background: var(--nashr-cta-btn-bg-h, #5d4c42);
    color: var(--nashr-cta-btn-color-h, #fff);
    border-color: var(--nashr-cta-btn-border-h, rgba(0,0,0,0.0));
    opacity: .96;
    transform: translateY(-1px);
}

/* media (book image) */
.nashr-cta-media {
    flex: 0 0 auto;
    width: var(--nashr-cta-media-w, 280px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.nashr-cta-media img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: var(--nashr-cta-media-radius, 16px);
    box-shadow: var(--nashr-cta-media-shadow, 0 18px 34px rgba(0,0,0,0.14));
}

/* responsive */
@media (max-width: 1024px) {
    .nashr-cta-media { width: var(--nashr-cta-media-w-t, 240px); }
}

@media (max-width: 768px) {
    .nashr-cta-card { padding: 18px 16px; }
    .nashr-cta-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }
    .nashr-cta-card.is-media-right .nashr-cta-inner { flex-direction: column; }

    .nashr-cta-media {
        width: min(320px, 90vw);
        margin: 0 auto;
    }
    .nashr-cta-title { font-size: 18px; }
}