/* CalendarPhoto — custom styles */

:root {
  --brand-red:    #dc2626;
  --brand-yellow: #fbbf24;
  --brand-blue:   #1d4ed8;
}

html { scroll-behavior: smooth; }

body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }

/* ── Mobile: previne zoom automat la focus pe input (iOS) ─────────────────── */
input, select, textarea {
  font-size: 16px !important;
}

/* ── Touch targets — minim 44px înălțime pentru toate elementele interactive ─ */
button, a, [role="button"] {
  min-height: 44px;
  touch-action: manipulation;
}

/* ── Elimină tap highlight albastru pe iOS/Android ────────────────────────── */
a, button, [role="button"], .photo-zone {
  -webkit-tap-highlight-color: transparent;
}

/* ── Scroll momentum pe iOS ──────────────────────────────────────────────── */
.overflow-y-auto, .overflow-x-auto {
  -webkit-overflow-scrolling: touch;
}

/* ── Mobile: toast apare sus când tastatura e deschisă ────────────────────── */
@media (max-width: 640px) {
  .toast-mobile-top {
    bottom: auto !important;
    top: 16px !important;
    right: 16px !important;
    left: 16px !important;
    max-width: calc(100% - 32px) !important;
  }
}

/* ── Photo zone — hint text diferit pe touch vs desktop ──────────────────── */
.photo-hint-desktop { display: block; }
.photo-hint-touch   { display: none; }

@media (hover: none) and (pointer: coarse) {
  .photo-hint-desktop { display: none; }
  .photo-hint-touch   { display: block; }
}

/* ── Photo zone — dimensiuni minime pe mobile ────────────────────────────── */
@media (max-width: 640px) {
  .photo-zone {
    min-height: 80px;
  }
  .photo-remove {
    width: 28px !important;
    height: 28px !important;
    font-size: 15px !important;
  }
}