/* Fredblearn Mobile View v1.0.0
 * A defensive mobile-phone presentation layer for the Fredblearn website.
 */

body.fredblearn-mobile-view-enabled,
body.fredblearn-mobile-view-enabled * {
  box-sizing: border-box;
}

body.fredblearn-mobile-view-enabled {
  --fblmv-navy: #101c43;
  --fblmv-blue: #2347ff;
  --fblmv-slate: #475569;
  --fblmv-border: #e5e7eb;
  --fblmv-soft: #f8fafc;
  --fblmv-card: #ffffff;
  --fblmv-radius: 18px;
  --fblmv-shadow: 0 14px 35px rgba(15, 23, 42, 0.10);
  overflow-wrap: anywhere;
}

body.fredblearn-mobile-view-enabled img,
body.fredblearn-mobile-view-enabled video,
body.fredblearn-mobile-view-enabled iframe,
body.fredblearn-mobile-view-enabled canvas,
body.fredblearn-mobile-view-enabled svg {
  max-width: 100%;
}

body.fredblearn-mobile-view-enabled pre,
body.fredblearn-mobile-view-enabled code,
body.fredblearn-mobile-view-enabled textarea,
body.fredblearn-mobile-view-enabled input,
body.fredblearn-mobile-view-enabled select {
  max-width: 100%;
}

body.fredblearn-mobile-view-enabled pre,
body.fredblearn-mobile-view-enabled .fblmv-table-scroll,
body.fredblearn-mobile-view-enabled .fblfd-table-wrap,
body.fredblearn-mobile-view-enabled .fsi-table-scroll,
body.fredblearn-mobile-view-enabled .fpw-table-wrap {
  -webkit-overflow-scrolling: touch;
}

body.fredblearn-mobile-view-enabled .fblmv-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  border-radius: 16px;
}

.fblmv-submenu-toggle {
  appearance: none;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font: inherit;
  font-weight: 800;
  line-height: 1;
  margin-left: 8px;
  min-height: 34px;
  min-width: 34px;
  padding: 6px 10px;
}

.fblmv-submenu-toggle::before {
  content: "⌄";
  display: block;
  transform: translateY(-1px);
}

.fblmv-open > .fblmv-submenu-toggle::before,
.fbl-click-submenu-open > .fblmv-submenu-toggle::before,
.fbl-mobile-submenu-open > .fblmv-submenu-toggle::before {
  content: "⌃";
}

@media (max-width: 782px) {
  html,
  body.fredblearn-mobile-view-enabled {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body.fredblearn-mobile-view-enabled {
    font-size: 15px;
    line-height: 1.55;
  }

  body.fredblearn-mobile-view-enabled .site,
  body.fredblearn-mobile-view-enabled #page,
  body.fredblearn-mobile-view-enabled .fbl-main,
  body.fredblearn-mobile-view-enabled .entry-content,
  body.fredblearn-mobile-view-enabled .wp-site-blocks,
  body.fredblearn-mobile-view-enabled .fbl-container,
  body.fredblearn-mobile-view-enabled .fblfd-wrap,
  body.fredblearn-mobile-view-enabled .fblfd-app,
  body.fredblearn-mobile-view-enabled .fblfd-main,
  body.fredblearn-mobile-view-enabled .fblfd-card,
  body.fredblearn-mobile-view-enabled .fblfd-hero,
  body.fredblearn-mobile-view-enabled .fsi-wrap,
  body.fredblearn-mobile-view-enabled .fpw-wrap,
  body.fredblearn-mobile-view-enabled .fbsup-page,
  body.fredblearn-mobile-view-enabled .fbsup-hub-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.fredblearn-mobile-view-enabled .fbl-container,
  body.fredblearn-mobile-view-enabled .entry-content,
  body.fredblearn-mobile-view-enabled .fblfd-main,
  body.fredblearn-mobile-view-enabled .fsi-wrap,
  body.fredblearn-mobile-view-enabled .fpw-wrap,
  body.fredblearn-mobile-view-enabled .fbsup-hub-wrap {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.fredblearn-mobile-view-enabled h1 {
    font-size: clamp(26px, 8vw, 36px) !important;
    line-height: 1.1 !important;
  }

  body.fredblearn-mobile-view-enabled h2 {
    font-size: clamp(21px, 6vw, 28px) !important;
    line-height: 1.16 !important;
  }

  body.fredblearn-mobile-view-enabled h3 {
    font-size: clamp(18px, 5vw, 23px) !important;
  }

  body.fredblearn-mobile-view-enabled p,
  body.fredblearn-mobile-view-enabled li,
  body.fredblearn-mobile-view-enabled td,
  body.fredblearn-mobile-view-enabled th,
  body.fredblearn-mobile-view-enabled label,
  body.fredblearn-mobile-view-enabled input,
  body.fredblearn-mobile-view-enabled select,
  body.fredblearn-mobile-view-enabled textarea,
  body.fredblearn-mobile-view-enabled button {
    font-size: 15px;
  }

  body.fredblearn-mobile-view-enabled .fbl-button,
  body.fredblearn-mobile-view-enabled .fblfd-button,
  body.fredblearn-mobile-view-enabled .fsi-button,
  body.fredblearn-mobile-view-enabled .button,
  body.fredblearn-mobile-view-enabled button,
  body.fredblearn-mobile-view-enabled input[type="button"],
  body.fredblearn-mobile-view-enabled input[type="submit"] {
    min-height: 42px;
    white-space: normal;
  }

  body.fredblearn-mobile-view-enabled input:not([type="checkbox"]):not([type="radio"]),
  body.fredblearn-mobile-view-enabled select,
  body.fredblearn-mobile-view-enabled textarea {
    width: 100%;
  }

  body.fredblearn-mobile-view-enabled .fbl-site-header {
    width: 100%;
    overflow: visible;
  }

  body.fredblearn-mobile-view-enabled .fbl-header-inner,
  body.fredblearn-mobile-view-enabled .fbl-header-top {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.fredblearn-mobile-view-enabled .fbl-header-top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
  }

  body.fredblearn-mobile-view-enabled .fbl-brand,
  body.fredblearn-mobile-view-enabled .fbl-brand--text {
    min-width: 0;
    max-width: 100%;
  }

  body.fredblearn-mobile-view-enabled .fbl-brand img,
  body.fredblearn-mobile-view-enabled .custom-logo {
    width: auto;
    max-width: min(220px, 62vw);
    height: auto;
  }

  body.fredblearn-mobile-view-enabled .fbl-menu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    max-width: 38vw;
    white-space: nowrap;
  }

  body.fredblearn-mobile-view-enabled .fbl-header-menu-row,
  body.fredblearn-mobile-view-enabled .fbl-header-actions {
    grid-column: 1 / -1;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.fredblearn-mobile-view-enabled .fbl-header-actions {
    display: flex !important;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
  }

  body.fredblearn-mobile-view-enabled .fbl-header-actions > * {
    flex: 1 1 132px;
    text-align: center;
  }

  body.fredblearn-mobile-view-enabled .fbl-nav {
    width: 100%;
    max-width: 100%;
    overflow: visible;
  }

  body.fredblearn-mobile-view-enabled .fbl-nav ul,
  body.fredblearn-mobile-view-enabled .fbl-nav .menu,
  body.fredblearn-mobile-view-enabled .fbl-nav .sub-menu {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.fredblearn-mobile-view-enabled .fbl-nav li.menu-item-has-children {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px;
  }

  body.fredblearn-mobile-view-enabled .fbl-nav li.menu-item-has-children > a {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  body.fredblearn-mobile-view-enabled .fbl-nav li.menu-item-has-children > .sub-menu {
    grid-column: 1 / -1;
  }

  body.fredblearn-mobile-view-enabled .fbl-nav .menu-item-has-children > .sub-menu {
    display: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    box-shadow: none !important;
    margin-top: 8px !important;
  }

  body.fredblearn-mobile-view-enabled .fbl-nav .menu-item-has-children.fblmv-open > .sub-menu,
  body.fredblearn-mobile-view-enabled .fbl-nav .menu-item-has-children.fbl-click-submenu-open > .sub-menu,
  body.fredblearn-mobile-view-enabled .fbl-nav .menu-item-has-children.fbl-mobile-submenu-open > .sub-menu {
    display: block !important;
  }

  body.fredblearn-mobile-view-enabled .fbl-nav .sub-menu .sub-menu {
    margin-left: 0 !important;
    padding-left: 10px !important;
    border-left: 2px solid rgba(35, 71, 255, 0.16);
  }

  body.fredblearn-mobile-view-enabled .fblmv-submenu-toggle {
    background: rgba(35, 71, 255, 0.12);
    color: var(--fblmv-navy);
    min-height: 38px;
    min-width: 38px;
  }

  body.fredblearn-mobile-view-enabled .fblfd-app {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 12px !important;
    overflow: visible !important;
  }

  body.fredblearn-mobile-view-enabled .fblfd-sidebar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    border-radius: 22px !important;
    padding: 18px !important;
  }

  body.fredblearn-mobile-view-enabled .fblfd-user-card {
    min-width: 0;
  }

  body.fredblearn-mobile-view-enabled .fblfd-user-card strong,
  body.fredblearn-mobile-view-enabled .fblfd-user-card small,
  body.fredblearn-mobile-view-enabled .fblfd-user-id,
  body.fredblearn-mobile-view-enabled .fblfd-topbar-id {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body.fredblearn-mobile-view-enabled .fblfd-side-nav {
    display: flex !important;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 12px 0 14px !important;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }

  body.fredblearn-mobile-view-enabled .fblfd-side-nav > a,
  body.fredblearn-mobile-view-enabled .fblfd-side-nav .fblfd-nav-group > a,
  body.fredblearn-mobile-view-enabled .fblfd-side-subnav > a,
  body.fredblearn-mobile-view-enabled .fblfd-logout {
    flex: 0 0 auto !important;
    min-width: max-content;
    max-width: 78vw;
    scroll-snap-align: start;
    white-space: nowrap !important;
  }

  body.fredblearn-mobile-view-enabled .fblfd-nav-group {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: stretch;
    gap: 8px;
    max-width: none !important;
  }

  body.fredblearn-mobile-view-enabled .fblfd-side-subnav {
    display: flex !important;
    gap: 8px;
    overflow: visible !important;
  }

  body.fredblearn-mobile-view-enabled .fblfd-logout {
    display: inline-flex !important;
    width: auto !important;
    margin-top: 10px !important;
  }

  body.fredblearn-mobile-view-enabled .fblfd-dashboard-topbar,
  body.fredblearn-mobile-view-enabled .fblfd-card-head,
  body.fredblearn-mobile-view-enabled .fblfd-actions,
  body.fredblearn-mobile-view-enabled .fblfd-topbar-actions,
  body.fredblearn-mobile-view-enabled .fblfd-share-tools,
  body.fredblearn-mobile-view-enabled .fsi-toolbar,
  body.fredblearn-mobile-view-enabled .fpw-toolbar,
  body.fredblearn-mobile-view-enabled .fbsup-hub-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  body.fredblearn-mobile-view-enabled .fblfd-dashboard-topbar > *,
  body.fredblearn-mobile-view-enabled .fblfd-card-head > *,
  body.fredblearn-mobile-view-enabled .fblfd-actions > *,
  body.fredblearn-mobile-view-enabled .fblfd-topbar-actions > *,
  body.fredblearn-mobile-view-enabled .fsi-toolbar > *,
  body.fredblearn-mobile-view-enabled .fpw-toolbar > * {
    width: 100%;
    max-width: 100%;
  }

  body.fredblearn-mobile-view-enabled .fblfd-grid,
  body.fredblearn-mobile-view-enabled .fblfd-two,
  body.fredblearn-mobile-view-enabled .fblfd-three,
  body.fredblearn-mobile-view-enabled .fblfd-form-grid,
  body.fredblearn-mobile-view-enabled .fblfd-cards,
  body.fredblearn-mobile-view-enabled .fblfd-stats,
  body.fredblearn-mobile-view-enabled .fblfd-catalog-overview,
  body.fredblearn-mobile-view-enabled .fsi-grid,
  body.fredblearn-mobile-view-enabled .fpw-grid,
  body.fredblearn-mobile-view-enabled .fbsup-hub-grid,
  body.fredblearn-mobile-view-enabled .fbsup-admin-grid,
  body.fredblearn-mobile-view-enabled .fbsup-faq-builders,
  body.fredblearn-mobile-view-enabled .fbsup-faq-transfer-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.fredblearn-mobile-view-enabled .fblfd-card,
  body.fredblearn-mobile-view-enabled .fblfd-hero,
  body.fredblearn-mobile-view-enabled .fblfd-page-title-card,
  body.fredblearn-mobile-view-enabled .fsi-card,
  body.fredblearn-mobile-view-enabled .fpw-card,
  body.fredblearn-mobile-view-enabled .fbsup-card,
  body.fredblearn-mobile-view-enabled .fbsup-hub-card {
    border-radius: var(--fblmv-radius) !important;
    padding: 16px !important;
    overflow: visible !important;
  }

  body.fredblearn-mobile-view-enabled .fblfd-live-classroom,
  body.fredblearn-mobile-view-enabled .fblfd-native-room,
  body.fredblearn-mobile-view-enabled .fblfd-lesson-viewer,
  body.fredblearn-mobile-view-enabled .fblfd-lesson-studio,
  body.fredblearn-mobile-view-enabled .fblfd-live-stage,
  body.fredblearn-mobile-view-enabled .fblfd-video-grid,
  body.fredblearn-mobile-view-enabled .fblfd-classroom-grid,
  body.fredblearn-mobile-view-enabled .fblfd-room-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  body.fredblearn-mobile-view-enabled .fblfd-classroom-controls,
  body.fredblearn-mobile-view-enabled .fblfd-live-controls,
  body.fredblearn-mobile-view-enabled .fblfd-live-toolbar,
  body.fredblearn-mobile-view-enabled .fblfd-button-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100%;
  }

  body.fredblearn-mobile-view-enabled .fblfd-classroom-controls > *,
  body.fredblearn-mobile-view-enabled .fblfd-live-controls > *,
  body.fredblearn-mobile-view-enabled .fblfd-live-toolbar > *,
  body.fredblearn-mobile-view-enabled .fblfd-button-row > * {
    width: 100% !important;
  }

  body.fredblearn-mobile-view-enabled .fblfd-filter-bar,
  body.fredblearn-mobile-view-enabled .fblfd-sort-builder,
  body.fredblearn-mobile-view-enabled .fblfd-search-filters,
  body.fredblearn-mobile-view-enabled .fsi-filters,
  body.fredblearn-mobile-view-enabled .fpw-filters {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body.fblmv-card-tables-enabled table.fblmv-card-table,
  body.fblmv-card-tables-enabled .fblfd-table,
  body.fblmv-card-tables-enabled .fsi-table,
  body.fblmv-card-tables-enabled .fpw-mobile-responsive-table,
  body.fblmv-card-tables-enabled .fpw-table,
  body.fblmv-card-tables-enabled .widefat.fblmv-card-table {
    width: 100% !important;
    min-width: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    background: transparent !important;
  }

  body.fblmv-card-tables-enabled table.fblmv-card-table thead,
  body.fblmv-card-tables-enabled .fblfd-table thead,
  body.fblmv-card-tables-enabled .fsi-table thead,
  body.fblmv-card-tables-enabled .fpw-mobile-responsive-table thead,
  body.fblmv-card-tables-enabled .fpw-table thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }

  body.fblmv-card-tables-enabled table.fblmv-card-table tbody,
  body.fblmv-card-tables-enabled table.fblmv-card-table tr,
  body.fblmv-card-tables-enabled table.fblmv-card-table td,
  body.fblmv-card-tables-enabled .fblfd-table tbody,
  body.fblmv-card-tables-enabled .fblfd-table tr,
  body.fblmv-card-tables-enabled .fblfd-table td,
  body.fblmv-card-tables-enabled .fsi-table tbody,
  body.fblmv-card-tables-enabled .fsi-table tr,
  body.fblmv-card-tables-enabled .fsi-table td,
  body.fblmv-card-tables-enabled .fpw-mobile-responsive-table tbody,
  body.fblmv-card-tables-enabled .fpw-mobile-responsive-table tr,
  body.fblmv-card-tables-enabled .fpw-mobile-responsive-table td,
  body.fblmv-card-tables-enabled .fpw-table tbody,
  body.fblmv-card-tables-enabled .fpw-table tr,
  body.fblmv-card-tables-enabled .fpw-table td {
    display: block !important;
    width: 100% !important;
  }

  body.fblmv-card-tables-enabled table.fblmv-card-table tr,
  body.fblmv-card-tables-enabled .fblfd-table tr,
  body.fblmv-card-tables-enabled .fsi-table tr,
  body.fblmv-card-tables-enabled .fpw-mobile-responsive-table tr,
  body.fblmv-card-tables-enabled .fpw-table tr {
    background: var(--fblmv-card) !important;
    border: 1px solid var(--fblmv-border) !important;
    border-radius: 18px !important;
    box-shadow: var(--fblmv-shadow) !important;
    margin: 0 0 12px !important;
    padding: 4px 0 !important;
    overflow: hidden !important;
  }

  body.fblmv-card-tables-enabled table.fblmv-card-table td,
  body.fblmv-card-tables-enabled .fblfd-table td,
  body.fblmv-card-tables-enabled .fsi-table td,
  body.fblmv-card-tables-enabled .fpw-mobile-responsive-table td,
  body.fblmv-card-tables-enabled .fpw-table td {
    border: 0 !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.92) !important;
    min-height: 44px !important;
    padding: 11px 14px !important;
    text-align: right !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.fblmv-card-tables-enabled table.fblmv-card-table td:last-child,
  body.fblmv-card-tables-enabled .fblfd-table td:last-child,
  body.fblmv-card-tables-enabled .fsi-table td:last-child,
  body.fblmv-card-tables-enabled .fpw-mobile-responsive-table td:last-child,
  body.fblmv-card-tables-enabled .fpw-table td:last-child {
    border-bottom: 0 !important;
  }

  body.fblmv-card-tables-enabled table.fblmv-card-table td::before,
  body.fblmv-card-tables-enabled .fblfd-table td::before,
  body.fblmv-card-tables-enabled .fsi-table td::before,
  body.fblmv-card-tables-enabled .fpw-mobile-responsive-table td::before,
  body.fblmv-card-tables-enabled .fpw-table td::before {
    content: attr(data-label);
    display: block;
    float: left;
    width: 42%;
    max-width: 42%;
    padding-right: 12px;
    color: var(--fblmv-slate);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-align: left;
    text-transform: uppercase;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.fblmv-card-tables-enabled table.fblmv-card-table td[data-label=""]::before,
  body.fblmv-card-tables-enabled table.fblmv-card-table td:not([data-label])::before,
  body.fblmv-card-tables-enabled .fblfd-table td[data-label=""]::before,
  body.fblmv-card-tables-enabled .fblfd-table td:not([data-label])::before,
  body.fblmv-card-tables-enabled .fsi-table td[data-label=""]::before,
  body.fblmv-card-tables-enabled .fsi-table td:not([data-label])::before,
  body.fblmv-card-tables-enabled .fpw-mobile-responsive-table td[data-label=""]::before,
  body.fblmv-card-tables-enabled .fpw-mobile-responsive-table td:not([data-label])::before,
  body.fblmv-card-tables-enabled .fpw-table td[data-label=""]::before,
  body.fblmv-card-tables-enabled .fpw-table td:not([data-label])::before {
    content: none !important;
    display: none !important;
  }

  body.fblmv-card-tables-enabled table.fblmv-card-table td::after,
  body.fblmv-card-tables-enabled .fblfd-table td::after,
  body.fblmv-card-tables-enabled .fsi-table td::after,
  body.fblmv-card-tables-enabled .fpw-mobile-responsive-table td::after,
  body.fblmv-card-tables-enabled .fpw-table td::after {
    clear: both;
    content: "";
    display: table;
  }

  body.fblmv-card-tables-enabled table.fblmv-card-table td .button,
  body.fblmv-card-tables-enabled table.fblmv-card-table td .fblfd-button,
  body.fblmv-card-tables-enabled table.fblmv-card-table td .fsi-button,
  body.fblmv-card-tables-enabled table.fblmv-card-table td button,
  body.fblmv-card-tables-enabled .fblfd-table td .button,
  body.fblmv-card-tables-enabled .fblfd-table td .fblfd-button,
  body.fblmv-card-tables-enabled .fblfd-table td button,
  body.fblmv-card-tables-enabled .fsi-table td .button,
  body.fblmv-card-tables-enabled .fsi-table td button,
  body.fblmv-card-tables-enabled .fpw-table td .button,
  body.fblmv-card-tables-enabled .fpw-table td button {
    width: auto;
    margin: 3px 0 3px 6px;
  }

  body.fredblearn-mobile-view-enabled .fblmv-table-scroll::after,
  body.fredblearn-mobile-view-enabled .fblfd-side-nav::after {
    content: "";
    flex: 0 0 4px;
  }

  body.fredblearn-mobile-view-enabled .fblmv-overflow-fix {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.fredblearn-mobile-view-enabled .fblmv-horizontal-scroll {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  body.fblmv-compact-support-enabled .fbsup-widget,
  body.fblmv-compact-support-enabled .fbsup-floating,
  body.fblmv-compact-support-enabled .fbsup-launcher,
  body.fblmv-compact-support-enabled .fbsup-chat-launcher,
  body.fblmv-compact-support-enabled [class*="fbsup"][class*="widget"] {
    max-width: calc(100vw - 24px) !important;
  }

  body.fblmv-compact-support-enabled .fbsup-widget:not(.is-open):not(.fbsup-open),
  body.fblmv-compact-support-enabled .fbsup-floating:not(.is-open):not(.fbsup-open),
  body.fblmv-compact-support-enabled .fbsup-launcher:not(.is-open):not(.fbsup-open),
  body.fblmv-compact-support-enabled .fbsup-chat-launcher:not(.is-open):not(.fbsup-open) {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    border-radius: 999px !important;
  }

  body.fblmv-compact-support-enabled .fbsup-panel,
  body.fblmv-compact-support-enabled .fbsup-chat-panel,
  body.fblmv-compact-support-enabled .fbsup-window {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    width: auto !important;
    max-width: calc(100vw - 20px) !important;
    max-height: min(78vh, 650px) !important;
    border-radius: 20px !important;
  }

  body.fredblearn-mobile-view-enabled .fbl-site-footer,
  body.fredblearn-mobile-view-enabled .fbl-footer,
  body.fredblearn-mobile-view-enabled footer {
    width: 100%;
    max-width: 100%;
    overflow: visible;
  }

  body.fredblearn-mobile-view-enabled .fbl-footer-grid,
  body.fredblearn-mobile-view-enabled .fbl-footer-inner,
  body.fredblearn-mobile-view-enabled .fbl-footer-bottom {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 480px) {
  body.fredblearn-mobile-view-enabled .fbl-container,
  body.fredblearn-mobile-view-enabled .entry-content,
  body.fredblearn-mobile-view-enabled .fblfd-main,
  body.fredblearn-mobile-view-enabled .fsi-wrap,
  body.fredblearn-mobile-view-enabled .fpw-wrap,
  body.fredblearn-mobile-view-enabled .fbsup-hub-wrap {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.fredblearn-mobile-view-enabled .fblfd-app {
    padding: 10px !important;
  }

  body.fredblearn-mobile-view-enabled .fblfd-sidebar,
  body.fredblearn-mobile-view-enabled .fblfd-card,
  body.fredblearn-mobile-view-enabled .fblfd-hero,
  body.fredblearn-mobile-view-enabled .fblfd-page-title-card,
  body.fredblearn-mobile-view-enabled .fsi-card,
  body.fredblearn-mobile-view-enabled .fpw-card,
  body.fredblearn-mobile-view-enabled .fbsup-card,
  body.fredblearn-mobile-view-enabled .fbsup-hub-card {
    border-radius: 16px !important;
    padding: 14px !important;
  }

  body.fblmv-card-tables-enabled table.fblmv-card-table td,
  body.fblmv-card-tables-enabled .fblfd-table td,
  body.fblmv-card-tables-enabled .fsi-table td,
  body.fblmv-card-tables-enabled .fpw-mobile-responsive-table td,
  body.fblmv-card-tables-enabled .fpw-table td {
    text-align: left !important;
  }

  body.fblmv-card-tables-enabled table.fblmv-card-table td::before,
  body.fblmv-card-tables-enabled .fblfd-table td::before,
  body.fblmv-card-tables-enabled .fsi-table td::before,
  body.fblmv-card-tables-enabled .fpw-mobile-responsive-table td::before,
  body.fblmv-card-tables-enabled .fpw-table td::before {
    float: none;
    width: 100%;
    max-width: 100%;
    margin-bottom: 4px;
    padding-right: 0;
  }
}

/* WP admin Fredblearn screens: apply only when this plugin is loaded there. */
.wp-admin .fblmv-admin-wrap {
  max-width: 920px;
}

@media (max-width: 782px) {
  .wp-admin .fblmv-admin-wrap .form-table,
  .wp-admin .fblmv-admin-wrap .form-table tbody,
  .wp-admin .fblmv-admin-wrap .form-table tr,
  .wp-admin .fblmv-admin-wrap .form-table th,
  .wp-admin .fblmv-admin-wrap .form-table td {
    display: block;
    width: 100%;
  }

  .wp-admin .fblmv-admin-wrap .form-table th {
    padding-bottom: 4px;
  }
}
