/* ================================================
   AIOJP - FULLY RESPONSIVE
   ================================================ */
/* ---- Laptop (max 1440px) ---- */
@media screen and (max-width: 1440px) {
	.aiojp-single-page{
		padding-top:48px;
	}
}


/* ---- Tablet (max 1024px) ---- */
@media screen and (max-width: 1024px) {
    #aiojp-job-results,
    .aiojp-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .aiojp-grid-scroll-wrap {
        max-height: 800px;
    }
    .aiojp-single-layout {
        gap: 20px;
    }
    .aiojp-job-sidebar {
        width: 240px;
    }
    .aiojp-job-main {
        padding: 28px 24px;
    }
	.aiojp-single-page{
		padding-top:40px;
	}
}

/* ---- Tablet (max 768px) — 1 column ---- */
@media screen and (max-width: 768px) {
    .aiojp-listing-wrap {
        padding: 24px 0 40px;
    }
    .aiojp-listing-wrap h2.aiojp-listing-title {
        font-size: 22px !important;
        white-space: normal !important;
    }

    /* 1 column on tablet */
    #aiojp-job-results,
    .aiojp-cards-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .aiojp-grid-scroll-wrap {
        max-height: 700px;
        width: 100%;
        box-sizing: border-box;
    }

    /* Single Page */
    .aiojp-single-page {
        padding: 24px 16px 50px;
    }
    .aiojp-single-layout {
        flex-direction: column;
    }
    .aiojp-job-sidebar {
        width: 100%;
        position: static;
    }
    .aiojp-job-main {
        padding: 24px 20px;
    }
    .aiojp-info-boxes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .aiojp-job-title-row h1 {
        font-size: 22px;
    }
    .aiojp-info-box {
        font-size: 13px;
        padding: 8px 12px;
    }

    /* Home search */
    #aiojp-home-search-form {
        flex-direction: column;
        gap: 8px;
    }
    #aiojp-home-search-form div {
        width: 100%;
    }
    #aiojp-home-search-form input[type="text"] {
        width: 100%;
        min-width: unset;
    }
    #aiojp-home-search-form button[type="submit"] {
        width: 100%;
    }

    /* Modal */
    .apply-modal-content {
        padding: 24px 18px;
        width: 95%;
    }
	
	.aiojp-single-page{
		padding-top:32px;
	}
}

/* ---- Mobile (max 580px) ---- */
@media screen and (max-width: 580px) {
    .aiojp-listing-wrap h2.aiojp-listing-title {
        font-size: 18px !important;
    }
    #aiojp-job-results,
    .aiojp-cards-grid {
        display: block;
    }
    .aiojp-card-link {
        display: block;
        margin-bottom: 14px;
    }
    .aiojp-card-link:last-child {
        margin-bottom: 0;
    }
    .aiojp-card-title-wrap h3 {
        font-size: 16px;
    }
    .aiojp-view-btn {
        font-size: 14px;
        padding: 11px;
    }

    /* Single Page */
    .aiojp-single-page {
        padding: 16px 12px 40px;
    }
    .aiojp-job-title-row {
        flex-direction: column;
        gap: 8px;
    }
    .aiojp-job-title-row h1 {
        font-size: 20px;
    }
    .aiojp-info-boxes {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .aiojp-info-box {
        width: 100%;
        box-sizing: border-box;
    }
    .aiojp-job-main {
        padding: 20px 16px;
        border-radius: 12px;
    }
    .aiojp-job-main h4.aiojp-section-title {
        font-size: 15px;
    }
    .aiojp-sidebar-card {
        padding: 20px 16px;
    }
    .apply-modal-content {
        padding: 20px 14px;
        width: 96%;
    }
		
	.aiojp-single-page{
		padding-top:24px;
	}
}

/* ---- Mobile Small (max 380px) ---- */
@media screen and (max-width: 380px) {
    .aiojp-listing-wrap h2.aiojp-listing-title {
        font-size: 16px !important;
    }
    .aiojp-job-title-row h1 {
        font-size: 18px;
    }
	.aiojp-single-page{
		padding-top:20px;
	}
}