/**
 * Стили только для печати (отдельный файл + link media="print").
 * Подключается из nuxt.config.ts — так аудиторы «пригодность для печати» видят явный print stylesheet.
 */

@page {
  margin: 1.25cm 1.5cm;
}

@media print {
  /* Добавьте class="no-print" на элемент, который не нужен на бумаге */
  .no-print {
    display: none !important;
  }

  html,
  body {
    height: auto !important;
    min-height: 0 !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 12pt;
    line-height: 1.4;
  }

  /* Убрать декоративные тени/фоны, экономить тонер */
  *,
  *::before,
  *::after {
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .main-content {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }

  /* Навигация и UI, не несущие смысла на бумаге */
  .site-header,
  .mobile-bottom-nav,
  .mobile-menu-overlay,
  .mobile-menu,
  .mobile-buy-bar,
  .toast-container,
  .filters-modal,
  .filters-modal-backdrop,
  .filters-sidebar,
  .zoom-modal,
  .pagination {
    display: none !important;
  }

  /* Карточка товара: на печати показать все вкладки подряд, без переключателя */
  .product-tabs .nav-tabs {
    display: none !important;
  }
  .product-tabs .tab-content > .tab-pane {
    display: block !important;
    opacity: 1 !important;
  }

  /* Футер оставляем (контакты), но без кнопок соцсетей */
  .footer .btn {
    display: none !important;
  }

  .footer {
    background: #fff !important;
    color: #000 !important;
    border-top: 1px solid #ccc !important;
    margin-top: 1.5rem !important;
    padding-top: 1rem !important;
  }

  .sticky-header-wrapper,
  .site-header {
    position: static !important;
  }

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

  /* Внешние ссылки — подсказка URL (внутренние без дублирования пути) */
  a[href^='http']:not([href*='100k.kz'])::after {
    content: ' (' attr(href) ')';
    font-size: 0.85em;
    font-weight: normal;
  }

  .card {
    border: 1px solid #ccc !important;
    break-inside: avoid;
  }

  img {
    max-width: 100% !important;
    height: auto !important;
  }

  h1,
  h2,
  h3 {
    break-after: avoid;
    page-break-after: avoid;
  }
}