/*
 * Java Pro — Homepage Engine
 */

/* =========================================================
   Shared
   ========================================================= */

.java-pro-home {
    padding: 0 0 60px;
}

.java-pro-home-section {
    padding: 56px 0;
}

.java-pro-home-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.java-pro-home-section-kicker {
    display: block;
    margin-bottom: 5px;
    color: var(--java-pro-primary);
    font-size: 13px;
    font-weight: 700;
}

.java-pro-home-section-title {
    margin: 0;
    color: var(--java-text);
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.3;
}

.java-pro-home-section-link {
    flex: 0 0 auto;
    color: var(--java-pro-primary);
    font-size: 14px;
    font-weight: 700;
}

.java-pro-home-section-link:hover {
    color: var(--java-pro-primary-dark);
}

/* =========================================================
   Featured
   ========================================================= */

.java-pro-home-featured {
    background: var(--java-surface);
}

.java-pro-home-featured-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.java-pro-home-featured .java-pro-post-card {
    height: 100%;
}

/* =========================================================
   Latest Posts
   ========================================================= */

.java-pro-home-latest {
    background: var(--java-bg);
}

.java-pro-home-posts-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.java-pro-home-posts-grid .java-pro-post-card {
    height: 100%;
}

@media (max-width: 1100px) {
    .java-pro-home-featured-grid,
    .java-pro-home-posts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .java-pro-home-categories-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 700px) {
    .java-pro-home-section {
        padding: 42px 0;
    }

    .java-pro-home-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 22px;
    }

    .java-pro-home-featured-grid,
    .java-pro-home-posts-grid {
        grid-template-columns: 1fr;
    }

    .java-pro-home-categories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {

    .java-pro-home-categories-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   Homepage Content Layout
   Generic responsive 3-column layout
   ========================================================= */

.java-pro-home-content-layout {
    padding-top: 0;
}

.java-pro-home-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.java-pro-home-main-column {
    min-width: 0;
}

.java-pro-home-sidebar {
    min-width: 0;
}

.java-pro-home-sidebar .widget {
    margin-bottom: 24px;
}

.java-pro-home-sidebar .widget:last-child {
    margin-bottom: 0;
}

/* Desktop: left sidebar + main content + right sidebar */
.java-pro-home-layout.has-left-sidebar.has-right-sidebar {
    grid-template-columns:
        minmax(210px, 0.78fr)
        minmax(0, 1.8fr)
        minmax(210px, 0.78fr);
}

/* Desktop: left sidebar + main content */
.java-pro-home-layout.has-left-sidebar:not(.has-right-sidebar) {
    grid-template-columns:
        minmax(210px, 0.75fr)
        minmax(0, 2.25fr);
}

/* Desktop: main content + right sidebar */
.java-pro-home-layout.has-right-sidebar:not(.has-left-sidebar) {
    grid-template-columns:
        minmax(0, 2.25fr)
        minmax(210px, 0.75fr);
}

/* Latest section inside the main column */
.java-pro-home-main-column .java-pro-home-section {
    padding-top: 0;
    padding-bottom: 0;
}

.java-pro-home-main-column .java-pro-home-section-heading {
    margin-top: 0;
}

/* Tablet */
@media (max-width: 1100px) {

    .java-pro-home-layout.has-left-sidebar.has-right-sidebar {
        grid-template-columns:
            minmax(180px, 0.7fr)
            minmax(0, 1.8fr)
            minmax(180px, 0.7fr);
        gap: 20px;
    }

    .java-pro-home-layout.has-left-sidebar:not(.has-right-sidebar),
    .java-pro-home-layout.has-right-sidebar:not(.has-left-sidebar) {
        gap: 20px;
    }
}

/* Mobile */
@media (max-width: 768px) {

    .java-pro-home-layout,
    .java-pro-home-layout.has-left-sidebar.has-right-sidebar,
    .java-pro-home-layout.has-left-sidebar:not(.has-right-sidebar),
    .java-pro-home-layout.has-right-sidebar:not(.has-left-sidebar) {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .java-pro-home-main-column {
        order: 1;
    }

    .java-pro-home-sidebar-left {
        order: 2;
    }

    .java-pro-home-sidebar-right {
        order: 3;
    }
}


/* =========================================================
   JAVA HOME — IRANIAN CULTURE & TECHNOLOGY BACKGROUND
   ========================================================= */

.java-home-page{
    position:relative;
    isolation:isolate;
    background:
        linear-gradient(
            180deg,
            rgba(3,8,20,.18) 0%,
            rgba(3,8,20,.10) 35%,
            rgba(3,8,20,.20) 100%
        ),
        url('https://gachsaranjava.ir/wp-content/uploads/2026/10/%D8%A8%D9%86%D8%B1-%D9%BE%D9%87%D9%86%D8%A7%DB%8C-%D9%81%D8%B1%D9%87%D9%86%DA%AF-%D9%88-%D9%81%D9%86%D8%A7%D9%88%D8%B1%DB%8C-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86.png')
        center top / cover fixed no-repeat;
}

.java-home-page::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        linear-gradient(
            180deg,
            rgba(4,9,22,.08),
            rgba(4,9,22,.16)
        );
    pointer-events:none;
}

.java-home-page .java-home-cards{
    position:relative;
    z-index:1;
}

/* کارت‌ها کمی از پس‌زمینه جدا شوند */
.java-home-page .java-home-cards > *{
    position:relative;
    z-index:2;
}

/* موبایل */
@media (max-width:767px){

    .java-home-page{
        background:
            linear-gradient(
                180deg,
                rgba(3,8,20,.22),
                rgba(3,8,20,.18)
            ),
            url('https://gachsaranjava.ir/wp-content/uploads/2026/10/%D8%A8%D9%86%D8%B1-%D9%BE%D9%87%D9%86%D8%A7%DB%8C-%D9%81%D8%B1%D9%87%D9%86%DA%AF-%D9%88-%D9%81%D9%86%D8%A7%D9%88%D8%B1%DB%8C-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86.png')
            center top / auto 100% no-repeat;
        background-attachment:scroll;
    }

}

/* صفحه‌های خیلی باریک */
@media (max-width:380px){

    .java-home-page{
        background-position:center top;
    }

}

/* =========================================================
   JAVA HOME — IRANIAN CULTURE & TECHNOLOGY BACKGROUND
   FINAL SELECTOR
   ========================================================= */

main.java-home{
    position:relative;
    isolation:isolate;
    background:
        linear-gradient(
            180deg,
            rgba(3,8,20,.18) 0%,
            rgba(3,8,20,.10) 35%,
            rgba(3,8,20,.20) 100%
        ),
        url('/wp-content/uploads/2026/10/%D8%A8%D9%86%D8%B1-%D9%BE%D9%87%D9%86%D8%A7%DB%8C-%D9%81%D8%B1%D9%87%D9%86%DA%AF-%D9%88-%D9%81%D9%86%D8%A7%D9%88%D8%B1%DB%8C-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86.png')
        center top / cover fixed no-repeat;
}

main.java-home::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:rgba(3,8,20,.08);
}

main.java-home .java-home-inner,
main.java-home .java-home-cards{
    position:relative;
    z-index:1;
}

@media (max-width:767px){

    main.java-home{
        background:
            linear-gradient(
                180deg,
                rgba(3,8,20,.20),
                rgba(3,8,20,.18)
            ),
            url('/wp-content/uploads/2026/10/%D8%A8%D9%86%D8%B1-%D9%BE%D9%87%D9%86%D8%A7%DB%8C-%D9%81%D8%B1%D9%87%D9%86%DA%AF-%D9%88-%D9%81%D9%86%D8%A7%D9%88%D8%B1%DB%8C-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86.png')
            center top / auto 100vh no-repeat;
        background-attachment:fixed;
    }

}


/* =========================================================
   JAVA TOP BANNER — IRANIAN CULTURE
   فقط بالای هدر
   ========================================================= */

body{
    background-color:#fff !important;
    background-image:url('/wp-content/uploads/2026/10/%D8%A8%D9%86%D8%B1-%D9%BE%D9%87%D9%86%D8%A7%DB%8C-%D9%81%D8%B1%D9%87%D9%86%DA%AF-%D9%88-%D9%81%D9%86%D8%A7%D9%88%D8%B1%DB%8C-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86.png') !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-size:100% 150px !important;
    padding-top:150px !important;
}

main.java-home{
    background:initial !important;
}

@media(max-width:560px){
    body{
        background-size:auto 95px !important;
        padding-top:95px !important;
    }
}