/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Gravity Forms - combined base styling */
.gform_wrapper {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background-color: rgba(255, 204, 102, 0.1); /* 10% ochre */
  border-radius: 6px;
  padding: 2rem 1.5rem; /* mobile default */
}

/* Breakpoint tuning for tablet & desktop */
@media (min-width: 640px) {
  .gform_wrapper {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .gform_wrapper {
    max-width: 640px;
    padding: 2.5rem 3rem;
  }
}

@media (min-width: 1024px) {
  .gform_wrapper {
    max-width: 720px;
  }
}

/* Normalize input elements inside the form */
.gform_wrapper input,
.gform_wrapper select,
.gform_wrapper textarea {
  font-family: inherit;
  font-size: 1rem;
  width: 100%;
  box-sizing: border-box;
}

/* Space below submit button */
.gform_footer,
.gform_page_footer {
  padding-bottom: 3rem;
  text-align: center;
}

/* All buttons size and colour */
body .gform_wrapper .gform_button.button,
body .gform_wrapper input#gform_submit_button_1,
body .gform_wrapper #fetch-book-info-btn {
  background-color: #4CAF50 !important;
  color: #fff !important;
  padding: 0.75rem 2rem !important;
  font-size: 1.125rem !important;
  text-align: center !important;
  display: block !important;
  margin: 1rem auto 2rem !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease-in-out !important;
}

body .gform_wrapper .gform_button.button:hover,
body .gform_wrapper input#gform_submit_button_1:hover,
body .gform_wrapper #fetch-book-info-btn:hover {
  background-color: #43a047 !important;
}

.freebookform .sectiontitle {
  background-color: #d76643;
  padding: 12px 16px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 3rem 0 2rem;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* Glow + Pulse animation for the smart autofill field */
.autosmart-field input {
  animation: glowpulse 2s ease-in-out infinite;
  border: 2px solid #4CAF50;
  border-radius: 6px;
  box-shadow: 0 0 8px rgba(76, 175, 80, 0.4);
  transition: all 0.3s ease;
}

/* When user starts typing, disable the animation */
.autosmart-field input:focus,
.autosmart-field input.used {
  animation: none;
  box-shadow: none;
  border-color: #4CAF50;
}

/* The pulse keyframe */
@keyframes glowpulse {
  0% {
    box-shadow: 0 0 8px rgba(76, 175, 80, 0.4);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 14px rgba(76, 175, 80, 0.6);
    transform: scale(1.02);
  }
  100% {
    box-shadow: 0 0 8px rgba(76, 175, 80, 0.4);
    transform: scale(1);
  }
}

/* Arrow */
.autosmart-arrow-container {
  text-align: center;
  margin-bottom: -20px; /* bring it closer to the field */
  pointer-events: none;
  position: relative;
  z-index: 10;
}

.autosmart-arrow {
  width: 60px;
  height: auto;
  animation: arrowpoke 1.5s ease-in-out infinite;
  opacity: 0.85;
  transform-origin: center;
  display: inline-block;
}

@keyframes arrowpoke {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 0.85;
  }
  50% {
    transform: translate(-6px, 6px) scale(1.03); /* pulse diagonally */
    opacity: 1;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 0.85;
  }
}