/* Site-wide fixes moved out of Appearance > Customize > Additional CSS (Oct 2026).
   Loaded after Gravity Forms styles by functions.php (vj_site_overrides). Edit here, not in Additional CSS. */

/* ---- Gravity Forms: field layout ---- */
/* 1. Global Vertical Spacing for Div-based forms */
.gform_wrapper .gfield {
    margin-bottom: 15px !important; /* Adjust this for more/less space */
    display: block !important;
    clear: both !important;
}

/* 2. Hide the Honeypot (Strange Box) */
.gform_wrapper .gform_validation_container {
    display: none !important;
    position: absolute !important;
    left: -9000px !important;
}

/* 3. Force 'Hidden' labels to stay hidden */
.gform_wrapper .hidden_label .gfield_label,
.gform_wrapper .gfield_visibility_hidden .gfield_label {
    display: none !important;
}

/* 4. Remove extra bottom margin from the last field */
.gform_wrapper .gfield:last-child {
    margin-bottom: 0 !important;
}

/* 1. Force all form inputs to 100% width */
.gform_wrapper .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]),
.gform_wrapper .gfield select,
.gform_wrapper .gfield textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important; /* Ensures padding doesn't push it over the edge */
}

/* 2. Fix for the 'Preferred Geography' dropdown */
.gform_wrapper .gfield select {
    appearance: none; /* Removes default browser styling */
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666%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/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right 0.7rem top 50%;
    background-size: 0.65rem auto;
    padding-right: 2rem !important;
}


/* ---- Gravity Forms: submit buttons ---- */
/* Form submit buttons: Gravity Forms now renders <button class="gform_button">, which the theme never styled.
   Match the site's primary button (gradient outline, gradient fill on hover), centre it, and give it room below the reCAPTCHA. */
.gform_wrapper:not(#gform_wrapper_3) .gform_footer,
.gform_wrapper:not(#gform_wrapper_3) .gform_page_footer{display:flex !important;justify-content:center !important;margin-top:24px !important;padding-top:0 !important}
.gform_wrapper .gform_footer button.gform_button,
.gform_wrapper .gform_page_footer button.gform_button{background:#fff;color:#0e1227;padding:.6rem 1.5rem;cursor:pointer;border:2px solid;border-image:linear-gradient(to right,#6390EE,#00DBFF) 1;font-size:16px;line-height:1.5;transition:all .3s}
.gform_wrapper .gform_footer button.gform_button:hover,
.gform_wrapper .gform_page_footer button.gform_button:hover{background:linear-gradient(to right,#6390EE,#00DBFF);color:#0e1227}


/* --- Header "Resources" dropdown ---
   The theme's mega menus (Platform, Solutions, Why Vault JS?) are hard-coded. Resources uses normal WordPress
   menu children instead; this styles them to match the Why Vault JS? panel. Added Oct 2026. Moved into the theme Oct 2026. */
#header-menu #menu-item-187 { position: relative; }
#header-menu #menu-item-187 > .dropdown-toggle { display: inline-flex; align-items: center; cursor: default; color: #fff; transition: color 300ms; }
#header-menu #menu-item-187:hover > .dropdown-toggle,
#header-menu #menu-item-187:focus-within > .dropdown-toggle { color: #fc7d73; }
#header-menu #menu-item-187:hover > .dropdown-toggle::after,
#header-menu #menu-item-187:focus-within > .dropdown-toggle::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23fc7d73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
#header-menu #menu-item-187 > .dropdown-toggle::after {
  content: ""; width: 10px; height: 6px; margin-left: 6px; position: relative; top: -1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 10px 6px; transition: transform 300ms;
}
#header-menu #menu-item-187:hover > .dropdown-toggle::after,
#header-menu #menu-item-187:focus-within > .dropdown-toggle::after { transform: rotate(180deg); }
#header-menu #menu-item-187 > .dropdown-menu {
  display: none; position: absolute; left: 0; top: calc(100% + 32px); z-index: 50; min-width: max-content;
  background: #f8f9f9; border: 1px solid #e5ebe8; border-radius: 4px; box-shadow: 0 0 20px rgba(14, 18, 39, 0.1);
  padding: 32px; flex-direction: column; gap: 16px; margin: 0;
}
#header-menu #menu-item-187 > .dropdown-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -34px; height: 34px; }
#header-menu #menu-item-187:hover > .dropdown-menu,
#header-menu #menu-item-187:focus-within > .dropdown-menu { display: flex; }
#header-menu #menu-item-187 .dropdown-item {
  font-size: 14px; line-height: 24px; color: #4d545c; font-weight: 500; text-decoration: none; white-space: nowrap; transition: color 300ms; margin: 0; padding: 0;
}
#header-menu #menu-item-187 .dropdown-item:hover,
#header-menu #menu-item-187 .dropdown-item:focus { color: #fc7d73; }
#navigation:has(#menu-item-187:hover) { background-color: #0E1227; }