/**
 * ========================================================
 * ALLRECIPE4U - Dedicated Printable Recipe Card Stylesheet
 * ========================================================
 */

@media print {
  /* Hide all non-printable chrome */
  header, footer, nav, .top-bar, .navbar-custom, .newsletter-section,
  .btn-print-hide, .comments-section, .related-recipes-section,
  .share-bar, .recipe-fav-btn, .breadcrumb-nav, .no-print,
  .modal, .alert, .servings-btn, #toast-container {
    display: none !important;
  }

  body {
    background: #FFFFFF !important;
    color: #111111 !important;
    font-size: 11pt !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .container, .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Printable Recipe Card Container */
  .printable-card {
    border: 2px solid #222222 !important;
    padding: 24px !important;
    margin: 0 auto !important;
    page-break-after: avoid;
    box-shadow: none !important;
    background: #FFFFFF !important;
    border-radius: 6px !important;
  }

  .printable-header {
    border-bottom: 2px solid #333333;
    padding-bottom: 12px;
    margin-bottom: 16px;
  }

  .printable-title {
    font-size: 22pt !important;
    font-weight: bold !important;
    color: #000000 !important;
    margin-bottom: 6px !important;
  }

  .printable-meta-grid {
    display: flex !important;
    justify-content: space-between !important;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 8px 0 !important;
    margin-bottom: 16px !important;
    font-size: 10pt !important;
  }

  .printable-columns {
    display: flex !important;
    gap: 24px !important;
  }

  .printable-col-ingredients {
    width: 40% !important;
  }

  .printable-col-instructions {
    width: 60% !important;
  }

  .printable-card-img {
    max-height: 180px !important;
    object-fit: cover !important;
    border: 1px solid #DDD !important;
    margin-bottom: 12px !important;
    display: block !important;
  }

  .ingredient-checkbox {
    border: 1px solid #000 !important;
    width: 12px !important;
    height: 12px !important;
    display: inline-block !important;
    margin-right: 6px !important;
  }

  .step-number-badge {
    background: #000000 !important;
    color: #FFFFFF !important;
    width: 24px !important;
    height: 24px !important;
    font-size: 10pt !important;
  }

  .printable-nutrition {
    border-top: 1px solid #000000;
    margin-top: 14px;
    padding-top: 8px;
    font-size: 9pt !important;
  }

  .printable-footer-brand {
    text-align: center;
    border-top: 1px solid #E5E5E5;
    padding-top: 8px;
    margin-top: 16px;
    font-size: 9pt;
    color: #555555;
  }

  a[href]::after {
    content: "" !important;
  }
}