/* Custom styles for Land Marine site
   - includes small enhancements for product cards and CTA consistency
*/

:root {
  --primary: #FF6A00;
  --primary-dark: #E65A00;
  --bg: #F9FAFB;
  --text: #374151;
}

/* Font stack and base */
html, body {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background-color: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Container width */
.container {
  max-width: 1100px;
}

/* Nav link subtle styling */
.nav-link {
  color: #374151;
  text-decoration: none;
}
.nav-link:hover {
  color: var(--primary);
}

/* Buttons */
button, a.button {
  transition: all .14s ease;
}

/* Forms */
input, textarea {
  transition: box-shadow .12s ease;
}

/* Footer top border */
footer {
  border-top-width: 4px;
  border-top-color: var(--primary);
}

/* Product card adjustments */
.product-badge {
  background: var(--primary);
  color: white;
  padding: .25rem .5rem;
  border-radius: .375rem;
  font-size: .75rem;
  font-weight: 600;
}

/* Readable focus state */
:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255,106,0,0.12);
}

/* Image object position consistency */
img { object-position: center; }

/* Hover lift for cards (subtle) */
@media (prefers-reduced-motion: no-preference) {
  .shadow-sm:hover {
    transform: translateY(-4px);
    transition: transform .18s ease, box-shadow .18s ease;
  }
}

/* Mobile tweaks */
@media (max-width: 640px) {
  .container { padding-left: 1rem; padding-right: 1rem; }
  h1 { font-size: 1.5rem; }
}