.rte-fieldset { border: 1px solid #ddd; padding: 16px; margin: 16px 0; border-radius: 4px; }
.rte-fieldset legend { padding: 0 8px; font-weight: 600; }
.rte-form .form-row { margin-bottom: 14px; }
.rte-form label { display: block; font-weight: 500; margin-bottom: 4px; }
.rte-form input[type="text"], .rte-form input[type="date"], .rte-form select, .rte-form input[type="file"] { width: 100%; max-width: 480px; }
.rte-form .form-row-first { width: 49%; float: left; }
.rte-form .form-row-last { width: 49%; float: right; }
.rte-form::after { content: ""; display: table; clear: both; }
.rte-cart-notice-row td, .rte-checkout-notice-row td { padding: 8px 0 !important; border-top: 1px dashed #ddd; }
.rte-notice { margin: 0 !important; font-size: 0.95em; }

/*
 * SVG eye icon for WooCommerce's show/hide password toggle.
 * WC's default uses Dashicons (\f177) which many themes don't load on the frontend.
 * We override with an inline SVG and center it absolutely so theme padding
 * doesn't push it into a corner.
 */
.show-password-input,
.hide-password-input {
    cursor: pointer;
    position: relative !important;
    display: inline-block !important;
}
.show-password-input::after,
.hide-password-input::after {
    content: "" !important;
    font-family: inherit !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 1.2em !important;
    height: 1.2em !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Open-eye SVG (Show password) */
.show-password-input::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%23555"><path d="M10 4C5 4 1.7 7.5 .5 10c1.2 2.5 4.5 6 9.5 6s8.3-3.5 9.5-6C18.3 7.5 15 4 10 4zm0 10a4 4 0 110-8 4 4 0 010 8zm0-6a2 2 0 100 4 2 2 0 000-4z"/></svg>') !important;
}
/* Strike-through eye SVG (Hide password) */
.hide-password-input::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%23555"><path d="M2 2l16 16-1.4 1.4-3-3A10 10 0 0110 16C5 16 1.7 12.5 .5 10c.6-1.2 1.7-2.7 3.2-4L.6 3.4 2 2zm8 6a2 2 0 011.9 2.6L9.4 8.1A2 2 0 0110 8zm0 8a4 4 0 003.6-2.2L8.2 8.4A4 4 0 0010 16zm9.5-6c-.6 1.2-1.6 2.6-3.1 3.9l-1.5-1.5c1-.7 1.8-1.6 2.4-2.4-1-1.6-3.6-4-6.8-4-.5 0-1 .1-1.5.2L5.6 3.8A10 10 0 0110 4c5 0 8.3 3.5 9.5 6z"/></svg>') !important;
}