/* ═══════════════════════════════════════════════════════════════
   restaurant-entry-photo.css — 📸 Take Menu Photo button styling
   ───────────────────────────────────────────────────────────────
   The "Open a Menu" overlay (js/restaurant-entry.js) gained a
   second primary action 2026-05-13: photograph the menu board(s)
   directly instead of pasting a URL. This file styles that button
   to sit visually parallel to the Scan Menu QR CTA but in a
   secondary (outline) tone, so the operator immediately sees them
   as two equal options.

   Loaded AFTER styles.css so it can sit adjacent to the existing
   .rest-entry-scan-btn rules without touching the 3,700-line
   monolith.
   ═══════════════════════════════════════════════════════════════ */

.rest-entry-photo-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 14px 18px;
  margin-top: 10px;
  background: rgba(232, 163, 61, 0.08);
  color: #e8a33d;
  border: 2px solid rgba(232, 163, 61, 0.55);
  border-radius: 12px;
  font-family: var(--f-sans);
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, transform 0.15s;
  -webkit-tap-highlight-color: transparent;
}
.rest-entry-photo-btn:hover,
.rest-entry-photo-btn:focus-visible {
  background: rgba(232, 163, 61, 0.16);
  border-color: #e8a33d;
  outline: none;
  transform: translateY(-1px);
}
.rest-entry-photo-btn:active { transform: translateY(0); }
.rest-entry-photo-btn input[type=file] { display: none; }