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

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

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

/* 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 (40% smaller)
 ***********************************/
.jsjobs-search-main,
.jsjobs-search-main * {
    margin: 5px auto !important;
    padding: 5px !important;
    height: auto !important;
    line-height: normal !important;
}

/* Search Input */
.jsjobs-search-main form input[type="text"] {
    height: 24px !important; /* reduced from 30px */
    padding: 4px 8px !important;
    font-size: 13px !important;
    width: 280px !important;
    display: block !important;
    margin: 0 auto 4px auto !important;
}

/* Search Button */
.jsjobs-search-main form button {
    height: 26px !important; /* reduced from 32px */
    padding: 4px 12px !important;
    font-size: 13px !important;
    border-radius: 4px !important;
    margin: 0 auto !important;
    display: block !important;
}

/* Center contents vertically */
.jsjobs-search-main {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 36px !important; /* reduced from 60px, ~40% shrink */
    background: rgba(0, 115, 168, 0.9) !important;
    border-radius: 4px !important;
}

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

/* 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;
}

/* Force shrink subheader for homepage & job detail */
.jsjobs-search-main,
.jsjobs-search-main * {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    line-height: normal !important;
}

.jsjobs-search-main {
    min-height: 36px !important;  /* 40% shrink */
    max-height: 36px !important;
    height: 36px !important;      /* force exact height */
    padding: 0 10px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    background: rgba(0,115,168,0.9) !important;
}

.jsjobs-search-main h2 {
    font-size: 16px !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.jsjobs-search-main form input[type="text"] {
    height: 24px !important;
    padding: 2px 6px !important;
    font-size: 13px !important;
}

.jsjobs-search-main form button {
    height: 26px !important;
    padding: 2px 8px !important;
    font-size: 13px !important;
}