/* Custom CSS for EAF Shachihata CMS */

/* ========================================
   レイアウト基本スタイル
   ======================================== */

/* フルハイトレイアウト */
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* メインコンテナ */
.main-container {
    margin-top: 20px;
}

/* フッター */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #f7f7f7;
}

.footer > .row {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
}

.copyright {
    float: left;
}

#poweredBy {
    float: right;
}

/* ========================================
   フォーム・テーブルスタイル
   ======================================== */

/* ラベル */
label {
    font-weight: bold;
    white-space: nowrap;
}

/* テーブルヘッダー */
th {
    font-weight: bold;
    /* white-space: normal で折り返し可能に */
}

/* ナビゲーションアイテム */
.nav-item a {
    white-space: nowrap;
}

/* サイドバーリンク */
.bd-links a {
    text-decoration: none;
}

.bd-links a:hover {
    text-decoration: none;
}

/* エラーメッセージ */
div.error {
    width: auto;
    background: transparent;
    border: none;
    color: red;
    display: inline-block;
    padding: 5px;
}

div.error_wrapper {
    display: block;
}

/* ヘルパークラス */
.right {
    float: right;
    text-align: right;
}

.left {
    float: left;
    text-align: left;
}

.center {
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

/* Bootstrap 3/4互換クラス */
.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

/* Bootstrap 4互換: form-group */
.form-group {
    margin-bottom: 1rem;
}

/* Bootstrap 4互換: btn-block */
.btn-block {
    display: block;
    width: 100%;
}

/* ========================================
   バッジスタイル
   ======================================== */

/* Bootstrap .badge クラスのフォントサイズを100%に変更 */
.badge {
    font-size: 100% !important;
}

/* 対応状況バッジの大きなサイズスタイル */
.badge-lg {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    font-weight: 500;
}

/* バッジリンクのホバー効果 */
a.badge:hover {
    opacity: 0.8;
    transform: translateY(-1px);
    transition: all 0.2s ease;
}