/**
 * TradesMen Network - Main Stylesheet
 *
 * This file imports all CSS modules for the application.
 * Order matters: tokens -> base -> components -> layouts -> pages
 */

@import url('tokens.css');
@import url('base.css');
@import url('components.css');
@import url('layouts.css');
@import url('pages.css');

/**
 * Print Styles
 */
@media print {
  .header,
  .sidebar-left,
  .sidebar-right,
  .post-actions,
  .post-composer,
  .btn,
  .dropdown,
  .modal-backdrop,
  .modal,
  .toast-container {
    display: none !important;
  }

  body {
    background: white;
    color: black;
  }

  .card,
  .section-card,
  .post {
    box-shadow: none;
    border: 1px solid #ddd;
  }

  a {
    color: black;
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
    font-size: 0.8em;
    color: #666;
  }
}