/*
 * RunnerX canonical component layer.
 * This file is loaded after the historical bundles and keeps the reusable
 * frontend components in one predictable place: detail headers, actionbars,
 * detail sections, info grids, tags, media and buttons.
 */
:root{
  --rx-ui-gap-xs:6px;
  --rx-ui-gap-sm:10px;
  --rx-ui-gap:16px;
  --rx-ui-gap-lg:24px;
  --rx-ui-detail-x:var(--rx-detail-pad-x,24px);
  --rx-ui-border:var(--rx-border,#dbe5ef);
  --rx-ui-surface:var(--rx-surface,#fff);
  --rx-ui-soft:var(--rx-surface-soft,#f4f8fb);
  --rx-ui-primary:var(--rx-primary,#08162f);
  --rx-ui-accent:var(--rx-accent,#93e547);
  --rx-ui-muted:var(--rx-muted,#536471);
  --rx-ui-radius:var(--rx-radius,var(--rx-card-radius,14px));
  --rx-ui-media-radius:var(--rx-media-radius,var(--rx-card-radius,var(--rx-radius,14px)));
  --rx-ui-control-height:44px;
  --rx-z-mobile-bottom-nav:960;
  --rx-z-mobile-backdrop:1040;
  --rx-z-mobile-sheet:1120;
}

/* Detail header modules -------------------------------------------------- */
body .rx-main .rx-global-detail-header,
body .rx-main .rx-detail-header{
  --rx-detail-header-pad-x:var(--rx-ui-detail-x);
  background:var(--rx-ui-surface);
  border-bottom:1px solid var(--rx-ui-border);
  overflow:visible;
}
body .rx-main .rx-detail-header .rx-card-menu,
body .rx-main .rx-detail-header .rx-card-menu-toggle{
  z-index:40;
}
body .rx-main .rx-detail-header .rx-detail-author-row,
body .rx-main .rx-detail-header .rx-single-author-row{
  display:flex;
  align-items:center;
  gap:10px;
  padding:20px var(--rx-detail-header-pad-x) 0;
  box-sizing:border-box;
}
body .rx-main .rx-detail-header .rx-detail-type-meta,
body .rx-main .rx-detail-header .rx-single-type-meta,
body .rx-main .rx-detail-header .rx-detail-title,
body .rx-main .rx-detail-header .rx-single-title,
body .rx-main .rx-detail-header .rx-detail-subtitle,
body .rx-main .rx-detail-header .rx-single-excerpt-subtitle{
  padding-left:var(--rx-detail-header-pad-x);
  padding-right:var(--rx-detail-header-pad-x);
  box-sizing:border-box;
}
body .rx-main .rx-detail-header .rx-detail-title,
body .rx-main .rx-detail-header .rx-single-title{
  margin-top:10px;
  margin-bottom:10px;
}
body .rx-main .rx-detail-header .rx-single-excerpt-subtitle,
body .rx-main .rx-detail-header .rx-detail-subtitle{
  margin-top:0;
  margin-bottom:20px;
  color:var(--rx-ui-muted);
}
body.single .rx-main .rx-detail-header .rx-single-featured,
body.single .rx-main .rx-detail-header .rx-media,
body.single .rx-main .rx-detail-header .rx-run-stream-media,
body.single .rx-main .rx-detail-header .rx-recipe-stream-media,
body.single .rx-main .rx-detail-header .rx-event-media-with-date,
body.single .rx-main .rx-detail-header .rx-detail-media-composite,
body.single .rx-main .rx-detail-header .rx-detail-media-image,
body.single .rx-main .rx-detail-header .rx-detail-media-embed{
  display:block;
  width:100%;
  margin:0;
  border-radius:0;
  overflow:hidden;
  box-sizing:border-box;
}
body.single .rx-main .rx-detail-header .rx-single-featured img,
body.single .rx-main .rx-detail-header .rx-media img,
body.single .rx-main .rx-detail-header .rx-run-stream-media img,
body.single .rx-main .rx-detail-header .rx-recipe-stream-media img,
body.single .rx-main .rx-detail-header .rx-detail-media-image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:0;
}

/* Global actionbar ------------------------------------------------------- */
body .rx-main .rx-global-actionbar,
body .rx-main .rx-actionbar{
  display:grid;
  grid-template-columns:auto auto auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:clamp(18px,4.5vw,72px);
  width:100%;
  min-height:54px;
  box-sizing:border-box;
  color:var(--rx-ui-muted);
}
body .rx-main .rx-global-actionbar .rx-action,
body .rx-main .rx-actionbar .rx-action{
  min-width:36px;
  min-height:36px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  background:transparent;
  border-radius:999px;
  color:inherit;
  text-decoration:none;
  line-height:1;
  cursor:pointer;
  transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
body .rx-main .rx-global-actionbar .rx-action i,
body .rx-main .rx-actionbar .rx-action i{
  font-size:20px;
  line-height:1;
}
body .rx-main .rx-global-actionbar .rx-action span,
body .rx-main .rx-actionbar .rx-action span{
  font-size:14px;
  line-height:1;
}
body .rx-main .rx-global-actionbar .rx-views{cursor:default;}
body .rx-main .rx-global-actionbar .rx-bookmark{grid-column:5;justify-self:end;}
body .rx-main .rx-global-actionbar .rx-share{grid-column:6;justify-self:end;margin-left:-8px;}
body .rx-main .rx-detail-header > .rx-global-actionbar[data-rx-actionbar-context="single"],
body .rx-main .rx-detail-header > .rx-actionbar[data-rx-actionbar-context="single"]{
  padding:10px 20px;
  border-top:0;
  border-bottom:1px solid var(--rx-ui-border);
}
body .rx-main .rx-x-card__actions > .rx-global-actionbar[data-rx-actionbar-context="stream"],
body .rx-main .rx-card-actions > .rx-global-actionbar[data-rx-actionbar-context="stream"],
body .rx-main .rx-feed-card > .rx-global-actionbar[data-rx-actionbar-context="stream"]{
  padding:8px var(--rx-stream-card-pad-x,24px) 10px;
  border-top:0;
}
body .rx-main .rx-global-actionbar .rx-action:hover,
body .rx-main .rx-global-actionbar .rx-action:focus-visible{
  outline:0;
  background:rgba(29,155,240,.10);
  color:var(--rx-link,#1d9bf0);
}
body .rx-main .rx-global-actionbar .rx-heart:hover,
body .rx-main .rx-global-actionbar .rx-heart:focus-visible,
body .rx-main .rx-global-actionbar .rx-heart.is-active{
  background:rgba(249,24,128,.12);
  color:#f91880;
}
body .rx-main .rx-global-actionbar .rx-share:hover,
body .rx-main .rx-global-actionbar .rx-share:focus-visible{
  background:rgba(0,186,124,.12);
  color:#00ba7c;
}
body .rx-main .rx-global-actionbar .rx-bookmark:hover,
body .rx-main .rx-global-actionbar .rx-bookmark:focus-visible,
body .rx-main .rx-global-actionbar .rx-bookmark.is-active,
body .rx-main .rx-global-actionbar .rx-bookmark[aria-pressed="true"]{
  background:rgba(29,155,240,.10);
  color:var(--rx-link,#1d9bf0);
}

/* Detail sections -------------------------------------------------------- */
body .rx-main .rx-global-detail-stack,
body .rx-main .rx-detail-panel-stack{
  display:grid;
  gap:0;
}
body .rx-main .rx-global-detail-section,
body .rx-main .rx-detail-section{
  width:100%;
  margin:0;
  padding:24px var(--rx-ui-detail-x);
  box-sizing:border-box;
  background:var(--rx-ui-surface);
  border-bottom:1px solid var(--rx-ui-border);
  border-radius:0;
  box-shadow:none;
}
body .rx-main .rx-global-detail-section + .rx-global-detail-section,
body .rx-main .rx-detail-section + .rx-detail-section{
  margin-top:0;
}
body .rx-main .rx-global-detail-section > .rx-panel__head,
body .rx-main .rx-detail-section > .rx-panel__head,
body .rx-main .rx-global-detail-section .rx-detail-section__head{
  margin:0;
  padding:0;
  border:0;
}
body .rx-main .rx-global-detail-section .rx-panel__title,
body .rx-main .rx-detail-section .rx-panel__title{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
body .rx-main .rx-global-detail-section .rx-panel__title h1,
body .rx-main .rx-global-detail-section .rx-panel__title h2,
body .rx-main .rx-global-detail-section .rx-panel__title h3,
body .rx-main .rx-detail-section .rx-panel__title h1,
body .rx-main .rx-detail-section .rx-panel__title h2,
body .rx-main .rx-detail-section .rx-panel__title h3{
  margin:0;
  color:var(--rx-ui-primary);
  font-weight:900;
  line-height:1.12;
}
body .rx-main .rx-global-detail-section .rx-panel__icon,
body .rx-main .rx-global-detail-section .rx-section-title-icon,
body .rx-main .rx-detail-section .rx-section-title-icon{
  width:38px;
  height:38px;
  min-width:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--rx-icon-radius,var(--rx-ui-radius));
  background:var(--rx-icon-bg,var(--rx-accent-soft,#eefdde));
  color:var(--rx-icon-color,var(--rx-ui-primary));
  border:1px solid color-mix(in srgb,var(--rx-ui-accent) 45%,transparent);
}
body .rx-main .rx-global-detail-section .rx-panel__rule,
body .rx-main .rx-detail-section .rx-panel__rule{
  height:1px;
  margin:16px 0 0;
  background:var(--rx-ui-accent);
}
body .rx-main .rx-global-detail-section > .rx-panel__body,
body .rx-main .rx-detail-section > .rx-panel__body,
body .rx-main .rx-global-detail-section__body{
  margin:0;
  padding:22px 0 0;
  box-sizing:border-box;
}

/* Global information fields --------------------------------------------- */
body .rx-main .rx-global-info-grid,
body .rx-main .rx-detail-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:0;
}
body .rx-main .rx-global-info-grid > div,
body .rx-main .rx-detail-info-grid > div,
body .rx-main .rx-global-info-item{
  min-height:74px;
  display:grid;
  align-content:center;
  gap:5px;
  padding:14px 16px;
  box-sizing:border-box;
  border:1px solid var(--rx-ui-border);
  border-radius:var(--rx-ui-radius);
  background:var(--rx-ui-surface);
  box-shadow:none;
}
body .rx-main .rx-global-info-grid > div > span,
body .rx-main .rx-global-info-item > span{
  display:block;
  color:var(--rx-ui-muted);
  font-weight:800;
}
body .rx-main .rx-global-info-grid > div > strong,
body .rx-main .rx-global-info-item > strong{
  display:block;
  color:var(--rx-ui-primary);
  font-weight:900;
  font-size:17px;
  line-height:1.2;
}

/* Global tag rows -------------------------------------------------------- */
body .rx-main .rx-content-tags-section,
body .rx-main .rx-global-tags{
  width:100%;
  margin:0;
  padding:18px var(--rx-ui-detail-x) 20px;
  border-top:1px solid var(--rx-ui-border);
  border-bottom:1px solid var(--rx-ui-border);
  box-sizing:border-box;
  background:var(--rx-ui-surface);
}
body .rx-main .rx-content-tags-section .rx-content-tags-heading{
  display:none;
}
body .rx-main .rx-content-tags-section .rx-content-tags{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:0;
  padding:0;
}
body .rx-main .rx-content-tags-section .rx-tag-pill,
body .rx-main .rx-content-tags-section .rx-hashtag{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 12px;
  border-radius:999px;
  background:var(--rx-tag-bg,var(--rx-ui-soft));
  color:var(--rx-tag-color,var(--rx-ui-accent));
  font-weight:900;
  text-decoration:none;
  box-sizing:border-box;
}

/* Media and embeds outside header keep the admin-configured media radius. */
body .rx-main .rx-media-lightbox-trigger img,
body .rx-main .rx-content-body .wp-block-image img,
body .rx-main .rx-content-body .wp-block-gallery,
body .rx-main .rx-content-body .rx-youtube-embed,
body .rx-main .rx-content-body iframe,
body .rx-main .br-stream-ad img,
body .rx-main .rx-recipe-video iframe{
  border-radius:var(--rx-ui-media-radius);
}

/* Unified button grids used by recipe/action modules --------------------- */
body .rx-main .rx-global-button-grid,
body .rx-main .rx-recipe-actions-grid,
body .rx-main .rx-recipe-action-row{
  display:grid;
  gap:12px;
  align-items:stretch;
}
body .rx-main .rx-global-button-grid .rx-btn,
body .rx-main .rx-recipe-actions-grid .rx-btn,
body .rx-main .rx-recipe-action-row .rx-btn,
body .rx-main .rx-recipe-actions-grid a,
body .rx-main .rx-recipe-action-row a,
body .rx-main .rx-recipe-actions-grid button,
body .rx-main .rx-recipe-action-row button{
  min-height:var(--rx-ui-control-height);
  border-radius:var(--rx-ui-radius);
  box-sizing:border-box;
}

@media(max-width:782px){
  :root{--rx-ui-detail-x:18px;}
  body .rx-main .rx-global-actionbar,
  body .rx-main .rx-actionbar{gap:clamp(12px,4vw,24px);}
  body .rx-main .rx-detail-header > .rx-global-actionbar[data-rx-actionbar-context="single"],
  body .rx-main .rx-detail-header > .rx-actionbar[data-rx-actionbar-context="single"]{padding-left:18px;padding-right:18px;}
  body .rx-main .rx-global-detail-section,
  body .rx-main .rx-detail-section{padding:22px var(--rx-ui-detail-x);}
  body .rx-main .rx-global-info-grid,
  body .rx-main .rx-detail-info-grid{grid-template-columns:1fr;}
  body .rx-main .rx-recipe-action-row{grid-template-columns:1fr;}
  body .rx-main .rx-recipe-action-row > *,
  body .rx-main .rx-global-button-grid > *{width:100%;}
}

/* RunnerX v6.0.296: mobile stacking contract.
   Bottom navigation stays above responsive tab dropdowns, while backdrops,
   offcanvas sheets, lightboxes and modals remain higher. */
@media(max-width:900px){
  :root{
    --rx-z-tab-dropdown:2147483100;
    --rx-z-bottom-nav:2147483300;
  }
  html body:not(.wp-admin) .rx-tabs-mobile-switch,
  html body:not(.wp-admin) .rx-home-tabs-mobile-switch,
  html body:not(.wp-admin) .rx-tabs-mobile-switch.is-open,
  html body:not(.wp-admin) .rx-home-tabs-mobile-switch.is-open,
  html body:not(.wp-admin) .rx-tabs-mobile-switch .rx-global-switch-menu,
  html body:not(.wp-admin) .rx-home-tabs-mobile-switch .rx-global-switch-menu{
    z-index:var(--rx-z-tab-dropdown) !important;
  }
  html body:not(.wp-admin) .rx-bottom-nav{
    z-index:var(--rx-z-bottom-nav) !important;
  }
  html body:not(.wp-admin) .rx-mobile-radial{
    z-index:2147483301 !important;
  }
}


/* Mobile layer order -----------------------------------------------------
 * Bottom-Bar must stay above mobile tab/select dropdown containers, but below
 * real overlays such as backdrops, offcanvas panels, sheets, modals and
 * lightboxes. Kept here so future z-index fixes do not scatter again.
 */
@media(max-width:900px), (pointer:coarse) and (orientation:portrait){
  html body:not(.wp-admin) .rx-mobile-bottom-nav{
    z-index:var(--rx-z-mobile-bottom-nav,960) !important;
  }
  html body:not(.wp-admin) .rx-mobile-create-backdrop.is-open,
  html body:not(.wp-admin) .rx-mobile-account-backdrop.is-open,
  html body:not(.wp-admin).rx-mobile-menu-open .rx-mobile-drawer-backdrop,
  html body:not(.wp-admin).rx-sidebar-open .rx-sidebar-offcanvas-backdrop,
  html body:not(.wp-admin) .rx-offcanvas-backdrop.is-open{
    z-index:var(--rx-z-mobile-backdrop,1040) !important;
  }
  html body:not(.wp-admin) .rx-mobile-create-sheet.is-open,
  html body:not(.wp-admin) .rx-mobile-account-sheet.is-open,
  html body:not(.wp-admin).rx-mobile-menu-open .rx-mobile-drawer,
  html body:not(.wp-admin).rx-sidebar-open .rx-sidebar-offcanvas,
  html body:not(.wp-admin) .rx-notification-panel.is-open{
    z-index:var(--rx-z-mobile-sheet,1120) !important;
  }
}

/* RunnerX v6.0.297: Mobile Tab-Dropdowns müssen hinter echten Overlays liegen.
   Die Bottom-Bar bleibt über den Tabs, aber Backdrops/Sheets/Lightbox/Modals gewinnen. */
@media(max-width:900px), (pointer:coarse) and (orientation:portrait){
  :root{
    --rx-z-tab-dropdown:120;
    --rx-z-bottom-nav:960;
    --rx-z-mobile-bottom-nav:960;
    --rx-z-mobile-backdrop:2147483400;
    --rx-z-mobile-sheet:2147483500;
    --rx-z-mobile-modal:2147483600;
  }
  html body:not(.wp-admin) .rx-tabs-select-label,
  html body:not(.wp-admin) .rx-tab-select-label,
  html body:not(.wp-admin) .rx-mobile-tab-select-label,
  html body:not(.wp-admin) .rx-tab-select-wrap,
  html body:not(.wp-admin) .rx-tabs-mobile,
  html body:not(.wp-admin) .rx-tabs-mobile-switch,
  html body:not(.wp-admin) .rx-home-tabs-mobile-switch,
  html body:not(.wp-admin) .rx-tabs-mobile-switch .rx-global-switch-menu,
  html body:not(.wp-admin) .rx-home-tabs-mobile-switch .rx-global-switch-menu,
  html body:not(.wp-admin) select.rx-tabs-select,
  html body:not(.wp-admin) .rx-mobile-tab-select{
    z-index:var(--rx-z-tab-dropdown) !important;
  }
  html body:not(.wp-admin) .rx-bottom-nav,
  html body:not(.wp-admin) .rx-mobile-bottom-nav{
    z-index:var(--rx-z-bottom-nav) !important;
  }
  html body:not(.wp-admin) .rx-mobile-drawer-backdrop,
  html body:not(.wp-admin) .rx-sidebar-offcanvas-backdrop,
  html body:not(.wp-admin) .rx-offcanvas-backdrop,
  html body:not(.wp-admin) .rx-mobile-account-backdrop,
  html body:not(.wp-admin) .rx-mobile-create-backdrop,
  html body:not(.wp-admin) .rx-modal-backdrop{
    z-index:var(--rx-z-mobile-backdrop) !important;
  }
  html body:not(.wp-admin) .rx-mobile-drawer,
  html body:not(.wp-admin) .rx-mobile-menu,
  html body:not(.wp-admin) .rx-mobile-menu-panel,
  html body:not(.wp-admin) .rx-mobile-account-sheet,
  html body:not(.wp-admin) .rx-sidebar-offcanvas,
  html body:not(.wp-admin) .rx-offcanvas,
  html body:not(.wp-admin) .rx-notification-panel,
  html body:not(.wp-admin) .rx-mobile-search-sheet,
  html body:not(.wp-admin) .rx-mobile-create-sheet{
    z-index:var(--rx-z-mobile-sheet) !important;
  }
  html body:not(.wp-admin) .rx-lightbox,
  html body:not(.wp-admin) .rx-modal,
  html body:not(.wp-admin) .rx-reply-modal,
  html body:not(.wp-admin) .rx-create-modal,
  html body:not(.wp-admin) .rx-tinymce-dialog,
  html body:not(.wp-admin) .rx-editor-modal,
  html body:not(.wp-admin) .rx-media-modal{
    z-index:var(--rx-z-mobile-modal) !important;
  }
  html body:not(.wp-admin).rx-mobile-menu-open .rx-tabs-select-label,
  html body:not(.wp-admin).rx-mobile-account-open .rx-tabs-select-label,
  html body:not(.wp-admin).rx-mobile-search-open .rx-tabs-select-label,
  html body:not(.wp-admin).rx-sidebar-open .rx-tabs-select-label,
  html body:not(.wp-admin).rx-notifications-open .rx-tabs-select-label,
  html body:not(.wp-admin).rx-create-open .rx-tabs-select-label,
  html body:not(.wp-admin).rx-mobile-menu-open .rx-tab-select-wrap,
  html body:not(.wp-admin).rx-mobile-account-open .rx-tab-select-wrap,
  html body:not(.wp-admin).rx-mobile-search-open .rx-tab-select-wrap,
  html body:not(.wp-admin).rx-sidebar-open .rx-tab-select-wrap,
  html body:not(.wp-admin).rx-notifications-open .rx-tab-select-wrap,
  html body:not(.wp-admin).rx-create-open .rx-tab-select-wrap,
  html body:not(.wp-admin).rx-mobile-menu-open .rx-tabs-mobile,
  html body:not(.wp-admin).rx-mobile-account-open .rx-tabs-mobile,
  html body:not(.wp-admin).rx-mobile-search-open .rx-tabs-mobile,
  html body:not(.wp-admin).rx-sidebar-open .rx-tabs-mobile,
  html body:not(.wp-admin).rx-notifications-open .rx-tabs-mobile,
  html body:not(.wp-admin).rx-create-open .rx-tabs-mobile{
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

/* RunnerX v6.0.298: Rezeptmerkmale und Follow-Vorschläge als globale, wiederverwendbare Bausteine. */
.rx-recipe-badges,
.rx-content-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.rx-recipe-card-badges{
  margin-top:8px;
}
.rx-recipe-detail-badges{
  margin:14px 0 0;
}
.rx-recipe-badge,
.rx-content-badge--recipe{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:var(--rx-radius-pill, 999px);
  border:1px solid color-mix(in srgb, var(--rx-accent, #7ee34d) 38%, transparent);
  background:color-mix(in srgb, var(--rx-accent, #7ee34d) 18%, #fff);
  color:var(--rx-primary, #09233f);
  font-size:.82rem;
  font-weight:800;
  line-height:1.1;
  text-decoration:none;
}
.rx-recipe-badge:hover,
.rx-content-badge--recipe:hover{
  background:color-mix(in srgb, var(--rx-accent, #7ee34d) 26%, #fff);
  color:var(--rx-primary, #09233f);
}
.rx-dashboard-follow-suggestions{
  margin-top:24px;
}
.rx-dashboard-follow-suggestions .rx-user-card-list,
.rx-dashboard-follow-suggestions .rx-user-list{
  margin-top:14px;
}
@media (max-width: 767px){
  .rx-recipe-badges,
  .rx-content-badges{ gap:7px; }
  .rx-recipe-badge,
  .rx-content-badge--recipe{ min-height:26px; padding:4px 9px; font-size:.78rem; }
  .rx-dashboard-follow-suggestions{ margin-top:20px; }
}

/* RunnerX v6.0.298: Dashboard-Community-Vorschau als globales Follow-Modul. */
.rx-dashboard-community-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.rx-dashboard-community-column{
  min-width:0;
  border:1px solid var(--rx-border, #dce6ef);
  border-radius:var(--rx-card-radius, var(--rx-radius, 14px));
  background:var(--rx-surface, #fff);
  padding:16px;
}
.rx-dashboard-community-column__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.rx-dashboard-community-column__head h3{
  margin:0;
  color:var(--rx-primary, #09233f);
  font-size:1rem;
  font-weight:900;
  line-height:1.2;
}
.rx-dashboard-community-column__head a{
  color:var(--rx-link, var(--rx-accent, #63d928));
  font-size:.88rem;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
.rx-dashboard-community-list{
  display:grid;
  gap:10px;
}
.rx-dashboard-community-user{
  display:flex;
  align-items:center;
  min-width:0;
  gap:10px;
}
.rx-dashboard-community-user__avatar{
  flex:0 0 44px;
  width:44px;
  height:44px;
  border-radius:50%;
  overflow:hidden;
  background:var(--rx-surface-soft, #f1f5f8);
}
.rx-dashboard-community-user__avatar img{
  display:block;
  width:44px;
  height:44px;
  object-fit:cover;
  border-radius:50%;
}
.rx-dashboard-community-user__body{
  min-width:0;
  display:grid;
  gap:1px;
  color:var(--rx-primary, #09233f);
  text-decoration:none;
}
.rx-dashboard-community-user__body strong{
  overflow:hidden;
  color:var(--rx-primary, #09233f);
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rx-dashboard-community-user__body span{
  overflow:hidden;
  color:var(--rx-muted, #5d7186);
  font-size:.88rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rx-dashboard-community-user__follow{
  flex:0 0 auto;
  margin-left:auto;
  min-height:36px;
  padding:0 12px;
  border-radius:var(--rx-button-radius, var(--rx-radius, 12px));
}
.rx-dashboard-community-empty{
  margin:0;
}
@media (max-width: 767px){
  .rx-dashboard-community-grid{
    grid-template-columns:1fr;
  }
  .rx-dashboard-community-column{
    padding:14px;
  }
  .rx-dashboard-community-user{
    flex-wrap:wrap;
  }
  .rx-dashboard-community-user__body{
    flex:1 1 calc(100% - 56px);
  }
  .rx-dashboard-community-user__follow{
    width:100%;
    margin-left:54px;
  }
}

/* RunnerX v6.0.299: Dashboard dropdown, recipe badges and dashboard community preview fixes. */
:root{
  --rx-z-popover:1100;
  --rx-z-dashboard-menu:1300;
  --rx-popover-z:var(--rx-z-popover);
}

html body:not(.wp-admin) .rx-dashboard-switch,
html body:not(.wp-admin) .rx-dashboard-switch.is-open{
  position:relative;
  z-index:var(--rx-z-dashboard-menu) !important;
}
html body:not(.wp-admin) .rx-dashboard-switch .rx-global-switch-menu,
html body:not(.wp-admin) .rx-dashboard-switch .rx-dashboard-nav{
  z-index:1301 !important;
}
@media(max-width:900px), (pointer:coarse) and (orientation:portrait){
  html body:not(.wp-admin) .rx-dashboard-switch .rx-global-switch-menu,
  html body:not(.wp-admin) .rx-dashboard-switch .rx-dashboard-nav{
    max-height:calc(100dvh - 170px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch;
  }
  html body:not(.wp-admin) .rx-dashboard-layout:has(.rx-dashboard-switch.is-open) .rx-dashboard-main .rx-card-menu,
  html body:not(.wp-admin) .rx-dashboard-layout:has(.rx-dashboard-switch.is-open) .rx-dashboard-main .rx-post-menu,
  html body:not(.wp-admin) .rx-dashboard-layout:has(.rx-dashboard-switch.is-open) .rx-dashboard-main .rx-kebab-toggle,
  html body:not(.wp-admin) .rx-dashboard-layout:has(.rx-dashboard-switch.is-open) .rx-dashboard-main .rx-dots-menu__button{
    z-index:1 !important;
  }
}

html body:not(.wp-admin) .rx-recipe-card-badge-row,
html body:not(.wp-admin) .rx-content-badge-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  margin:0 0 7px;
}
html body:not(.wp-admin) .rx-recipe-card-badge-row > .rx-type,
html body:not(.wp-admin) .rx-recipe-card-badge-row > .rx-content-badge,
html body:not(.wp-admin) .rx-recipe-card-badge-row > .rx-badge{
  margin:0;
}
html body:not(.wp-admin) .rx-recipe-card-badges{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  margin:0;
}
html body:not(.wp-admin) .rx-recipe-card-badge-row .rx-recipe-badge,
html body:not(.wp-admin) .rx-recipe-card-badge-row .rx-content-badge--recipe{
  min-height:24px;
  padding:4px 9px;
  border-radius:var(--rx-radius-pill,999px);
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
}
html body:not(.wp-admin) .rx-recipe-card-badge-row + .rx-x-card__title{
  margin-top:0;
}

html body:not(.wp-admin) .rx-dashboard-community-grid{
  grid-template-columns:1fr !important;
  gap:14px;
}
html body:not(.wp-admin) .rx-dashboard-community-list{
  display:grid;
  gap:10px;
}
html body:not(.wp-admin) .rx-dashboard-community-user{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
}
html body:not(.wp-admin) .rx-dashboard-community-user__avatar{
  width:44px;
  height:44px;
  flex:none;
}
html body:not(.wp-admin) .rx-dashboard-community-user__avatar .rx-avatar,
html body:not(.wp-admin) .rx-dashboard-community-user__avatar img{
  width:44px;
  height:44px;
}
html body:not(.wp-admin) .rx-dashboard-community-user__body{
  min-width:0;
}
html body:not(.wp-admin) .rx-dashboard-community-user__follow{
  justify-self:end;
  width:auto;
  max-width:100%;
  min-width:0;
  margin-left:0;
  white-space:nowrap;
}
@media(max-width:767px){
  html body:not(.wp-admin) .rx-dashboard-community-column{
    padding:14px;
  }
  html body:not(.wp-admin) .rx-dashboard-community-user{
    grid-template-columns:40px minmax(0,1fr) auto;
    gap:8px;
  }
  html body:not(.wp-admin) .rx-dashboard-community-user__avatar,
  html body:not(.wp-admin) .rx-dashboard-community-user__avatar .rx-avatar,
  html body:not(.wp-admin) .rx-dashboard-community-user__avatar img{
    width:40px;
    height:40px;
  }
  html body:not(.wp-admin) .rx-dashboard-community-user__follow{
    width:auto !important;
    min-height:34px;
    padding:0 10px;
    margin:0;
    font-size:13px;
  }
}
@media(max-width:380px){
  html body:not(.wp-admin) .rx-dashboard-community-user__follow span{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }
  html body:not(.wp-admin) .rx-dashboard-community-user__follow{
    width:36px !important;
    min-width:36px;
    padding:0;
  }
}

/* RunnerX v6.0.300: mobile follow buttons, clickable stream badges, filter toggle and recipe icons consistency. */
html body:not(.wp-admin) .rx-stream-card .rx-x-card__intro,
html body:not(.wp-admin) .rx-stream-card .rx-content-badge-row,
html body:not(.wp-admin) .rx-stream-card .rx-recipe-card-badge-row{
  position:relative;
  z-index:32;
}
html body:not(.wp-admin) .rx-stream-card .rx-content-badge-row a,
html body:not(.wp-admin) .rx-stream-card .rx-recipe-card-badge-row a,
html body:not(.wp-admin) .rx-stream-card a.rx-type,
html body:not(.wp-admin) .rx-stream-card a.rx-linked-type,
html body:not(.wp-admin) .rx-stream-card a.rx-content-badge,
html body:not(.wp-admin) .rx-stream-card a.rx-recipe-badge{
  position:relative;
  z-index:34;
  pointer-events:auto !important;
  cursor:pointer;
}
html body:not(.wp-admin) .rx-stream-card .rx-x-card__media,
html body:not(.wp-admin) .rx-stream-card .rx-run-stream-media,
html body:not(.wp-admin) .rx-stream-card .rx-recipe-stream-media{
  position:relative;
  z-index:1;
}
@media (max-width: 767px){
  html body:not(.wp-admin) .rx-dashboard-community-user__follow,
  html body:not(.wp-admin) .rx-dashboard-community-user .rx-follow-btn,
  html body:not(.wp-admin) .rx-dashboard-community-user button[data-follow]{
    border-radius:100% !important;
  }
  html body:not(.wp-admin) .rx-dashboard-community-user__follow span,
  html body:not(.wp-admin) .rx-dashboard-community-user .rx-follow-btn span,
  html body:not(.wp-admin) .rx-dashboard-community-user button[data-follow] span{
    max-width:7.5em;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  html body:not(.wp-admin) .rx-filterbar-toggle.is-active .rx-filterbar-toggle__label,
  html body:not(.wp-admin) .rx-global-filter-trigger.is-active .rx-filterbar-toggle__label,
  html body:not(.wp-admin) [data-rx-filter-modal-open].is-active .rx-filterbar-toggle__label,
  html body:not(.wp-admin) .rx-filterbar-toggle.is-active > span:not(.rx-filterbar-count),
  html body:not(.wp-admin) .rx-global-filter-trigger.is-active > span:not(.rx-filterbar-count),
  html body:not(.wp-admin) [data-rx-filter-modal-open].is-active > span:not(.rx-filterbar-count){
    display:none !important;
  }
  html body:not(.wp-admin) .rx-filterbar-toggle.is-active,
  html body:not(.wp-admin) .rx-global-filter-trigger.is-active,
  html body:not(.wp-admin) [data-rx-filter-modal-open].is-active{
    width:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    height:48px !important;
    min-height:48px !important;
    padding:0 !important;
    font-size:0 !important;
    line-height:0 !important;
    color:transparent !important;
    overflow:visible !important;
  }
  html body:not(.wp-admin) .rx-filterbar-toggle.is-active > i,
  html body:not(.wp-admin) .rx-global-filter-trigger.is-active > i,
  html body:not(.wp-admin) [data-rx-filter-modal-open].is-active > i{
    color:var(--rx-text,#07101d) !important;
    font-size:20px !important;
    line-height:1 !important;
  }
  html body:not(.wp-admin) .rx-filterbar-toggle.is-active .rx-filterbar-count:not(:empty),
  html body:not(.wp-admin) .rx-global-filter-trigger.is-active .rx-filterbar-count:not(:empty),
  html body:not(.wp-admin) [data-rx-filter-modal-open].is-active .rx-filterbar-count:not(:empty){
    color:var(--rx-primary,#09233f) !important;
    font-size:12px !important;
    line-height:1 !important;
  }
}

/* RunnerX v6.0.301: follow pill radius and mobile filter counter visibility. */
html body:not(.wp-admin) .rx-dashboard-community-user__follow,
html body:not(.wp-admin) .rx-dashboard-community-user .rx-follow-btn,
html body:not(.wp-admin) .rx-dashboard-community-user [data-follow],
html body:not(.wp-admin) .rx-dashboard-community-user [data-rx-follow],
html body:not(.wp-admin) .rx-dashboard-community-column .rx-follow-btn,
html body:not(.wp-admin) .rx-dashboard-community-grid .rx-follow-btn{
  border-radius:999px !important;
  overflow:hidden;
}

@media(max-width:767px){
  html body:not(.wp-admin) .rx-dashboard-community-user__follow,
  html body:not(.wp-admin) .rx-dashboard-community-user .rx-follow-btn,
  html body:not(.wp-admin) .rx-dashboard-community-user [data-follow],
  html body:not(.wp-admin) .rx-dashboard-community-user [data-rx-follow],
  html body:not(.wp-admin) .rx-dashboard-community-column .rx-follow-btn,
  html body:not(.wp-admin) .rx-dashboard-community-grid .rx-follow-btn{
    width:auto !important;
    min-width:42px !important;
    max-width:100% !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 13px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    white-space:nowrap !important;
  }
  html body:not(.wp-admin) .rx-dashboard-community-user__follow span,
  html body:not(.wp-admin) .rx-dashboard-community-user .rx-follow-btn span,
  html body:not(.wp-admin) .rx-dashboard-community-user [data-follow] span,
  html body:not(.wp-admin) .rx-dashboard-community-user [data-rx-follow] span,
  html body:not(.wp-admin) .rx-dashboard-community-column .rx-follow-btn span,
  html body:not(.wp-admin) .rx-dashboard-community-grid .rx-follow-btn span{
    position:static !important;
    width:auto !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    overflow:visible !important;
    clip:auto !important;
    white-space:nowrap !important;
    border:0 !important;
  }

  html body:not(.wp-admin) .rx-filterbar-toggle.is-active,
  html body:not(.wp-admin) .rx-global-filter-trigger.is-active,
  html body:not(.wp-admin) [data-rx-filter-modal-open].is-active{
    position:relative !important;
    overflow:visible !important;
  }
  html body:not(.wp-admin) .rx-filterbar-toggle.is-active .rx-filterbar-count:not(:empty),
  html body:not(.wp-admin) .rx-global-filter-trigger.is-active .rx-filterbar-count:not(:empty),
  html body:not(.wp-admin) [data-rx-filter-modal-open].is-active .rx-filterbar-count:not(:empty){
    display:inline-flex !important;
    position:absolute !important;
    top:3px !important;
    right:3px !important;
    z-index:3 !important;
    width:18px !important;
    min-width:18px !important;
    height:18px !important;
    min-height:18px !important;
    padding:0 !important;
    margin:0 !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:var(--rx-primary,#08162f) !important;
    color:#fff !important;
    border:2px solid var(--rx-surface,#fff) !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:900 !important;
    pointer-events:none !important;
    box-sizing:border-box !important;
  }
}

@media(max-width:360px){
  html body:not(.wp-admin) .rx-dashboard-community-user__follow,
  html body:not(.wp-admin) .rx-dashboard-community-user .rx-follow-btn,
  html body:not(.wp-admin) .rx-dashboard-community-user [data-follow],
  html body:not(.wp-admin) .rx-dashboard-community-user [data-rx-follow],
  html body:not(.wp-admin) .rx-dashboard-community-column .rx-follow-btn,
  html body:not(.wp-admin) .rx-dashboard-community-grid .rx-follow-btn{
    width:42px !important;
    max-width:42px !important;
    padding:0 !important;
    border-radius:100% !important;
  }
  html body:not(.wp-admin) .rx-dashboard-community-user__follow span,
  html body:not(.wp-admin) .rx-dashboard-community-user .rx-follow-btn span,
  html body:not(.wp-admin) .rx-dashboard-community-user [data-follow] span,
  html body:not(.wp-admin) .rx-dashboard-community-user [data-rx-follow] span,
  html body:not(.wp-admin) .rx-dashboard-community-column .rx-follow-btn span,
  html body:not(.wp-admin) .rx-dashboard-community-grid .rx-follow-btn span{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
  }
}

/* RunnerX v6.0.301: dashboard follow buttons and mobile active filter count visibility. */
html body:not(.wp-admin) .rx-dashboard-community-user__follow,
html body:not(.wp-admin) .rx-dashboard-community-user .rx-follow-btn,
html body:not(.wp-admin) .rx-dashboard-community-user button[data-follow],
html body:not(.wp-admin) .rx-dashboard-follow-suggestions .rx-follow-btn,
html body:not(.wp-admin) .rx-dashboard-follow-suggestions button[data-follow]{
  border-radius:999px !important;
}

@media (max-width: 767px){
  html body:not(.wp-admin) .rx-filterbar-search,
  html body:not(.wp-admin) .rx-filterbar,
  html body:not(.wp-admin) .rx-filterbar-wrap,
  html body:not(.wp-admin) .rx-filterbar-shell{
    overflow:visible !important;
  }
  html body:not(.wp-admin) .rx-filterbar-toggle,
  html body:not(.wp-admin) .rx-global-filter-trigger,
  html body:not(.wp-admin) [data-rx-filter-modal-open]{
    position:relative !important;
    overflow:visible !important;
  }
  html body:not(.wp-admin) .rx-filterbar-toggle .rx-filterbar-count:not(:empty),
  html body:not(.wp-admin) .rx-global-filter-trigger .rx-filterbar-count:not(:empty),
  html body:not(.wp-admin) [data-rx-filter-modal-open] .rx-filterbar-count:not(:empty){
    position:absolute !important;
    top:3px !important;
    right:3px !important;
    z-index:5 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:18px !important;
    min-width:18px !important;
    height:18px !important;
    min-height:18px !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid var(--rx-surface,#fff) !important;
    border-radius:999px !important;
    background:var(--rx-primary,#09233f) !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-indent:0 !important;
    transform:none !important;
    pointer-events:none !important;
  }
}