/* ========================================
   BADRINATH PLAN PAGE — Reuses plan.css
   Additional Badrinath-specific styles
   ======================================== */

/* Badrinath has no trek — road goes all the way. Celebrate that! */
.day-note.no-trek {
  background: rgba(74, 222, 128, 0.06);
  border-color: rgba(74, 222, 128, 0.2);
}

/* Badrinath add-ons */
.addon-item .addon-icon {
  font-size: 24px;
  flex-shrink: 0;
}

/* Responsive — same as plan.css */
@media (max-width: 820px) {
  .tier-tabs { gap: 8px; }
  .tier-tab { min-width: 100px; padding: 10px 14px; }
  .tier-tab .tier-name { font-size: 15px; }
  .tier-tab .tier-price { font-size: 10px; }
  .traveler-card { flex-direction: column; align-items: flex-start; gap: 14px; }
  .addon-item { flex-direction: column; align-items: flex-start; gap: 10px; }
  .day-card { padding: 18px 14px; }
  .day-header { flex-direction: column; align-items: flex-start; gap: 8px; }
  .summary-card { padding: 20px 16px; }
  .summary-table td { font-size: 12px; padding: 8px 0; }
  .summary-group { flex-direction: column; gap: 10px; }
}

@media (max-width: 480px) {
  .tier-tabs { flex-direction: column; gap: 6px; }
  .tier-tab { flex-direction: row; justify-content: center; gap: 10px; padding: 12px; }
  .plan-hero { padding: 120px 0 40px; }
  .plan-hero-title { font-size: 24px; }
  .day-number { width: 40px; height: 40px; font-size: 18px; }
  .day-title { font-size: 14px; }
  .step-title { font-size: 13px; }
  .step-desc { font-size: 11px; }
  .step-cost { font-size: 11px; }
  .summary-title { font-size: 20px; }
}