/* ===========================================
   Enquire Widget — Site-wide styles
   /wp-content/themes/your-child-theme/enquire-widget.css
   =========================================== */

/* Overlay */
div#gfOverlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0) !important;
  pointer-events: none !important;
  transition: background 0.3s ease !important;
  z-index: 999 !important;
}
div#gfOverlay.open {
  background: rgba(0, 0, 0, 0.4) !important;
  pointer-events: auto !important;
}

/* Sliding panel */
div#gfPanel {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 420px !important;
  max-width: 100% !important;
  background: #f5f5f5 !important;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12) !important;
  transform: translateX(100%) !important;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  z-index: 1000 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
div#gfPanel.open {
  transform: translateX(0) !important;
}

/* Panel header */
div#gfPanel .gf-panel-header {
  background: #f5f5f5 !important;
  padding: 2rem 1.5rem 1rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
div#gfPanel .gf-header-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}
div#gfPanel .gf-panel-title {
  color: #111111 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  background: none !important;
  padding: 0 !important;
  border: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #111111 !important;
}
div#gfPanel .gf-close-btn {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #050b20 !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 16px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  transition: background 0.15s !important;
}
div#gfPanel .gf-close-btn:hover {
  background: #1a3c5e !important;
}

/* Panel body */
div#gfPanel .gf-panel-body {
  padding: 1rem 1.5rem 1.5rem !important;
  overflow-y: auto !important;
  flex: 1 !important;
  background: #f5f5f5 !important;
}

/* Form container */
div#gfPanel .gform_wrapper {
  display: block !important;
  background: #ffffff !important;
  border-radius: 10px !important;
  padding: 1.5rem !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* Hide form title/description and HTML content field */
div#gfPanel .gform_heading,
div#gfPanel .gfield--type-html,
div#gfPanel .gfield--input-type-html {
  display: none !important;
}

/* Stacked fields */
div#gfPanel .gform_fields {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
div#gfPanel .gfield {
  width: 100% !important;
  padding: 0 !important;
}

/* Full-width submit button */
div#gfPanel .gform_footer,
div#gfPanel .gform_page_footer {
  padding: 0 !important;
  margin-top: 8px !important;
}
div#gfPanel .gform_button,
div#gfPanel input[type="submit"] {
  width: 100% !important;
  display: block !important;
  background: #050b20 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 13px !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
}
div#gfPanel .gform_button:hover,
div#gfPanel input[type="submit"]:hover {
  background: #1a3c5e !important;
}

/* Override site-wide GF submit button colour inside widget */
body div#gfPanel .gform_wrapper .gform_footer input[type="submit"],
body div#gfPanel .gform_wrapper .gform_page_footer input[type="submit"],
body div#gfPanel .gform_wrapper .gform_footer input[type="button"],
body div#gfPanel .gform_wrapper .gform_page_footer input[type="button"] {
  background-color: #050b20 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 13px !important;
  font-size: 15px !important;
  border-radius: 6px !important;
  width: 100% !important;
  transition: background-color 0.15s !important;
}
body div#gfPanel .gform_wrapper .gform_footer input[type="submit"]:hover,
body div#gfPanel .gform_wrapper .gform_page_footer input[type="submit"]:hover {
  background-color: #1a3c5e !important;
}

/* ===========================================
   BUTTON VARIANT 1 — .rk-enquire-dark
   For use on DARK backgrounds
   (header, dark sections, coloured banners)
   White border, white text, white pulse glow
   =========================================== */
button.rk-enquire-dark {
  background-color: #050b20 !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 6px !important;
  padding: 12px 24px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  animation: rkPulseWhite 2s infinite !important;
  display: inline-block !important;
  line-height: 1.4 !important;
}
button.rk-enquire-dark:hover {
  background-color: #ffffff !important;
  color: #050b20 !important;
  animation: none !important;
  transform: scale(1.05) !important;
}
@keyframes rkPulseWhite {
  0%   { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); }
  70%  { box-shadow: 0 0 0 8px rgba(255, 255, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

/* ===========================================
   BUTTON VARIANT 2 — .rk-enquire-light
   For use on LIGHT/WHITE backgrounds
   (page body, white sections, grey sections)
   Navy background, white text, navy pulse glow
   =========================================== */
button.rk-enquire-light {
  background-color: #050b20 !important;
  color: #ffffff !important;
  border: 2px solid #050b20 !important;
  border-radius: 6px !important;
  padding: 12px 24px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  animation: rkPulseNavy 2s infinite !important;
  display: inline-block !important;
  line-height: 1.4 !important;
}
button.rk-enquire-light:hover {
  background-color: #1a3c5e !important;
  border-color: #1a3c5e !important;
  color: #ffffff !important;
  animation: none !important;
  transform: scale(1.05) !important;
}
@keyframes rkPulseNavy {
  0%   { box-shadow: 0 0 0 0 rgba(5, 11, 32, 0.4); }
  70%  { box-shadow: 0 0 0 8px rgba(5, 11, 32, 0); }
  100% { box-shadow: 0 0 0 0 rgba(5, 11, 32, 0); }
}

/* Push panel below WP admin bar when logged in */
.admin-bar div#gfPanel {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  .admin-bar div#gfPanel {
    top: 46px !important;
  }
}