/*
 * Styles for NB Page Header Widget
 */

/*
 * This container class is used inside the widget
 * to apply the standard 1200px width and padding.
 */
.elementor-widget-nb-page-header .nb-page-header-container {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0px;
    box-sizing: border-box;
}

/* The banner image section */
.elementor-widget-nb-page-header .nb-page-header-banner {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    
    /* --- UPDATED --- */
    min-height: 300px;
    box-sizing: border-box;
    /* Flex styles removed as title is no longer inside */
}

/* This rule is no longer needed */
/* .elementor-widget-nb-page-header .nb-page-header-banner .nb-page-header-container { ... } */


/* The H1 title */
h1.nb-page-header-title { /* --- UPDATED from h3 --- */
    color: #1A124C; /* --- UPDATED from #ffffff --- */
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 2.5rem; /* Kept the same size */
    font-weight: 600;
    line-height: 1.3;
    margin: 0; /* Reset margin */
    margin-bottom: 20px; /* Space between title and banner */
}

/* The WYSIWYG description area */
.elementor-widget-nb-page-header .nb-page-header-description {
    padding-top: 40px; /* Space between banner and text */
    
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #1A124C;
}

/* Default styles for text inside the WYSIWYG */
.elementor-widget-nb-page-header .nb-page-header-description p {
    margin-top: 0;
    margin-bottom: 1em;
}

/* The <hr> separator */
.elementor-widget-nb-page-header .nb-page-header-separator {
    border: 0;
    border-top: 2px solid #1A124C;
    margin: 20px 0;
}


/* --- Responsive --- */

@media (max-width: 767px) {
    .elementor-widget-nb-page-header .nb-page-header-banner {
        min-height: 250px;
    }

    /* This rule is no longer needed */
    /* .elementor-widget-nb-page-header .nb-page-header-banner .nb-page-header-container { ... } */

    h1.nb-page-header-title { /* --- UPDATED from h3 --- */
        font-size: 2.2rem; /* Kept the same size */
        margin-bottom: 20px;
    }
    
    .elementor-widget-nb-page-header .nb-page-header-description {
        padding-top: 30px;
    }

    .elementor-widget-nb-page-header .nb-page-header-separator {
        margin: 30px 0;
    }
}