/* ==========================================================================
   Girdhar Roll Wrap Ltd. - Specification Sheet Stylesheet (spec-sheet.css)
   ========================================================================== */

.spec-hero {
  background: linear-gradient(135deg, #0A1E38 0%, #0F2D52 50%, #0284C7 100%);
  position: relative;
}

.text-navy-dark {
  color: #0A1E38 !important;
}

.spec-intro-banner {
  background: #FFFFFF;
  border-left: 4px solid #0284C7 !important;
}

.spec-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border: 1px solid #E2E8F0 !important;
}

.spec-card:hover {
  box-shadow: 0 12px 30px rgba(10, 30, 56, 0.08) !important;
}

.spec-table th {
  background-color: #0A1E38 !important;
  color: #F8FAFC !important;
  font-weight: 600;
  letter-spacing: 0.04em;
  border-color: #1E293B !important;
}

.spec-table td {
  border-color: #E2E8F0;
  font-size: 0.925rem;
}

.spec-table tbody tr:hover td {
  background-color: rgba(2, 132, 199, 0.04) !important;
}

@media print {
  .inner-hero,
  .site-navbar,
  .top-bar,
  .site-footer,
  #backToTopBtn,
  .btn,
  .breadcrumb-nav {
    display: none !important;
  }

  body, main, .spec-sheet-main {
    background: #FFFFFF !important;
    color: #000000 !important;
    padding: 0 !important;
  }

  .spec-card {
    box-shadow: none !important;
    border: 1px solid #CCCCCC !important;
    page-break-inside: avoid;
    margin-bottom: 24px;
  }

  .spec-table th {
    background-color: #222222 !important;
    color: #FFFFFF !important;
  }
}

@media (max-width: 767.98px) {
  .spec-table th,
  .spec-table td {
    padding: 10px 12px !important;
    font-size: 0.82rem;
  }

  .spec-intro-banner {
    padding: 20px !important;
  }
}