/* Code of Practice Page Print Styles
 * Focus on body content only - make it look like PC view
 * Header/footer handled by style.css
 * ========================================== */

 @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 80% !important; /* Fixed width - 70% of container */
     margin: 0 !important;
     width: 80% !important;

   }

  .content-section-body .line-actions-list {
     margin: 0 !important;
     margin-top: 0 !important;
     flex: 0 0 20% !important; /* Fixed width - 30% of container */
     width: 20% !important;
     padding: 0 0.5rem 0 0 !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;
     padding: 0 1rem 0 0 !important; /* Add more right padding to prevent overflow */
     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;
     width: calc(100% - 1px) !important; /* Account for padding in width */
     max-width: calc(100% - 1px) !important; /* Account for padding in max-width */
   }
  
  /* 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;
  }
}
