/* Wayback Fixer auto-supplement */
.elementor-invisible{opacity:1 !important;visibility:visible !important;animation:none !important;}
.elementor img,.elementor-widget-container img{max-width:100%;height:auto;}

/* Breadcrumb separators (The7 icon font often missing in static dump) */
.page-title-breadcrumbs .breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:.15em .4em;
  list-style:none;
  margin:0;
  padding:0;
}
.page-title-breadcrumbs .breadcrumbs > li{
  display:inline-flex;
  align-items:center;
}
.page-title-breadcrumbs .breadcrumbs > li:not(:last-child)::after{
  content:"/";
  margin-left:.4em;
  opacity:.65;
  font-weight:400;
}
.entry-content img{
  max-width:100%;
  height:auto;
}

/* Dead WP category archives — hide everywhere (desktop + mobile) */
.fancy-categories,
.entry-meta .category-link,
.page-title-breadcrumbs .breadcrumbs li:has(a[href*="/category/"]){
  display:none !important;
}

body.transparent:not(.home) .masthead:not(#phantom):not(.side-header){
  transform:none !important;
  background:#111111 !important;
}

.layzr-bg:has(img[src]:not([src^="data:"])){
  background-image:none !important;
}
img.owl-lazy-load,
img.lazy-load{
  opacity:1 !important;
}

/* ===== Mobile nav: single romli bar ===== */
.romli-mobile-bar{
  display:none;
  align-items:center;
  justify-content:space-between;
  flex-direction:row;
  gap:12px;
  width:100%;
  box-sizing:border-box;
  padding:10px 16px;
  min-height:56px;
  background:#111;
  position:relative;
  z-index:100;
}
.romli-mobile-bar .romli-brand{
  order:1;
  flex:0 0 auto;
}
.romli-mobile-bar .romli-burger{
  order:2;
  margin-left:auto;
  display:inline-flex;
  flex-direction:column;
  justify-content:space-between;
  width:24px;
  height:18px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}
.romli-mobile-bar .romli-burger span{
  display:block;
  width:100%;
  height:2px;
  background:#fff;
  border-radius:1px;
}
.romli-mobile-bar .romli-brand img{
  display:block;
  max-height:40px;
  width:auto;
  height:auto;
}
.romli-mobile-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.5);
  z-index:9600;
}
body.romli-menu-open .romli-mobile-overlay{
  display:block;
}

/* Force slide-in panel regardless of The7 right-mobile quirks */
.dt-mobile-header{
  z-index:9602 !important;
}
body.romli-menu-open .dt-mobile-header,
body.romli-menu-open #page.show-mobile-header .dt-mobile-header,
html.romli-menu-open .dt-mobile-header{
  transform:translate3d(0,0,0) !important;
  right:0 !important;
  left:auto !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
body.romli-menu-open .dt-close-mobile-menu-icon{
  opacity:1 !important;
  visibility:visible !important;
  z-index:9603 !important;
}

@media screen and (max-width:1100px){
  /* Kill ALL The7 desktop + injected mobile chrome */
  .masthead .top-bar,
  .masthead .header-bar,
  .masthead .mobile-header-bar:not(.romli-mobile-bar),
  .masthead .dt-mobile-menu-icon,
  .masthead .menu-toggle,
  #phantom{
    display:none !important;
  }
  /* Logo left, burger right — override The7 first-switch absolute layout */
  .masthead .romli-mobile-bar{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
  }
  .masthead .romli-mobile-bar .romli-brand,
  .masthead .romli-mobile-bar .romli-burger{
    position:static !important;
    float:none !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    margin:0 !important;
  }
  .masthead .romli-mobile-bar .romli-burger{
    margin-left:auto !important;
  }
}
