/**
 * Gravity Forms - Goldfish Subscribe Theme
 *
 * Targets the GF Theme Framework (2.7+) layer.
 * Wrapper class: .gform-theme--framework
 *
 * Design: white square inputs on a blue container,
 * full-width orange submit button with bold black text.
 */

/* ─── CSS API overrides ─────────────────────────────────── */
.gform-theme.gform-theme--framework.gform_wrapper {

    /* Primary = orange (drives the submit button) */
    --gf-color-primary:              #F5A623;
    --gf-color-primary-rgb:          245, 166, 35;
    --gf-color-primary-contrast:     #000000;
    --gf-color-primary-contrast-rgb: 0, 0, 0;
    --gf-color-primary-darker:       #d9901a;
    --gf-color-primary-lighter:      #f7b84a;

    /* In-control colours: white inputs, dark placeholder */
    --gf-color-in-ctrl:              #ffffff;
    --gf-color-in-ctrl-rgb:          255, 255, 255;
    --gf-color-in-ctrl-contrast:     #1a1a1a;
    --gf-color-in-ctrl-contrast-rgb: 26, 26, 26;
    --gf-color-in-ctrl-dark:         #cccccc;
    --gf-color-in-ctrl-dark-rgb:     204, 204, 204;
    --gf-color-in-ctrl-dark-lighter: #cccccc;

    /* Out-control (labels, descriptions) – white on blue bg */
    --gf-color-out-ctrl-dark:        #ffffff;
    --gf-color-out-ctrl-dark-rgb:    255, 255, 255;

    /* No border radius – square corners throughout */
    --gf-radius:                     0px;
    --gf-radius-max-sm:              0px;
    --gf-radius-max-md:              0px;
    --gf-radius-max-lg:              0px;

    /* Input / textarea controls */
    --gf-ctrl-bg-color:              #ffffff;
    --gf-ctrl-border-color:          transparent;
    --gf-ctrl-border-color-hover:    transparent;
    --gf-ctrl-border-color-focus:    transparent;
    --gf-ctrl-border-width:          0px;
    --gf-ctrl-radius:                0px;
    --gf-ctrl-shadow:                none;
    --gf-ctrl-color:                 #1a1a1a;
    --gf-ctrl-placeholder-color:     #999999;
    --gf-ctrl-size:                  56px;
    --gf-ctrl-font-size:             16px;
    --gf-ctrl-outline-width-focus:   2px;
    --gf-ctrl-outline-color-focus:   rgba(245, 166, 35, 0.6);

    /* Submit button */
    --gf-ctrl-btn-bg-color-primary:       #F5A623;
    --gf-ctrl-btn-bg-color-hover-primary: #d9901a;
    --gf-ctrl-btn-color-primary:          #000000;
    --gf-ctrl-btn-color-hover-primary:    #000000;
    --gf-ctrl-btn-radius:                 0px;
    --gf-ctrl-btn-shadow:                 none;
    --gf-ctrl-btn-shadow-hover:           none;
    --gf-ctrl-btn-shadow-focus:           none;
    --gf-ctrl-btn-font-weight:            700;
    --gf-ctrl-btn-font-size:              16px;
    --gf-ctrl-btn-size:                   56px;
    --gf-ctrl-btn-text-transform:         none;

    /* Spacing */
    --gf-padding-x:                  16px;
    --gf-padding-y:                  0px;
    --gf-label-space-primary:        6px;
}

/* ─── Layout & structural overrides ────────────────────── */

/* Remove bottom margin on each field so inputs stack flush */
.gform-theme.gform-theme--framework.gform_wrapper .gfield {
    margin-bottom: 12px;
}

/* Centre placeholder text inside inputs */
.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type="text"],
.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type="email"],
.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type="tel"] {
    text-align: center;
}

/* Full-width submit button */
.gform-theme.gform-theme--framework.gform_wrapper .gform_button,
.gform-theme.gform-theme--framework.gform_wrapper input[type="submit"] {
    width: 100%;
    display: block;
    letter-spacing: 0.01em;
}

/* Hide field labels when using placeholder-only design */
.gf-goldfish-subscribe .gform-theme.gform-theme--framework.gform_wrapper .gfield_label {
    display: none;
}

.gf-goldfish-subscribe .gform-theme.gform-theme--framework.gform_wrapper .gform_fields {
    gap: 0.6rem;
}

.gf-goldfish-subscribe .gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type="text"],
.gf-goldfish-subscribe .gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type="email"] {
    height: 60px;
    border: 2px solid #000;
    font-size: 18px;
    font-weight: 600;
}

.gf-goldfish-subscribe .gform-theme.gform-theme--framework.gform_wrapper .gform_footer {
    margin-top: 0.6rem;
}
.gf-goldfish-subscribe .gform-theme.gform-theme--framework.gform_wrapper .gform_footer .gform_button {
    flex: 1;
    border: 2px solid #000 !important;
    height: 60px !important;
    margin-top: 0.6rem !important;
    font-size: 18px !important;
    position: relative !important;
    box-shadow: 5px 5px 0px 1px #000000 !important;
}