/**
 * LearningLab Question Drawer - Push Enhancement
 *
 * OPTIONAL: This stylesheet enables content-push behavior for themes that opt in.
 *
 * To use:
 * 1. Theme adds data-qd-push-target attribute to main content container:
 *    <main data-qd-push-target>...</main>
 *
 * 2. Theme loads this CSS file (or includes it in their build):
 *    $this->headLink()->appendStylesheet(
 *      $this->assetUrl('css/question-drawer.push.css', 'LearningLab')
 *    );
 *
 * Without this enhancement, the drawer works as a pure overlay.
 */

/* Only apply on desktop (tablet and above) */
@media (min-width: 768px) {
  /* Add padding when drawer is open and target exists */
  body.qd-open [data-qd-push-target] {
    padding-right: 470px; /* 450px drawer + 20px spacing */
    transition: padding-right 0.3s ease;
    box-sizing: border-box;
  }

  /* Optional: Indicate push mode is active */
  body.qd-open.qd-push-enabled {
    /* Theme can add custom styles here if needed */
  }
}

/* No push behavior on mobile - always overlay with scrim */