/* Responsive media queries extracted from template.css */


/* ── Global type scaling ─────────────────────────────────────
   Sets 1rem = 12.8px on mobile so ALL rem-based values
   (Bootstrap headings, clamp() sizes, component text) scale
   down uniformly. Removes the need for per-element overrides.
   ──────────────────────────────────────────────────────────── */

@media (max-width: 767px) {
    html {
        font-size: 85%;
    }
}


@media print {
    .visible-print {
        display: inherit !important
    }

    .hidden-print {
        display: none !important
    }
}

@media(width >=1400px) {
    .joomla-dialog-content-select-field dialog {
        width: 90vw;
        height: 90vh
    }
}

@media(max-width: 991px) {
    .inner-wrapper-sticky {
        z-index: 1000
    }
}

@media(max-width: 767px) {
    .modal-dialog.jviewport-width80 {
        width: auto
    }

    .article.related-article-large.d-flex {
        display: block !important
    }

    .related-article-large .article-image {
        width: auto;
        min-width: auto;
        margin-bottom: 15px
    }

    .related-article-large .article-information {
        border-left: none;
        padding-left: 0;
        margin-left: 0
    }

    .article-list.grid {
        --columns: 1 !important;
        margin-bottom: 15px
    }

    .inner-wrapper-sticky {
        z-index: 100
    }
}

@media(max-width: 575px) {
    html.coming-soon #coming-soon-countdown .coming-soon-days,
    html.coming-soon #coming-soon-countdown .coming-soon-hours,
    html.coming-soon #coming-soon-countdown .coming-soon-minutes,
    html.coming-soon #coming-soon-countdown .coming-soon-seconds {
        width: 50%;
        margin-bottom: 15px
    }

    html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-number,
    html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-number,
    html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-number,
    html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-number {
        font-size: 2.5rem
    }

    html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-string,
    html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-string,
    html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-string,
    html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-string {
        font-size: 14px
    }

    .view-search #search-form .btn-group {
        flex-wrap: wrap
    }

    .view-search #search-form button,
    .view-search #search-form .btn {
        border-radius: 3px
    }
}