/* -------------------------------------------------
   WHAT3WORDS SECTION — CHARITY HUB + ORBITAL FIX
   ------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&family=Source+Serif+Pro:wght@700&display=swap');

/* 1. Container block */
.gdlr-core-page-builder .w3w-block,
.gdlr-core-container .w3w-block,
.w3w-block {
  background-color: #0A3049;
  color: #FFFFFF;
  font-family: 'Source Sans Pro', sans-serif;
  border-radius: 6px;
  padding: 2em 1.5em 1.8em;
  margin: 1.5em 0 2em;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Remove inner background gaps */
.w3w-block .gfield,
.w3w-block .ginput_container {
  background: transparent !important;
  margin-bottom: 1.2em;
}

/* 2. Logo */
.w3w-logo {
  text-align: left;
  margin-bottom: 1.5em;
}
.w3w-logo img,
.w3w-logo svg {
  width: 160px;
  height: auto;
}

/* 3. Labels + helper text */
.w3w-block .gfield_label,
.w3w-block .gfield_description {
  color: #FFFFFF !important;
}
.w3w-block .gfield_description {
  opacity: 0.9;
  font-size: 0.95em;
}

/* 4. Inputs */
.w3w-block input[type="text"],
.w3w-block textarea {
  background-color: #FFFFFF;
  color: #000000;
  border-radius: 4px;
  border: none;
  padding: 10px 14px;
  width: 100%;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  box-sizing: border-box;
}

/* -------------------------------------------------
   5. BUTTON — ORBITAL FRAMEWORK OVERRIDE
   ------------------------------------------------- */
.gform-theme--orbital .gf-what3words-btn button,
.gform-theme--orbital .gf-what3words-btn input[type="button"],
.gform-theme--orbital .gf-what3words-btn .gform-button,
.gdlr-core-page-builder .gform-theme--orbital .gf-what3words-btn button,
.gdlr-core-container .gform-theme--orbital .gf-what3words-btn button {
  background-color: #E11F26 !important;   /* What3Words red */
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  padding: 10px 24px !important;
  font-size: 16px !important;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color .2s, transform .1s;
  display: inline-block;
  box-shadow: none !important;
  text-shadow: none !important;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

.gform-theme--orbital .gf-what3words-btn button:hover,
.gform-theme--orbital .gf-what3words-btn input[type="button"]:hover {
  background-color: #C61A21 !important;
  transform: translateY(-1px);
}

.gform-theme--orbital .gf-what3words-btn button:active,
.gform-theme--orbital .gf-what3words-btn input[type="button"]:active {
  background-color: #A51419 !important;
  transform: translateY(0);
}

/* 6. Description under button */
.w3w-block .gf-what3words-btn ~ .gfield_description {
  color: #FFFFFF;
  font-size: 0.9em;
  margin-top: 0.5em;
}

/* 7. Responsive tweaks */
@media (max-width: 768px) {
  .w3w-block {
    padding: 1.5em 1em 1.3em;
  }
  .w3w-logo img {
    width: 130px;
  }
}

/* -------------------------------------------------
   SUBMIT BUTTON — THEME BLUE OVERRIDE (#50BBF4)
   ------------------------------------------------- */

/* Normal state */
.gform-theme--orbital .gform_footer input[type="submit"],
.gform-theme--orbital .gform_page_footer input[type="submit"],
.gform-theme--orbital .gform_wrapper .gform_footer button,
.gform-theme--orbital .gform_wrapper .gform_page_footer button {
  background-color: #50BBF4 !important; /* Charity Hub blue */
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  padding: 10px 26px !important;
  font-size: 16px !important;
  line-height: 1.2;
  cursor: pointer;
}

.gform-theme--orbital .gform_footer input[type="submit"]:hover,
.gform-theme--orbital .gform_page_footer input[type="submit"]:hover,
.gform-theme--orbital .gform_wrapper .gform_footer button:hover,
.gform-theme--orbital .gform_wrapper .gform_page_footer button:hover {
  background-color: #3FA8E0 !important;
  transform: translateY(-1px);
}

.gform-theme--orbital .gform_footer input[type="submit"]:active,
.gform-theme--orbital .gform_page_footer input[type="submit"]:active,
.gform-theme--orbital .gform_wrapper .gform_footer button:active,
.gform-theme--orbital .gform_wrapper .gform_page_footer button:active {
  background-color: #2D91C9 !important;
  transform: translateY(0);
}

/* --- Fix for blocked clicks inside .w3w-block --- */
.w3w-block {
  position: relative !important;
  z-index: 1 !important;
}
.w3w-block * {
  pointer-events: auto !important;
}
.gform_wrapper .w3w-block::before,
.gform_wrapper .w3w-block::after {
  content: none !important;
}

/* --- What3Words button final enforced style --- */
.gform_wrapper .gf-what3words-btn,
.gform_wrapper .gf-what3words-btn button,
.gform_wrapper .gf-what3words-btn input[type="button"] {
  background-color: #E11F26 !important;  /* red */
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 10px 24px !important;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  display: inline-block !important;
  cursor: pointer !important;
  line-height: 1.2 !important;
  text-align: center !important;
  transition: background .2s ease-in-out, transform .1s ease-in-out !important;
  z-index: 2 !important;
  position: relative !important;
}
.gform_wrapper .gf-what3words-btn:hover {
  background-color: #C61A21 !important;
  transform: translateY(-1px) !important;
}
.gform_wrapper .gf-what3words-btn:active {
  background-color: #A51419 !important;
  transform: translateY(0) !important;
}

/* --- Orbital overlay kill + interaction restore --- */
.gform-theme--orbital .w3w-block {
  position: relative !important;
  z-index: 2 !important;
}

/* remove any pseudo-element overlay Orbital injects */
.gform-theme--orbital .w3w-block::before,
.gform-theme--orbital .w3w-block::after {
  content: none !important;
  display: none !important;
}

/* guarantee interactivity */
.gform-theme--orbital .w3w-block * {
  pointer-events: auto !important;
  opacity: 1 !important;
}

/* raise interactive elements above any hidden overlay */
.gform-theme--orbital .w3w-block input,
.gform-theme--orbital .w3w-block button {
  position: relative !important;
  z-index: 3 !important;
}

/* restore solid What3Words red */
.gform-theme--orbital .gf-what3words-btn {
  background-color: #E11F26 !important;
  opacity: 1 !important;
  filter: none !important;
}

/* --- Kill any residual Orbital/Gravity overlay that blocks inputs --- */
.gform-fieldset__overlay,
.gform-theme--orbital .gform-fieldset__overlay,
.gform-theme--orbital .gfield--input-overlay,
.gform-theme--orbital .gfield--disabled-overlay {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/* make sure .w3w-block content stays clickable */
.w3w-block,
.w3w-block * {
  pointer-events: auto !important;
  user-select: auto !important;
}

/* if the button ever gets a disabled attribute, undo it visually */
.gf-what3words-btn[disabled] {
  opacity: 1 !important;
  filter: none !important;
}
