/* CTEJA Inner Pages UI Fix V1.1 */

/* Remove duplicate WP/Astra page title areas on our custom inner pages */
body.page .entry-header,
body.page .entry-title,
body.page .ast-page-title-wrap,
body.page .ast-title-bar-wrap,
body.page .ast-breadcrumbs-wrapper,
body.page .ast-single-entry-banner {
    display:none!important;
}

/* Only make CTEJA custom pages full width */
body.page:has(.cteja-inner-hero) .site-content,
body.page:has(.cteja-inner-hero) .site-content > .ast-container,
body.page:has(.cteja-inner-hero) #primary,
body.page:has(.cteja-inner-hero) .content-area,
body.page:has(.cteja-inner-hero) .site-main,
body.page:has(.cteja-inner-hero) article.page,
body.page:has(.cteja-inner-hero) .entry-content,
body.page:has(.cteja-gpf-hero) .site-content,
body.page:has(.cteja-gpf-hero) .site-content > .ast-container,
body.page:has(.cteja-gpf-hero) #primary,
body.page:has(.cteja-gpf-hero) .content-area,
body.page:has(.cteja-gpf-hero) .site-main,
body.page:has(.cteja-gpf-hero) article.page,
body.page:has(.cteja-gpf-hero) .entry-content {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

/* Full browser-width custom hero */
.cteja-inner-hero,
.cteja-gpf-hero {
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    min-height:340px!important;
}

/* Correct hero typography */
.cteja-inner-hero h1,
.cteja-gpf-hero h1 {
    color:#fff!important;
    font-weight:600!important;
}
.cteja-inner-hero p,
.cteja-gpf-hero p {
    color:#edf5f9!important;
}

/* MAIN FIX: clipped select/dropdown text in Contact, Career, Popup */
.cteja-ajax-form select,
.cteja-form-card select,
#cteja-enquiry-modal select {
    display:block!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    line-height:46px!important;
    padding:0 42px 0 14px!important;
    margin:0!important;
    border:1px solid #d8e0e5!important;
    border-radius:4px!important;
    background-color:#fff!important;
    color:#4d5b66!important;
    font-size:14px!important;
    font-weight:400!important;
    box-sizing:border-box!important;
    vertical-align:middle!important;
    overflow:visible!important;
    -webkit-appearance:menulist!important;
    appearance:auto!important;
}

/* Match all form controls */
.cteja-ajax-form input:not([type="file"]),
.cteja-form-card input:not([type="file"]) {
    height:48px!important;
    min-height:48px!important;
    line-height:normal!important;
    padding:0 14px!important;
    font-size:14px!important;
}
.cteja-ajax-form textarea,
.cteja-form-card textarea {
    min-height:120px!important;
    padding:13px 14px!important;
    line-height:1.5!important;
    font-size:14px!important;
}
.cteja-ajax-form input::placeholder,
.cteja-ajax-form textarea::placeholder {
    color:#98a4ae!important;
    opacity:1!important;
}

/* Better form card spacing */
.cteja-form-card {
    padding:28px!important;
}
.cteja-ajax-form {
    gap:11px!important;
}
.cteja-ajax-form button {
    min-height:46px!important;
}

/* Inner section spacing and width */
.cteja-inner-section {
    padding-top:70px!important;
    padding-bottom:70px!important;
}
.cteja-inner-wrap {
    max-width:1280px!important;
}

/* Fix unwanted empty/boxed top area caused by theme container */
body.page:has(.cteja-inner-hero) .entry-content > p:empty,
body.page:has(.cteja-inner-hero) .entry-content > br:first-child {
    display:none!important;
}

/* About page should start directly with hero */
body.page:has(.cteja-inner-hero) .entry-content > .cteja-inner-hero:first-child {
    margin-top:0!important;
}

/* Career / contact responsive consistency */
@media(max-width:900px){
    .cteja-inner-hero,.cteja-gpf-hero{min-height:300px!important}
    .cteja-inner-section{padding-top:54px!important;padding-bottom:54px!important}
}
@media(max-width:600px){
    .cteja-inner-hero,.cteja-gpf-hero{min-height:250px!important}
    .cteja-inner-hero h1,.cteja-gpf-hero h1{font-size:34px!important}
    .cteja-form-card{padding:20px!important}
    .cteja-ajax-form select,
    .cteja-form-card select,
    #cteja-enquiry-modal select{height:46px!important;min-height:46px!important;line-height:44px!important}
}