/* =====================================================
   Delhi University Publishing
   Full-width layout for List of All Journals ONLY
   ===================================================== */

/* Expand the main content area on the directory page */
body:has(.du-journal-directory) .pkp_structure_main {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    left: auto !important;
    box-sizing: border-box !important;
    padding-right: 25px !important;
}

/* Hide the right sidebar only on the directory page */
body:has(.du-journal-directory) .pkp_structure_sidebar {
    display: none !important;
}

/* Remove width restrictions from the directory itself */
body:has(.du-journal-directory) .du-journal-directory {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Let both tables use the available width */
body:has(.du-journal-directory) .du-journal-directory .table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    box-sizing: border-box !important;
}

body:has(.du-journal-directory) .du-journal-directory table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
    border-collapse: collapse;
}

/* Improve spacing and readability */
body:has(.du-journal-directory) .du-journal-directory th,
body:has(.du-journal-directory) .du-journal-directory td {
    padding: 12px 14px !important;
    vertical-align: middle;
}

/* Give journal names and affiliations sufficient space */
body:has(.du-journal-directory) .du-journal-directory .journal-name {
    min-width: 230px;
}

body:has(.du-journal-directory) .du-journal-directory .affiliation {
    min-width: 240px;
}

/* Keep Visit Journal links visible */
body:has(.du-journal-directory) .du-journal-directory .type {
    min-width: 110px;
    text-align: center;
}

/* Mobile and tablet screens */
@media screen and (max-width: 768px) {
    body:has(.du-journal-directory) .pkp_structure_main {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    body:has(.du-journal-directory) .du-journal-directory table {
        min-width: 850px;
    }
}