/* ============================================================
   PRINT STYLES — Printable Rule Card
   Clean single-page print layout for any card game
============================================================ */

@media print {

  /* Hide everything except game content */
  #site-header,
  #site-footer,
  .game-sidebar,
  .single-game-header .game-breadcrumb,
  .suit-divider,
  .table-mode-btn,
  .print-btn,
  .walkthrough-box,
  .sixty-seconds-box,
  .video-link,
  nav,
  .search-section,
  .hero,
  .category-grid,
  .games-grid,
  .btn,
  .pagination {
    display: none !important;
  }

  body {
    background: #fff !important;
    color: #000 !important;
    font-family: Georgia, serif;
    font-size: 11pt;
  }

  .single-game-header {
    padding: 0.5in 0 0.25in !important;
    background: #fff !important;
    border-bottom: 2pt solid #000 !important;
  }

  .game-title {
    font-size: 28pt !important;
    color: #000 !important;
  }

  .game-aka {
    font-size: 11pt !important;
    color: #444 !important;
  }

  .game-stats-table {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.15in !important;
    border: none !important;
    background: none !important;
    margin: 0.15in 0 !important;
  }

  .game-stat-cell {
    background: #f5f5f5 !important;
    border: 0.5pt solid #ccc !important;
    padding: 0.08in 0.12in !important;
    min-width: 1in;
  }

  .game-stat-cell .label {
    font-size: 7pt !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #666 !important;
  }

  .game-stat-cell .value {
    font-size: 10pt !important;
    color: #000 !important;
    font-weight: bold;
  }

  .single-game-content {
    padding: 0.2in 0 !important;
  }

  .game-content-grid {
    display: block !important;
  }

  .content-section {
    margin-bottom: 0.2in !important;
    page-break-inside: avoid;
  }

  .content-section h2 {
    font-size: 13pt !important;
    color: #000 !important;
    border-bottom: 0.5pt solid #000 !important;
    padding-bottom: 0.05in !important;
    margin-bottom: 0.1in !important;
  }

  .rules-list li {
    font-size: 10pt !important;
    opacity: 1 !important;
    color: #000 !important;
    padding: 0.06in 0 !important;
    border-bottom: 0.3pt solid #ddd !important;
  }

  .rules-list li::before {
    color: #000 !important;
    opacity: 0.5 !important;
  }

  p {
    font-size: 10pt !important;
    opacity: 1 !important;
    color: #000 !important;
    line-height: 1.5 !important;
  }

  /* Print header/footer */
  @page {
    margin: 0.5in;
    size: letter portrait;
  }

  /* Print credit line */
  .single-game-content::after {
    content: 'PlayeRules.com — Rules for every card game';
    display: block;
    text-align: center;
    font-size: 8pt;
    color: #999;
    margin-top: 0.3in;
    padding-top: 0.1in;
    border-top: 0.3pt solid #ccc;
  }
}

/* Print button — visible on screen only */
.print-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: transparent;
  border: 1px solid var(--border);
  color: var(--cream);
  font-family: 'Oswald', sans-serif;
  font-size: 0.68rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 0.65rem 1.25rem;
  cursor: pointer;
  transition: all var(--transition);
  opacity: 0.6;
}

.print-btn:hover {
  border-color: var(--border-hover);
  opacity: 1;
  color: var(--gold);
}