/*
  Alvarenga Masonry — Custom Styles
  Premium dark luxury theme: teal + slate grey
  This file supplements the inline styles in index.html
  and provides additional responsive/interactive overrides.
*/

/* ===== Smooth Scroll Offset for Fixed Nav ===== */
section[id] {
  scroll-margin-top: 80px;
}

/* ===== Selection Color ===== */
::selection {
  background: rgba(13, 148, 136, 0.3);
  color: #f1f5f9;
}

/* ===== Scrollbar ===== */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #020617;
}
::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #0d9488;
}

/* ===== Focus Visible ===== */
:focus-visible {
  outline: 2px solid #14b8a6;
  outline-offset: 2px;
}

/* ===== Print Styles ===== */
@media print {
  .navbar, .mobile-menu, #scroll-progress, .hamburger { display: none !important; }
  body { background: #fff; color: #1a1a1a; }
  .hero { min-height: auto; padding: 2rem 0; }
  .hero-bg img { filter: none; }
  .hero-overlay { display: none; }
  .hero-title, .section-title, .about-text h2, .cta-content h2 { color: #1a1a1a; }
  .service-card { border: 1px solid #ccc; background: #f9f9f9; }
}