/* nn-site.css — runtime styles for Neang Neakii custom sections */

/* ---------- Scroll reveal ---------- */
.nn-reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 900ms cubic-bezier(0.16, 1, 0.3, 1),
              transform 900ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}
.nn-reveal.nn-in {
  opacity: 1;
  transform: none;
}

/* ---------- Ripple rings ---------- */
@keyframes nn-ripple-pulse {
  0%   { transform: scale(0.94); opacity: 0.75; }
  70%  { transform: scale(1.05); opacity: 0.22; }
  100% { transform: scale(0.94); opacity: 0.75; }
}
.nn-ripple {
  animation: nn-ripple-pulse 9s ease-in-out infinite;
}

/* ---------- Hover states (replaces invalid style-hover attribute) ---------- */
.nn-link-light:hover {
  color: #E2B98F !important;
  border-bottom-color: #E2B98F !important;
}
.nn-link-dark:hover {
  color: #B56637 !important;
  border-bottom-color: #B56637 !important;
}
.nn-btn-primary:hover {
  background: #FCF9F2 !important;
  color: #603620 !important;
}
.nn-btn-ghost:hover {
  background: rgba(252, 249, 242, 0.09) !important;
  border-color: #FCF9F2 !important;
}

/* ---------- Contact Form 7 inside the styled enquiry block ---------- */
.custom-booking-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.custom-booking-form .wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: #B54B37;
}
.custom-booking-form .wpcf7-response-output {
  margin: 24px 0 0;
  padding: 14px 16px;
  border: 1px solid #DFD3BE;
  border-radius: 4px;
  font-size: 14.5px;
}
.custom-booking-form form.invalid .wpcf7-response-output,
.custom-booking-form form.failed .wpcf7-response-output {
  border-color: #B54B37;
  color: #B54B37;
}
.custom-booking-form form.sent .wpcf7-response-output {
  border-color: #5C7A4A;
  color: #3F5A31;
}
.custom-booking-form .wpcf7-spinner {
  display: block;
  margin: 12px auto 0;
}
.custom-booking-form input[type="submit"] {
  background-color: transparent;
  color: #000000;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 15px 30px;
  border: none;
  cursor: pointer;
  transition: color 0.3s ease;
  width: auto;
}
.custom-booking-form input[type="submit"]:hover {
  color: #603620;
}