/*
  Robert Juliat updated CSS document 2026
  designed by Mr Atif BUX

  Responsive UX Design for RJ websites
*/
/* RJ active navigation rollout: shared legacy and fetched Bootstrap headers. */
body #menu > li > :is(a, button.rj-products-trigger).rj-nav-current,
body #menu > li > :is(a, button.rj-products-trigger)[aria-current],
body #menu > li > :is(a, button.rj-products-trigger):hover,
body #menu > li > :is(a, button.rj-products-trigger):focus-visible,
body header .navbar-nav > li > :is(a, button.rj-products-trigger).rj-nav-current,
body header .navbar-nav > li > :is(a, button.rj-products-trigger):hover,
body header .navbar-nav > li > :is(a, button.rj-products-trigger):focus-visible {
  box-shadow:inset 0 -3px var(--rj-nav-indicator, #DA1884) !important;
}
@media (min-width:761px) { body #menu ul li :is(a, button.rj-products-trigger) { font-size:12px !important; line-height:1.35; } }

/* Products is a semantic disclosure button; inherit the established link geometry. */
#menu button.rj-products-trigger { appearance:none; border:0; border-radius:0; background:transparent; cursor:pointer; width:100%; font-family:Montserrat,Arial,sans-serif; font-weight:700; text-transform:uppercase; text-decoration:none; }
header .navbar-nav button.rj-products-trigger { border:0; background:transparent; cursor:pointer; }
#menu li.rj-products-open > ul { opacity:1; visibility:visible; margin:0; }
#menu li.rj-products-closed > ul { opacity:0; visibility:hidden; }
#menu button.rj-products-trigger:focus-visible { outline:2px solid #DA1884; outline-offset:-4px; }
#menu a.rj-find-product { border-bottom:1px solid rgba(255,255,255,.3); }
@media (min-width:761px) { #menu li:not([data-rj-products-ready]):focus-within:not(.rj-products-closed) > ul { opacity:1; visibility:visible; margin:0; } }

#menu > li > button.rj-products-trigger { float:none; color:#f4f6f7; text-shadow:none; }