/* PiroozBam / ticket 107393 / menu-only R2F3.
   Overlay for the existing native SidebarMenu markup and R2 JavaScript.
   No alterations to FaraShop, SidebarMenu or any DNN-generated menu data. */

/* SidebarMenu prints its own Font Awesome chevron inside <a>; the R2 skin
   also adds an accessible .pb-sub-toggle button. Keep only the latter. */
#pb-site .pb-dnn-menu li[data-pb-menu-ready="1"] > a > i.fa-angle-down {
  display: none !important;
}

/* The injected toggle contains a literal black-triangle glyph. Replace only
   its appearance with a font-independent CSS chevron; keep the button's
   native click handler, label, and aria-expanded state unchanged. */
#pb-site .pb-dnn-menu .pb-sub-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0 !important;
  line-height: 1;
}
#pb-site .pb-dnn-menu .pb-sub-toggle::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1.7px solid currentColor;
  border-bottom: 1.7px solid currentColor;
  transform: rotate(45deg);
}

/* The R2 `overflow-y:auto` on level 2 implicitly clips horizontal overflow
   and hides absolutely-positioned level 3. Preserve desktop fly-outs instead
   of making the dropdown a scrolling container. The level-3 rule already
   positions it to the left for RTL via right:100%. */
@media (min-width: 992px) {
  #pb-site .primary-nav .pb-dnn-menu--desktop > li > ul {
    overflow: visible;
    max-height: none;
    overscroll-behavior: auto;
  }
  #pb-site .primary-nav .pb-dnn-menu--desktop ul li > .pb-sub-toggle::before {
    transform: rotate(135deg);
  }
}

/* Ticket 107393 / R2F5: desktop first-level submenu triggers only.
   Separate each caret from its caption and center it on the same 42px row.
   Descendant fly-outs and mobile menu remain unchanged. */
@media (min-width: 992px) {
  #pb-site .primary-nav .pb-dnn-menu--desktop > li.has-child[data-pb-menu-ready="1"] {
    display: inline-flex;
    align-items: center;
    column-gap: 8px;
    padding-inline-end: 0;
  }
  #pb-site .primary-nav .pb-dnn-menu--desktop > li.has-child[data-pb-menu-ready="1"] > .pb-sub-toggle {
    position: static;
    inset-inline-end: auto;
    top: auto;
    width: 18px;
    min-width: 18px;
    height: 42px;
    flex: 0 0 18px;
    padding: 0;
    margin: 0;
    align-self: center;
  }
}
/* Ticket 107436 R2 - native menu, not the SidebarMenu module. */
#pb-site .pb-dnn-menu .pb-sub-toggle{color:#ee1c24!important;line-height:1;padding:0}
#pb-site .pb-dnn-menu .pb-sub-toggle::before{border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg);margin-top:-3px}
#pb-site .pb-dnn-menu ul a{font-size:15px;line-height:1.8}
@media(min-width:992px){
 #pb-site .primary-nav .pb-dnn-menu--desktop>li.has-child{display:flex;align-items:center;column-gap:8px;padding-inline-end:0}
 #pb-site .primary-nav .pb-dnn-menu--desktop>li.has-child>.pb-sub-toggle{position:static;inset:auto;align-self:center;flex:0 0 18px;width:18px;height:42px;margin:0}
 #pb-site .primary-nav .pb-dnn-menu--desktop ul{overflow:visible;max-height:none;min-width:225px;border:0;border-top:2px solid #ee1c24}
 #pb-site .primary-nav .pb-dnn-menu--desktop ul>li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 32px;margin:0;width:100%}
 #pb-site .primary-nav .pb-dnn-menu--desktop ul>li>a{grid-column:1/-1;grid-row:1;display:flex;align-items:center;min-width:0;height:49px;min-height:49px;padding:0 16px;font-size:15px;line-height:27px;white-space:nowrap;box-sizing:border-box}
 #pb-site .primary-nav .pb-dnn-menu--desktop ul>li.has-child>a{grid-column:1;padding-inline-end:4px}
 #pb-site .primary-nav .pb-dnn-menu--desktop ul>li>.pb-sub-toggle{position:static;inset:auto;grid-column:2;grid-row:1;width:32px;height:49px;align-self:center}
 #pb-site .primary-nav .pb-dnn-menu--desktop ul ul{position:absolute;top:0;right:100%;left:auto;margin:0;border-right:1px solid #ee1c24}
 #pb-site .primary-nav .pb-dnn-menu--desktop ul li>.pb-sub-toggle::before{transform:rotate(135deg);margin:0}
}
@media(max-width:991px){
 #pb-site .drawer .pb-dnn-menu--mobile,#pb-site .drawer .pb-dnn-menu--mobile ul{display:block;position:static;width:100%;min-width:0;max-height:none;overflow:visible;box-shadow:none;border:0;background:transparent;padding:0;margin:0}
 #pb-site .drawer .pb-dnn-menu--mobile li{display:grid;grid-template-columns:minmax(0,1fr) 42px;position:relative;width:100%}
 #pb-site .drawer .pb-dnn-menu--mobile li>a{grid-row:1;grid-column:1/-1;white-space:normal;font-size:15px;min-height:44px;color:#100c43}
 #pb-site .drawer .pb-dnn-menu--mobile li.has-child>a{grid-column:1}
 #pb-site .drawer .pb-dnn-menu--mobile li>.pb-sub-toggle{grid-row:1;grid-column:2;position:static;inset:auto;width:42px;height:44px}
 #pb-site .drawer .pb-dnn-menu--mobile li>ul{grid-column:1/-1;display:none!important;padding-inline-start:16px;border-inline-start:1px solid #ececf2}
 #pb-site .drawer .pb-dnn-menu--mobile li.pb-menu-open>ul{display:block!important}
 #pb-site .drawer .pb-dnn-menu--mobile li.pb-menu-open>.pb-sub-toggle::before{transform:rotate(225deg);margin-top:4px}
}

/* Retest 475: each child panel is anchored to its actual row, including lower rows. */
@media(min-width:992px){#pb-site .primary-nav .pb-dnn-menu--desktop ul>li{height:49px;min-height:49px;padding:0;box-sizing:border-box}#pb-site .primary-nav .pb-dnn-menu--desktop ul>li>.pb-sub-toggle{height:49px;min-height:49px;align-self:center}#pb-site .primary-nav .pb-dnn-menu--desktop ul ul{transform:none}}

/* Match the reference's 14px vector chevron; no glyph/font or border-rotation offset. */
#pb-site .pb-dnn-menu .pb-sub-toggle::before{width:14px;height:14px;border:0;margin:0;transform:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
@media(min-width:992px){#pb-site .primary-nav .pb-dnn-menu--desktop ul li>.pb-sub-toggle::before{transform:rotate(90deg);margin:0}}
@media(max-width:991px){#pb-site .drawer .pb-dnn-menu--mobile li.pb-menu-open>.pb-sub-toggle::before{transform:rotate(180deg);margin:0}}

@media(min-width:992px){#pb-site .primary-nav .pb-dnn-menu--desktop ul ul{padding-block:0;border-top:0;box-shadow:0 -2px 0 #ee1c24,0 12px 30px #0e0c3828}}

/* Ticket107436 R4 / 475: identical panel geometry at every desktop depth.
   The previous root panel retained 8px padding while nested panels had none. */
@media(min-width:992px){
 #pb-site .primary-nav .pb-dnn-menu--desktop li>ul{padding:0!important;margin:0!important;border:0!important;border-radius:0;box-sizing:border-box;box-shadow:0 -2px 0 #ee1c24,0 12px 30px #0e0c3828;overflow:visible;max-height:none}
 #pb-site .primary-nav .pb-dnn-menu--desktop ul>li{position:relative!important;display:flex!important;align-items:center;width:100%;height:49px!important;min-height:49px!important;max-height:49px;margin:0!important;padding:0!important;border:0;box-sizing:border-box;float:none}
 #pb-site .primary-nav .pb-dnn-menu--desktop ul>li>a{display:flex!important;align-items:center;flex:1 1 auto;width:auto;min-width:0;height:49px!important;min-height:49px!important;max-height:49px;margin:0!important;padding:0 16px!important;box-sizing:border-box;font-size:15px!important;line-height:27px!important;font-weight:400;white-space:nowrap}
 #pb-site .primary-nav .pb-dnn-menu--desktop ul>li>.pb-sub-toggle{position:static!important;inset:auto!important;display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;min-width:32px;height:49px!important;min-height:49px;max-height:49px;margin:0!important;padding:0!important;box-sizing:border-box}
 #pb-site .primary-nav .pb-dnn-menu--desktop ul>li>ul{position:absolute!important;top:0!important;bottom:auto;right:100%;left:auto;transform:none!important;min-width:225px}
}