/*

Theme Name: Astra Child

Theme URI: http://example.com/

Description: A child theme for Astra

Author: Your Name

Author URI: http://example.com/

Template: astra

Version: 1.0.0

Text Domain: astra-child

*/

.wp-block-cover.has-background.cover-orange {

    background-color: #2E141C;

}

/* 確保所有 Ultimate Member 欄位的容器都有定位屬性，這樣眼睛圖示才能絕對定位 */
.um-field,
.um-field-area {
    position: relative;
}

/* 確保密碼輸入框有足夠的右側內邊距 */
/* 這會影響所有 type="password" 或 type="text" 且 class 包含 um-form-field 的 input */
.um-form-field[type="password"],
.um-form-field[type="text"][id*="password-"] { /* 針對密碼相關的 text 類型也加上 */
    padding-right: 40px !important;
}

/* 眼睛圖示的基礎樣式 */
.password-toggle-icon {
    font-size: 20px;
    color: #888;
}

/* 鼠標懸停在眼睛圖示上時的顏色變化 */
.password-toggle-icon:hover {
    color: #333;
}

/* 在 .um-req 元素之後插入「必填」文字 */
.um-req::after {
    content: "必填";
    visibility: visible;
    /* position: absolute; */
    left: 0;
    white-space: nowrap;
    font-size: 0.9em;
    color: #FFFFFF;
    background-color: #3BA1DA;
    border-radius: 3px;
    margin: -6px;
    padding: 1px 2px;
}