/* =========================================================
   EDUJOBS FINAL MOBILE UI (STABLE)
   Covers: Practice, Tabs, Accordion, Questions, Buttons
   ========================================================= */

/* ---------------------------
   GLOBAL EDUJOBS WRAPPER
---------------------------- */
.edujobs-practice,
.edujobs-tabs,
.accordion,
.card {
  max-width: 100%;
}

/* ---------------------------
   MOBILE FIX (PRIMARY)
---------------------------- */
@media (max-width: 576px) {

  /* Remove narrow feeling */
  .container,
  .container-fluid,
  article,
  .edujobs-practice,
  .edujobs-tabs {
    padding-left: 2px !important;
    padding-right: 2px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Card cleanup */
  .card,
  .card-body {
    padding: 10px !important;
  }

  /* Headings */
  h1 {
    font-size: 1.25rem;
    margin-bottom: 12px;
  }

  /* Accordion */
  .accordion-button {
    padding: 10px 12px !important;
    font-size: 15px;
    line-height: 1.3;
  }

  .accordion-body {
    padding: 10px !important;
  }

  /* Buttons full width */
  .edujobs-practice .btn,
  .edujobs-tabs .btn {
    width: 100%;
    font-size: 14px;
    margin-bottom: 6px;
  }

  /* Button stacking */
  .edujobs-practice .d-flex,
  .edujobs-tabs .d-flex {
    flex-direction: column;
  }

  /* Question & solution area */
  .edujobs-question,
  .edujobs-solution {
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto;
  }

  /* Images responsive */
  .edujobs-question img,
  .edujobs-solution img {
    max-width: 100%;
    height: auto;
  }

  /* Badges readable */
  .badge {
    font-size: 12px;
  }
}

/* ---------------------------
   PRACTICE HEADER (STICKY)
---------------------------- */
@media (max-width: 576px) {
  .edujobs-practice .badge {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #0d6efd;
    color: #fff;
    padding: 6px 10px;
    border-radius: 0 0 6px 6px;
    display: inline-block;
  }
}

/* ---------------------------
   SOLUTION VISUAL SEPARATION
---------------------------- */
.edujobs-solution {
  background: #f8f9fa;
  border-left: 4px solid #0d6efd;
  padding: 10px;
  margin-top: 10px;
}

/* ---------------------------
   DISABLED NEXT BUTTON
---------------------------- */
.edujobs-next[disabled] {
  opacity: 0.6;
  pointer-events: none;
}

/* ---------------------------
   EQUATION / CODE SAFETY
---------------------------- */
.edujobs-question pre,
.edujobs-solution pre {
  overflow-x: auto;
}

/* =========================================
   GeneratePress – Remove content padding
   ========================================= */


@media (max-width: 576px) {

  .separate-containers .inside-article,
  .one-container .site-content,
  .site-main {
      padding: 0 !important;
      margin: 0 !important;
  }
}