/* wp-content/themes/seu-tema-filho/css/job-offers.css */
.job-offers-container {
    width: 100%;
    max-width: 100%; /* Remove a restri������o de 1200px para usar toda a largura */
    margin: 0 auto;
    padding: 40px 10px; /* Reduz o padding lateral para maximizar a largura */
    box-sizing: border-box;
}

.job-offers-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 40px;
    color: #333;
}

.job-offers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 4 colunas por padr���o */
    gap: 15px; /* Reduz o gap para otimizar espa���o */
    width: 100%; /* Garante que o grid use toda a largura do cont���iner */
    box-sizing: border-box;
}

.job-offer-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px; /* Reduz o padding interno para mais espa���o ���til */
    transition: box-shadow 0.3s ease;
}

.job-offer-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.job-title {
    font-size: 1.4rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 10px;
}

.job-reference,
.job-location,
.job-type,
.job-category {
    font-size: 1rem;
    color: #666;
    margin: 5px 0;
}

.job-excerpt {
    font-size: 0.9rem;
    color: #555;
    margin-bottom: 15px;
}

.job-button {
    display: inline-block;
    padding: 10px 20px;
    background: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 1.1rem;
    transition: background 0.3s ease;
}

.job-button:hover {
    color: #fff;
    background: #005b87;
}

.no-jobs {
    text-align: center;
    font-size: 1.2rem;
    color: #666;
}

/* Responsividade */
@media (max-width: 1024px) {
    .job-offers-grid {
        grid-template-columns: repeat(3, 1fr); /* 3 colunas */
        gap: 10px; /* Menor gap para maximizar largura */
    }
    .job-offers-container {
        padding: 30px 5px; /* Menor padding lateral */
    }
}

@media (max-width: 768px) {
    .job-offers-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 colunas */
        gap: 10px;
    }
    .job-offers-container {
        padding: 20px 5px;
    }
}

@media (max-width: 480px) {
    .job-offers-grid {
        grid-template-columns: 1fr; /* 1 coluna */
        gap: 10px;
    }
    .job-offers-container {
        padding: 20px 10px;
    }
}