/*
 * IslamBook
 * Copyright (c) 2026 Dr. Ahmed Gouda. All rights reserved.
 *
 * Email: webmaster@islambook.com
 * Website: www.islambook.com
 */

/* Restore the existing responsive layout where media-query ranges are unsupported. */
html.azkar-legacy-mq .azkar-app .visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
html.azkar-legacy-mq .azkar-bead-stage { width: 158px; max-width: 100%; height: 177.75px; }
html.azkar-legacy-mq .azkar-counter-actions button { -webkit-appearance: none; appearance: none; }
html.azkar-legacy-mq .azkar-counter-actions button::before { top: -1px; right: -1px; bottom: -1px; left: -1px; }
html.azkar-legacy-mq .azkar-app .fa-solid::before,
html.azkar-legacy-mq .azkar-app .fa-regular::before,
html.azkar-legacy-mq .azkar-app .fa-brands::before { content: var(--fa); }

@media (max-width: 900px) {
    html.azkar-legacy-mq .page-layout--sidebars { grid-template-columns: minmax(0, 1fr); }
    html.azkar-legacy-mq .page-layout--start { grid-template-areas: "content" "start"; }
    html.azkar-legacy-mq .page-layout--end { grid-template-areas: "content" "end"; }
    html.azkar-legacy-mq .page-layout--both { grid-template-areas: "content" "start" "end"; }
}
@media (max-width: 700px) {
    html.azkar-legacy-mq .container { width: calc(100% - 36px); }
    html.azkar-legacy-mq .azkar-app.container { padding-left: 0; padding-right: 0; }
    html.azkar-legacy-mq #top-area-container .header-inner { flex-wrap: wrap; }
    html.azkar-legacy-mq #top-area-container .main-nav { flex: 1 0 100%; order: 3; }
    html.azkar-legacy-mq #top-area-container .feature-nav { flex-wrap: wrap; gap: 6px; }
    html.azkar-legacy-mq #top-area-container .feature-nav > li { flex: 0 0 auto; }
    html.azkar-legacy-mq.js #top-area-container .main-nav { display: none; }
    html.azkar-legacy-mq.js #top-area-container.menu-open .main-nav { display: block; }
    html.azkar-legacy-mq.js #top-area-container .menu-toggle:not([hidden]) { display: inline-flex; }
    html.azkar-legacy-mq .azkar-entry { grid-template-columns: minmax(0, 1fr) 120px; }
    html.azkar-legacy-mq .azkar-entry-content { padding: 14px 20px; }
    html.azkar-legacy-mq .azkar-bead-stage { width: 110px; height: 123.75px; }
    html.azkar-legacy-mq .azkar-bead-stage > .digital-counter { font-size: 25px; }
    html.azkar-legacy-mq .azkar-bead-stage > .digital-counter.azkar-entry-index,
    html.azkar-legacy-mq .azkar-bead-stage > .digital-counter.azkar-entry-total { font-size: 10px; }
    html.azkar-legacy-mq .azkar-entry-actions { padding: 4px 8px; gap: 0; }
    html.azkar-legacy-mq .azkar-reading-summary { grid-template-columns: 1fr 1fr; }
    html.azkar-legacy-mq .azkar-summary-actions { grid-column: 1 / -1; }
}
@media (max-width: 575.98px) {
    html.azkar-legacy-mq .azkar-entry { grid-template-columns: minmax(0, 1fr); }
    html.azkar-legacy-mq .azkar-entry-content { padding: 12px 16px; }
    html.azkar-legacy-mq .azkar-counter-panel,
    html.azkar-legacy-mq.js .azkar-counter-panel {
        display: block; position: relative; min-height: 0; padding: 4px 8px;
        border-left: 0; border-top: 1px solid var(--line);
    }
    html.azkar-legacy-mq .azkar-count,
    html.azkar-legacy-mq.js .azkar-count {
        position: static; top: auto; left: auto; right: auto; width: 110px;
        min-height: 0; margin: 0 auto; transform: none; padding: 0; gap: 0;
    }
    html.azkar-legacy-mq .azkar-counter-actions button { width: 40px; height: 40px; }
}