/* These styles were extracted from the <style> block in jobs.aspx
  They are specific to the jobs page.
*/

/* Basic Page and Typography Styles */
body {
    background: #faf2d9;
    /* font-family is set in header16.php via style904.css */
}

a {
    color: #0056b3;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* The #body styles from jobs.aspx are very similar to style904.css.
  We will keep the jobs.aspx version to ensure the background color
  and shadow are correct for this page.
*/
#body {
    background: #fff;
    box-shadow: 0 0 11px rgba(0,0,0,.25);
    margin: 0 auto;
    text-align: left;
    width: 100%;
    max-width: 1200px; /* Max width for desktop */
}
#body-content {
    background: #fff;
    padding: 0 15px; /* Padding from jobs.aspx */
}

/* Header and Menu styles from jobs.aspx are commented out
  because header16.php provides its own header and navigation.
*/
/*
#header { ... }
#menu { ... }
*/

/* Main Content Area Layout */
#main-content {
    padding: 25px 0;
}
.corkboard {
    background-image: url('https://www.transparenttextures.com/patterns/cork-wallet.png');
    background-color: #c5a57f;
    padding: 30px;
    border-radius: 8px;
    border: 15px solid #6b4f3a;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.2);
}
.corkboard-title {
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-size: 2.5em;
    color: #fff; /* Changed to white */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7); /* Darker shadow for readability */
    margin-bottom: 25px;
    background-color: rgba(0, 0, 0, 0.5); /* Added semi-transparent background */
    padding: 15px;
    border-radius: 6px;
}
.social-sharing-stats {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    justify-content: center;
}
.social-sharing-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    justify-content: center;
    border-bottom: 2px dashed rgba(74,58,42,0.3);
}
.share-count {
    font-weight: bold;
    font-size: 1.2em;
    margin-right: 15px;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    padding: 8px 15px;
    border-radius: 20px;
}
.share-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: 20px;
    color: #fff;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
    transition: opacity 0.2s;
}
.share-btn:hover {
    opacity: 0.9;
    text-decoration: none;
    color: #fff;
}
.share-btn.facebook { background-color: #1877f2; }
.share-btn.messenger { background-color: #0084ff; }
.share-btn.twitter { background-color: #1da1f2; }
.share-btn.whatsapp { background-color: #25d366; }
.share-btn.linkedin { background-color: #0a66c2; }
.share-btn.telegram { background-color: #0088cc; }
.share-btn.email { background-color: #000; }
.partner-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 30px;
}
.partner-logos img {
    max-height: 50px;
    opacity: 0.8;
}
.jobs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}
.job-card {
    background-color: transparent;
    color: #333;
    padding: 0;
    border-radius: 4px;
    box-shadow: none;
    transition: transform 0.3s;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.job-card:hover {
    transform: scale(1.05);
    z-index: 10;
}
.job-card-link {
    color: #333;
    display: block;
    width: 100%;
}
.job-card-image {
    width: 300px;
    height: 200px;
    object-fit: cover;
    border-radius: 4px;
}

/* Equivalent for the asp:Label fallback */
.job-card-label {
    display: inline-block;
    padding: 20px;
    font-family: 'Oswald', sans-serif;
    font-size: 1.5em;
    color: #333;
    background: #fff;
    border: 4px dashed #6b4f3a;
    border-radius: 6px;
    width: 300px;
    box-sizing: border-box; /* Ensures padding doesn't break width */
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Footer styles from jobs.aspx are commented out
  because footer16.php provides its own footer.
*/
/*
#footer { ... }
*/

/* --- Media Queries for Responsiveness --- */
@media (max-width: 767px) {
    #body-content {
        padding: 0 10px;
    }
    .corkboard-title {
        font-size: 1.8em;
    }
    .corkboard {
        padding: 15px;
        border-width: 10px;
    }
    .jobs-grid {
        /* On mobile, stack to one column */
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .job-card-label {
        /* Allow label to be full width on mobile, respecting corkboard padding */
        /* .job-card-image was removed from this rule to prevent stretching */
        width: 100%;
    }
}