.pad-fluid {
    margin-top: 40px;
}

/* Style the Naver link */
.search-naver-link {
    display: inline-flex;
    align-items: center;
    margin-left: 0.2rem;
    text-decoration: none;
    color: #6c757d;
    float: right;

    span {
        font-size: 1em;
        vertical-align: middle; /* Helps align icon with potential text */
    }
}

.search-naver-link:hover {
    color: #0d6efd;
}

/* Search and button bar */
div.dt-buttons {
    margin-left: 0 !important;
}

div.dt-container div.dt-search {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    position: relative;

    input[type="search"] {
        width: 100%;
    }

    div.form-switch {
        padding: 0;
        margin-left: 0.2rem; /* Adjust spacing before the switch */

        input {
            min-width: 2em;
        }
    }
}

@media (max-width: 767px) {
    .pad-fluid {
        margin-top: 8px;
    }
}

@media (hover: none) {
    /* Disable sticky hover on touchscreen devices */
    .btn:hover .btn:focus {
        color: unset !important;
        background-color: unset !important;
        border-color: unset !important;
    }
}

@media screen and (max-width: 992px) {
    /* Print button is not displayed in smaller screens */
    div:has(> button.print-btn) {
        display: none !important;
    }
}


@media screen and (max-width: 767px) {
    div.dt-buttons {
        width: unset !important;
        margin: 0.5em 1em !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    div.dt-buttons > button {
        max-width: 18em !important;
    }
}