/* =========================================================
   Student UI cleanup (global)
   - Hide sidebar + top header bar
   - Expand main area to full width
   - Prevent clipping (intentional)
   ========================================================= */

/* 1) Hide left sidebar (desktop + mobile) */
.h-screen.flex.bg-gray-100 > .bg-primary,
.h-screen.flex.bg-gray-100 > div[class*="bg-primary"] {
  display: none !important;
}

/* 2) Hide top header bar (search / bell / profile) */
.h-screen.flex.bg-gray-100 .h-16.bg-white,
.h-screen.flex.bg-gray-100 div[class*="h-16"][class*="bg-white"] {
  display: none !important;
}

/* 3) Make main area full-width */
.h-screen.flex.bg-gray-100 .flex-1 {
  width: 100% !important;
}
/* =========================================================
   My Quizzes / vue-good-table mobile improvements
   ========================================================= */
@media (max-width: 640px) {

  /* Hide vue-good-table footer (Rows per page etc.) on phones */
  .vgt-wrap__footer {
    display: none !important;
  }
/* Safer: only unclip X-axis (prevents horizontal clipping issues) */
.h-screen.flex.bg-gray-100,
.h-screen.flex.bg-gray-100 .flex-1,
.h-screen.flex.bg-gray-100 .overflow-hidden {
  overflow-x: visible !important;
  overflow-y: auto !important;
}
  /* Horizontal scrolling container (your edited wrapper) */
  .card-body.overflow-x-auto {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    max-width: 100% !important;

    /* iOS momentum scroll */
    -webkit-overflow-scrolling: touch;

    /* Hint: horizontal gesture intended */
    touch-action: pan-x !important;
    overscroll-behavior-x: contain;
  }

  /* Ensure table stays wider than viewport so it can scroll */
  .card-body.overflow-x-auto table,
  .card-body.overflow-x-auto .vgt-table {
    min-width: 900px; /* adjust if needed */
  }

  /* Reduce “tap highlight / pressed row” feel */
  .card-body.overflow-x-auto .vgt-table,
  .card-body.overflow-x-auto .vgt-table * {
    -webkit-tap-highlight-color: transparent;
  }

  /* Remove row darken feedback on touch (helps gesture feel) */
  .card-body.overflow-x-auto .vgt-table tbody tr:active,
  .card-body.overflow-x-auto .vgt-table tbody tr:hover {
    background-color: inherit !important;
  }

  /* OPTIONAL (NOT recommended on iPhone):
     If you uncomment this, it will often make 1-finger horizontal scroll worse.
     It can also make the table feel "dead" (no selection/copy/tap).
  */
  /*
  .card-body.overflow-x-auto .vgt-table tbody {
    pointer-events: none;
  }
  */
}
.rotate-banner{
  display:none;                /* hidden everywhere by default */
  position:fixed;
  top:0;
  left:0;
  width:100%;
  background:#111827;
  color:#fff;
  text-align:center;           /* center the text */
  padding:12px 0;
  font-size:14px;
  font-weight:500;
  z-index:9999;
}