h1.entry-title, .page-title {
    display: none !important;
}

.ct-related-posts {
    display: none !important;
}

/* Import Open Sans font */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');

/* ----------------------------
   General Inputs and Textarea Styling
-----------------------------*/
.wpcf7 .wpcf7-form-control.cf-input {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 0 14px;
    display: block;
    margin: 10px 0;
    box-sizing: border-box;
    width: 100%;
}

/* Textarea adjustments */
.wpcf7 .wpcf7-form-control.cf-input.wpcf7-textarea {
    min-height: 120px;
    padding: 12px 14px;
    height: auto;
    resize: vertical;
}

/* Focus state */
.wpcf7 .wpcf7-form-control.cf-input:focus {
    border-color: #0073aa;
    outline: none;
}

/* Placeholder styling */
.wpcf7 .wpcf7-form-control.cf-input::placeholder,
.wpcf7 .wpcf7-form-control.cf-input.wpcf7-textarea::placeholder {
    font-weight: 400;
    color: #999;
}

/* ----------------------------
   Email + Phone in One Line
-----------------------------*/
/* Outer container holding the two inputs */
.wpcf7 .cf-row {
    display: flex !important;      /* flex layout */
    gap: 10px;                     /* spacing between inputs */
    flex-wrap: nowrap;             /* prevent wrapping */
    margin: 0 0 10px 0;            /* small vertical spacing */
}

/* Make the CF7 wrapper spans flex items */
.wpcf7 .cf-row > .wpcf7-form-control-wrap {
    flex: 1;                        /* equal width */
    display: flex !important;       /* input fills wrapper */
    margin: 0 !important;           /* remove CF7 default margin */
}

/* Make inputs fill their wrapper */
.wpcf7 .cf-row > .wpcf7-form-control-wrap .cf-input {
    flex: 1;
    width: 100% !important;
    height: 50px;
    margin: 0 !important;
    box-sizing: border-box;
}

/* Stack inputs on mobile */
@media (max-width: 768px) {
    .wpcf7 .cf-row {
        flex-direction: column !important;
        gap: 10px;
    }
    .wpcf7 .cf-row > .wpcf7-form-control-wrap,
    .wpcf7 .cf-row > .wpcf7-form-control-wrap .cf-input {
        width: 100% !important;
        display: block !important;
    }
}

/* ----------------------------
   ReCAPTCHA Full Width using Scale
-----------------------------*/
.wpcf7 .wpcf7-form-control.wpcf7-recaptcha {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    width: 100%;
    overflow: hidden;
}

.wpcf7 .wpcf7-form-control.wpcf7-recaptcha iframe {
    transform-origin: 0 0;
    width: 304px;
    height: 78px;
}

@media (max-width: 768px) {
    .wpcf7 .wpcf7-form-control.wpcf7-recaptcha iframe {
        transform: scale(calc(100% / 304));
        width: 304px;
        height: 78px;
        transform-origin: 0 0;
    }
}

/* ----------------------------
   Submit Button Full Width
-----------------------------*/
.wpcf7 p.wpcf7-submit,
.wpcf7 .wpcf7-submit-container {
    display: block;
    width: 100%;
    text-align: center;
}

.wpcf7 input.wpcf7-submit {
    width: 100% !important;
    height: 50px !important;
    border-radius: 40px !important;
    border: none !important;
    background: #F3E600 !important;
    color: #191919 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: background 0.3s !important;
    margin: 0 !important;
}

.wpcf7 input.wpcf7-submit:hover {
    background: #e6d500 !important;
}

/* ----------------------------
   Mobile adjustments
-----------------------------*/
@media (max-width: 768px) {
    .wpcf7 .wpcf7-form-control.cf-input,
    .wpcf7 input.wpcf7-submit {
        font-size: 15px !important;
        height: 45px !important;
        border-radius: 30px !important;
    }

    .wpcf7 input.wpcf7-submit {
        margin: 15px 0 !important;
    }
}