/*===== woocommerce colors =====*/
:root {
    --checkout_field_border:#e6e6e6;
    --notice_bg:#F2F2F2;
    --notice_text:#000000;
    --notice_border: #a2a2a2;
    --notice_link:#ff3131;
    --notice_link_hover: #ff3131;
    --notice_button:#000000;
    --notice_button_hover:#343434;
    --notice_button_text:#ffffff;
    --notice_button_text_hover:#ffffff;
}

/*===== woocommerce checkout =====*/
/*field*/
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border: 1px solid var(--checkout_field_border);
border-radius: 4px;
padding: 10px;
}

/*===== woocommerce notice =====*/
/* woocommerce notice */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
border: 1px solid var(--notice_border);
color: var(--notice_text);
background-color: var(--notice_bg);
border-radius: 5px;
padding-left: 1em;
font-size: 15px;
}

/* 移除 icon */
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
display: none;
}

/* woocommerce notice link */
.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a {
color: var(--notice_link);
transition: color 0.3s ease;
}

.woocommerce-message a:hover,
.woocommerce-error a:hover,
.woocommerce-info a:hover {
color: var(--notice_link_hover);
}

/*woocommerce notice button*/
.woocommerce-message a.button,
.woocommerce-error a.button,
.woocommerce-info a.button {
background-color: var(--notice_button);
color: var(--notice_button_text);
border: none;
transition: background-color 0.3s ease;
font-size: 15px;
}

.woocommerce-message a.button:hover,
.woocommerce-error a.button:hover,
.woocommerce-info a.button:hover {
background-color: var(--notice_button_hover);
color: var(--notice_button_text_hover);
font-size: 15px;
}