/* =========================================================
   AluminiumGlass
   File: /public_html/assets/css/print.css
   Purpose: Production Print Styles
   ========================================================= */

@media print {

  /* ---------------------------------------------------------
     1. GLOBAL PRINT RESET
     --------------------------------------------------------- */

  *,
  *::before,
  *::after {
    box-shadow: none !important;
    text-shadow: none !important;
    animation: none !important;
    transition: none !important;
  }

  html,
  body {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    color: #000 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10.5pt !important;
    line-height: 1.45 !important;
  }

  body {
    overflow: visible !important;
  }

  /* ---------------------------------------------------------
     2. HIDE NON-PRINT ELEMENTS
     --------------------------------------------------------- */

  nav,
  .navbar,
  .navigation,
  .mobile-menu,
  .mobile-nav,
  .menu-toggle,
  .hamburger,
  .sidebar,
  .admin-sidebar,
  .cookie-banner,
  .cookie-consent,
  .popup,
  .modal,
  .dropdown,
  .toast,
  .alert,
  .notification,
  .notifications,
  .loader,
  .loading,
  .spinner,
  .pagination,
  .search-actions,
  .filter-actions,
  .form-actions,
  .action-buttons,
  .business-actions,
  .share-buttons,
  .social-share,
  .favorite-btn,
  .bookmark-btn,
  .print-hide,
  [data-print="hide"] {
    display: none !important;
  }

  /* ---------------------------------------------------------
     3. HEADER
     --------------------------------------------------------- */

  header,
  .header,
  .site-header {
    position: static !important;
    width: 100% !important;
    background: #fff !important;
    color: #000 !important;
    border-bottom: 1px solid #000 !important;
    padding: 10px 0 !important;
    margin-bottom: 15px !important;
  }

  .header-inner,
  .container,
  .container-fluid,
  .content-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .logo,
  .site-logo,
  .brand {
    color: #000 !important;
    text-decoration: none !important;
  }

  .logo img,
  .site-logo img,
  .brand img {
    max-width: 180px !important;
    max-height: 60px !important;
  }

  /* ---------------------------------------------------------
     4. FOOTER
     --------------------------------------------------------- */

  footer,
  .footer,
  .site-footer {
    display: block !important;
    margin-top: 25px !important;
    padding-top: 12px !important;
    border-top: 1px solid #000 !important;
    background: #fff !important;
    color: #000 !important;
  }

  .footer-nav,
  .footer-links,
  .footer-social,
  .footer-actions {
    display: none !important;
  }

  /* ---------------------------------------------------------
     5. LINKS
     --------------------------------------------------------- */

  a {
    color: #000 !important;
    text-decoration: underline !important;
  }

  /*
   * Show useful URLs after links.
   * Avoid showing URLs for buttons or internal UI controls.
   */

  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 8pt;
    word-break: break-all;
  }

  a[href^="#"]::after,
  a[href^="/"]::after,
  a[href^="javascript:"]::after,
  a.no-print-url::after,
  .btn::after,
  button::after {
    content: none !important;
  }

  /* ---------------------------------------------------------
     6. MAIN CONTENT
     --------------------------------------------------------- */

  main,
  .main,
  .main-content,
  .page-content,
  .content {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .page-wrapper,
  .layout,
  .page-layout {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ---------------------------------------------------------
     7. TYPOGRAPHY
     --------------------------------------------------------- */

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #000 !important;
    page-break-after: avoid !important;
    break-after: avoid-page !important;
    font-family: Arial, Helvetica, sans-serif !important;
  }

  h1 {
    font-size: 22pt !important;
    margin: 0 0 12px !important;
  }

  h2 {
    font-size: 17pt !important;
    margin: 18px 0 8px !important;
  }

  h3 {
    font-size: 14pt !important;
    margin: 14px 0 7px !important;
  }

  h4 {
    font-size: 12pt !important;
  }

  p {
    margin: 0 0 8px !important;
  }

  /* ---------------------------------------------------------
     8. CARDS
     --------------------------------------------------------- */

  .card,
  .business-card,
  .service-card,
  .product-card,
  .review-card,
  .result-card,
  .listing-card,
  .info-card,
  .profile-card {
    display: block !important;
    width: 100% !important;
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #999 !important;
    border-radius: 0 !important;
    margin: 0 0 12px !important;
    padding: 10px !important;
    page-break-inside: avoid !important;
    break-inside: avoid-page !important;
  }

  /* ---------------------------------------------------------
     9. BUSINESS PROFILE
     --------------------------------------------------------- */

  .business-profile,
  .business-details,
  .business-header,
  .business-info {
    width: 100% !important;
    background: #fff !important;
    color: #000 !important;
    border: 0 !important;
  }

  .business-name,
  .business-title {
    font-size: 22pt !important;
    font-weight: 700 !important;
    color: #000 !important;
  }

  .business-rating {
    color: #000 !important;
    font-weight: 700 !important;
  }

  .business-contact,
  .business-address,
  .business-hours {
    border: 1px solid #999 !important;
    padding: 8px !important;
    margin: 8px 0 !important;
    page-break-inside: avoid !important;
  }

  /* ---------------------------------------------------------
     10. IMAGES
     --------------------------------------------------------- */

  img {
    max-width: 100% !important;
    height: auto !important;
    page-break-inside: avoid !important;
    break-inside: avoid-page !important;
  }

  .business-logo img,
  .profile-image img {
    max-width: 150px !important;
    max-height: 100px !important;
  }

  .gallery,
  .image-gallery {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
  }

  .gallery img,
  .image-gallery img {
    max-height: 160px !important;
    object-fit: cover !important;
  }

  /* ---------------------------------------------------------
     11. TABLES
     --------------------------------------------------------- */

  table {
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    page-break-inside: auto !important;
  }

  thead {
    display: table-header-group !important;
  }

  tfoot {
    display: table-footer-group !important;
  }

  tr {
    page-break-inside: avoid !important;
    break-inside: avoid-page !important;
  }

  th,
  td {
    border: 1px solid #777 !important;
    padding: 6px !important;
    background: #fff !important;
    color: #000 !important;
    text-align: left !important;
    vertical-align: top !important;
  }

  th {
    font-weight: 700 !important;
  }

  /* ---------------------------------------------------------
     12. SEARCH RESULTS
     --------------------------------------------------------- */

  .search-results,
  .results-list,
  .business-results {
    width: 100% !important;
  }

  .search-result,
  .result-item,
  .listing-item {
    display: block !important;
    width: 100% !important;
    border-bottom: 1px solid #999 !important;
    padding: 10px 0 !important;
    margin-bottom: 10px !important;
    page-break-inside: avoid !important;
  }

  .search-result:last-child,
  .result-item:last-child,
  .listing-item:last-child {
    border-bottom: 0 !important;
  }

  /* ---------------------------------------------------------
     13. SEARCH / FILTER UI
     --------------------------------------------------------- */

  .search-box,
  .search-form,
  .filter-panel,
  .filters,
  .sort-control {
    display: none !important;
  }

  /* ---------------------------------------------------------
     14. FORMS
     --------------------------------------------------------- */

  input,
  textarea,
  select {
    border: 1px solid #777 !important;
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
  }

  input[type="checkbox"],
  input[type="radio"] {
    appearance: auto !important;
  }

  /* ---------------------------------------------------------
     15. ENQUIRY / INVOICE STYLE CONTENT
     --------------------------------------------------------- */

  .enquiry,
  .enquiry-details,
  .quotation,
  .invoice,
  .receipt {
    width: 100% !important;
    border: 1px solid #777 !important;
    padding: 12px !important;
    margin-bottom: 15px !important;
    page-break-inside: avoid !important;
  }

  .enquiry-header,
  .invoice-header,
  .quotation-header {
    border-bottom: 1px solid #000 !important;
    padding-bottom: 8px !important;
    margin-bottom: 10px !important;
  }

  /* ---------------------------------------------------------
     16. REVIEWS
     --------------------------------------------------------- */

  .reviews,
  .review-list {
    width: 100% !important;
  }

  .review,
  .review-item {
    border-bottom: 1px solid #999 !important;
    padding: 10px 0 !important;
    page-break-inside: avoid !important;
  }

  .review:last-child,
  .review-item:last-child {
    border-bottom: 0 !important;
  }

  /* ---------------------------------------------------------
     17. BADGES / STATUS
     --------------------------------------------------------- */

  .badge,
  .status,
  .tag,
  .label {
    display: inline-block !important;
    border: 1px solid #777 !important;
    background: #fff !important;
    color: #000 !important;
    padding: 2px 6px !important;
    border-radius: 0 !important;
  }

  /* ---------------------------------------------------------
     18. BUTTONS
     --------------------------------------------------------- */

  button,
  .btn,
  .button {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
  }

  /* Don't print interactive buttons by default. */

  .btn-primary,
  .btn-secondary,
  .btn-success,
  .btn-danger,
  .btn-warning,
  .btn-outline,
  .submit-btn,
  .cancel-btn {
    display: none !important;
  }

  /* ---------------------------------------------------------
     19. ICONS
     --------------------------------------------------------- */

  .icon,
  .fa,
  .fas,
  .far,
  .fab,
  svg.icon {
    color: #000 !important;
  }

  /* Decorative icons can be hidden. */

  .decorative-icon,
  [aria-hidden="true"] {
    display: none !important;
  }

  /* ---------------------------------------------------------
     20. ALERTS
     --------------------------------------------------------- */

  .success,
  .error,
  .warning,
  .info,
  .alert-success,
  .alert-error,
  .alert-warning,
  .alert-info {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #777 !important;
    padding: 8px !important;
  }

  /* ---------------------------------------------------------
     21. PRINT-ONLY ELEMENTS
     --------------------------------------------------------- */

  .print-only,
  [data-print="only"] {
    display: block !important;
  }

  .print-inline {
    display: inline !important;
  }

  .print-block {
    display: block !important;
  }

  /* ---------------------------------------------------------
     22. PAGE BREAK UTILITIES
     --------------------------------------------------------- */

  .page-break-before {
    page-break-before: always !important;
    break-before: page !important;
  }

  .page-break-after {
    page-break-after: always !important;
    break-after: page !important;
  }

  .avoid-break,
  .no-break {
    page-break-inside: avoid !important;
    break-inside: avoid-page !important;
  }

  /* ---------------------------------------------------------
     23. DASHBOARD / ADMIN
     --------------------------------------------------------- */

  .dashboard,
  .admin-content,
  .admin-main {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .dashboard-grid,
  .stats-grid {
    display: block !important;
  }

  .stat-card {
    display: inline-block !important;
    width: 31% !important;
    vertical-align: top !important;
    border: 1px solid #777 !important;
    padding: 8px !important;
    margin: 0 1% 10px 0 !important;
  }

  /* ---------------------------------------------------------
     24. PREVENT HORIZONTAL OVERFLOW
     --------------------------------------------------------- */

  .table-responsive,
  .overflow-auto,
  .overflow-x-auto {
    overflow: visible !important;
  }

  pre,
  code {
    white-space: pre-wrap !important;
    word-break: break-word !important;
  }

  /* ---------------------------------------------------------
     25. PRINT COLOR CONTROL
     --------------------------------------------------------- */

  .text-muted,
  .muted,
  .secondary-text {
    color: #444 !important;
  }

  .text-primary,
  .text-success,
  .text-danger,
  .text-warning,
  .text-info {
    color: #000 !important;
  }

  /* ---------------------------------------------------------
     26. PAGE SETTINGS
     --------------------------------------------------------- */

  @page {
    size: A4;
    margin: 15mm 12mm 15mm 12mm;
  }

  @page :first {
    margin-top: 12mm;
  }

  /* ---------------------------------------------------------
     27. PRINT FOOTER SUPPORT
     --------------------------------------------------------- */

  .print-footer {
    display: block !important;
    margin-top: 20px !important;
    padding-top: 8px !important;
    border-top: 1px solid #777 !important;
    font-size: 8pt !important;
    color: #444 !important;
  }

  /* ---------------------------------------------------------
     28. HIDE EMPTY ELEMENTS
     --------------------------------------------------------- */

  div:empty,
  span:empty,
  p:empty {
    display: none !important;
  }

}