/* ==========================================================================
   Print Styles for Trip PDF Download
   ========================================================================== */

@media print {
  /* Hide all elements by default */
  body * {
    visibility: hidden;
  }
  
  /* Ensure the printed elements and their descendants are visible */
  #wrapper,
  main,
  .itinary-block,
  .itinary-block .container,
  .itinary-block .row,
  #print-content,
  #print-content *,
  .trip-header,
  .trip-header .trip-content,
  .trip-header .content-wrap,
  .trip-header h1 {
    visibility: visible !important;
  }

  /* Reset layout structure for print. Hide unnecessary layout components */
  #header,
  #footer,
  .banner-gallery-block,
  .col-sidebar,
  .whats-app-box,
  .footer-tab,
  .breadcrumbs,
  .rank-math-breadcrumb,
  .trip-review-advisor,
  .travel-recommended,
  .trip-share,
  .btn-download-pdf,
  #btn-download-pdf,
  .share-mobile,
  .share-list,
  .social-networks {
    display: none !important;
  }

  /* Layout tweaks for clean printing */
  body {
    background: #fff !important;
    color: #000 !important;
    font-size: 11pt !important;
    line-height: 1.5 !important;
  }
  
  #wrapper {
    padding: 0 !important;
    margin: 0 !important;
  }

  main {
    padding: 0 !important;
    margin: 0 !important;
  }

  .itinary-block {
    padding: 0 !important;
    margin: 0 !important;
  }

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

  .itinary-block .row {
    display: block !important; /* fallback from flex/grid */
  }

  #print-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
  }

  .trip-header {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    border-bottom: 2px solid #333 !important;
    padding-bottom: 15px !important;
  }

  .trip-header h1 {
    font-size: 24pt !important;
    margin: 0 0 10px 0 !important;
    color: #000 !important;
  }

  /* Make sure all font-colors are print-friendly */
  h1, h2, h3, h4, h5, h6, p, li, span, strong, td, th {
    color: #000 !important;
  }

  /* Force expand all accordion-like sections */
  .accordion-slide,
  .accordion-content,
  .itinerary-content,
  .accordion-list .slide,
  .accordion-list .accordion-slide,
  .itinary-accordion .accordion-slide {
    display: block !important;
    max-height: none !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  /* Adjust page breaks so content doesn't get awkwardly split */
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }
  
  .accordion-list,
  .itinerary-item,
  tr,
  img {
    page-break-inside: avoid;
  }

  /* Hide print-unfriendly items like buttons or interactive toggles */
  .toggle-all-accordion,
  .arrow,
  .accordion-heading::after,
  button,
  input,
  select,
  textarea {
    display: none !important;
  }
}
