/* Common Tab Styling for Control Panel and User Quotes Pages */

/* Tab styling to match navbar */
.custom-tabs .nav-link {
    font-family: 'HeaderFont', sans-serif;
    font-size: 1.1rem;
    color: var(--color-text-small, #868686);
    background-color: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: 0.5rem 1.5rem;
    transition: color 0.3s ease;
}

.custom-tabs .nav-link:hover {
    color: var(--color-text-primary, #282828);
    background-color: transparent;
    border-color: transparent;
}

.custom-tabs .nav-link.active {
    color: var(--color-text-primary, #282828);
    background-color: transparent;
    border-color: transparent;
    border-bottom: 2px solid var(--color-text-primary, #282828);
}

/* Remove default Bootstrap tab borders */
.custom-tabs {
    border-bottom: 1px solid var(--color-border, #231F20);
}

/* Tab content background - transparent to match page */
.custom-tabs + .tab-content {
    background-color: transparent;
    border: none;
    padding: 20px 0;
}

/* Cancelled order styling */
.cancelled-order td {
    text-decoration: line-through;
    opacity: 0.6;
}

/* Truncate long text */
.truncate-text {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Search box styling */
.table-search-box {
    width: 50%;
}

.search-wrapper {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media (max-width: 767px) {
    .table-search-box {
        width: 100%;
    }
}