/* Shared mobile controls, scoped to the existing Learnify public/Portal/lesson UI. */
.itr-learning #navigation-area .d-none { display: none !important; }
@media (max-width: 991px) {
  .itr-learning-classic .lesson-top-right.d-none { display: none !important; }
}
@media (max-width: 767px) {
  .itr-public main .rbt-btn,
  .itr-public footer .rbt-btn,
  .itr-public .rbt-search-dropdown .rbt-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    min-height: 48px;
    height: auto !important;
    padding: 12px 16px !important;
    margin-left: 0;
    margin-right: 0;
    font-size: 14px !important;
    line-height: 1.45 !important;
    text-align: center;
    white-space: normal !important;
    box-sizing: border-box;
  }
  .itr-public .rbt-btn .icon-reverse-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
  }
  .itr-public main .slider-btn,
  .itr-public main .load-more-btn,
  .itr-public main .section-title + .read-more-btn,
  .itr-public footer .contact-btn { width: 100%; }
  .itr-public .itr-home-search { gap: 10px; padding: 10px; }
  .itr-public .itr-home-search input { min-width: 0; min-height: 44px; }
  .itr-public .rbt-card .rbt-card-bottom { gap: 12px; flex-wrap: wrap; }
  .itr-public .rbt-card .rbt-btn-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    line-height: 1.4;
    padding: 8px 0;
  }
  .itr-public input:not([type=checkbox]):not([type=radio]),
  .itr-public select,
  .itr-public textarea,
  .portal-main .form-control,
  .portal-main .form-select { font-size: 16px !important; }
  .itr-public .rbt-header .container-fluid { padding-left: 12px; padding-right: 12px; }
  .itr-public .rbt-header .quick-access { gap: 0; margin: 0; }
  .itr-public .rbt-header .quick-access > li { margin: 0; }
  .itr-public .rbt-header .rbt-round-btn,
  .itr-public .rbt-header .hamberger-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
    padding: 0 !important;
    line-height: 1 !important;
  }
  .itr-public .rbt-header .logo a { min-width: 0; }
  .itr-public .rbt-header .itr-brand-wordmark { flex: 1; }
  .itr-catalog .rbt-course-top-wrapper > .container { padding: 16px; }
  .itr-catalog .rbt-course-top-wrapper .rbt-sorting-list { gap: 12px; width: 100%; }
  .itr-catalog .rbt-course-top-wrapper .rbt-short-item,
  .itr-catalog .switch-layout-container { width: 100%; margin: 0; }
  .itr-catalog .course-switch-layout { display: flex; gap: 10px; width: 100%; }
  .itr-catalog .course-switch-item { flex: 1; margin: 0; }
  .itr-catalog .rbt-grid-view,
  .itr-catalog .rbt-list-view {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 48px;
    padding: 10px 12px;
  }
  .itr-catalog .filter-select,
  .itr-catalog .bootstrap-select { width: 100% !important; }
  .itr-catalog .filter-select .dropdown-toggle { min-height: 48px; }
  .itr-catalog .itr-filter-toggle { min-height: 48px; }
  .itr-course-detail .total-rating { display: inline-flex; }
  .itr-post-detail .rbt-total-comment-post { justify-content: center; text-align: center; }
  .itr-post-detail .rbt-total-comment-post > .title,
  .itr-post-detail .rbt-total-comment-post > .add-comment-button { width: 100%; }
  .itr-post-detail .social-share-block { flex-direction: column; gap: 14px; }
  .itr-post-detail .social-share-block .post-like { width: 100%; text-align: center; }
  .itr-post-detail #btnLikeThisPost { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; }
  .itr-post-detail .social-share-block .social-icon { justify-content: center; flex-wrap: wrap; margin: 0; }
  .itr-post-detail .social-share-block .social-icon a { width: 44px; height: 44px; line-height: 44px; }
  .portal-main .btn,
  .portal-main .research-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 44px;
    height: auto !important;
    max-width: 100%;
    line-height: 1.45 !important;
    white-space: normal;
    text-align: center;
    vertical-align: middle;
  }
  .portal-main .btn i { flex-shrink: 0; }
  .portal-main .btn-icon,
  .portal-main .input-group .btn { min-width: 44px; flex-shrink: 0; }
  .portal-main .itr-mobile-toolbar,
  .portal-main .card-header { flex-wrap: wrap; gap: 12px; }
  .portal-main .itr-mobile-toolbar > :not(.btn):not(.research-btn),
  .portal-main .card-header > :not(.btn):not(.research-btn) { min-width: 0; }
  .portal-main .itr-mobile-toolbar > .btn,
  .portal-main .itr-mobile-toolbar > .research-btn,
  .portal-main .card-header > .btn { flex-shrink: 0; }
  .portal-main .itr-mobile-actions,
  .portal-main .modal-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 12px !important;
  }
  .portal-main .itr-mobile-actions > .btn,
  .portal-main .modal-footer > .btn {
    flex: 1 1 180px;
    min-width: 0;
    min-height: 48px;
    margin: 0 !important;
    padding: 12px 16px !important;
  }
  .portal-main .table .btn { width: auto; min-width: 44px; padding: 8px 10px; white-space: nowrap; }
  .portal-main .nav-tabs { flex-wrap: nowrap; overflow-x: auto; max-width: 100%; }
  .portal-main .nav-tabs .nav-link { min-height: 44px; white-space: nowrap; }
  .portal-main .nav-tabs .nav-item { flex-shrink: 0; }
  .portal-main #portal_sidebar_toggle,
  #portal_sidebar_close { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .itr-learning .lesson-toggle-active,
  .itr-learning .lesson-top-bar .btn-round-white-opacity,
  .itr-learning .lesson-top-bar .rbt-btn-close a { min-width: 44px; min-height: 44px; }
  .itr-learning #title-progress { min-width: 44px; min-height: 44px; }
  .itr-learning .lesson-top-bar { flex-wrap: nowrap !important; gap: 12px; min-height: 72px; height: auto !important; padding: 12px 16px !important; }
  .itr-learning .lesson-top-left { min-width: 0; flex: 1; gap: 10px !important; }
  .itr-learning .lesson-top-left h5 { min-width: 0; max-width: none !important; font-size: 14px !important; line-height: 1.45; white-space: normal !important; }
  .itr-learning .lesson-top-right { margin-left: auto; flex-shrink: 0; }
  .itr-learning-classic { --itr-lesson-toolbar-height: 76px; }
  .itr-learning-classic .lesson-top-bar { height: var(--itr-lesson-toolbar-height) !important; min-height: var(--itr-lesson-toolbar-height); }
  .itr-learning-classic .rbt-lesson-leftsidebar { top: var(--itr-lesson-toolbar-height) !important; height: calc(100dvh - var(--itr-lesson-toolbar-height)) !important; }
  .itr-learning-classic .mobile-menu-overlay { top: var(--itr-lesson-toolbar-height) !important; height: calc(100dvh - var(--itr-lesson-toolbar-height)); }
  .itr-learning #navigation-area { min-height: 0 !important; padding: 16px 16px max(16px,env(safe-area-inset-bottom)) !important; }
  .itr-learning #navigation-area .rbt-button-group { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; width: 100%; padding: 0 !important; }
  .itr-learning #btnPrevLecture.d-none + #btnNextLecture,
  .itr-learning .rbt-button-group:has(#btnNextLecture.d-none) #btnPrevLecture { grid-column: 1 / -1; }
  .itr-learning #navigation-area :is(.rbt-btn,.lecture-nav-btn) { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-width: 0; min-height: 48px; height: auto !important; margin: 0 !important; padding: 12px 10px !important; font-size: 14px; line-height: 1.4 !important; text-align: center; white-space: normal; }
  .itr-learning .modal-footer { display: flex; flex-wrap: wrap; gap: 12px; }
  .itr-learning .modal-footer .rbt-btn { flex: 1; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; height: auto; margin: 0; line-height: 1.4; }
}
@media (max-width: 575px) {
  .portal-main .itr-mobile-toolbar { align-items: stretch !important; }
  .portal-main .itr-mobile-toolbar > :not(.btn):not(.research-btn) { flex: 1 1 100%; }
  .portal-main .itr-mobile-toolbar > .btn,
  .portal-main .itr-mobile-toolbar > .research-btn,
  .portal-main .card-header > .btn,
  .portal-main .research-hero .research-btn { width: 100%; min-height: 48px; }
  .portal-main .itr-mobile-actions > .btn,
  .portal-main .modal-footer > .btn { flex-basis: 100%; width: 100%; }
  .portal-main .itr-mobile-primary { width: 100%; min-height: 48px; }
  .portal-main .research-hero__actions { width: 100%; }
}
@media (max-width: 374px) {
  .itr-learning-classic { --itr-lesson-toolbar-height: 96px; }
}