/* =================================================================
 * Page Specific Styles for Domain Checker (style.css)
 * ================================================================= */

/* 結果表示エリアのラッパー */
.result-content-wrapper {
    max-height: 500px;
    /* テーブル等の最大高さを制限 */
    overflow-y: auto;
    /* 高さを超えたらスクロール */
    font-size: 0.9em;
}

/* Whois生データ表示用 */
.whois-raw-data {
    font-family: var(--bs-font-monospace);
    white-space: pre-wrap;
    /* 折り返しありのpre */
    word-break: break-all;
    background-color: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    padding: 1rem;
}

/* DNSレコードテーブル */
.dns-table th {
    width: 100px;
    /* レコードタイプ列 */
}

/* DNS TXTレコードの内容 (長い場合に改行) */
.dns-table .txt-value {
    font-family: var(--bs-font-monospace);
    white-space: pre-wrap;
    word-break: break-all;
    max-width: 500px;
    /* 横幅制限 */
}

/* ブラックリストの結果 (アイコン色) */
.blacklist-listed {
    color: var(--bs-danger);
}

.blacklist-not-listed {
    color: var(--bs-success);
}

/* =================================================================
 * Custom Utilities (Inline style replacements)
 * ================================================================= */
.fs-sm-custom {
    font-size: 0.9em;
}

.fs-xs-custom {
    font-size: 0.85em;
}

.w-80px {
    width: 80px;
}

.w-120px {
    width: 120px;
}

.w-150px {
    width: 150px;
}

.w-180px {
    width: 180px;
}

.w-30-pct {
    width: 30%;
}

.max-h-150px-scroll {
    max-height: 150px;
    overflow-y: auto;
}

/* =================================================================
 * Custom Scrollable Pills Tabs
 * ================================================================= */
.custom-scroll-tabs {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.custom-scroll-tabs::-webkit-scrollbar {
    height: 6px;
}

.custom-scroll-tabs::-webkit-scrollbar-thumb {
    background-color: var(--bs-secondary-bg);
    border-radius: 10px;
}

.custom-scroll-tabs .nav-link {
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    transition: all 0.2s ease-in-out;
}

.custom-scroll-tabs .nav-link:hover {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-secondary-color);
}

.custom-scroll-tabs .nav-link.active {
    background-color: var(--bs-primary);
    color: #fff;
    border-color: var(--bs-primary);
    box-shadow: 0 2px 5px rgba(var(--bs-primary-rgb), 0.3);
}