/* ===== MODAL POLISH ===== */

#postComposer .modal-content {
  border-radius: 16px;
  border: none;
  box-shadow: 0 20px 60px rgba(0,0,0,0.12);
  overflow: hidden;
}

/* Header */
#postComposer .modal-header {
  border-bottom: 1px solid #f1f3f5;
  padding: 14px 18px;
  background: #ffffff;
}

#postComposer .modal-title {
  font-size: 16px;
  letter-spacing: 0.2px;
}

/* Tabs */
#postComposer .nav-tabs {
  border-bottom: 1px solid #f1f3f5;
}

#postComposer .nav-tabs .nav-link {
  border: none;
  color: #6c757d;
  font-weight: 500;
  padding: 10px 14px;
  transition: all 0.2s ease;
  position: relative;
}

#postComposer .nav-tabs .nav-link.active {
  color: #0d6efd;
  background: transparent;
}

#postComposer .nav-tabs .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 10%;
  width: 80%;
  height: 2px;
  background: #0d6efd;
  border-radius: 2px;
}

/* Body */
#postComposer .modal-body {
  background: #fafbfc;
}

/* Form container smooth transition */
#postFormContainer {
  min-height: 180px;
  transition: opacity 0.25s ease;
}

/* Footer */
#postComposer .modal-footer {
  border-top: 1px solid #f1f3f5;
  padding: 12px 16px;
  background: #ffffff;
}

/* Buttons */
#postComposer .btn-primary {
  border-radius: 10px;
  font-weight: 500;
  transition: all 0.2s ease;
}

#postComposer .btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(13,110,253,0.2);
}

#postComposer .btn-light {
  border-radius: 10px;
}

/* Loader polish */
#postComposer .spinner-border {
  width: 1.2rem;
  height: 1.2rem;
}

/* Subtle modal animation */
#postComposer .modal-dialog {
  transform: translateY(10px);
  transition: transform 0.25s ease;
}

#postComposer.show .modal-dialog {
  transform: translateY(0);
}
* ===== MODAL POLISH ===== */

#postComposer .modal-content {
  border-radius: 16px;
  border: none;
  box-shadow: 0 20px 60px rgba(0,0,0,0.12);
  overflow: hidden;
}

/* Header */
#postComposer .modal-header {
  border-bottom: 1px solid #f1f3f5;
  padding: 14px 18px;
  background: #ffffff;
}

#postComposer .modal-title {
  font-size: 16px;
  letter-spacing: 0.2px;
}

/* Tabs */
#postComposer .nav-tabs {
  border-bottom: 1px solid #f1f3f5;
}

#postComposer .nav-tabs .nav-link {
  border: none;
  color: #6c757d;
  font-weight: 500;
  padding: 10px 14px;
  transition: all 0.2s ease;
  position: relative;
}

#postComposer .nav-tabs .nav-link.active {
  color: #0d6efd;
  background: transparent;
}

#postComposer .nav-tabs .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 10%;
  width: 80%;
  height: 2px;
  background: #0d6efd;
  border-radius: 2px;
}

/* Body */
#postComposer .modal-body {
  background: #fafbfc;
}

/* Form container smooth transition */
#postFormContainer {
  min-height: 180px;
  transition: opacity 0.25s ease;
}

/* Footer */
#postComposer .modal-footer {
  border-top: 1px solid #f1f3f5;
  padding: 12px 16px;
  background: #ffffff;
}

/* Buttons */
#postComposer .btn-primary {
  border-radius: 10px;
  font-weight: 500;
  transition: all 0.2s ease;
}

#postComposer .btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(13,110,253,0.2);
}

#postComposer .btn-light {
  border-radius: 10px;
}

/* Loader polish */
#postComposer .spinner-border {
  width: 1.2rem;
  height: 1.2rem;
}

/* Subtle modal animation */
#postComposer .modal-dialog {
  transform: translateY(10px);
  transition: transform 0.25s ease;
}

#postComposer.show .modal-dialog {
  transform: translateY(0);
}


/*Expereince Form CSS*/
/* ===== FORM POLISH ===== */

.post-form .form-control,
.post-form .form-select {
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  transition: all 0.2s ease;
  background: #ffffff;
}

/* Focus state (important for premium feel) */
.post-form .form-control:focus,
.post-form .form-select:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 0 3px rgba(13,110,253,0.08);
}

/* Textarea refinement */
.post-form textarea {
  resize: none;
  line-height: 1.5;
}

/* Labels spacing + clarity */
.post-form .form-label {
  margin-bottom: 6px;
}

/* Section spacing improvement */
.post-form .mb-3 {
  margin-bottom: 18px !important;
}

/* Tag input container feel */
#expEntityInput {
  padding-right: 36px;
}

/* Selected tags styling */
#expEntityList span,
#expEntityList .badge {
  background: #eef4ff;
  color: #0d6efd;
  border-radius: 20px;
  padding: 6px 10px;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Media input */
#expMediaInput {
  cursor: pointer;
}

/* Media preview cards */
#expMediaPreview > div {
  border-radius: 10px;
  overflow: hidden;
}

/* Optional subtle hover for media preview */
#expMediaPreview img,
#expMediaPreview video {
  border-radius: 10px;
  transition: transform 0.2s ease;
}

#expMediaPreview img:hover,
#expMediaPreview video:hover {
  transform: scale(1.03);
}

/* Select dropdown look */
.post-form .form-select {
  cursor: pointer;
}

/* Small labels refinement */
.post-form .text-muted {
  font-size: 12px;
  letter-spacing: 0.2px;
}

/*Dream trip Css*/
/* ===== DREAM FORM POLISH ===== */

#dreamForm {
  background: #ffffff;
  border-radius: 14px;
}

/* Headline */
#dreamForm h5 {
  font-size: 18px;
  letter-spacing: 0.3px;
}

/* Inputs */
#dreamForm .form-control,
#dreamForm .form-select {
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  transition: all 0.2s ease;
  background: #fff;
}

/* Focus effect */
#dreamForm .form-control:focus,
#dreamForm .form-select:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 0 3px rgba(13,110,253,0.08);
}

/* Labels */
#dreamForm .form-label {
  margin-bottom: 6px;
  color: #495057;
}

/* Section spacing */
#dreamForm .mb-3 {
  margin-bottom: 18px !important;
}

#dreamForm .mb-4 {
  margin-bottom: 22px !important;
}

/* Two-column inputs spacing fix */
#dreamForm .row > div {
  margin-bottom: 10px;
}

/* Budget inputs alignment */
#dreamForm .row .col input {
  text-align: left;
}

/* Destination tags (same feel as experience form) */
#dreamEntityList span,
#dreamEntityList .badge {
  background: #eef4ff;
  color: #0d6efd;
  border-radius: 20px;
  padding: 6px 10px;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Media input */
#dreamMediaInput {
  display: block;
  width: 100%;
  padding: 8px;
  border: 1px dashed #d1d5db;
  border-radius: 10px;
  background: #fafbfc;
  cursor: pointer;
  transition: all 0.2s ease;
}

#dreamMediaInput:hover {
  border-color: #0d6efd;
  background: #f5f8ff;
}

/* Media preview */
#dreamMediaPreview img,
#dreamMediaPreview video {
  border-radius: 10px;
  transition: transform 0.2s ease;
}

#dreamMediaPreview img:hover,
#dreamMediaPreview video:hover {
  transform: scale(1.03);
}

/* Subtle section separation */
#dreamForm .mb-3,
#dreamForm .mb-4 {
  position: relative;
}

/* Optional subtle divider feel (very light) */
#dreamForm .mb-3:not(:last-child)::after {
  content: "";
  display: block;
  height: 1px;
  background: #f1f3f5;
  margin-top: 14px;
}

/* Smooth appearance */
#dreamForm {
  animation: fadeInUp 0.25s ease;
}