/* ROSSINI 2.9.23 — specific submenu spacing and ORIGINAL mobile header layout. */
/* Actual WordPress menu item: 18333 = LEATHER COLLECTION.
   Keep both the animated text underline and the native expandable chevron. */
body.rplg-active li:is(#menu-item-18333,.menu-item-18333) > a .rplg-nav-label {
  margin-right: 14px !important;
}
body.rplg-active li:is(#menu-item-18333,.menu-item-18333) > a {
  padding-right: max(30px, 1.8em) !important;
}
body.rplg-active li:is(#menu-item-18333,.menu-item-18333) > a > :is(
  .sf-sub-indicator,.sub-indicator,.menu-arrow,.submenu-arrow,.dropdown-arrow,
  .nav-arrow,.caret,.fa-angle-right,.fa-chevron-right,.fa-caret-right,
  .icon-angle-right,.icon-chevron-right,svg,i
) {
  margin-left: 12px !important;
  flex-shrink:0 !important;
}
/* If the Unicon indicator is an anchor pseudo-element, the extra text-side
   padding and this positive margin keep it clear of the final 'N'. */
body.rplg-active li:is(#menu-item-18333,.menu-item-18333) > a::after {
  margin-left: 12px !important;
}

@media screen and (max-width: 980px) {
  /* Unicon's real sticky header is already marked by mobile-navigation.js.
     Give it a single consistent row and leave its fixed drawer unchanged. */
  body.rplg-active .rplg-mobile-sticky-header {
    box-sizing: border-box !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
  }
  /* Compact the original logo, never duplicate or replace its image. */
  body.rplg-active .rplg-mobile-sticky-header :is(
    #logo,.header-logo,.site-logo,.logo-wrapper,.site-branding
  ) {
    box-sizing:border-box !important;
    position:absolute !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    float:none !important;
    clear:none !important;
    top:50% !important;
    bottom:auto !important;
    left:clamp(15px,4.5vw,28px) !important;
    right:auto !important;
    transform:translateY(-50%) !important;
    translate:none !important;
    width:min(54vw,205px) !important;
    max-width:calc(100vw - 105px) !important;
    min-width:0 !important;
    height:52px !important;
    min-height:0 !important;
    max-height:52px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:12 !important;
  }
  body.rplg-active .rplg-mobile-sticky-header :is(#logo,.header-logo,.site-logo,.logo-wrapper,.site-branding) > a {
    display:flex !important;
    align-items:center !important;
    height:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.rplg-active .rplg-mobile-sticky-header :is(#logo,.header-logo,.site-logo,.logo-wrapper,.site-branding) :is(img,svg) {
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:48px !important;
    object-fit:contain !important;
    object-position:left center !important;
    margin:0 !important;
  }
  /* Keep the ORIGINAL hamburger, its click handlers and open/close state. */
  body.rplg-active .rplg-mobile-sticky-header .rplg-original-mobile-toggle {
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:absolute !important;
    float:none !important;
    clear:none !important;
    top:50% !important;
    bottom:auto !important;
    left:auto !important;
    right:clamp(14px,4vw,28px) !important;
    transform:translateY(-50%) !important;
    translate:none !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:10px !important;
    z-index:13 !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
  }
  /* The native slide-down panel keeps its own fixed positioning as before. */
  body.rplg-active .rplg-mobile-header-spacer {
    min-height:0 !important;
  }
}
@media screen and (max-width: 360px) {
  body.rplg-active .rplg-mobile-sticky-header :is(#logo,.header-logo,.site-logo,.logo-wrapper,.site-branding) {
    width:min(53vw,180px) !important;
  }
}