/* Custom styles for 永冠玻璃钢 */
/* Tailwind handles most styling, this is for overrides */

html {
  scroll-behavior: smooth;
}

/* Ensure images don't break layout */
img {
  max-width: 100%;
  height: auto;
}

/* Phone number styling - must be visible on all pages */
.phone-highlight {
  color: #1e5a9e;
  font-weight: 700;
  white-space: nowrap;
}

/* FAQ transition */
.faq-answer {
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Placeholder image fallback */
.product-image-placeholder {
  background: linear-gradient(135deg, #1e3a5f 0%, #2a4a7f 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 2rem;
}

/* Mobile tap targets */
@media (max-width: 1023px) {
  .mobile-touch-target {
    min-height: 48px;
  }
}

/* Print styles - construction industry prints spec sheets */
@media print {
  header, footer, .cta-section, form {
    display: none !important;
  }
  body {
    font-size: 12pt;
    color: black;
  }
}

/* Selection color */
::selection {
  background: #1e5a9e;
  color: white;
}