/*
|--------------------------------------------------------------------------
| MINBAR Experience v2
| Official Reading Theme
|--------------------------------------------------------------------------
*/

:root {

    --reading-width: 900px;

    --reading-font-size: 1.22rem;

    --reading-line-height: 2.45;

    --reading-radius: 22px;

    --reading-shadow:
        0 16px 40px rgba(15,23,42,.08);

    --reading-background: #ffffff;

    --reading-text: #1f2937;

    --reading-muted: #6b7280;

}

/*
|--------------------------------------------------------------------------
| Global Reading Layout
|--------------------------------------------------------------------------
*/

.minbar-reading {

    max-width: var(--reading-width);

    margin: 0 auto;

}

/*
|--------------------------------------------------------------------------
| Reading Card
|--------------------------------------------------------------------------
*/

.minbar-reading-card {

    border: none;

    border-radius: var(--reading-radius);

    background: var(--reading-background);

    box-shadow: var(--reading-shadow);

    overflow: hidden;

    transition: .25s ease;

}

.minbar-reading-card:hover {

    box-shadow:
        0 18px 45px rgba(15,23,42,.10);

}

/*
|--------------------------------------------------------------------------
| Reading Area
|--------------------------------------------------------------------------
*/

.minbar-reading-content {

    white-space: pre-line;

    font-size: var(--reading-font-size);

    line-height: var(--reading-line-height);

    color: var(--reading-text);

    letter-spacing: .01em;

    word-break: normal;

    overflow-wrap: break-word;

}

/*
|--------------------------------------------------------------------------
| Arabic Experience
|--------------------------------------------------------------------------
*/

.minbar-reading-ar {

    direction: rtl;

    text-align: justify;

    font-size: 1.35rem;

    line-height: 2.6;

}

/*
|--------------------------------------------------------------------------
| Translation Experience
|--------------------------------------------------------------------------
*/

.minbar-reading-ltr {

    direction: ltr;

    text-align: justify;

    font-size: 1.18rem;

    line-height: 2.3;

}

/*
|--------------------------------------------------------------------------
| Reading Paragraphs
|--------------------------------------------------------------------------
*/

.minbar-reading-content p {

    margin-bottom: 1.75rem;

}

/*
|--------------------------------------------------------------------------
| Reading Selection
|--------------------------------------------------------------------------
*/

.minbar-reading-content::selection {

    background: #d1fae5;

    color: #065f46;

}

/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width: 992px) {

    :root {

        --reading-width: 100%;

        --reading-font-size: 1.10rem;

    }

    .minbar-reading-card .card-body {

        padding: 2rem !important;

    }

}

@media (max-width: 768px) {

    :root {

        --reading-font-size: 1.05rem;

    }

    .minbar-reading-ar {

        font-size: 1.22rem;

        line-height: 2.35;

    }

    .minbar-reading-ltr {

        font-size: 1.08rem;

        line-height: 2.15;

    }

    .minbar-reading-card .card-body {

        padding: 1.5rem !important;

    }

}

@media (max-width: 576px) {

    .minbar-reading-card {

        border-radius: 14px;

    }

    .minbar-reading-card .card-body {

        padding: 1.25rem !important;

    }

}