/* 1. The Main Container: This controls the actual width of the form */
#amelia-v2-booking-1000 > #amelia-container .am-fs__init {
  max-width: 100% !important;
  /* Forces it to fill your page container */
  width: 100% !important;
  /* Ensures it stretches */
}
/* 2. The Header: Make sure the title bar stretches too */
#amelia-v2-booking-1000 > #amelia-container .am-fs__main-heading {
  max-width: 100% !important;
  width: 100% !important;
}
/* 3. The Footer: Ensures the 'Continue' buttons stay aligned to the wider width */
#amelia-v2-booking-1000 > #amelia-container .am-fs__main-footer {
  max-width: 100% !important;
  width: 100% !important;
}
/* OPTIONAL: Fix the internal content width so text doesn't look centered/squished */
#amelia-v2-booking-1000 .am-fs__main-content {
  max-width: 1200px !important;
  /* Or set to 100% if you want it truly full-width */
  margin: 0 auto !important;
}
/* Modern Ninja Forms Buttons (Submit , Next , Previous , Save) */
.nf-form-cont input[type="button"],
.nf-form-cont input[type="submit"],
.nf-form-cont button,
.nf-form-cont .nf-next,
.nf-form-cont .nf-previous,
.nf-form-cont .nf-save-progress {
  background-color: #2b3036 !important;
  /* Dark modern charcoal/black */
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  /* Slight rounding */
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
}
/* Button Hover Effect */
.nf-form-cont input[type="button"]:hover,
.nf-form-cont input[type="submit"]:hover,
.nf-form-cont button:hover,
.nf-form-cont .nf-next:hover,
.nf-form-cont .nf-previous:hover,
.nf-form-cont .nf-save-progress:hover {
  background-color: #1a1d21 !important;
  /* Slightly darker on hover */
  transform: translateY(-2px) !important;
  /* Adds a modern "lift" effect */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
}
/* Progress Bar Track (The empty background) */
.nf-form-content .nf-progress-container {
  width: 100% !important;
  height: 8px !important;
  /* Sleek , thin profile */
  background-color: rgba(128, 128, 128, 0.15) !important;
  /* Semi-transparent glass look */
  border-radius: 10px !important;
  overflow: hidden !important;
  margin-bottom: 30px !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  /* Recessed inner shadow */
}
/* Progress Bar Fill (The moving indicator) */
.nf-form-content .nf-progress-container .nf-progress {
  height: 100% !important;
  background: linear-gradient(90deg, #0073aa, #00e5ff) !important;
  /* Electric blue to cyan */
  border-radius: 10px !important;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.6) !important;
  /* Futuristic neon glow */
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
  /* Smooth , dynamic easing animation */
}
body #nf-form-4-cont {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
nf-section > #nf-form-errors-4 .nf-error-msg {
  background-image: url(//i.imgur.com/yjG29fI.png);
  background-color: #ff0055;
  background-blend-mode: overlay;
  background-position: center;
  background-repeat: repeat;
  background-size: auto;
}
body .entry-content {
  background-image: url(//i.imgur.com/dIb8Kn2.png);
  background-color: #4389dc;
  background-blend-mode: overlay;
  background-position: center;
  background-repeat: repeat;
  background-size: auto;
}
/* Universal targeting for all Ninja Forms input fields inside their containers */
.nf-form-cont .nf-field-container .ninja-forms-field:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
  padding: 16px 18px !important;
  /* Taller , breathable inputs */
  font-size: 16px !important;
  background-color: rgba(128, 128, 128, 0.06) !important;
  border: 1px solid rgba(128, 128, 128, 0.2) !important;
  border-radius: 8px !important;
  color: var(--wp--preset--color--foreground, inherit) !important;
  width: 100% !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}
/* Universal Focus State (The Futuristic Glow) */
.nf-form-cont .nf-field-container .ninja-forms-field:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]):focus {
  border-color: #00e5ff !important;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  background-color: rgba(128, 128, 128, 0.1) !important;
  outline: none !important;
}
/* Custom Dropdown Arrow for Select Fields */
.nf-form-cont .nf-field-container select.ninja-forms-field {
  appearance: none !important;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23888888%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px top 50% !important;
  background-size: 12px auto !important;
  padding-right: 40px !important;
}
#wp--skip-link--target h3 {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
@keyframes hvr-pulse-grow {
  to {
    transform: scale(1.1);
  }
}
#wp--skip-link--target h3:hover,
#wp--skip-link--target h3:focus,
#wp--skip-link--target h3:active {
  animation-name: hvr-pulse-grow;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
div > .nf-mp-header li {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition-duration: 0.3s;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-property: transform;
}
div > .nf-mp-header li:active,
div > .nf-mp-header li:focus,
div > .nf-mp-header li:hover {
  transform: scale(1.1);
}
