/* ==========================================================
   BeeDivers Luxury Fluent Form
========================================================== */

.bee-contact-form-wrapper {

   position: relative;

   font-family: var(--bee-font-sans);

}


/* ==========================================================
   Fluent Form Container
========================================================== */

.bee-contact-form-wrapper .fluentform {

   padding: var(--bee-space-xl);

   border-radius: 32px;

   background:
      linear-gradient(180deg,
         var(--bee-surface-glass) 0%,
         rgba(255, 255, 255, 0.02) 100%);

   border:
      1px solid var(--bee-surface-border);

   box-shadow:
      var(--bee-shadow-lg),
      inset 0 1px 0 rgba(255, 255, 255, 0.04);

   backdrop-filter: blur(14px);

}


/* ==========================================================
   Labels
========================================================== */

.bee-contact-form-wrapper .ff-el-form-control label,
.bee-contact-form-wrapper .ff-el-input--label label {

   color: var(--bee-dark-soft);

   font-size: var(--bee-text-sm);

   font-weight: 600;

   letter-spacing: var(--bee-tracking-wider);

   margin-bottom: var(--bee-space-xs);

}


/* ==========================================================
   Inputs
========================================================== */

.bee-contact-form-wrapper input,
.bee-contact-form-wrapper textarea,
.bee-contact-form-wrapper select {

   width: 100%;

   background: var(--bee-surface-glass);

   border:
      1px solid var(--bee-surface-border);

   border-radius: 20px;

   color: #ffffff;

   padding:
      1rem 1.25rem;

   min-height: 58px;

   font-size: var(--bee-text-base);

   font-weight: 500;

   transition:
      border-color var(--bee-duration-base) var(--bee-ease),
      background var(--bee-duration-base) var(--bee-ease),
      box-shadow var(--bee-duration-base) var(--bee-ease),
      transform var(--bee-duration-base) var(--bee-ease);

}


/* ==========================================================
   Textarea
========================================================== */

.bee-contact-form-wrapper textarea {

   min-height: 180px;

   resize: vertical;

   padding-top: 1.125rem;

}


/* ==========================================================
   Placeholder
========================================================== */

.bee-contact-form-wrapper input::placeholder,
.bee-contact-form-wrapper textarea::placeholder {

   color: var(--bee-text-dim);

}


/* ==========================================================
   Focus State
========================================================== */

.bee-contact-form-wrapper input:focus,
.bee-contact-form-wrapper textarea:focus,
.bee-contact-form-wrapper select:focus {

   outline: none;

   border-color: var(--bee-gold-border);

   background: var(--bee-surface-glass-hover);

   box-shadow:
      0 0 0 4px rgba(255, 219, 27, 0.08),
      var(--bee-shadow-gold);

   transform: translateY(-1px);

}


/* ==========================================================
   Select Dropdown
========================================================== */

.bee-contact-form-wrapper select {

   appearance: none;

   cursor: pointer;

}


/* ==========================================================
   Submit Button
========================================================== */

.bee-contact-form-wrapper .ff-btn-submit {

   position: relative;

   width: 100%;

   min-height: 62px;

   border: none;

   border-radius: var(--bee-radius-lg);

   background: var(--bee-gradient-gold);

   color: var(--bee-dark-soft) !important;

   font-size: var(--bee-text-base);

   font-weight: 700;

   letter-spacing: var(--bee-tracking-wide);

   transition:
      transform var(--bee-duration-base) var(--bee-ease),
      box-shadow var(--bee-duration-base) var(--bee-ease),
      filter var(--bee-duration-base) var(--bee-ease);

   overflow: hidden;

}


/* Hover */

.bee-contact-form-wrapper .ff-btn-submit:hover {

   transform: translateY(-2px);

   box-shadow:
      var(--bee-shadow-gold);

   filter: brightness(1.02);

}


/* ==========================================================
   Success Message
========================================================== */

/*.bee-contact-form-wrapper .ff-message-success {*/

/*   padding: var(--bee-space-md);*/

/*   border-radius: var(--bee-radius-lg);*/

/*   background: var(--bee-surface-glass);*/

/*   border:*/
/*      1px solid #d5d5d5d;*/

/*   font-weight: 500;*/

/*}*/


/* ==========================================================
   Error Messages
========================================================== */

.bee-contact-form-wrapper .text-danger {

   color: #ff8f8f !important;

   margin-top: var(--bee-space-2xs);

   font-size: var(--bee-text-sm);

}


/* ==========================================================
   Fluent Form Spacing Cleanup
========================================================== */

.bee-contact-form-wrapper .ff-el-group {

   margin-bottom: var(--bee-space-md);

}


/* ==========================================================
   Mobile
========================================================== */

@media (max-width: 768px) {

   .bee-contact-form-wrapper .fluentform {

      padding: var(--bee-space-lg);

      border-radius: 24px;

   }

}