/*
 Theme Name:   Ethical Electrical Child Theme
 Theme URI:    https://webignite.co.za
 Description:  Child theme for the Ethical Electrical website, developed and maintained by WebIgnite.
 Author:       WebIgnite
 Author URI:   https://webignite.co.za
 Template:     soleil
 Version:      1.0
 Tags:         solar, electrical, business, custom-design, flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready
 Text Domain:  ethical-electrical-child
*/

/* =Child-Theme customization starts here
------------------------------------------------------------ */
/* Ethical Electrical contact form spacing fixes */

/* Slightly limit width, optional */
.form-style-7 {
    max-width: 540px;
    margin: 0 auto;
}

/* Themerex adds big padding on columns – reduce it */
.form-style-7 .columns_wrap > [class*="column-"] {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    margin-bottom: 8px !important; /* small gap between rows */
}

/* Kill default large paragraph margins inside columns */
.form-style-7 .column-1_1 > p {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
}

/* Textarea block: no extra bottom gap from wrapper */
.form-style-7 .columns_wrap.margin-bottom {
    margin-bottom: 8px !important;
}

/* Consent block – nicer spacing again */
.form-style-7 .ee-form-footer {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.form-style-7 .ee-form-consent {
    font-size: 14px;
    line-height: 1.6;
}

/* Let the theme handle checkbox wrapper spacing again */
.form-style-7 .ee-form-consent .wpcf7-form-control {
    margin: initial !important;
    padding: initial !important;
}

/* Ethical Electrical contact form: 2-column layout on desktop */
@media (min-width: 992px) {

    /* Only the FIRST columns_wrap (the main fields) becomes flex */
    .form-style-7 .columns_wrap:first-of-type {
        display: flex;
        flex-wrap: wrap;
    }

    /* Default: half-width for each field in that first group */
    .form-style-7 .columns_wrap:first-of-type > .column-1_1 {
        width: 50% !important;
        padding-right: 20px !important;
        box-sizing: border-box;
    }

    /* Right-hand fields in that group: no extra right padding */
    .form-style-7 .columns_wrap:first-of-type > .column-1_1:nth-child(2n) {
        padding-right: 0 !important;
    }

    /* The 5th field (subject) must be full width */
    .form-style-7 .columns_wrap:first-of-type > .column-1_1:nth-child(5) {
        width: 100% !important;
        padding-right: 0 !important;
    }

    /* Message textarea block stays full width */
    .form-style-7 .columns_wrap.margin-bottom > .column-1_1 {
        width: 100% !important;
        padding-right: 0 !important;
    }
}

.full-row-link {
    display: block;
    width: 100%;
    height: 100%;
}