/*
Theme Name: GeneratePress Child
Theme URI: https://brandkast.studio/
Description: Child theme for GeneratePress
Author: Thijs Last - Brandkast Studio
Template: generatepress
Version: 1.0
*/

/* Base – higher specificity, no duplicates */
div.wpforms-container div.wpforms-form .choices .choices__inner {
  color: var(--contrast);
  width: 100%;
  background-color: var(--white);
  color: var(--contrast);
  padding: 4px 6px 0; /* keep one padding declaration */
  border: 0 solid transparent;
  border-radius: 4px;
  overflow: hidden;
  box-sizing: border-box;
}

/* Focused state */
div.wpforms-container div.wpforms-form .choices.is-focused .choices__inner {
  color: var(--contrast);
  background-color: var(--white);
  border-color: transparent; /* set explicitly so it does not switch */
}

/* Open (dropdown visible) state */
div.wpforms-container div.wpforms-form .choices.is-open .choices__inner {
  color: var(--contrast);
  background-color: var(--white);
  border: 0 solid transparent;
}

/* Disabled state, if needed */
div.wpforms-container div.wpforms-form .choices.is-disabled .choices__inner {
  color: var(--contrast);
  background-color: var(--white);
  border: 0 solid transparent;
  opacity: .75; /* optional */
}

/* WPForms – Text fields */

div.wpforms-container-full .wpforms-form 
input[type="date"],
div.wpforms-container-full .wpforms-form 
input[type="datetime"],
div.wpforms-container-full .wpforms-form 
input[type="datetime-local"],
div.wpforms-container-full .wpforms-form 
input[type="email"],
div.wpforms-container-full .wpforms-form 
input[type="month"],
div.wpforms-container-full .wpforms-form 
input[type="number"],
div.wpforms-container-full .wpforms-form 
input[type="password"],
div.wpforms-container-full .wpforms-form 
input[type="range"],
div.wpforms-container-full .wpforms-form 
input[type="search"],
div.wpforms-container-full .wpforms-form 
input[type="tel"],
div.wpforms-container-full .wpforms-form 
input[type="text"],
div.wpforms-container-full .wpforms-form 
input[type="time"],
div.wpforms-container-full .wpforms-form 
input[type="url"],
div.wpforms-container-full .wpforms-form 
input[type="week"],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
    background-color: var(--white);
    color: var(--contrast);
    box-sizing: border-box;
    display: block;
    font-size: 1rem;
    font-family: inherit;
    padding: 0.5rem 1rem;
    height: 2.5rem;
    width: 100%;
    line-height: 1.3;
    border-radius: 2px;
    border: 0 solid transparent;
}

/* WPForms – Submit buttons (default) */
div.wpforms-container-full .wpforms-form 
input[type="submit"],
div.wpforms-container-full .wpforms-form 
button[type="submit"],
div.wpforms-container-full .wpforms-form 
.wpforms-page-button {
    display: inline-flex;
    align-items: centre;
    background-color: var(--contrast);
    color: var(--white);
    column-gap: 0.5rem;
    font-family: var(--gp-font--dm-sans);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.6em;
    text-transform: uppercase;
    border-radius: 2rem;
    padding: 0.2em 1.5em;
    max-width: 100%;
    text-decoration: none;
    border: 0 solid transparent;
    transition: background-colour .15s ease, colour .15s ease;
}


/* WPForms – Submit buttons (hover + focus) */
div.wpforms-container-full .wpforms-form 
input[type="submit"]:is(:hover, :focus, :focus-visible),
div.wpforms-container-full .wpforms-form 
button[type="submit"]:is(:hover, :focus, :focus-visible),
div.wpforms-container-full .wpforms-form 
.wpforms-page-button:is(:hover, :focus, :focus-visible) {
    background-color: var(--light);
    color: var(--contrast);
    outline: none;
    border: 0 solid transparent;
}


/* WPForms – Drop‑down element */
div.wpforms-container .wpforms-form .choices__inner {
    width: 100%;
    background-color: var(--white);
    color: var(--contrast);
    padding: 4px 6px 0;
    border-radius: 4px;
    border: 0 solid transparent;
    overflow: hidden;
}


/* WPForms – Progress bar */
div.wpforms-container-full .wpforms-form 
.wpforms-page-indicator.progress 
.wpforms-page-indicator-page-progress-wrap {
    width: 100%;
    height: 18px;
    margin: 5px 0 0;
    background-color: var(--light);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

div.wpforms-container-full .wpforms-form 
.wpforms-page-indicator.progress 
.wpforms-page-indicator-page-progress {
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--contrast);
}


/* Responsive buttons */
@media (max-width: 1024px),
       (max-width: 767px) {
    div.wpforms-container-full .wpforms-form 
    input[type="submit"],
    div.wpforms-container-full .wpforms-form 
    button[type="submit"],
    div.wpforms-container-full .wpforms-form 
    .wpforms-page-button {
        font-size: 0.875rem;
    }
}