/* Cabin tracker — small custom touches on top of Tailwind */

[x-cloak] { display: none !important; }

/* Shared cabin-photo background for all pages — subtle texture, content stays readable */
body.cabin-bg {
  background-image:
    linear-gradient(rgba(241, 245, 249, 0.86), rgba(241, 245, 249, 0.93)),
    url('login-hero.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
@media (max-width: 640px) {
  /* fixed backgrounds are buggy on iOS scroll — use scroll instead */
  body.cabin-bg { background-attachment: scroll; }
}

/* tap target friendliness */
input[type="checkbox"] { cursor: pointer; touch-action: manipulation; }

/* avoid iOS zoom on focus */
input, button, select, textarea { font-size: 16px; }

.shadow-sm { box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.05); }
[x-show] { transition: opacity 0.15s ease; }

/* print: show only the shopping cart contents */
.print-only { display: none; }
@media print {
  body { background: white; }
  .no-print { display: none !important; }
  .print-only { display: block; }
  #cart-print-area { overflow: visible !important; }
  .fixed { position: static !important; }
  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 9px;
    color: #555;
    word-break: break-all;
  }
}

/* nicer cart modal on mobile (slide up from bottom) */
@media (max-width: 640px) {
  .fixed.inset-0 > div { border-radius: 1rem 1rem 0 0; }
}