/*
 Theme Name: GeneratePress-Child
 Theme URI: http://example.com/
 Description: A child theme for Your Parent Theme Name.
 Author: Your Name
 Author URI: http://example.com/
 Template: generatepress
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: generatepress-child
*/

/* ===============================
   WooCommerce Athlete Field Styling
   =============================== */
.woocommerce div.product form.cart .woocommerce-athlete-field {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5em;
}

.variations_form .variations,
#athlete-registered {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    align-items: center;
}

.variations_form .variations label,
#athlete-registered label {
    min-width: 100px;
    font-weight: 600;
}

.variations_form .variations select,
#athlete-registered select {
    flex: 1 1 auto;
    min-width: 180px;
    padding: 0.5em 0.6em;
    font-size: 1em;
}

.athlete-buttons {
    margin-top: 0.5em;
    display: flex;
    gap: 0.5em;
}

/* ===============================
   ACF Forms (Add & Edit Athlete)
   =============================== */
.woocommerce-account .acf-form,
#new-athlete-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fafafa;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

/* Wrapper for all fields */
.woocommerce-account .acf-form .acf-fields,
#new-athlete-form .acf-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Half-width fields */

#new-athlete-form .acf-field[data-name="graduation_year"],
.woocommerce-account .acf-form .acf-field[data-name="graduation_year"],
#new-athlete-form .acf-field[data-name="college_university"],
.woocommerce-account .acf-form .acf-field[data-name="college_university"],
#new-athlete-form .acf-field[data-name="medical_info"],
.woocommerce-account .acf-form .acf-field[data-name="medical_info"],
#new-athlete-form .acf-field[data-name="parent_1_first_name"],
.woocommerce-account .acf-form .acf-field[data-name="parent_1_first_name"],
#new-athlete-form .acf-field[data-name="parent_1_last_name"],
.woocommerce-account .acf-form .acf-field[data-name="parent_1_last_name"],
#new-athlete-form .acf-field[data-name="parent_1_mobile"],
.woocommerce-account .acf-form .acf-field[data-name="parent_1_mobile"],
#new-athlete-form .acf-field[data-name="parent_1_email"],
.woocommerce-account .acf-form .acf-field[data-name="parent_1_email"] ,
#new-athlete-form .acf-field[data-name="parent_2_first_name"],
.woocommerce-account .acf-form .acf-field[data-name="parent_2_first_name"],
#new-athlete-form .acf-field[data-name="parent_2_last_name"],
.woocommerce-account .acf-form .acf-field[data-name="parent_2_last_name"],
#new-athlete-form .acf-field[data-name="parent_2_mobile"],
.woocommerce-account .acf-form .acf-field[data-name="parent_2_mobile"],
#new-athlete-form .acf-field[data-name="parent_2_email"],
.woocommerce-account .acf-form .acf-field[data-name="parent_2_email"],
#new-athlete-form .acf-field[data-name="medical_insurance_provider"],
.woocommerce-account .acf-form .acf-field[data-name="medical_insurance_provider"],
#new-athlete-form .acf-field[data-name="policy_holder_full_name"],
.woocommerce-account .acf-form .acf-field[data-name="policy_holder_full_name"],
#new-athlete-form .acf-field[data-name="policy_number"],
.woocommerce-account .acf-form .acf-field[data-name="policy_number"], 
#new-athlete-form .acf-field[data-name="insurance_company_phone"],
.woocommerce-account .acf-form .acf-field[data-name="insurance_company_phone"]    {
    flex: 1 1 calc(48% - 10px);
    box-sizing: border-box;
}
/* third-width fields */
.woocommerce-account .acf-form .acf-field[data-name="athlete_first_name"],
.woocommerce-account .acf-form .acf-field[data-name="athlete_nickname"],
.woocommerce-account .acf-form .acf-field[data-name="athlete_last_name"],
.woocommerce-account .acf-form .acf-field[data-name="date_of_birth"],
.woocommerce-account .acf-form .acf-field[data-name="athlete_gender"],
.woocommerce-account .acf-form .acf-field[data-name="athlete_mobile_phone"],
.woocommerce-account .acf-form .acf-field[data-name="height"],
.woocommerce-account .acf-form .acf-field[data-name="weight"],
#new-athlete-form .acf-field[data-name="athlete_first_name"],
#new-athlete-form .acf-field[data-name="athlete_nickname"],
#new-athlete-form .acf-field[data-name="athlete_first_name"],
#new-athlete-form .acf-field[data-name="athlete_nickname"],
#new-athlete-form .acf-field[data-name="athlete_last_name"],
#new-athlete-form .acf-field[data-name="date_of_birth"],
#new-athlete-form .acf-field[data-name="athlete_gender"],
#new-athlete-form .acf-field[data-name="athlete_mobile_phone"],
#new-athlete-form .acf-field[data-name="height"],
#new-athlete-form .acf-field[data-name="weight"],
.woocommerce-account .acf-form .acf-field[data-name="position"],
.woocommerce-account .acf-form .acf-field[data-name="2k_pr"],
.woocommerce-account .acf-form .acf-field[data-name="sculling_experience"],
#new-athlete-form .acf-field[data-name="position"],
#new-athlete-form .acf-field[data-name="2k_pr"],
#new-athlete-form .acf-field[data-name="sculling_experience"],
.woocommerce-account .acf-form .acf-field[data-name="emergency_contact_name"],
.woocommerce-account .acf-form .acf-field[data-name="emergency_contact_phone"],
.woocommerce-account .acf-form .acf-field[data-name="emergency_contact_relationship"],
#new-athlete-form .acf-field[data-name="emergency_contact_name"],
#new-athlete-form .acf-field[data-name="emergency_contact_phone"],
#new-athlete-form .acf-field[data-name="emergency_contact_relationship"]


 {
    flex: 1 1 calc(30% - 10px);
    box-sizing: border-box;
}

/* Full-width fields */
#new-athlete-form .acf-field[data-name="high_school"],
#new-athlete-form .acf-field[data-name="other_high_school"],
.woocommerce-account .acf-form .acf-field[data-name="high_school"],
.woocommerce-account .acf-form .acf-field[data-name="other_high_school"],
.woocommerce-account .acf-form .acf-field[data-name="athlete_email"],
#new-athlete-form .acf-field[data-name="athlete_email"],
#new-athlete-form .acf-field[data-name="medical_treatment_details"],
.woocommerce-account .acf-form .acf-field[data-name="medical_treatment_details"],
#new-athlete-form .acf-field[data-name="allergy_details"],
.woocommerce-account .acf-form .acf-field[data-name="allergy_details"] ,
#new-athlete-form .acf-field[data-name="allergies"],
.woocommerce-account .acf-form .acf-field[data-name="allergies"]  {
    flex: 1 1 100%;
}

/* Submit button styling */
.woocommerce-account .acf-form .acf-form-submit,
#new-athlete-form .acf-form-submit {
    flex-basis: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
}

.woocommerce-account .acf-form .acf-form-submit input,
#new-athlete-form .acf-form-submit input {
    background: #0073aa;
    color: #fff;
    border-radius: 6px;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
}

.woocommerce-account .acf-form .acf-form-submit input:hover,
#new-athlete-form .acf-form-submit input:hover {
    background: #005177;
}

/* ===============================
   Athlete List Styling
   =============================== */
.athlete-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.athlete-list .athlete-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* ===============================
   Mobile Responsiveness
   =============================== */
@media (max-width: 767px) {
    .woocommerce-account .acf-form .acf-fields,
    #new-athlete-form .acf-fields {
        flex-direction: column;
        gap: 15px;
    }

    .woocommerce-account .acf-form .acf-field,
    #new-athlete-form .acf-field {
        flex: 1 1 100%;
    }
}
/* Make all ACF inputs, selects, and textareas full width */
.woocommerce-account .acf-form .acf-field input,
.woocommerce-account .acf-form .acf-field select,
.woocommerce-account .acf-form .acf-field textarea,
#new-athlete-form .acf-field input,
#new-athlete-form .acf-field select,
#new-athlete-form .acf-field textarea {
    width: 100%;
    box-sizing: border-box; /* ensures padding doesn't break width */
}