/*
 * Inner pages: differences from the live site (ipindia.gov.in) found when the old pages were compared with it.
 * Loaded after gigw-fixes.css (layouts/FrontEnd/app.blade.php). Everything here is copied from the live site's
 * responsive.css / style.css rules that our copy of those files did not have yet; nothing here changes a colour.
 */

/* Wide tables (acts, rules, guidelines, manuals, tenders ...) scroll sideways inside their own box on small screens
   instead of pushing the whole page wider. */
.table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* "Format / Size / Language" file-link blocks stay on one line and keep their width inside the table. */
@media only screen and (max-width: 1099px) {
    .main-content .aboutSectionArea table tbody tr td .pdf-inline {
        flex-wrap: nowrap;
        text-align: left;
        min-width: 520px;
    }

    .main-content .aboutSectionArea table tbody tr td a.ip-btn {
        white-space: nowrap;
    }
}

@media only screen and (max-width: 991px) {
    .table-responsive {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .main-content .aboutSectionArea table tr td a.text-primary {
        font-size: 15px;
        display: flex;
        width: 200px;
    }
}

@media only screen and (max-width: 680px) {
    .main-content .aboutSectionArea table.table tbody tr td a.pdf-link {
        font-size: 13px;
        min-width: 201px;
    }

    .main-content .aboutSectionArea a.view-details {
        font-size: 13px;
        min-width: 110px;
    }
}

@media (max-width: 600px) {
    .pdf-inline span {
        padding-right: 6px !important;
    }
}

/* Trademark Application Workflow chart (partials/trademark-workflow-diagram): same chart as live, with a darker red so the
   white text on the REFUSAL / ABANDONED boxes reaches 4.5:1, and a visible focus ring on the scrolling box. */
.canvas-scroll .canvas .box-red {
    background: #c62828;
}

.canvas-scroll:focus-visible {
    outline: 3px solid #034ea2;
    outline-offset: 2px;
}

/* Two buttons side by side (e.g. "Download" + "View") */
.stPd-btn {
    display: flex;
    width: 189px;
    gap: 5px;
}