/* 車両検索専用修正CSS - プルダウンの白い背景を完全除去 */

/* 通常のプルダウン（単体）のみに適用 - 白い背景除去 */
#searchApp .form-item__content.select,
#searchApp .form-item__content.select *,
body.page-template-page-car-search #searchApp .form-item__content.select,
body.page-template-page-car-search #searchApp .form-item__content.select * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 通常のプルダウンのselectボックス本体 */
#searchApp .form-item__content.select select,
body.page-template-page-car-search #searchApp .form-item__content.select select {
    background: #fff !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    padding: 12px 38px 12px 12px !important;
    margin: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    font-size: 14px !important;
    color: #333 !important;
    width: 100% !important;
    height: auto !important;
    line-height: 1.4 !important;
}

/* 上限下限プルダウン（multi）の修正 */
#searchApp .form-item__content.multi,
body.page-template-page-car-search #searchApp .form-item__content.multi {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* 上限下限プルダウンのmulti-item */
#searchApp .form-item__content.multi .multi-item,
body.page-template-page-car-search #searchApp .form-item__content.multi .multi-item {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* 上限下限プルダウンのselectコンテナ */
#searchApp .form-item__content.multi .multi-item.select,
body.page-template-page-car-search #searchApp .form-item__content.multi .multi-item.select {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    flex: 1 !important;
}

/* 上限下限プルダウンのselectボックス本体 */
#searchApp .form-item__content.multi .multi-item.select select,
body.page-template-page-car-search #searchApp .form-item__content.multi .multi-item.select select {
    background: #fff !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    padding: 12px 38px 12px 12px !important;
    margin: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    font-size: 14px !important;
    color: #333 !important;
    width: 100% !important;
    height: auto !important;
    line-height: 1.4 !important;
}

/* 範囲表示（〜）のスタイル */
#searchApp .form-item__content.multi .multi-item.range,
body.page-template-page-car-search #searchApp .form-item__content.multi .multi-item.range {
    background: transparent !important;
    margin: 0 5px !important;
    padding: 0 !important;
    border: none !important;
    font-size: 14px !important;
    color: #333 !important;
    flex-shrink: 0 !important;
}

/* プルダウン矢印の統一 */
#searchApp .form-item__content.select::before,
#searchApp .form-item__content.multi .multi-item.select::before,
body.page-template-page-car-search #searchApp .form-item__content.select::before,
body.page-template-page-car-search #searchApp .form-item__content.multi .multi-item.select::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    right: 14px !important;
    transform: translateY(-50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 6px solid #666 !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

/* selectコンテナのposition設定 */
#searchApp .form-item__content.select,
#searchApp .form-item__content.multi .multi-item.select,
body.page-template-page-car-search #searchApp .form-item__content.select,
body.page-template-page-car-search #searchApp .form-item__content.multi .multi-item.select {
    position: relative !important;
}

/* Lightningテーマの影響完全除去 */
body.page-template-page-car-search #searchApp .form-item * {
    box-sizing: border-box !important;
}

/* ============================ */
/* 数字フォントサイズの修正      */
/* ============================ */

/* より自然なセレクタでLightningテーマの影響を最小限に抑制 */

/* 1. 検索フォーム内の該当件数 - 元々のデザインを尊重 */
#searchApp .pre-result #pre-result__count {
    font-size: 40px;
    font-weight: normal;
    padding-left: 5px;
    line-height: 1;
}

/* 2. 検索結果数のnum - 元々のデザインを尊重 */
#searchApp .result__heading .result__counter .num {
    font-size: 40px;
    font-weight: normal;
    line-height: 1;
}

/* 3. 車両価格のstrong - 元々のデザインを尊重 */
#searchApp .result__price strong {
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
}

/* PC版での車両価格サイズ調整 */
@media (min-width: 960px) {
    #searchApp .result__price strong {
        font-size: 32px;
        font-weight: normal;
    }
}

/* Lightningテーマのstrong要素の基本スタイルを車両検索エリアでリセット */
#searchApp strong {
    font-weight: inherit;
}

/* ただし、テキスト部分（価格以外）は太字を維持 */
#searchApp .result__heading .result__counter,
#searchApp .pre-result {
    font-weight: bold;
}

/* 共通フォント設定で一貫性を保つ */
#searchApp .pre-result #pre-result__count,
#searchApp .result__heading .result__counter .num,
#searchApp .result__price strong {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
}

/* ============================ */
/* 車両カードホバー効果の修正    */
/* ============================ */

/* 車両カードのホバー時の青色を防止し、影のアニメーションのみ適用 */
#searchApp .result:hover,
#searchApp .result:focus {
    color: #222 !important;
    text-decoration: none !important;
    background-color: #fafafa !important;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .1) !important;
}

/* 車両カード内のテキスト要素も青色を防止 */
#searchApp .result:hover span,
#searchApp .result:focus span,
#searchApp .result:hover .result__maker,
#searchApp .result:focus .result__maker,
#searchApp .result:hover .result__name,
#searchApp .result:focus .result__name,
#searchApp .result:hover .result__price,
#searchApp .result:focus .result__price {
    color: inherit !important;
}

/* 車両価格のstrong要素も青色を防止 */
#searchApp .result:hover .result__price strong,
#searchApp .result:focus .result__price strong {
    color: inherit !important;
}

/* result__makerとresult__icon_newの色を固定 */
#searchApp .result:hover .result__maker,
#searchApp .result:focus .result__maker {
    color: #9d9d9d !important;
}

#searchApp .result:hover .result__icon_new,
#searchApp .result:focus .result__icon_new {
    color: #f4121c !important;
}

/* 詳細ページの関連車両カードにも同じ効果を適用 */
#searchApp .results .result:hover,
#searchApp .results .result:focus {
    color: #222 !important;
    text-decoration: none !important;
    background-color: #fafafa !important;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .1) !important;
}