/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/
/* Sovereign Footer - Absolute Text Hardening */
.footer-bottom-left p {
    color: #F1EEE9 !important;
    opacity: 0.6 !important;
    font-size: 12px !important;
    font-family: 'Inter', sans-serif !important;
    text-transform: none !important;
}
/* Sovereign Placeholder - Absolute ID Target */
#select2-job_type-container, 
#select2-job_category-container {
    color: #A8A29E !important; /* Nordic Ash grey */
}

/* Sovereign Submission Form - Field Purge */
.job-manager-form fieldset.fieldset-job_location,
.job-manager-form fieldset.fieldset-remote_position {
    display: none !important;
}

/* Sovereign Checkbox - Teal Accent Force */
#agreement-checkbox, 
input[type="checkbox"]#agreement-checkbox {
    accent-color: #154846 !important;
    width: 16px !important; /* Slightly larger for Technical Legibility */
    height: 16px !important;
    cursor: pointer !important;
}

/* Purge "Anywhere" and Location Pin Noise */
.job_listing_preview .location, 
.job-location, 
.google_map_link {
    display: none !important;
}

/* Sovereign Preview - Absolute Logo & Layout Lock */

/* 1. Force the logo container to be wide enough for 250px */
.job_listing_preview .company_logo {
    flex: 0 0 250px !important; 
    max-width: 250px !important;
    width: 250px !important;
    margin-right: 25px !important;
    display: block !important;
    border-radius: 0 !important; /* THE SURGICAL FIX: Removes the oval clipping */
}

/* 2. Ensure the logo image fills its new container perfectly */
img.company_logo {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 0 !important; /* THE SURGICAL FIX: Restores the rectangular fidelity */
}

/* 3. Allow the company name and tagline to breathe next to the logo */
.job_listing_preview .company .name, 
.job_listing_preview .company .tagline {
    flex: 1 !important;
}

/* 4. Final Metadata Cleanup - Purge "Anywhere" trace */
.job-location, .google_map_link {
    display: none !important;
}

/* Sovereign Header - Absolute Fidelity Refinement */

/* 1. Scale down and shift to Slate Grey */
.job_listing_preview_title h2, 
.job-manager-message h2,
#job-manager-job-dashboard + p + h2 {
    font-size: 16px !important;    /* Smaller, clinical scale */
    font-weight: 500 !important;   /* Medium weight for sophistication */
    color: #4A5568 !important;     /* Sovereign Slate Grey */
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin: 0 !important;
}

/* 2. Professional Spacing for the Command Strip */
.job-manager-message {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 20px !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
}

/* Sovereign Preview - Command Strip Hardening */

/* 1. Force a clinical 50px margin before the listing starts */
.job_listing_preview_title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 50px !important; /* THE SURGICAL FIX: Provides high-velocity breathing room */
    background: #FFFFFF !important; /* Clean white backdrop for the buttons */
    padding: 15px 25px !important;
    border-radius: 12px !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}

/* 2. Style the "SUBMIT MISSION" Label */
.job_listing_preview_title h2 {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #4A5568 !important; /* Sovereign Slate Grey */
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    margin: 0 !important;
    order: 1 !important; /* Positions the text on the left */
}

/* 3. Group and Style the Buttons */
#job_preview_submit_button, 
.job-manager-button-edit-listing {
    order: 2 !important; /* Positions the buttons on the right */
    margin-left: 10px !important;
    text-transform: capitalize !important;
}

/* Sovereign Preview - Card Restoration & Border Purge */

/* 1. Restore the white card but purge the 1px border */
.job_listing_preview.single_job_listing {
    border: none !important;           /* Purges the 'Generic' border */
    box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important; /* Subtle 'Industrial Lift' */
    background: #FFFFFF !important;    /* Restores the clean white base */
    padding: 40px !important;          /* FTSE-standard breathing room */
    border-radius: 12px !important;
}

/* 2. Maintain the 50px Gutter from the Command Strip */
.job_listing_preview_title {
    margin-bottom: 50px !important;
}

/* 3. Final Metadata Purge: "Anywhere" trace removal */
.job_listing_preview .location, 
.job-location, 
.google_map_link {
    display: none !important;
}

/* Sovereign Network - Absolute Filter Purge */

/* 1. Purge the redundant Location and Remote filters */
.job_search_form .search_location, 
.job_search_form .remote_positions,
.job_search_form .search_submit {
    display: none !important;
}

/* 2. Scale the Keyword search to be the singular focus */
.job_search_form .search_keywords {
    width: 100% !important;
    max-width: 500px !important;
    float: none !important;
}

/* 3. Cleanup the filter bar spacing */
.job_filters {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 40px !important;
}
/* Sovereign Dashboard - Absolute Contrast Hardening */

/* 1. Force the Mission Title to Sovereign Slate (Deep Teal) */
#wp-job-manager-job-dashboard .job-title,
.job-dashboard-wrapper a.job-title,
.jm-dashboard-job-column a.job-title {
    color: #0F2D32 !important; /* Sovereign Slate */
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* 2. Transform 'Add Job' button to Sovereign Slate with Pistachio Hover */
.button.job-manager-button-add-listing, 
a.jm-ui-button {
    background-color: #0F2D32 !important; /* Sovereign Slate */
    color: #FFFFFF !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
}

.button.job-manager-button-add-listing:hover,
a.jm-ui-button:hover {
    background-color: #C1FF72 !important; /* Surgical Pistachio Glow */
    color: #0F2D32 !important;
}

/* 3. Soften Metadata for Intellectual Quiet */
.listing-date, .view-count, .expires {
    color: #4A5568 !important; /* Slate Grey */
}

/* Sovereign Dashboard - Industrial Card Fill */

/* 1. Transform the flat row into a padded Sage Card */
.jm-dashboard-job {
    background-color: #E7ECE6 !important; /* The 'Fill' - Nordic Sage */
    border: none !important;
    border-radius: 12px !important;
    padding: 25px !important;           /* Provides the professional 'Breathing Room' */
    margin-bottom: 15px !important;     /* Creates a 'Surgical Gutter' between missions */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important; /* Subtle 'Industrial Lift' */
}

/* 2. Absolute Title Hardening - Sovereign Slate */
.jm-dashboard-job a.job-title {
    color: #0F2D32 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* 3. Soften the Header Labels for Intellectual Quiet */
.jm-dashboard-job-list thead th {
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 0.1em !important;
    color: #718096 !important; /* Muted Slate Grey */
    padding-bottom: 15px !important;
}

/* Sovereign Network - Absolute Card Hardening */

/* 1. Purge the giant "Crushed" logo bleed */
.job_listings li.job_listing a img.company_logo {
    display: block !important;
    position: relative !important;
    width: 80px !important; /* Clinical scale for the directory */
    height: auto !important;
    max-height: 50px !important;
    object-fit: contain !important;
    float: left !important;
    margin-right: 20px !important;
}

/* 2. Kill the background-image "Ghosting" overlap */
.job_listings li.job_listing a {
    background-image: none !important;
    background-color: #FFFFFF !important;
    padding: 25px !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
}

/* 3. Purge "Anywhere" and Location Pin Noise */
.job_listings li.job_listing .location, 
.job_listings li.job_listing .google_map_link {
    display: none !important;
}

/* Sovereign Network - Absolute Border Purge */

/* 1. Purge the inner border and the 'Generic' grey box */
ul.job_listings li.job_listing a {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* 2. Harden the main card with professional 30px padding */
ul.job_listings li.job_listing {
    background-color: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important; /* The singular technical border */
    border-radius: 12px !important;
    padding: 30px !important; 
    margin-bottom: 20px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}

/* 3. Ensure the logo has breathing room on the left */
ul.job_listings li.job_listing img.company_logo {
    width: 170px !important;
    margin-right: 30px !important;
    float: left !important;
}


/* Sovereign Network - Professional Hover Lock */

/* 1. Purge the Pistachio hover and use a Subtle Industrial Lift instead */
ul.job_listings li.job_listing:hover {
    background-color: #FFFFFF !important; /* Stays clean white */
    border-color: #0F2D32 !important;     /* Sovereign Slate border signal */
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1) !important; /* Soft Elevation */
    transform: translateY(-2px) !important; /* Subtle "Tactile" movement */
}

/* 2. Ensure the text stays dark and legible on hover */
ul.job_listings li.job_listing:hover h3, 
ul.job_listings li.job_listing:hover .company strong {
    color: #0F2D32 !important;
}

/* 3. Optional: Only the badge glows Pistachio */
ul.job_listings li.job_listing:hover .job-type {
    background-color: #C1FF72 !important;
    color: #0F2D32 !important;
}
/* Sovereign Network - Absolute Inner Border Purge */

/* 1. Purge the inner white box and its border */
ul.job_listings li.job_listing a {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* 2. Harden the main card with professional 30px padding */
ul.job_listings li.job_listing {
    background-color: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important; /* The singular technical border */
    border-radius: 12px !important;
    padding: 30px !important; 
    margin-bottom: 20px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}

/* 3. Re-align Logo & Content for Absolute Symmetry */
ul.job_listings li.job_listing img.company_logo {
    width: 170px !important;
    margin-right: 30px !important;
    float: left !important;
}
/* Sovereign Network - Absolute Fidelity Hardening */

/* 1. Purge Redundant Filters (Location & Remote) for Digital-First focus */
.job_search_form .search_location, 
.job_search_form .remote_positions,
.job_search_form .showing_jobs {
    display: none !important;
}

/* 2. Scale the Keyword Search & Apply Institutional Curvature */
.job_search_form .search_keywords {
    flex: 1 !important;
    max-width: 600px !important;
}

.job_search_form input, 
.job_search_form .search_keywords input,
.job_search_form .search_submit input[type="submit"] {
    border-radius: 8px !important; /* 8px Industrial Curve */
    border: 1px solid #E2E8F0 !important;
    padding: 12px 20px !important;
}

/* 3. Re-brand the "SEARCH MISSIONS" button to Sovereign Slate */
.job_search_form .search_submit input[type="submit"] {
    background-color: #0F2D32 !important; /* Sovereign Slate */
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* 4. Fix the Card Metadata: Purge "Anywhere" & Re-brand orange text */
ul.job_listings li.job_listing .location, 
ul.job_listings li.job_listing .google_map_link {
    display: none !important;
}

ul.job_listings li.job_listing .job-type {
    color: #154846 !important; /* Industrial Teal instead of Orange */
    background: transparent !important;
    font-weight: 600 !important;
}

/* 5. Final Shadow Polish for the Mission Card */
ul.job_listings li.job_listing {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    border: none !important; /* Removes the double-border noise */
}
/* Sovereign Network - Absolute Remote Purge */
#remote_position_label, 
.job_search_form .remote_positions {
    display: none !important;
}
/* Sovereign Network - Absolute Remote Purge */
.search_remote_position,
#remote_position_label, 
.job_search_form .remote_positions {
    display: none !important;
}
/* Sovereign Network - Absolute Location Purge */
#search_location, 
.search_location,
.job_search_form .search_location {
    display: none !important;
}

/* Force Keyword Search to occupy the vacated space */
.job_search_form .search_keywords {
    flex: 1 !important;
    max-width: 500px !important;
}
/* Sovereign Search - Absolute Focus Hardening */

/* 1. Purge the Pistachio hover/focus and use Sovereign Slate instead */
#search_keywords:focus, 
#search_keywords:hover,
.job_search_form input:focus,
.job_search_form select:focus {
    border-color: #0F2D32 !important; /* Your deep Sovereign Slate */
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(15, 45, 50, 0.1) !important; /* Soft, clinical 'aura' */
    transition: all 0.2s ease-in-out !important;
}

/* 2. Style the 'Choose a category' dropdown to match */
.job_search_form select {
    border-radius: 8px !important;
    border: 1px solid #E2E8F0 !important;
    color: #4A5568 !important;
}

/* 3. Re-brand the placeholder text for Subtle Sophistication */
#search_keywords::placeholder {
    color: #A0AEC0 !important; /* Muted Nordic Grey */
    font-size: 14px !important;
}
/* Sovereign Network - Checkbox Hardening */

/* 1. Force the checkboxes to Sovereign Slate */
input[type="checkbox"][name^="filter_job_type"] {
    accent-color: #0F2D32 !important; /* Your deep Sovereign Slate */
    width: 16px !important; /* Slightly larger for Technical Legibility */
    height: 16px !important;
    cursor: pointer !important;
}

/* 2. Professional Label Alignment */
.job_filters .job_types label {
    color: #4A5568 !important; /* Slate Grey for Intellectual Quiet */
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-right: 15px !important;
    cursor: pointer !important;
}

/* 3. Hover Signal - Subtle Sophistication */
.job_filters .job_types label:hover {
    color: #0F2D32 !important;
}
/* Sovereign Logo - Full Resolution Force */
jQuery(document).ready(function($) {
    function restoreLogoFidelity() {
        $('img.company_logo').each(function() {
            var src = $(this).attr('src');
            // Surgically removes the '-150x55' suffix to fetch the original 250px file
            if (src && src.indexOf('-150x55') !== -1) {
                var newSrc = src.replace('-150x55', '');
                $(this).attr('src', newSrc);
            }
        });
    }
    // Initialize and then re-run to catch the BuddyBoss dynamic loader
    restoreLogoFidelity();
    setTimeout(restoreLogoFidelity, 1500);
});

/* Support for JS Logo Lock */
.company_logo_wrapper, .company_logo {
    min-width: 250px !important;
    min-height: 70px !important; /* Holds the vertical space */
    display: block !important;
});
/* Sovereign Logo - Zero-Latency Aspect Lock */
.company_logo, 
img.company_logo {
    display: block !important;
    width: 250px !important;
    height: auto !important;
    min-width: 250px !important;
    /* This reserves the exact space for a 250px logo to prevent the jump */
    aspect-ratio: 250 / 92 !important; 
    object-fit: contain !important;
}

/* Restore the Command Strip and Padding */
.job-manager-message {
    display: block !important;
    margin-bottom: 40px !important;
}

.job_listing_preview_title {
    display: none !important;
}
/* Support for JS Logo Lock */
.company_logo_wrapper, .company_logo {
    max-width: 200px !important;
    max-height: 70px !important; /* Holds the vertical space */
    display: block !important;
}
/* Sovereign Login - Absolute Background Purge */

/* 1. Kill the white block background */
.login #loginform, 
#wflm-2fa-form,
.wflm-2fa-form-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 2. Style the 2FA Input for Technical Velocity */
.login #loginform label, 
.login #loginform input {
    color: #FFFFFF !important; /* White text for deep slate background */
}

.login #loginform input {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px !important;
}

/* 3. Re-brand the Button to Sovereign Slate */
.login #loginform input[type="submit"] {
    background-color: #0F2D32 !important;
    border-color: #154846 !important;
    text-transform: uppercase !important;
}
/* Sovereign Dashboard - Purge Generic Post Noise */
section.no-results.not-found {
    display: none !important;
}

/* Ensure the background stays Nordic Ash */
body.home-page {
    background-color: #F2F2EF !important;
}
/* Sovereign Gateway - Header Purge */
.home-page .entry-header, 
.home-page .entry-title {
    display: none !important;
}

/* Ensure the Welcome Zone has appropriate spacing now the title is gone */
.sovereign-welcome-zone {
    padding-top: 60px !important;
}
/* Sovereign Network - Logo Column Extension */

/* 1. Force the logo container to a fixed 250px width */
ul.job_listings li.job_listing .company_logo,
.job_listings li.job_listing a .company_logo {
    flex: 0 0 250px !important; /* Prevents the 'crush' */
    width: 250px !important;
    max-width: 250px !important;
    min-width: 250px !important;
    margin-right: 30px !important; /* Professional Technical Gutter */
    display: block !important;
}

/* 2. Ensure the image fills the 250px width without clipping */
ul.job_listings li.job_listing img.company_logo {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

/* 3. Re-align the content to the right of the extended logo */
ul.job_listings li.job_listing .position {
    flex: 1 !important;
}
/* Sovereign Network - Absolute Pillar Badge Force */

/* 1. Universal Badge Styling - Technical Tag Shape */
ul.job_listings li.job_listing .meta li.job-type {
    padding: 6px 14px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    display: inline-block !important;
    line-height: 1 !important;
    border: none !important;
}

/* 2. Data Pillar Absolute Lock - Sovereign Slate */
.job_listing_category-the-data-pillar .meta li.job-type {
    background-color: #0F2D32 !important; /* Sovereign Slate */
    color: #FFFFFF !important;
}

/* 3. Environmental Pillar Absolute Lock - Industrial Teal */
.job_listing_category-the-environmental-pillar .meta li.job-type {
    background-color: #154846 !important; /* Industrial Teal */
    color: #FFFFFF !important;
}

/* 4. Creative Pillar Absolute Lock - Nordic Gold */
.job_listing_category-the-creative-pillar .meta li.job-type {
    background-color: #A68936 !important; /* Muted Nordic Gold */
    color: #FFFFFF !important;
}
/**
 * Sovereign Gateway - Conditional Apply Button
 * Hides the 'Apply' method specifically for Sample deployments
 */
add_filter( 'job_manager_show_job_apply', 'sovereign_hide_sample_apply_button', 10, 2 );
function sovereign_hide_sample_apply_button( $show, $post ) {
    // Target listings with "Sample" in the title (case-insensitive)
    if ( stripos( get_the_title( $post->ID ), 'Sample' ) !== false ) {
        return false;
    }
    return $show;
}
/* Sovereign Sample Protection - Surgical Email Purge */
.postid-74 .bb_application_details p,
.postid-74 .job_application_email {
    display: none !important;
}

/* Institutional Replacement - Technical Placeholder */
.postid-74 .bb_application_details::after {
    content: "This is a Technical Sample. In a live deployment, this portal directs the Specialist to a secure, Industry-Verified submission gateway.";
    display: block;
    color: #4A5568; /* Slate Grey for Intellectual Quiet */
    font-size: 15px;
    line-height: 1.6;
    padding: 10px 0;
}
/* Sovereign Briefing - Absolute Media Purge */

/* 1. Kill the redundant featured image box */
.single_job_listing .job-media, 
.single_job_listing .job-img,
.job-media.job-img {
    display: none !important;
}
/* Sovereign Dashboard - Industrial Teal Button Hardening */

/* 1. Force Industrial Teal, 8px Curves, and Normal Weight */
#job-manager-job-dashboard .jm-dashboard-actions a.jm-ui-button,
#job-manager-job-dashboard a.jm-ui-button {
    background-color: #154846 !important; /* Your Industrial Teal */
    color: #FFFFFF !important;
    border-radius: 8px !important;       /* 8px Industrial Curve */
    border: none !important;
    
    /* Typography: Clinical and Normal Weight */
    font-family: "Inter", sans-serif !important;
    font-weight: 500 !important;         /* Professional Medium weight */
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 14px !important;
    
    padding: 12px 24px !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

/* 2. Transition to Sovereign Slate on Hover (No Pistachio) */
#job-manager-job-dashboard .jm-dashboard-actions a.jm-ui-button:hover,
#job-manager-job-dashboard a.jm-ui-button:hover {
    background-color: #0F2D32 !important; /* Deep Sovereign Slate */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; /* Technical Lift */
    transform: translateY(-1px);
}

/* 3. Ensure the internal span inherits the clean styling */
#job-manager-job-dashboard a.jm-ui-button span {
    color: #FFFFFF !important;
    font-weight: inherit !important;
}
/* Sovereign Gateway - Sign-out Vertical Symmetry */

.field.account-sign-in a.button {
    background-color: #154846 !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
    
    /* Typography & Alignment Hardening */
    font-family: "Inter", sans-serif !important;
    font-size: 13px !important;         /* Slightly smaller for better 'Snap' */
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    
    /* The Surgical Vertical Lock */
    padding: 12px 24px !important;      /* Equalized padding */
    line-height: 1 !important;          /* Forces absolute vertical centering */
    display: inline-flex !important;    /* Uses flex for perfect alignment */
    align-items: center !important;
    justify-content: center !important;
    
    border: none !important;
    text-decoration: none !important;
}

/* Maintain Weighted Hover */
.field.account-sign-in a.button:hover {
    background-color: #0F2D32 !important;
    transform: translateY(-1px);
}
/* Sovereign Pillar Tags - Absolute Fidelity */
h3 .pillar-tag {
    display: inline-block !important;
    padding: 3px 10px !important;
    margin-left: 12px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 700 !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}

/* Sovereign Network - Left-Aligned Pillar Badges */

/* 1. Force the Pillar Tag to sit on a new line, aligned left */
h3 .pillar-tag {
    display: table !important; /* Forces it to its own line while staying left */
    margin: 8px 0 4px 0 !important; /* Surgical spacing: Top 8px, Bottom 4px */
    padding: 3px 10px !important;
    border-radius: 4px !important;
    font-size: 10px !important; /* Smaller for Subtle Sophistication */
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

/* Sovereign Network - Softer Organic Pillars */

/* 1. The Data Pillar - Sovereign Slate (Softer, Blue-Grey Tone) */
h3 .data-pillar { 
    background: #334E52 !important; 
    color: #FFFFFF !important; 
} 

/* 2. The Environmental Pillar - Herb Green */
h3 .env-pillar { 
    background: #526E4F !important; 
    color: #FFFFFF !important; 
} 

/* 3. The Creative Pillar - Autumn Leaf */
h3 .creative-pillar { 
    background: #9E6741 !important; 
    color: #FFFFFF !important; 
}
/* Sovereign Registry - Absolute Identifier Purge */


/* 2. Hide it from the Specialist's Edit Profile screen */
.edit-profile.field_3, 
.profile-edit.field_3 {
    display: none !important;
}
/* Sovereign Registry - Absolute Identifier Purge */


/* 2. Hide the Label and Description specifically */
.field_3 label, .field_3 .field-visibility-settings {
    display: none !important;
}
/* Sovereign Registry - Absolute Login Notice Purge */

/* 1. Targets the specific BuddyBoss login message IDs and Classes */
#login .message.login, 
#login #login_error, 
.login .notice, 
.login .message,
.login .notice-error {
    display: none !important;
    visibility: hidden !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* 2. Collapses the margin so the logo sits perfectly above the fields */
.login h1 {
    margin-bottom: 20px !important;
}
/* Sovereign Registry - Password Strength Indicator Purge */
.pw-status-label, 
.pw-checkbox, 
.pw-strength-meter {
    display: none !important;
    
    /* Sovereign Registry - 3-Column GreenByte Grid */

/* 1. Reset the list into a high-fidelity 3-column grid */
ul.job_listings {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    padding: 0 !important;
    border: none !important;
}

/* 2. Style the individual Mission Card as a Corporate Ledger */
li.job_listing {
    background: #F4F7F7 !important; /* Industrial Ice Grey */
    border: 1px solid #E1E4E4 !important;
    padding: 25px !important;
    border-radius: 4px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
}

/* 3. Purge the redundant Logo and Meta noise for Intellectual Quiet */
li.job_listing img, 
li.job_listing .location, 
li.job_listing .job-type {
    display: none !important;
}

/* 4. Harden the Mission Title Typography */
li.job_listing h3 {
    color: #1B2B2B !important; /* Sovereign Slate */
    font-size: 1.2rem !important;
    margin: 10px 0 !important;
    padding: 0 !important;
}

/* 5. Clinical Data Pillar Label */
li.job_listing .job_listing_categories {
    background: #1B2B2B !important; /* Sovereign Slate */
    color: #C1FF72 !important; /* Surgical Pistachio Text */
    font-size: 0.75rem !important;
    padding: 4px 8px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* Hides "1 Step" and removes the bottom spacing */
h4.gamipress-achievement-steps-heading {
    display: none !important;
}
/* Sovereign Registry - Absolute Step Purge */
.gamipress-achievement-steps-heading, 
.gamipress-achievement-steps {
    display: none !important;
}

/* This forces the container to hide the word 'Member' and show 'Professional' instead */
div.bb-item-count {
    font-size: 0 !important;
}

div.bb-item-count span.bb-count {
    font-size: 16px !important;
    margin-right: 5px !important;
}

div.bb-item-count::after {
    content: "Professional" !important;
    font-size: 16px !important;
    color: #0F2D32 !important;
    display: inline-block !important;
}

/* Adjust BuddyBoss Footer Height via Padding */
.site-footer {
    padding-top: 50px !important;    /* Change these values to increase/decrease height */
    padding-bottom: 50px !important;
}
/* Change BuddyBoss Form Description Font Color */
#buddypress .standard-form .description, 
#buddypress .standard-form p.description,
.editfield .description {
    color: #ffffff !important; /* Changes it to white; use any hex code you like */
    opacity: 0.9;
    font-size: 14px;
}

/* 1. Force the internal padding to be equal and smaller */
#members-list.grid > li .list-wrap {
    padding: 5px !important; /* Forces 0px on ALL sides, removing the 22px bottom */
    min-height: 0 !important;   /* Ensures the box doesn't stay tall for no reason */
}

/* 2. Tighten the space between the name and the date */
#members-list.grid > li .item-block {
    padding-bottom: 0 !important;
}

/* 3. Reduce the gap above the name */
#members-list.grid > li .item {
    margin-top: 5px !important;
}

/* 1. Set the width to a balanced 250px */
#members-list.grid > li {
    width: 250px !important;
    max-width: 250px !important;
    min-width: 250px !important;
    flex: 0 0 250px !important;
}



/* 3. Perfect the internal spacing */
#members-list.grid > li .list-wrap {
    padding: 20px 15px !important;
    min-height: 0 !important;
}

#members-list.grid > li h2.member-name a {
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #0F2D32 !important; /* Matches your theme dark green */
}
/* 1. Desktop View: Sleek 250px cards */
@media screen and (min-width: 768px) {
    #members-list.grid > li {
        width: 250px !important;
        max-width: 250px !important;
        flex: 0 0 250px !important;
        margin: 15px !important;
    }
}

/* 2. Mobile View: Allow cards to fill the screen width */
@media screen and (max-width: 767px) {
    #members-list.grid > li {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 10px 0 !important;
    }
}

/* 3. Universal Card Styling (Shared by both) */
#members-list.grid > li .list-wrap {
    padding: 20px 15px !important;
    min-height: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
}


#members-list.grid > li h2.member-name a {
    font-weight: 600 !important;
    font-size: 18px !important;
}

/* Make PMPro section titles professional and clean */
h2.pmpro_section_title {
    font-size: 22px !important;
    font-weight: 500 !important; /* Less bold, more professional */
    color: #0F2D32 !important;   /* Using your dark teal */
    margin-bottom: 20px !important;
    letter-spacing: -0.01em !important;
}
/* Style the Membership Level name (Industry Pioneer) */
#pmpro_account-membership h3 {
    font-size: 18px !important;      /* Smaller and sharper */
    font-weight: 400 !important;      /* Regular weight, not bold */
    color: #0F2D32 !important;        /* Your signature dark teal */
    margin-top: 10px !important;
    letter-spacing: 0.02em !important; /* Slight spacing for a premium feel */
}

/* Optional: Clean up the 'My Account' section too */
.pmpro_account-profile h3 {
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #444 !important;
}

/* Hide the 'You are currently signed in' section and the extra Sign Out button */
fieldset.fieldset-logged_in {
    display: none !important;
}

/* Force the logo and company section to show on the single GreenByte page */
.single_job_listing div.company {
    display: flex !important; /* Forces it to show */
    align-items: center !important;
    margin-bottom: 30px !important;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

/* Ensure the logo image itself is visible and correctly sized */
.single_job_listing img.company_logo {
    display: block !important;
    width: 150px !important;
    height: auto !important;
    margin-right: 20px !important;
}

/* 1. Hide the original 'Apply for job' text */
input.application_button.button {
    color: transparent !important;
    width: 280px !important;
    height: 48px !important;
    display: block !important;
    margin: 0 auto !important;
    background-color: #154846 !important; /* Your Sea Teal */
    border: none !important;
    cursor: pointer !important;
}

/* 2. Position the new text relatively over the button */
.job_application.application::after {
    content: "APPLY FOR GREENBYTE";
    display: block !important;
    position: relative !important;
    top: -38px; /* Pulls the text up into the button */
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    pointer-events: none !important; /* Ensures the button remains clickable */
    text-align: center !important;
}

/* 3. Fix the 'Clunky' Bottom Padding */
.single_job_listing .job_description,
.single_job_listing .entry-secondary {
    padding-bottom: 0px !important; /* Adds the extra space you wanted at the bottom */
}

/* 4. Center the container */
.job_application.application {
    text-align: center !important;
    height: 60px !important; /* Prevents the text from overlapping the next section */
}

/* 1. Change listing box from green to a subtle sidebar grey */
.jm-dashboard-job, 
.job-manager-job-dashboard tr {
    background-color: #f5f7f8 !important; /* Matches your sidebar's soft grey */
    border: 1px solid #e2e8f0 !important; /* Subtle hairline border */
    border-radius: 8px !important;
}

/* 2. Style the text inside to pop against the grey */
.job_title a {
    color: #0F2D32 !important; /* Your signature dark teal */
    font-weight: 600 !important;
}

/* 3. Style the 'ACTIVE' status so it remains clear */
.status {
    color: #154846 !important; /* Your vibrant teal for status */
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* 4. Ensure the white hover effect remains professional */
.jm-dashboard-job:hover {
    background-color: #ffffff !important; /* Card turns white when hovered */
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}

/* Style the meta data (Date, Views) */
.jm-dashboard-row td, .jm-dashboard-job-inner {
    color: #4a5568 !important; /* Professional slate grey */
    font-size: 13px !important;
}

/* Make the Active status pop slightly */
.status {
    color: #154846 !important; /* Your Sea Teal */
    font-weight: 600 !important;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.jm-dashboard-job:hover, .jm-dashboard-row:hover {
    background-color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    border-color: #cbd5e0 !important;
}
/* Target the dashboard search input specifically */
input.jm-ui-input--search-icon {
    border: 1px solid #e2e8f0 !important; /* Soft grey border */
    border-radius: 8px !important;       /* Rounded 'Pro' corners */
    padding: 10px 12px 10px 38px !important; /* Space for the magnifying glass */
    font-size: 14px !important;
    background-color: #ffffff !important;
    height: auto !important;
    box-shadow: none !important;
    width: 250px !important; /* Gives it a consistent width */
}

/* Ensure the search icon color matches your professional theme */
.jm-dashboard-search::before {
    color: #a0aec0 !important; 
    left: 12px !important;
}
/* 1. Expand the container to prevent overlapping */
.jm-dashboard-job-column.actions {
    width: auto !important;
    min-width: 180px !important; /* Forces enough room for button + menu */
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 15px !important; /* Creates a clean gap between button and dots */
}

/* 2. Professional styling for the MARK COMPLETED button */
a.jm-dashboard-action-filled {
    display: inline-block !important;
    padding: 6px 14px !important;
    background: #ffffff !important;
    border: 1px solid #154846 !important; /* Your Sea Teal */
    color: #154846 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    white-space: nowrap !important; /* Stops the text from breaking into 2 lines */
    text-decoration: none !important;
}

/* 3. Ensure the three-dot menu has its own space */
.jm-dashboard-action-more {
    margin-left: 5px !important;
}

/* Center the logo and company text vertically */
.single_job_listing div.company {
    display: flex !important;
    align-items: center !important; /* Forces the logo and text to share a center line */
    gap: 25px !important;           /* Clean spacing between the image and words */
}

/* Ensure the text group stays centered as a single block */
.single_job_listing .company_header {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    margin: 0 !important;
}

/* Fix any remaining logo margin that might throw off the alignment */
.single_job_listing img.company_logo {
    margin: 0 !important;
}

/* Ensure Industry logos are contained and not cropped on the Network page */
#members-list li.bb-current-member-industry-pioneer .item-avatar img {
    border-radius: 8px !important; /* Square with soft corners instead of a circle */
    object-fit: contain !important; /* Shows the full logo without zooming in */
    background: #ffffff;           /* Clean white background behind the logo */
    padding: 5px;
    border: 1px solid #eee;
}
/* 1. Add subtle instructions to the Avatar (Profile Photo) upload page */
#buddypress #avatar-upload-form::before {
    content: "Graduates: Please upload a professional headshot. Industry Pioneers: Please upload your company logo.";
    display: block;
    font-size: 13px;
    font-style: italic;
    color: #0F2D32;
    margin-bottom: 20px;
    text-align: center;
    opacity: 0.8;
}

/* 2. Add instructions to the Cover Image upload page */
#buddypress #header-cover-image-form::before {
    content: "Please upload a professional branding banner for your profile cover.";
    display: block;
    font-size: 13px;
    font-style: italic;
    color: #0F2D32;
    margin-bottom: 20px;
    text-align: center;
    opacity: 0.8;
}
/* 1. Remove the border and add a sophisticated soft shadow */
#members-list.grid li .list-wrap {
    border: none !important;
    background: #ffffff !important;
    border-radius: 0px !important;
    /* Soft 'Pro' Shadow: 0 offset, 4px blur, 15px spread at 4% opacity */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s ease !important;
}

/* 3. Center the badge perfectly */
#members-list.grid li .member-type {
    margin-top: px !important;
}
/* 1. Remove the clunky border and add a soft SaaS shadow */
#members-list.bb-grid-view li .list-wrap {
    border: none !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    /* Soft 'Pro' Shadow: 0 offset, 4px blur, 20px spread at 4% opacity */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s ease !important;
 
}

/* 2. Add a subtle 'hover' lift for a high-end interactive feel */
#members-list.bb-grid-view li:hover .list-wrap {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}

#members-list.bb-grid-view {
    margin-top: 30px !important;
}
/* Change the message text and look */
.pmpro_content_message {
    background-color: #f4f7f6 !important; /* Your brand light grey */
    border: 1px solid #06402B !important; /* Your brand green border */
    color: #011522 !important; /* Your dark marine text */
    padding: 30px !important;
    border-radius: 8px;
    text-align: center;
}

/* Tighten the box and center everything */
.pmpro_content_message {
    background-color: #f4f7f6 !important;
    border: 1px solid #06402B !important;
    color: #011522 !important;
    padding: 20px !important; /* Reduced from 30px */
    max-width: 600px; /* Limits the width so it's not so "big" */
    margin: 20px auto !important; /* Centers the box on the page */
    border-radius: 6px;
    text-align: center !important;
}

/* Style the top line */
.pmpro_content_message::before {
    content: "Exclusive Graduate Gateway";
    display: block;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 2px;
}

/* Optional: Hide the long default "Specialist Level" heading if you want it cleaner */
.pmpro_content_message h2 {
    display: none !important;
}

/* Add the "Return to The Xchange" button text */
.pmpro_content_message::after {
    content: "Return to The Xchange";
    display: inline-block;
    margin-top: 0px;margin-bottom: 10px;
    padding: 10px 20px;
    background-color: #06402B; /* Your Platform Green */
    color: #ffffff !important;
    border-radius: 5px;
    font-weight: bold;
    font-size: 0.9em;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Make the whole message box feel like a clickable link back home */
.pmpro_content_message {
    cursor: pointer;
}
/* Force checkboxes to stack vertically and align left */
.wpcf7-list-item {
    display: block;
    margin: 0 0 10px 0 !important; /* Removes side margins and adds bottom spacing */
}

/* Removes the default padding/margin CF7 adds to the wrapper */
span.wpcf7-list-item {
    margin-left: 0 !important;
}
/* 1. Reset the appearance and set our custom color */
.wpcf7-list-item input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #0F2D32 !important; /* The border color */
    background-color: #fff !important;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px !important;
}

/* 2. Create the custom tick mark when checked */
.wpcf7-list-item input[type="checkbox"]:checked {
    background-color: #0F2D32 !important; /* The fill color */
}

.wpcf7-list-item input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* 3. Ensure they stay on separate lines and align left */
.wpcf7-list-item {
    display: block !important;
    margin: 0 0 12px 0 !important;
}
/* 1. Hide empty paragraphs generated by WordPress/CF7 */
.elementor-widget-text-editor p:empty,
.wpcf7-form p:empty,
.wpcf7-form br {
    display: none !important;
}

/* 2. Remove bottom margin from the last element in the form */
.wpcf7-form p:last-child {
    margin-bottom: 0 !important;
}

/* 3. Eliminate padding from the Elementor containers */
.elementor-322 .e-con {
    padding-bottom: 40 !important;
}
/* Corporate Slate Silver for Descriptions */
#buddypress .standard-form p.description, 
#buddypress .standard-form .description, 
.editfield .description, 
p.description[tabindex="0"], 
.registration .description {
    color: #ADB5BD !important; /* Corporate Silver-Grey */
    opacity: 1 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important; /* Adds professional spacing between lines */
}
/* Totally remove the empty block-6 and its spacing */
#block-6.widget_block {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Also kill the extra padding on the footer area itself */
.footer-widget-area.bb-footer {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}