/***********************************
 * Job Details Left-Right Layout
 ***********************************/
.jobs-main-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

/* Left Column (Job Status & Description) */
.jobs-left {
    flex: 2;
    min-width: 60%;
    margin-right: 10px;
}

/* Right Column (Qualifications & Company Info) */
.jobs-right {
    flex: 1;
    min-width: 35%;
    margin-left: 10px;
}

/* Section Styling */
.jobs-section {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* Buttons Equal Width */
.jsjobs-buttons {
    display: flex;
    gap: 20px;
}
.jsjobs-buttons a {
    flex: 1;
    text-align: center;
    padding: 12px 0;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px;
    color: #fff !important;
}

/* Blue Login Button */
a.btn-apply-login {
    background: #007bff !important;
}

/* Green Guest Button */
a.btn-apply-guest {
    background: #28a745 !important;
}

/* Force show Joomla subheader for super users */
.subhead-collapse.collapse {
    display: block !important;
    position: relative !important;
    z-index: 999 !important;
}

/***********************************
 * Shrink Homepage & Job Detail Subheader / Search Overlay
 ***********************************/
.jsjobs-search-main,
.jsjobs-search-main * {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    line-height: normal !important;
}

/* Center contents vertically */
.jsjobs-search-main {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 50px !important;
    max-height: 50px !important;
    height: 50px !important;
    padding: 10px 15px !important;
    background: rgba(0,115,168,0.9) !important; /* match Latest Jobs overlay */
    border-radius: 4px !important;
    text-align: center !important;
}

/* Optional: Reduce h2 title inside subheader */
.jsjobs-search-main h2 {
    font-size: 16px !important;
    margin: 0 !important;
    line-height: 1 !important;
}

/* Search Input */
.jsjobs-search-main form input[type="text"] {
    height: 36px !important;
    padding: 6px 10px !important;
    font-size: 14px !important;
    width: 280px !important;
    border-radius: 4px !important;
    border: 2px solid #ffffff !important;
    background: rgba(255,255,255,0.9) !important;
    outline: none !important;
    color: #000 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
}

/* Search Button */
.jsjobs-search-main button {
    height: 36px !important;
    padding: 6px 16px !important;
    border-radius: 4px !important;
    background: #0073a8 !important;
    border: 2px solid #ffffff !important; /* white border now */
    color: #ffffff !important;
    font-weight: bold !important;
    font-size: 14px !important;
    cursor: pointer !important;
    display: inline-block !important;
    vertical-align: middle !important;
    transition: background 0.3s ease, border 0.3s ease !important;
}

/* Hover effect */
.jsjobs-search-main button:hover {
    background: #005f85 !important;
    border-color: #ffffff !important; /* maintain white border on hover */
}

/* Hide JS Jobs Lite Name Field Completely */
#jform_com_fields_name,
label[for="jform_com_fields_name"],
#jform_com_fields_name.form-control,
#jform_com_fields_name[disabled] {
    display: none !important;
}