/* Legislative Council Papers Page Styles
 * Common, mobile responsive, and print styles
 * ========================================== */



/* Tablet styles - right aligned with max width 800px (screens 768px to 1199px) */
@media  (max-width: 1199px) {
  .content-section-body .line-actions-list li {
    width: 100%;
    display: inline-block;
  }
  .content-section-body .line-actions-list li .btn {
    display: inline-flex;
  }
}



/* Print styles */
@media print {
    /* Code of Practice download section styling - same row layout */
    .content-section-body .line-actions.line-actions-xl {
      display: flex !important;
      align-items: center !important;
      flex-direction: row !important;
      justify-content: space-between !important;
      width: 100% !important;
    }
  
     .content-section-body .line-actions-text {
       flex: 0 0 65% !important; /* Fixed width - 70% of container */
       margin: 0 !important;
       width: 65% !important;

     }
  
    .content-section-body .line-actions-list {
       margin: 0 !important;
       margin-top: 0 !important;
       flex: 0 0 35% !important; /* Fixed width - 30% of container */
       width: 35% !important;

     }
    
      /* Button styling - no border, icon in front, text can wrap */
      .content-section-body .line-actions-list .btn {
        white-space: normal !important; /* Allow text to wrap */
        word-wrap: break-word !important; /* Break long words if needed */
        border: none !important;
        background: transparent !important;
        text-align: left !important; /* Align text to the right */
        margin: 0 !important;
        display: inline-flex !important;
        align-items: flex-start !important; /* Align to top when text wraps */
        text-decoration: none !important;
        color: var(--bs-link-color) !important;
        flex-direction: row !important;
        justify-content: flex-start !important; /* Align button content to the left */
    
      }
    
    /* Icon positioning - icon should be in front of text */
    .content-section-body .line-actions-list .btn .icon {
      margin-right: 0.5rem !important;
      order: -1 !important;
    }
    
    .content-section-body .line-actions-list .btn .icon svg {
      width: 1rem !important;
      height: 1rem !important;
    }
  }