/* =====================================================
   IASRD Mobile-Friendly Fix
   File: public/css/mobile-fix.css
   Yeh file stylesheet.css ke BAAD load karein
   ===================================================== */

/* ---- Global fixes ---- */
* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

/* ---- Top contact bar: mobile par hide karein ya stack karein ---- */
@media (max-width: 768px) {
    .container-default .row .col-md-6 p {
        text-align: center !important;
        font-size: 12px;
        margin: 3px 0 !important;
    }

    .container-default .row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

/* ---- Navbar / Header ---- */
@media (max-width: 768px) {
    /* Logo size chhota karo mobile par */
    .logoImg {
        max-width: 130px !important;
        height: auto !important;
        display: block;
        margin: 8px auto;
    }

    /* Logo aur nav ko stack karo */
    .container-default-nav .row .col-md-2,
    .container-default-nav .row .col-md-10 {
        width: 100% !important;
        text-align: center;
    }

    /* Navbar toggle button visible karo */
    .navbar-toggle {
        display: block !important;
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        background-color: #fff;
        border: 1px solid #ccc;
        padding: 8px 10px;
        border-radius: 4px;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        background-color: #333;
        margin: 4px 0;
    }

    /* Mobile menu items full width */
    .navbar-collapse.collapse.in,
    .navbar-collapse.collapsing {
        display: block !important;
    }

    .navbar-nav {
        width: 100% !important;
        margin: 0 !important;
    }

    .navbar-nav > li {
        float: none !important;
        width: 100%;
    }

    .navbar-nav > li > a {
        padding: 12px 15px !important;
        border-bottom: 1px solid #eee;
        display: block;
        text-align: left;
    }

    .navbar-right {
        float: none !important;
        margin: 0 !important;
    }

    .navbar-right > li > a {
        background-color: #0056b3;
        color: #fff !important;
        text-align: center;
        border-radius: 4px;
        margin: 8px 10px;
        display: block;
    }
}

/* ---- Search bar ---- */
@media (max-width: 768px) {
    .searchInput {
        width: 100% !important;
        font-size: 14px !important;
        padding: 10px !important;
    }
}

/* ---- Journals section (cover image + text) ---- */
@media (max-width: 768px) {
    .whiteBg .col-md-2,
    .whiteBg .col-md-10 {
        width: 100% !important;
        float: none !important;
        text-align: center;
    }

    .coverPage {
        max-width: 120px !important;
        margin: 0 auto 12px auto !important;
        display: block;
    }

    .submitBnt {
        display: inline-block;
        margin: 5px auto !important;
        float: none !important;
        text-align: center;
    }
}

/* ---- Journal details page (banner + info) ---- */
@media (max-width: 768px) {
    .coverPageBox,
    .col-md-3.coverPageBox {
        width: 100% !important;
        text-align: center;
        margin-bottom: 15px;
    }

    .journalBanner {
        max-width: 160px !important;
        margin: 0 auto 15px auto !important;
        display: block;
    }

    .col-md-9 {
        width: 100% !important;
        float: none !important;
    }

    .journalTitle {
        font-size: 20px !important;
        line-height: 1.3;
    }
}

/* ---- Article cards (3 column → 1 column) ---- */
@media (max-width: 768px) {
    .articleInnerBoxN {
        margin-bottom: 15px;
        padding: 12px;
    }

    .col-md-4 {
        width: 100% !important;
        float: none !important;
        margin-bottom: 15px;
    }

    .articleTile {
        font-size: 15px !important;
    }
}

/* ---- Events & News section ---- */
@media (max-width: 768px) {
    .col-md-6 {
        width: 100% !important;
        float: none !important;
        margin-bottom: 15px;
    }

    /* News image + text stack karo */
    .whiteBg .col-md-4,
    .whiteBg .col-md-8 {
        width: 100% !important;
        float: none !important;
        text-align: center;
    }

    .newsImg {
        max-width: 100% !important;
        margin: 0 auto 10px auto !important;
        display: block;
    }
}

/* ---- Boxes / containers ---- */
@media (max-width: 768px) {
    .bgshBox {
        padding: 15px !important;
        margin-bottom: 15px;
    }

    .whiteBg {
        padding: 12px !important;
        margin-bottom: 10px;
    }

    .padding-20 {
        padding: 10px !important;
    }

    .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* ---- Footer ---- */
@media (max-width: 768px) {
    footer {
        text-align: center;
        padding: 15px !important;
    }

    footer p {
        font-size: 12px !important;
    }
}

/* ---- Journal header page ---- */
@media (max-width: 768px) {
    .col-md-12 h1,
    .col-md-12 h2 {
        font-size: 18px !important;
    }

    .issnBlock p {
        font-size: 13px;
    }
}