/* ============================================================
   icons  —  全站圖示換皮   〔共用積木〕
   view / JS / CSS 裡的 fa-xxx 名稱都不動，這裡把用到的圖示改畫成
   Phosphor 細線圖示（MIT 授權，SVG 放在 /assets/icons/phosphor/）。
   由 layout/main-header.php 引入，需排在 font-awesome.css 之後。

   - 沒列在這裡的 fa-xxx 仍由 Font Awesome 字型顯示，不會變空白
   - 要多換一個圖示：把 SVG 放進 /assets/icons/phosphor/，
     再到下面兩段各加一行（選擇器一行、對應一行）
   - 圖示顏色跟著文字顏色、大小跟著 font-size
   ============================================================ */

.fa-angle-double-left::before,
.fa-angle-double-right::before,
.fa-angle-down::before,
.fa-angle-up::before,
.fa-bell::before,
.fa-bullhorn::before,
.fa-calendar::before,
.fa-calendar-check-o::before,
.fa-calendar-plus-o::before,
.fa-calendar-times-o::before,
.fa-caret-down::before,
.fa-caret-left::before,
.fa-caret-right::before,
.fa-caret-up::before,
.fa-check-circle::before,
.fa-check-square::before,
.fa-chevron-circle-left::before,
.fa-chevron-circle-right::before,
.fa-chevron-left::before,
.fa-chevron-right::before,
.fa-clock::before,
.fa-clock-o::before,
.fa-close::before,
.fa-comment::before,
.fa-copy::before,
.fa-credit-card::before,
.fa-edit::before,
.fa-exclamation-circle::before,
.fa-exclamation-triangle::before,
.fa-eye::before,
.fa-facebook-f::before,
.fa-filter::before,
.fa-google::before,
.fa-history::before,
.fa-home::before,
.fa-hourglass-half::before,
.fa-info-circle::before,
.fa-link::before,
.fa-list::before,
.fa-lock::before,
.fa-map-marker::before,
.fa-mars::before,
.fa-minus-circle::before,
.fa-paper-plane::before,
.fa-paperclip::before,
.fa-picture-o::before,
.fa-plus-circle::before,
.fa-qrcode::before,
.fa-question-circle::before,
.fa-refresh::before,
.fa-search::before,
.fa-share-alt::before,
.fa-shield::before,
.fa-sign-in::before,
.fa-sign-out::before,
.fa-star::before,
.fa-star-o::before,
.fa-tags::before,
.fa-times::before,
.fa-trash::before,
.fa-trash-o::before,
.fa-unlink::before,
.fa-user::before,
.fa-user-edit::before,
.fa-venus::before,
.fa-video-camera::before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -.125em;
	background-color: currentColor;
	-webkit-mask: var(--icon) center / 1.15em 1.15em no-repeat;
	mask: var(--icon) center / 1.15em 1.15em no-repeat
}

.fa-angle-double-left { --icon: url(/assets/icons/phosphor/caret-double-left.svg) }
.fa-angle-double-right { --icon: url(/assets/icons/phosphor/caret-double-right.svg) }
.fa-angle-down { --icon: url(/assets/icons/phosphor/caret-down.svg) }
.fa-angle-up { --icon: url(/assets/icons/phosphor/caret-up.svg) }
.fa-bell { --icon: url(/assets/icons/phosphor/bell.svg) }
.fa-bullhorn { --icon: url(/assets/icons/phosphor/megaphone.svg) }
.fa-calendar { --icon: url(/assets/icons/phosphor/calendar-blank.svg) }
.fa-calendar-check-o { --icon: url(/assets/icons/phosphor/calendar-check.svg) }
.fa-calendar-plus-o { --icon: url(/assets/icons/phosphor/calendar-plus.svg) }
.fa-calendar-times-o { --icon: url(/assets/icons/phosphor/calendar-x.svg) }
.fa-caret-down { --icon: url(/assets/icons/phosphor/caret-down-fill.svg) }
.fa-caret-left { --icon: url(/assets/icons/phosphor/caret-left-fill.svg) }
.fa-caret-right { --icon: url(/assets/icons/phosphor/caret-right-fill.svg) }
.fa-caret-up { --icon: url(/assets/icons/phosphor/caret-up-fill.svg) }
.fa-check-circle { --icon: url(/assets/icons/phosphor/check-circle.svg) }
.fa-check-square { --icon: url(/assets/icons/phosphor/check-square.svg) }
.fa-chevron-circle-left { --icon: url(/assets/icons/phosphor/caret-circle-left.svg) }
.fa-chevron-circle-right { --icon: url(/assets/icons/phosphor/caret-circle-right.svg) }
.fa-chevron-left { --icon: url(/assets/icons/phosphor/caret-left.svg) }
.fa-chevron-right { --icon: url(/assets/icons/phosphor/caret-right.svg) }
.fa-clock { --icon: url(/assets/icons/phosphor/clock.svg) }
.fa-clock-o { --icon: url(/assets/icons/phosphor/clock.svg) }
.fa-close { --icon: url(/assets/icons/phosphor/x.svg) }
.fa-comment { --icon: url(/assets/icons/phosphor/chat-circle.svg) }
.fa-copy { --icon: url(/assets/icons/phosphor/copy.svg) }
.fa-credit-card { --icon: url(/assets/icons/phosphor/credit-card.svg) }
.fa-edit { --icon: url(/assets/icons/phosphor/note-pencil.svg) }
.fa-exclamation-circle { --icon: url(/assets/icons/phosphor/warning-circle.svg) }
.fa-exclamation-triangle { --icon: url(/assets/icons/phosphor/warning.svg) }
.fa-eye { --icon: url(/assets/icons/phosphor/eye.svg) }
.fa-facebook-f { --icon: url(/assets/icons/phosphor/facebook-logo.svg) }
.fa-filter { --icon: url(/assets/icons/phosphor/funnel.svg) }
.fa-google { --icon: url(/assets/icons/phosphor/google-logo.svg) }
.fa-history { --icon: url(/assets/icons/phosphor/clock-counter-clockwise.svg) }
.fa-home { --icon: url(/assets/icons/phosphor/house.svg) }
.fa-hourglass-half { --icon: url(/assets/icons/phosphor/hourglass-medium.svg) }
.fa-info-circle { --icon: url(/assets/icons/phosphor/info.svg) }
.fa-link { --icon: url(/assets/icons/phosphor/link.svg) }
.fa-list { --icon: url(/assets/icons/phosphor/list-bullets.svg) }
.fa-lock { --icon: url(/assets/icons/phosphor/lock.svg) }
.fa-map-marker { --icon: url(/assets/icons/phosphor/map-pin.svg) }
.fa-mars { --icon: url(/assets/icons/phosphor/gender-male.svg) }
.fa-minus-circle { --icon: url(/assets/icons/phosphor/minus-circle.svg) }
.fa-paper-plane { --icon: url(/assets/icons/phosphor/paper-plane-tilt.svg) }
.fa-paperclip { --icon: url(/assets/icons/phosphor/paperclip.svg) }
.fa-picture-o { --icon: url(/assets/icons/phosphor/image.svg) }
.fa-plus-circle { --icon: url(/assets/icons/phosphor/plus-circle.svg) }
.fa-qrcode { --icon: url(/assets/icons/phosphor/qr-code.svg) }
.fa-question-circle { --icon: url(/assets/icons/phosphor/question.svg) }
.fa-refresh { --icon: url(/assets/icons/phosphor/arrows-clockwise.svg) }
.fa-search { --icon: url(/assets/icons/phosphor/magnifying-glass.svg) }
.fa-share-alt { --icon: url(/assets/icons/phosphor/share-network.svg) }
.fa-shield { --icon: url(/assets/icons/phosphor/shield.svg) }
.fa-sign-in { --icon: url(/assets/icons/phosphor/sign-in.svg) }
.fa-sign-out { --icon: url(/assets/icons/phosphor/sign-out.svg) }
.fa-star { --icon: url(/assets/icons/phosphor/star-fill.svg) }
.fa-star-o { --icon: url(/assets/icons/phosphor/star.svg) }
.fa-tags { --icon: url(/assets/icons/phosphor/tag.svg) }
.fa-times { --icon: url(/assets/icons/phosphor/x.svg) }
.fa-trash { --icon: url(/assets/icons/phosphor/trash.svg) }
.fa-trash-o { --icon: url(/assets/icons/phosphor/trash.svg) }
.fa-unlink { --icon: url(/assets/icons/phosphor/link-break.svg) }
.fa-user { --icon: url(/assets/icons/phosphor/user.svg) }
.fa-user-edit { --icon: url(/assets/icons/phosphor/pen-nib.svg) }
.fa-venus { --icon: url(/assets/icons/phosphor/gender-female.svg) }
.fa-video-camera { --icon: url(/assets/icons/phosphor/video-camera.svg) }

/* font-awesome.css 把 fa-tags 固定成 12px、#999(舊圖示太寬才縮小)；
   換成細線圖示後改回跟旁邊的文字同大小、同顏色 */
.fa-tags::before {
	font-size: inherit;
	color: inherit
}