/**
* Theme Name: Spaciaz Child
* Description: This is a child theme of Spaciaz, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: spaciaz
* Version: 1.2.4
*/

/* ==========================================================================
   Service list (style 4) — white text on hover
   ========================================================================== */

.service-item.service-style_list:hover .service-title a,
.service-item.service-style_list:hover .service-title a span,
.service-item.service-style_list:hover .service-title a i,
.service-item.service-style_list.current_post .service-title a,
.service-item.service-style_list.current_post .service-title a span,
.service-item.service-style_list.current_post .service-title a i {
    color: #fff !important;
}

/* ==========================================================================
   Gravity Forms — Match Spaciaz theme styles
   ========================================================================== */

/* Inputs, textareas, selects */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="number"],
.gform_wrapper textarea,
.gform_wrapper select {
    font-size: 16px;
    line-height: 1.75;
    padding: 15px 30px;
    font-weight: 400;
    border: 1px solid #F2F2F2;
    border-radius: 30px;
    background-color: #F2F2F2;
    color: #000;
    transition: all ease-in-out 0.3s;
    outline: 0;
    width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
    border-color: #000;
}

.gform_wrapper textarea {
    border-radius: 20px;
}

/* Labels */
.gform_wrapper .gfield_label,
.gform_wrapper .gsection_title {
    font-weight: 600;
    color: #000;
    font-size: 16px;
}

/* Description / helper text */
.gform_wrapper .gfield_description {
    color: #8A8A8A;
    font-size: 14px;
}

/* Radio & checkbox — clean up */
.gform_wrapper .gfield_radio label,
.gform_wrapper .gfield_checkbox label {
    font-size: 16px;
    font-weight: 400;
    color: #4B4B4B;
}

/* Select dropdown arrow */
.gform_wrapper select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13'%3E%3Cpath fill='%234B4B4B' d='M6 9.2L0.8 4l0.7-0.7L6 7.8l4.5-4.5 0.7 0.7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 30px) center;
    background-size: 12px 13px;
    padding-right: 60px;
}

/* Submit button */
.gform_wrapper input[type="submit"],
.gform_wrapper .gform_button,
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_previous_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: capitalize;
    border-radius: 30px;
    padding: 17px 40px;
    color: #fff;
    background-color: var(--primary, #E4ED64);
    border: none;
    cursor: pointer;
    transition: all ease 0.3s;
}

.gform_wrapper input[type="submit"]:hover,
.gform_wrapper .gform_button:hover,
.gform_wrapper .gform_next_button:hover {
    background-color: var(--primary_hover, #CDD55A);
    color: #fff;
}

/* Back button — subtler */
.gform_wrapper .gform_previous_button {
    background-color: transparent;
    color: #4B4B4B;
    border: 1px solid #E0E0E0;
}

.gform_wrapper .gform_previous_button:hover {
    border-color: #000;
    color: #000;
    background-color: transparent;
}

/* Button footer layout */
.gform_wrapper .gform_page_footer {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-top: 30px;
}

/* Field spacing */
.gform_wrapper .gfield {
    margin-bottom: 24px;
}

/* Progress bar steps — match theme */
.gform_wrapper .gf_progressbar {
    border-radius: 30px;
    background-color: #F2F2F2;
    overflow: hidden;
    margin-bottom: 30px;
}

.gform_wrapper .gf_progressbar_percentage {
    background-color: var(--primary, #E4ED64);
    border-radius: 30px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

/* Step titles */
.gform_wrapper .gf_step {
    font-size: 14px;
    color: #8A8A8A;
}

.gform_wrapper .gf_step_active {
    color: #000;
    font-weight: 600;
}

/* Confirmation message */
.gform_confirmation_message {
    font-size: 16px;
    line-height: 1.75;
    color: #4B4B4B;
}

.gform_confirmation_message h3 {
    color: #000;
    margin-bottom: 10px;
}

/* Validation errors */
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error textarea,
.gform_wrapper .gfield_error select {
    border-color: #e74c3c;
}

.gform_wrapper .validation_message {
    color: #e74c3c;
    font-size: 13px;
    margin-top: 5px;
}