/* 
 * Seabeck Solutions - Additional / Custom Styles
 * The main styling uses Tailwind via CDN in index.html.
 * Use this file for overrides, print styles, or future component work.
 */

:root {
  --accent: #7c3aed;
  --brand-purple: #0f0041;
  --accent-green: #22c55e;
}

/* Subtle enhancement for cards on very large screens */
@media (min-width: 1280px) {
  .service-card {
    padding: 1.65rem;
  }
}

/* Print styles - clean when user prints the site */
@media print {
  nav, #mobile-menu, .service-card:hover, button, a[href^="#"] {
    display: none !important;
  }
  
  body {
    background: white;
    color: #111;
    font-size: 11pt;
  }
  
  .hero-bg {
    background: none;
    color: #111;
  }
  
  .price-card {
    break-inside: avoid;
  }
}

/* Optional: focus styles for better accessibility */
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible {
  outline: 2px solid #7c3aed;
  outline-offset: 2px;
}

/* Nice scrollbar for modals / long content on some browsers */
#service-modal .modal {
  scrollbar-width: thin;
  scrollbar-color: #a78bfa #fff;
}