/*
 * Styles for Main CTA Widget
 */

.nb-cta-section {
    padding: 80px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.nb-cta-container {
    width: 100%;
    max-width: 1200px; /* Standard container width */
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.nb-cta-inner-box {
    padding: 30px 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: flex-start;
}

/* --- Left Column --- */

.nb-cta-left {
    /* Text color is set by the Elementor color picker */
    font-family: 'IBM Plex Sans', sans-serif;
}

.nb-cta-title {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 2.5rem; /* 40px */
    font-weight: 700;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 20px;
}

.nb-cta-description {
    /*font-size: 1.4rem; /* --- INCREASED from 1.1rem --- */
    line-height: 1.7;
    margin-bottom: 30px;
}

.nb-cta-contact {
    /*font-size: 1.5rem; /* --- INCREASED from 1.2rem --- */
    font-weight: 600;
    line-height: 2.0; /* --- INCREASED from 1.8 for more spacing --- */
}

.nb-cta-contact p {
    margin: 0;
}

/* --- Right Column (Form) --- */

.nb-cta-right .wpcf7-form {
    margin: 0;
    padding: 0;
}

.nb-cta-right .wpcf7-form p {
    margin: 0 0 20px 0;
    padding: 0;
}

/* Style for text, email, tel fields */
.nb-cta-right .wpcf7-form-control:not(.wpcf7-submit) {
    width: 100%;
    padding: 10px 15px; /* --- REDUCED top/bottom padding from 12px to 10px --- */
    border: none;
    border-radius: 4px;
    font-family: 'IBM Plex Sans', sans-serif;
    /*font-size: 1rem;*/
    box-sizing: border-box;
}

/* This controls the height of the "Message" field */
.nb-cta-right .wpcf7-form-control.wpcf7-textarea {
    height: 90px; /* --- REDUCED height from 100px to 90px --- */
    resize: none; /* Optional: stops users from resizing it */
}


/* Style for the submit button */
.nb-cta-right .wpcf7-submit {
    display: inline-block;
    padding: 14px 28px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    /*font-size: 1rem;*/
    text-decoration: none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    background: #1f2a4f; /* --color-cta-blue */
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    
    position: relative; /* This is for the arrow */
}

/* This creates the '>' arrow */
.nb-cta-right .wpcf7-submit::after {
    content: '>';
    position: absolute;
    right: 28px; /* Aligns with right padding */
    top: 50%;
    transform: translateY(-50%);
    /*font-size: 1.2rem;*/
    font-weight: 700;
}

/* Button hover state */
.nb-cta-right .wpcf7-submit:hover {
    background: #0d1b3f; /* --color-dark-blue */
}

/* Placeholder for in-editor view */
.nb-cta-shortcode-placeholder {
    padding: 20px;
    background: rgba(0,0,0,0.1);
    border: 2px dashed #000;
    text-align: center;
    font-family: monospace;
    color: #000;
}

/* --- Responsive --- */

@media (max-width: 900px) {
    .nb-cta-inner-box {
        grid-template-columns: 1fr;
        padding: 40px;
    }
}