/**
 * Custom WooCommerce Customer Account Icon Replacement CSS
 * Fallback method to replace WooCommerce customer account icons with custom SVG
 */

/* Hide default WooCommerce customer account icons */
.wc-block-customer-account__icon,
.wc-block-customer-account__account-icon {
    opacity: 0 !important;
    position: relative !important;
}

/* Add custom user icon as background using mask */
.wc-block-customer-account__icon,
.wc-block-customer-account__account-icon {
    mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_37862_22545)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5272 4.34271C14.9095 6.58079 13.711 9.2328 10.1491 11.3286C9.23959 11.8638 8.37699 12.3389 7.58348 12.7759C7.19704 12.9888 6.82698 13.1926 6.47588 13.3899C5.39208 13.999 4.48015 14.551 3.74016 15.1492C3.00536 15.7432 2.45302 16.3729 2.08049 17.1313C1.70807 17.8895 1.50001 18.8077 1.5 20L0.5 20C0.500007 18.6879 0.72991 17.6127 1.18292 16.6904C1.63582 15.7684 2.2964 15.0304 3.11149 14.3715C3.92139 13.7168 4.89634 13.1305 5.98593 12.5181C6.35116 12.3129 6.72847 12.1051 7.11868 11.8902C7.90513 11.4571 8.74397 10.9951 9.64194 10.4668C12.9775 8.50409 13.8312 6.20725 13.5415 4.51111C13.2457 2.77976 11.7519 1.5 10 1.5V0.5C12.2481 0.5 14.1508 2.13984 14.5272 4.34271Z' fill='currentColor'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.47283 4.34271C5.09047 6.58079 6.28903 9.2328 9.85093 11.3286C10.7604 11.8638 11.623 12.3389 12.4165 12.7759C12.803 12.9888 13.173 13.1926 13.5241 13.3899C14.6079 13.999 15.5199 14.551 16.2598 15.1492C16.9946 15.7432 17.547 16.3729 17.9195 17.1313C18.2919 17.8895 18.5 18.8077 18.5 20L19.5 20C19.5 18.6879 19.2701 17.6127 18.8171 16.6904C18.3642 15.7684 17.7036 15.0304 16.8885 14.3715C16.0786 13.7168 15.1037 13.1305 14.0141 12.5181C13.6488 12.3129 13.2715 12.1051 12.8813 11.8902C12.0949 11.4571 11.256 10.9951 10.3581 10.4668C7.02246 8.50409 6.16877 6.20725 6.45854 4.51111C6.75433 2.77976 8.2481 1.5 10 1.5V0.5C7.7519 0.5 5.84917 2.13984 5.47283 4.34271Z' fill='currentColor'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 20L5.05383 20V19L19 19V20Z' fill='currentColor'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_37862_22545'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
    mask-size: contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_37862_22545)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5272 4.34271C14.9095 6.58079 13.711 9.2328 10.1491 11.3286C9.23959 11.8638 8.37699 12.3389 7.58348 12.7759C7.19704 12.9888 6.82698 13.1926 6.47588 13.3899C5.39208 13.999 4.48015 14.551 3.74016 15.1492C3.00536 15.7432 2.45302 16.3729 2.08049 17.1313C1.70807 17.8895 1.50001 18.8077 1.5 20L0.5 20C0.500007 18.6879 0.72991 17.6127 1.18292 16.6904C1.63582 15.7684 2.2964 15.0304 3.11149 14.3715C3.92139 13.7168 4.89634 13.1305 5.98593 12.5181C6.35116 12.3129 6.72847 12.1051 7.11868 11.8902C7.90513 11.4571 8.74397 10.9951 9.64194 10.4668C12.9775 8.50409 13.8312 6.20725 13.5415 4.51111C13.2457 2.77976 11.7519 1.5 10 1.5V0.5C12.2481 0.5 14.1508 2.13984 14.5272 4.34271Z' fill='currentColor'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.47283 4.34271C5.09047 6.58079 6.28903 9.2328 9.85093 11.3286C10.7604 11.8638 11.623 12.3389 12.4165 12.7759C12.803 12.9888 13.173 13.1926 13.5241 13.3899C14.6079 13.999 15.5199 14.551 16.2598 15.1492C16.9946 15.7432 17.547 16.3729 17.9195 17.1313C18.2919 17.8895 18.5 18.8077 18.5 20L19.5 20C19.5 18.6879 19.2701 17.6127 18.8171 16.6904C18.3642 15.7684 17.7036 15.0304 16.8885 14.3715C16.0786 13.7168 15.1037 13.1305 14.0141 12.5181C13.6488 12.3129 13.2715 12.1051 12.8813 11.8902C12.0949 11.4571 11.256 10.9951 10.3581 10.4668C7.02246 8.50409 6.16877 6.20725 6.45854 4.51111C6.75433 2.77976 8.2481 1.5 10 1.5V0.5C7.7519 0.5 5.84917 2.13984 5.47283 4.34271Z' fill='currentColor'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 20L5.05383 20V19L19 19V20Z' fill='currentColor'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_37862_22545'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: contain;
    background-color: currentColor;
    opacity: 1 !important;
}

/* Fallback for browsers that don't support mask */
@supports not (mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_37862_22545)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5272 4.34271C14.9095 6.58079 13.711 9.2328 10.1491 11.3286C9.23959 11.8638 8.37699 12.3389 7.58348 12.7759C7.19704 12.9888 6.82698 13.1926 6.47588 13.3899C5.39208 13.999 4.48015 14.551 3.74016 15.1492C3.00536 15.7432 2.45302 16.3729 2.08049 17.1313C1.70807 17.8895 1.50001 18.8077 1.5 20L0.5 20C0.500007 18.6879 0.72991 17.6127 1.18292 16.6904C1.63582 15.7684 2.2964 15.0304 3.11149 14.3715C3.92139 13.7168 4.89634 13.1305 5.98593 12.5181C6.35116 12.3129 6.72847 12.1051 7.11868 11.8902C7.90513 11.4571 8.74397 10.9951 9.64194 10.4668C12.9775 8.50409 13.8312 6.20725 13.5415 4.51111C13.2457 2.77976 11.7519 1.5 10 1.5V0.5C12.2481 0.5 14.1508 2.13984 14.5272 4.34271Z' fill='currentColor'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.47283 4.34271C5.09047 6.58079 6.28903 9.2328 9.85093 11.3286C10.7604 11.8638 11.623 12.3389 12.4165 12.7759C12.803 12.9888 13.173 13.1926 13.5241 13.3899C14.6079 13.999 15.5199 14.551 16.2598 15.1492C16.9946 15.7432 17.547 16.3729 17.9195 17.1313C18.2919 17.8895 18.5 18.8077 18.5 20L19.5 20C19.5 18.6879 19.2701 17.6127 18.8171 16.6904C18.3642 15.7684 17.7036 15.0304 16.8885 14.3715C16.0786 13.7168 15.1037 13.1305 14.0141 12.5181C13.6488 12.3129 13.2715 12.1051 12.8813 11.8902C12.0949 11.4571 11.256 10.9951 10.3581 10.4668C7.02246 8.50409 6.16877 6.20725 6.45854 4.51111C6.75433 2.77976 8.2481 1.5 10 1.5V0.5C7.7519 0.5 5.84917 2.13984 5.47283 4.34271Z' fill='currentColor'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 20L5.05383 20V19L19 19V20Z' fill='currentColor'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_37862_22545'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")) {
    .wc-block-customer-account__icon,
    .wc-block-customer-account__account-icon {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_37862_22545)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5272 4.34271C14.9095 6.58079 13.711 9.2328 10.1491 11.3286C9.23959 11.8638 8.37699 12.3389 7.58348 12.7759C7.19704 12.9888 6.82698 13.1926 6.47588 13.3899C5.39208 13.999 4.48015 14.551 3.74016 15.1492C3.00536 15.7432 2.45302 16.3729 2.08049 17.1313C1.70807 17.8895 1.50001 18.8077 1.5 20L0.5 20C0.500007 18.6879 0.72991 17.6127 1.18292 16.6904C1.63582 15.7684 2.2964 15.0304 3.11149 14.3715C3.92139 13.7168 4.89634 13.1305 5.98593 12.5181C6.35116 12.3129 6.72847 12.1051 7.11868 11.8902C7.90513 11.4571 8.74397 10.9951 9.64194 10.4668C12.9775 8.50409 13.8312 6.20725 13.5415 4.51111C13.2457 2.77976 11.7519 1.5 10 1.5V0.5C12.2481 0.5 14.1508 2.13984 14.5272 4.34271Z' fill='currentColor'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.47283 4.34271C5.09047 6.58079 6.28903 9.2328 9.85093 11.3286C10.7604 11.8638 11.623 12.3389 12.4165 12.7759C12.803 12.9888 13.173 13.1926 13.5241 13.3899C14.6079 13.999 15.5199 14.551 16.2598 15.1492C16.9946 15.7432 17.547 16.3729 17.9195 17.1313C18.2919 17.8895 18.5 18.8077 18.5 20L19.5 20C19.5 18.6879 19.2701 17.6127 18.8171 16.6904C18.3642 15.7684 17.7036 15.0304 16.8885 14.3715C16.0786 13.7168 15.1037 13.1305 14.0141 12.5181C13.6488 12.3129 13.2715 12.1051 12.8813 11.8902C12.0949 11.4571 11.256 10.9951 10.3581 10.4668C7.02246 8.50409 6.16877 6.20725 6.45854 4.51111C6.75433 2.77976 8.2481 1.5 10 1.5V0.5C7.7519 0.5 5.84917 2.13984 5.47283 4.34271Z' fill='currentColor'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 20L5.05383 20V19L19 19V20Z' fill='currentColor'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_37862_22545'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
        opacity: 1 !important;
    }
}

/* Ensure the button maintains its size and positioning */
.wc-block-customer-account__button,
.wc-block-components-customer-account__button {
    position: relative;
}

/* Target specific WooCommerce icon classes */
.wc-block-customer-account__icon svg,
.wc-block-customer-account__account-icon svg {
    opacity: 0 !important;
}

/* Alternative approach: replace the entire icon element */
.wc-block-customer-account__icon:not([data-pandora-replaced]),
.wc-block-customer-account__account-icon:not([data-pandora-replaced]) {
    position: relative;
}

.wc-block-customer-account__icon:not([data-pandora-replaced])::before,
.wc-block-customer-account__account-icon:not([data-pandora-replaced])::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_37862_22545)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5272 4.34271C14.9095 6.58079 13.711 9.2328 10.1491 11.3286C9.23959 11.8638 8.37699 12.3389 7.58348 12.7759C7.19704 12.9888 6.82698 13.1926 6.47588 13.3899C5.39208 13.999 4.48015 14.551 3.74016 15.1492C3.00536 15.7432 2.45302 16.3729 2.08049 17.1313C1.70807 17.8895 1.50001 18.8077 1.5 20L0.5 20C0.500007 18.6879 0.72991 17.6127 1.18292 16.6904C1.63582 15.7684 2.2964 15.0304 3.11149 14.3715C3.92139 13.7168 4.89634 13.1305 5.98593 12.5181C6.35116 12.3129 6.72847 12.1051 7.11868 11.8902C7.90513 11.4571 8.74397 10.9951 9.64194 10.4668C12.9775 8.50409 13.8312 6.20725 13.5415 4.51111C13.2457 2.77976 11.7519 1.5 10 1.5V0.5C12.2481 0.5 14.1508 2.13984 14.5272 4.34271Z' fill='currentColor'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.47283 4.34271C5.09047 6.58079 6.28903 9.2328 9.85093 11.3286C10.7604 11.8638 11.623 12.3389 12.4165 12.7759C12.803 12.9888 13.173 13.1926 13.5241 13.3899C14.6079 13.999 15.5199 14.551 16.2598 15.1492C16.9946 15.7432 17.547 16.3729 17.9195 17.1313C18.2919 17.8895 18.5 18.8077 18.5 20L19.5 20C19.5 18.6879 19.2701 17.6127 18.8171 16.6904C18.3642 15.7684 17.7036 15.0304 16.8885 14.3715C16.0786 13.7168 15.1037 13.1305 14.0141 12.5181C13.6488 12.3129 13.2715 12.1051 12.8813 11.8902C12.0949 11.4571 11.256 10.9951 10.3581 10.4668C7.02246 8.50409 6.16877 6.20725 6.45854 4.51111C6.75433 2.77976 8.2481 1.5 10 1.5V0.5C7.7519 0.5 5.84917 2.13984 5.47283 4.34271Z' fill='currentColor'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 20L5.05383 20V19L19 19V20Z' fill='currentColor'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_37862_22545'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}