/**
 * Custom styles for Portal
 */

/* General Styles */
body {
    background-color: #f7f9fc;
}

.transition {
    transition: all 0.2s ease-in-out;
}

/* Auth Styles */
.min-height-80vh {
    min-height: 80vh;
}

.icon-box-40 {
    width: 40px;
    height: 40px;
}

.otp-input {
    text-transform: uppercase;
    letter-spacing: 0.2rem;
}

/* Portal Menu Styles */
.hover-bg-light:hover {
    background-color: #f8f9fa;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "|";
    color: #6c757d;
}

/* Portal Category Styles */
.hover-shadow:hover {
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px);
}

.category-card-body {
    min-height: 500px;
}

.last-mb-0:last-child {
    margin-bottom: 0 !important;
}

/* Common Utilities */
.x-small {
    font-size: 0.75rem;
}

.border-primary {
    border-color: #0d6efd !important;
}

/* Portal News Styles */
.news-card-height {
    height: auto;
    min-height: 500px;
}

.news-content {
    line-height: 1.8;
    color: #333;
}

.overflow-y-auto {
    overflow-y: auto;
}

.user-name {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-email {
    display: block;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#preview-content {
    white-space: pre-line; /* 改行文字を反映して行を折り返す */
}

/* カテゴリバッジ色パレット（8色循環）
   クラス番号は (カテゴリID - 1) % 8 + 1 で動的に割り当てる（home/index.blade.php 参照）
   パレット数を変える場合は Blade 側の modulo 値も合わせて変更すること */
.category-badge-1 {
    background-color: #cfe2ff; /* Bootstrap info色の薄め */
    color: #084298; /* Bootstrap infoの深い色 */
}

.category-badge-2 {
    background-color: #f8d7da; /* Bootstrap danger色の薄め */
    color: #842029; /* Bootstrap dangerの深い色 */
}

.category-badge-3 {
    background-color: #d1e7dd; /* Bootstrap success色の薄め */
    color: #15510f; /* Bootstrap successの深い色 */
}

.category-badge-4 {
    background-color: #e2e3e5; /* Bootstrap secondary色の薄め */
    color: #41464b; /* Bootstrap secondaryの深い色 */
}

.category-badge-5 {
    background-color: #fff3cd; /* Bootstrap warning色の薄め */
    color: #664d03; /* Bootstrap warningの深い色 */
}

.category-badge-6 {
    background-color: #cff4fc; /* Bootstrap cyan色の薄め */
    color: #055160; /* Bootstrap cyanの深い色 */
}

.category-badge-7 {
    background-color: #e2d9f3; /* Bootstrap purple色の薄め */
    color: #432874; /* Bootstrap purpleの深い色 */
}

.category-badge-8 {
    background-color: #f7d6e6; /* Bootstrap pink色の薄め */
    color: #801f4f; /* Bootstrap pinkの深い色 */
}

/* カテゴリ未設定（null・削除済み）用 */
.category-badge-other {
    background-color: #e2e3e5; /* Bootstrap secondary色の薄め */
    color: #41464b; /* Bootstrap secondaryの深い色 */
}