/* ===== PrimeFaces 元件的全站覆寫 =====
   兩個版型都載入這一支：template.xhtml（登入後的頁面）與 login-template.xhtml（登入、註冊等公開頁面）。
   只放「每一頁都該一樣」的 PrimeFaces 行為；個別頁面的樣式照舊寫在各自的 CSS。 */

/* PrimeFaces 下拉選單（p:selectOneMenu），2026-09-13。
   PrimeFaces 預設 autoWidth 會依最長的選項，直接在元素上寫 inline min-width，CSS 的 max-width 蓋不過；
   選項長的在窄畫面把欄位撐出去——分類（最長約 120 字）實測 786px，國家（South Georgia & South
   Sandwich Islands）267px，320px 的手機上凸出欄位、對話框裡還多出橫向捲動。展開的清單也照最長選項算寬。
   所以寬度一律交給欄位自己的 CSS（!important 才蓋得過 inline），選中的文字太長以省略號收在箭頭前
   （PrimeFaces 本來就替箭頭留了內距，只是沒有省略號，文字會壓到箭頭上）；
   展開的清單最寬到畫面寬，長選項換行。桌機上清單照舊是最長選項的寬度，選項不會換行。
   ⚠ 新加的 p:selectOneMenu 一定要給寬度（例如 class 帶 account-form__input，它是 width: 100%），
   否則會縮成選中文字的寬度。 */
.ui-selectonemenu {
    min-width: 0 !important;
    max-width: 100%;
}

.ui-selectonemenu .ui-selectonemenu-label {
    text-overflow: ellipsis;
}

.ui-selectonemenu-panel {
    max-width: calc(100vw - 16px);
}

.ui-selectonemenu-panel .ui-selectonemenu-item {
    white-space: normal;
}