﻿/* Neutralise Hello Elementor's vendor link/button reset colours.
   These selectors intentionally have low specificity: Dorina component
   hover/focus rules loaded earlier still take precedence. */

:where(.dorina-elementor-owned) a,
:where(.dorina-elementor-owned) a:visited {
  color: inherit;
}

:where(.dorina-elementor-owned) a:hover,
:where(.dorina-elementor-owned) a:focus,
:where(.dorina-elementor-owned) a:active {
  color: inherit;
}

:where(.dorina-elementor-owned) button,
:where(.dorina-elementor-owned) [type="button"],
:where(.dorina-elementor-owned) [type="submit"],
:where(.dorina-elementor-owned) [type="reset"] {
  color: inherit;
  border-color: currentColor;
}

:where(.dorina-elementor-owned) button:hover,
:where(.dorina-elementor-owned) button:focus,
:where(.dorina-elementor-owned) button:active,
:where(.dorina-elementor-owned) [type="button"]:hover,
:where(.dorina-elementor-owned) [type="button"]:focus,
:where(.dorina-elementor-owned) [type="button"]:active,
:where(.dorina-elementor-owned) [type="submit"]:hover,
:where(.dorina-elementor-owned) [type="submit"]:focus,
:where(.dorina-elementor-owned) [type="submit"]:active,
:where(.dorina-elementor-owned) [type="reset"]:hover,
:where(.dorina-elementor-owned) [type="reset"]:focus,
:where(.dorina-elementor-owned) [type="reset"]:active {
  color: inherit;
  background-color: transparent;
}

:where(.dorina-elementor-owned) :is(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 2px solid var(--bronze);
  outline-offset: 3px;
  border-radius: 1px;
  box-shadow: none;
}

:where(.dorina-elementor-owned) :is(input, textarea, select):focus-visible {
  border-color: var(--bronze);
}

/* Dark photographic sections use the approved lumen focus ring. */
:where(.dorina-elementor-owned) :is(.story-scene, .discovery-scene, .closing-scene, .site-footer, .mobile-nav, .dorina-hero, .pj-hero, .pj-next, .st-story, .lb) :is(a, button):focus-visible {
  outline-color: var(--lumen);
}

/* Project-next retains its photographic light type and lumen focus ring. */
.dorina-elementor-owned .pj-next:focus-visible {
  outline-color: var(--lumen);
}

/* Component exceptions: these retain their approved hover colours. */
.dorina-elementor-owned .eq-submit:hover,
.dorina-elementor-owned .eq-submit:focus-visible {
  color: #f5f1e8;
  border-color: var(--ink);
}



.dorina-elementor-owned .pj-fig__btn:focus-visible {
  outline-color: var(--lumen);
}
