/**
 * BOMS Frontend Styles
 *
 * @package BookOrderManagement
 */

/* ──────────────────────────────────────────────────────
   Global
   ────────────────────────────────────────────────────── */
.boms-wrap {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ──────────────────────────────────────────────────────
   Product Cards
   ────────────────────────────────────────────────────── */
.boms-product-card {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  border: 1px solid #e5e5e5;
}

.boms-product-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
  transform: translateY(-2px);
}

.boms-product-img {
  transition: opacity 0.2s ease;
}

.boms-product-img:hover {
  opacity: 0.88;
}

/* ──────────────────────────────────────────────────────
   Selection & Checkout Tables
   ────────────────────────────────────────────────────── */
#boms-selected-books-table tfoot tr td,
#boms-checkout-items tfoot tr td {
  background-color: #f8f9fa;
  font-weight: 600;
}

#boms-selected-books-table tfoot tr:last-child td,
#boms-checkout-items tfoot tr:last-child td {
  background-color: #cfe2ff;
  font-size: 1.05rem;
}

/* ──────────────────────────────────────────────────────
   Checkout Form
   ────────────────────────────────────────────────────── */
.boms-field.is-invalid {
  border-color: #dc3545;
}

/* ──────────────────────────────────────────────────────
   Pagination
   ────────────────────────────────────────────────────── */
#boms-pagination .pagination {
  flex-wrap: wrap;
  gap: 4px;
}

/* ──────────────────────────────────────────────────────
   Confirmation / Invoice
   ────────────────────────────────────────────────────── */
#boms-order-confirmation .card {
  border: 1px solid #dee2e6;
}

/* ──────────────────────────────────────────────────────
   Responsive
   ────────────────────────────────────────────────────── */
@media (max-width: 576px) {
  #boms-products-grid .card-title {
    font-size: 0.9rem;
  }

  #boms-books-listing h2 {
    font-size: 1.4rem;
  }
}

/* ──────────────────────────────────────────────────────
   Print styles
   ────────────────────────────────────────────────────── */
@media print {
  .no-print,
  .site-header,
  .site-footer,
  nav,
  .navbar,
  #boms-pagination,
  .btn {
    display: none !important;
  }

  .boms-wrap {
    padding: 0 !important;
    margin: 0 !important;
  }

  .card {
    border: 1px solid #999 !important;
    box-shadow: none !important;
  }
}