/**
 * Unified close-button design for every custom modal in the child theme.
 * The visual icon uses the exact SVG supplied for this change.
 * Positioning remains controlled by each modal's own stylesheet.
 */

html body .benira-modal-close.benira-modal-close.benira-modal-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2010%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_386_40016%29%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.5526%208.55259C7.91958%209.18561%206.84713%209.5%205%209.5C3.15287%209.5%202.08042%209.18561%201.44741%208.55259C0.81439%207.91958%200.500001%206.84713%200.500001%205C0.500001%203.15287%200.81439%202.08042%201.44741%201.4474C2.08042%200.814389%203.15287%200.5%205%200.5C6.84713%200.5%207.91958%200.814389%208.5526%201.4474C9.18561%202.08042%209.5%203.15287%209.5%205C9.5%206.84713%209.18561%207.91958%208.5526%208.55259ZM5%2010C8.74973%2010%2010%208.74973%2010%205C10%201.25027%208.74973%201.54673e-08%205%206.18557e-08C1.25027%201.08244e-07%209.41619e-07%201.25027%209.05463e-07%205C8.69308e-07%208.74973%201.25027%2010%205%2010Z%22%20fill%3D%22%23B0B0B0%22%3E%3C%2Fpath%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.39211%203.60789C6.48974%203.70552%206.48974%203.86381%206.39211%203.96144L3.96155%206.392C3.86392%206.48963%203.70563%206.48963%203.608%206.392C3.51037%206.29437%203.51037%206.13608%203.608%206.03845L6.03856%203.60789C6.13619%203.51026%206.29448%203.51026%206.39211%203.60789Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.39211%206.392C6.29448%206.48963%206.13619%206.48963%206.03856%206.392L3.608%203.96144C3.51037%203.86381%203.51037%203.70552%203.608%203.60789C3.70563%203.51026%203.86392%203.51026%203.96155%203.60789L6.39211%206.03845C6.48974%206.13608%206.48974%206.29437%206.39211%206.392Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_386_40016%22%3E%3Crect%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22white%22%3E%3C%2Frect%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 24px 24px !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    font-weight: 400 !important;
    line-height: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
    overflow: hidden !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

html body .benira-modal-close.benira-modal-close.benira-modal-close::before,
html body .benira-modal-close.benira-modal-close.benira-modal-close::after {
    content: none !important;
    display: none !important;
}

html body .benira-modal-close.benira-modal-close.benira-modal-close > svg,
html body .benira-modal-close.benira-modal-close.benira-modal-close > span {
    display: none !important;
}

html body .benira-modal-close.benira-modal-close.benira-modal-close:focus {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

html body .benira-modal-close.benira-modal-close.benira-modal-close:focus-visible {
    outline: 2px solid #0f172a !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .88) !important;
}

/* Promotional popup close keeps the unified icon without the unwanted outer focus box. */
html body .bn-popup-close.benira-modal-close.benira-modal-close:focus,
html body .bn-popup-close.benira-modal-close.benira-modal-close:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

@media print {
    html body .benira-modal-close.benira-modal-close.benira-modal-close {
        display: none !important;
    }
}