/**
 * GBP — stronger focus ring inside Elementor Off-Canvas panels.
 *
 * A 3px white outline, offset from the element, against the dark panel.
 * Outline follows border-radius in modern browsers so the round close
 * button gets a round ring.
 *
 * Shown only for keyboard focus (:focus-visible). The second rule hides
 * the ring for mouse/touch focus; browsers that do not know
 * :focus-visible drop that rule and simply show the ring on every focus,
 * which is the safe fallback.
 */
.e-off-canvas a:focus,
.e-off-canvas button:focus,
.e-off-canvas input:focus,
.e-off-canvas select:focus,
.e-off-canvas textarea:focus,
.e-off-canvas [tabindex]:focus {
    outline: 3px solid #fff !important;
    outline-offset: 3px;
}

.e-off-canvas a:focus:not(:focus-visible),
.e-off-canvas button:focus:not(:focus-visible),
.e-off-canvas input:focus:not(:focus-visible),
.e-off-canvas select:focus:not(:focus-visible),
.e-off-canvas textarea:focus:not(:focus-visible),
.e-off-canvas [tabindex]:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none;
}

/* Parked focus on the content wrapper (no focusable children) stays silent. */
.e-off-canvas .e-off-canvas__content:focus {
    outline: none !important;
    box-shadow: none;
}