/* ====================================
GLOBAL MARKETPLACE LAYOUT
==================================== */

/* ====================================
CONTAINERS
==================================== */

.sa-container,
.sudanads-taxonomy-wrapper{

    width:100%;

    max-width:1100px;

    margin:0 auto;

    padding-left:16px;

    padding-right:16px;

    box-sizing:border-box;

}

/* ====================================
PAGE TITLES
==================================== */

.archive-title,
.category-page-title{

    margin:0 0 24px;

    font-size:32px;

    font-weight:900;

    line-height:1.3;

    color:#111827;

}

/* ====================================
ARCHIVE GRID
==================================== */

.archive-grid{

    display:grid;

    grid-template-columns:
    repeat(
        auto-fill,
        minmax(250px,1fr)
    );

    gap:18px;

}

/* ====================================
EMPTY STATE
==================================== */

.empty-state{

    background:#ffffff;

    border:1px dashed #d1d5db;

    border-radius:22px;

    padding:40px 20px;

    text-align:center;

    color:#6b7280;

    font-size:15px;

    font-weight:700;

}

/* ====================================
PAGINATION
==================================== */

.archive-pagination,
.sudanads-pagination{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:8px;

    margin-top:32px;

}

/* ====================================
PAGE NUMBERS
==================================== */

.page-numbers{

    min-width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:14px;

    border:1px solid #e5e7eb;

    background:#ffffff;

    color:#111827;

    text-decoration:none;

    font-weight:700;

    transition:.2s ease;

}

.page-numbers:hover{

    background:#f9fafb;

}

.page-numbers.current{

    background:#16a34a;

    border-color:#16a34a;

    color:#ffffff;

}

/* ====================================
ARCHIVE META
==================================== */

.archive-meta{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:10px;

}

.archive-city{

    display:flex;

    align-items:center;

    gap:4px;

}

/* ====================================
MOBILE
==================================== */

@media(max-width:768px){

    .archive-title,
    .category-page-title{

        font-size:26px;

    }

    .archive-grid{

        grid-template-columns:1fr;

        gap:16px;

    }

    .page-numbers{

        min-width:38px;

        height:38px;

        border-radius:12px;

        font-size:14px;

    }

}