/**
 * CS-TGS Conference - Gravity Form Dark Theme
 *
 * Dark "navy" styling for the conference registration form (Gravity Forms #6).
 * Visible light labels above each field, dark rounded fields, pill submit button.
 *
 * SCOPE: every rule is namespaced to #gform_wrapper_6 so it never affects
 *        other Gravity Forms on the site. Safe to load globally.
 *
 * Palette:
 *   field bg      #11315c
 *   field border  #2a4a78  (focus #4a78c0)
 *   text light    #e8eef7
 *   placeholder   #9fb3d1
 *   accent        #4a78c0
 */

/* ===== Field labels (kept visible, light) ===== */
#gform_wrapper_6 .gfield_label,
#gform_wrapper_6 legend.gfield_label {
    color: #e8eef7;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 6px;
}

/* Required asterisk */
#gform_wrapper_6 .gfield_required {
    color: #ff8a8a;
}

/* ===== Text-like inputs + select + textarea ===== */
#gform_wrapper_6 input[type="text"],
#gform_wrapper_6 input[type="email"],
#gform_wrapper_6 input[type="tel"],
#gform_wrapper_6 input[type="url"],
#gform_wrapper_6 input[type="number"],
#gform_wrapper_6 select,
#gform_wrapper_6 textarea {
    background-color: #11315c;
    border: 1px solid #2a4a78;
    border-radius: 12px;
    color: #e8eef7;
    padding: 14px 20px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    transition: border-color .15s ease, box-shadow .15s ease;
}

#gform_wrapper_6 textarea {
    border-radius: 16px;
    min-height: 120px;
}

/* Native select arrow visible on dark bg */
#gform_wrapper_6 select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%239fb3d1' d='M6 8L0 0h12z'/></svg>");
    background-repeat: no-repeat;
    background-position: left 18px center;
    padding-left: 44px;
}
#gform_wrapper_6 select option {
    background-color: #11315c;
    color: #e8eef7;
}

/* ===== Placeholders ===== */
#gform_wrapper_6 ::placeholder {
    color: #9fb3d1;
    opacity: 1;
}

/* ===== Focus state ===== */
#gform_wrapper_6 input:focus,
#gform_wrapper_6 select:focus,
#gform_wrapper_6 textarea:focus {
    outline: none;
    border-color: #4a78c0;
    box-shadow: 0 0 0 2px rgba(74, 120, 192, .35);
}

/* Autofill - keep dark instead of browser white */
#gform_wrapper_6 input:-webkit-autofill,
#gform_wrapper_6 input:-webkit-autofill:hover,
#gform_wrapper_6 input:-webkit-autofill:focus {
    -webkit-text-fill-color: #e8eef7;
    -webkit-box-shadow: 0 0 0 1000px #11315c inset;
    caret-color: #e8eef7;
}

/* ===== Radio / Checkbox choices (cocktail Yes/No, Consent) ===== */
#gform_wrapper_6 .gfield_radio label,
#gform_wrapper_6 .gfield_checkbox label,
#gform_wrapper_6 .gchoice label {
    color: #e8eef7;
    font-weight: 400;
}

#gform_wrapper_6 .gfield_radio input[type="radio"],
#gform_wrapper_6 .gfield_checkbox input[type="checkbox"] {
    accent-color: #4a78c0;
    width: 18px;
    height: 18px;
}

/* Consent description / fine print */
#gform_wrapper_6 .gfield_description,
#gform_wrapper_6 .gfield_consent_description,
#gform_wrapper_6 .ginput_container_consent label {
    color: #9fb3d1;
    font-size: 13px;
    line-height: 1.6;
}
#gform_wrapper_6 .gfield_description a,
#gform_wrapper_6 .ginput_container_consent a {
    color: #6fa8ff;
}

/* ===== Spacing between fields ===== */
#gform_wrapper_6 .gfield {
    margin-bottom: 18px;
}

/* ===== Submit button - pill ===== */
#gform_wrapper_6 .gform_footer {
    text-align: center;
}
#gform_wrapper_6 .gform_footer input[type="submit"],
#gform_wrapper_6 #gform_submit_button_6,
#gform_wrapper_6 .gform_button {
    background-color: #0f2a52;
    border: 1px solid #3a5f96;
    border-radius: 30px;
    color: #ffffff;
    padding: 22px 50px;
    min-height: 64px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    margin: 8px auto 0;
    transition: background-color .15s ease, border-color .15s ease;
}
#gform_wrapper_6 .gform_footer input[type="submit"]:hover,
#gform_wrapper_6 #gform_submit_button_6:hover,
#gform_wrapper_6 .gform_button:hover {
    background-color: #163b6e;
    border-color: #4a78c0;
}

/* ===== Validation errors ===== */
#gform_wrapper_6 .gfield_error input,
#gform_wrapper_6 .gfield_error select,
#gform_wrapper_6 .gfield_error textarea {
    border-color: #ff6b6b;
}
#gform_wrapper_6 .validation_message,
#gform_wrapper_6 .gfield_validation_message {
    color: #ff8a8a;
    background: transparent;
    border: none;
    padding: 4px 0 0;
}