/* ErosBalkan Mobile Experience 2026 · Unified presentation
   Applies to the public/member frontend only, never the admin dashboard.
   Keeps the single existing global mobile navigation and all backend actions. */
/* Query-based media pages inherit the WordPress "home" body class. Restore
   the actual site header on those pages at every viewport width. */
body.home.eb-theme.eb-showcase-page>.eb-header{display:block!important;visibility:visible!important}
@media(max-width:850px){
 /* 18+ entry overlay: must fit real phone viewports without horizontal clipping. */
 body.eb-theme dialog.eb-age{
  box-sizing:border-box!important;
  display:block; /* overridden below while the native dialog is closed */
  width:min(420px,calc(100vw - 28px))!important;
  min-width:0!important;max-width:calc(100vw - 28px)!important;
  max-height:min(89dvh,720px)!important;
  padding:0!important;margin:auto!important;inset:0!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  border-radius:17px!important;
 }
 body.eb-theme dialog.eb-age:not([open]){display:none!important}
 body.eb-theme dialog.eb-age>div{
  box-sizing:border-box!important;width:100%!important;
  min-width:0!important;max-width:100%!important;
  padding:clamp(18px,5vw,28px)!important;
  text-align:center!important;
 }
 body.eb-theme dialog.eb-age :is(h2,p,small,.eb-age-number){
  max-width:100%!important;min-width:0!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
 }
 body.eb-theme dialog.eb-age h2{font-size:clamp(20px,5.7vw,25px)!important;line-height:1.22!important}
 body.eb-theme dialog.eb-age p{font-size:13px!important;line-height:1.55!important}
 body.eb-theme dialog.eb-age .eb-age-number{font-size:49px!important;margin:0 0 14px!important}
 body.eb-theme dialog.eb-age form.eb-age-confirm{display:block!important;width:100%!important;min-width:0!important;margin:0!important}
 body.eb-theme dialog.eb-age .eb-button{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;
  justify-content:center!important;width:100%!important;max-width:100%!important;
  min-width:0!important;min-height:47px!important;
  padding:11px 8px!important;margin-top:10px!important;
  font-size:13px!important;white-space:normal!important;border-radius:12px!important;
 }
 html{scroll-padding-top:70px!important}
 html,body.eb-theme:not(.eb-chat-app-page){max-width:100%!important;overflow-x:clip!important}
 body.eb-theme:not(.eb-chat-app-page){
  --ebm-surface:#160e1d;--ebm-deep:#0c0912;--ebm-outline:rgba(223,144,189,.30);
  --ebm-text:#fff0f8;--ebm-muted:#d2b5c8;
  -webkit-text-size-adjust:100%;
  padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;
  background:#0b0810!important;
 }
 body.eb-theme:not(.eb-chat-app-page) :is(img,video,iframe,canvas){
  max-width:100%;
 }
 body.eb-theme:not(.eb-chat-app-page) :is(input,select,textarea){
  max-width:100%!important;min-width:0;box-sizing:border-box;
  font-size:max(16px,1rem)!important;
 }
 body.eb-theme:not(.eb-chat-app-page) :is(button,.eb-button,input[type="submit"],[role="button"]){
  touch-action:manipulation;
 }
 body.eb-theme:not(.eb-chat-app-page) :is(a,button,summary,input,textarea,select):focus-visible{
  outline:2px solid #ffd0e7!important;outline-offset:3px!important;
 }
 body.eb-theme:not(.eb-chat-app-page) #main{
  min-width:0!important;max-width:100%!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .eb-inner{
  width:100%!important;min-width:0!important;
  max-width:100%!important;padding:14px 12px 24px!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .eb-inner .eb-layout,
 body.eb-theme:not(.eb-chat-app-page) .eb-main-column,
 body.eb-theme:not(.eb-chat-app-page) .eb-inner article.eb-panel,
 body.eb-theme:not(.eb-chat-app-page) .eb-inner .entry-content{
  min-width:0!important;max-width:100%!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .eb-inner .eb-layout{
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;gap:12px!important;
  grid-template-columns:minmax(0,1fr)!important;
 }
 /* A sidebar can contain real actions/widgets. Move it below the primary
    content rather than hiding user-facing features on mobile. */
 body.eb-theme:not(.eb-chat-app-page) .eb-inner .eb-main-column{
  order:0!important;width:100%!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .eb-inner .eb-sidebar{
  display:block!important;order:2!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .eb-inner .eb-sidebar:empty{display:none!important}
 body.eb-theme:not(.eb-chat-app-page) .eb-inner article.eb-panel{
  margin:0 auto!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .eb-page-heading{
  margin:0 0 14px!important;padding:6px 3px 10px!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .eb-page-heading h1{
  font-size:clamp(25px,6vw,31px)!important;line-height:1.15!important;
  overflow-wrap:anywhere!important;letter-spacing:-.035em!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .eb-page-heading .eb-eyebrow{
  font-size:10px!important;letter-spacing:.14em!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .ebc-info-card.ebc-locked{
  margin:4px 0 12px!important;min-width:0!important;max-width:100%!important;
  padding:23px 17px!important;border:1px solid #d783b66b!important;
  border-radius:19px!important;
  background:radial-gradient(ellipse at 90% 0,rgba(181,58,137,.18),transparent 60%),linear-gradient(145deg,#241529,#100c17)!important;
  box-shadow:0 14px 40px #0006!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .ebc-info-card.ebc-locked h2{
  font-size:clamp(21px,6vw,27px)!important;line-height:1.2!important;margin:8px 0 12px!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .ebc-info-card.ebc-locked p{
  font-size:13px!important;line-height:1.65!important;overflow-wrap:anywhere!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .ebc-info-card.ebc-locked .ebc-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
  margin-top:17px!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .ebc-info-card.ebc-locked .ebc-actions>a{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:0!important;min-height:45px!important;
  padding:10px 8px!important;border-radius:12px!important;
  font-size:12px!important;text-align:center!important;
 }
 /* Navigation: keep the existing six real links, with a fixed readable touch area. */
 body.eb-theme:not(.eb-chat-app-page):has(>nav.eb-mobile-global){
  padding-bottom:calc(87px + env(safe-area-inset-bottom,0px))!important;
 }
 body.eb-theme:not(.eb-chat-app-page)>nav.eb-mobile-nav.eb-mobile-global:not([hidden]){
  display:grid!important;position:fixed!important;
  inset:auto 7px calc(6px + env(safe-area-inset-bottom,0px)) 7px!important;
  width:calc(100% - 14px)!important;max-width:620px!important;
  height:67px!important;min-height:67px!important;max-height:67px!important;
  margin:0 auto!important;padding:5px 4px!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:2px!important;
  border:1px solid rgba(246,147,195,.40)!important;
  border-radius:19px!important;
  background:linear-gradient(120deg,#2b192cfa,#14101dfb 45%,#291830fa)!important;
  box-shadow:0 -5px 35px #0009,0 0 19px #de549035,inset 0 1px #ffffff18!important;
  backdrop-filter:blur(19px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(19px) saturate(130%)!important;
  z-index:12000!important;
 }
 body.eb-theme:not(.eb-chat-app-page)>nav.eb-mobile-nav.eb-mobile-global>a{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  position:relative!important;gap:4px!important;
  min-width:0!important;min-height:51px!important;
  padding:6px 2px!important;border:1px solid transparent!important;border-radius:12px!important;
  font-size:11px!important;color:#cbb8c8!important;transition:background .15s,color .15s!important;
 }
 body.eb-theme:not(.eb-chat-app-page)>nav.eb-mobile-nav.eb-mobile-global>a>svg{
  width:21px!important;height:21px!important;flex:0 0 21px!important;
  transform:none!important;filter:none!important;
 }
 body.eb-theme:not(.eb-chat-app-page)>nav.eb-mobile-nav.eb-mobile-global>a>span{
  display:block!important;font:750 clamp(8px,2vw,10px)/1.15 system-ui!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  max-width:100%!important;text-align:center!important;transform:none!important;
 }
 body.eb-theme:not(.eb-chat-app-page)>nav.eb-mobile-nav.eb-mobile-global>a:is(.is-current,[aria-current="page"],.ebm-current){
  border-color:#be6c9b69!important;color:#fff0f8!important;
  background:linear-gradient(140deg,#843c7168,#48355e88)!important;
 }
 body.eb-theme:not(.eb-chat-app-page)>nav.eb-mobile-nav.eb-mobile-global>a:is(.is-current,[aria-current="page"],.ebm-current)>svg{
  color:#ff92c6!important;
 }
 body.eb-theme:not(.eb-chat-app-page)>nav.eb-mobile-nav.eb-mobile-global>a.eb-mobile-chat{
  background:radial-gradient(circle at 50% 14%,#b7418a5e,transparent 76%)!important;
  border-color:transparent!important;
 }
 body.eb-theme:not(.eb-chat-app-page)>nav.eb-mobile-nav.eb-mobile-global>a.eb-mobile-chat::before{
  top:0!important;width:38px!important;height:38px!important;
  border:1px solid rgba(255,214,236,.40)!important;
  box-shadow:0 4px 12px rgba(247,64,145,.30)!important;
  opacity:.72!important;
 }
 body.eb-theme:not(.eb-chat-app-page)>nav.eb-mobile-nav.eb-mobile-global>a.eb-mobile-chat>svg{
  margin:0!important;transform:none!important;z-index:2!important;
 }
 body.eb-theme:not(.eb-chat-app-page)>nav.eb-mobile-nav.eb-mobile-global>a.eb-mobile-chat>span{
  z-index:2!important;margin:0!important;transform:none!important;
 }
 /* A single member dropdown without clipping, and a compact genuine header. */
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header{
  position:sticky!important;top:0!important;z-index:8900!important;
  height:auto!important;min-height:61px!important;
  border-bottom:1px solid #a3648873!important;
  background:linear-gradient(135deg,#211328f7,#0d0b15fb)!important;
  box-shadow:0 7px 21px #0007!important;backdrop-filter:blur(16px)!important;
 }
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header-inner{
  width:100%!important;max-width:100%!important;
  padding:8px 11px!important;min-height:60px!important;gap:7px!important;
  align-items:center!important;box-sizing:border-box!important;
 }
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-logo{
  display:flex!important;align-items:center!important;
  flex:0 1 auto!important;min-width:0!important;max-width:min(45%,158px)!important;
 }
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-logo img{
  display:block!important;width:100%!important;max-width:158px!important;
  height:auto!important;max-height:42px!important;object-fit:contain!important;
 }
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-header-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex:0 0 auto!important;gap:5px!important;margin-left:auto!important;
  min-width:0!important;
 }
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-header-actions>.eb-button,
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-header-actions>.eb-icon-button,
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-header-actions>.eb-menu-toggle{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:37px!important;min-height:39px!important;padding:7px!important;
  border-radius:12px!important;box-sizing:border-box!important;
  border:1px solid #ad74946e!important;background:#36213a!important;
  color:#f8dfef!important;
 }
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-header-actions>.eb-login{
  min-width:auto!important;padding:9px 10px!important;font:750 11px/1.2 system-ui!important;
 }
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-header-actions>.eb-button:not(.eb-login){
  min-width:auto!important;padding:9px 11px!important;font:800 11px/1.2 system-ui!important;
  border-color:#f193c7!important;background:linear-gradient(120deg,#b7377d,#7b3278)!important;color:#fff!important;
 }
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-header-actions>.eb-icon-button .eb-icon{
  width:19px!important;height:19px!important;
 }
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-guest-top-nav{display:none!important}
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-language{display:none!important}
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-search-toggle{
  display:none!important;
 }
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header #eb-nav.is-open{
  display:block!important;position:absolute!important;
  top:calc(100% + 2px)!important;left:8px!important;right:8px!important;
  width:auto!important;max-height:min(70dvh,580px)!important;overflow:auto!important;
  padding:10px!important;border:1px solid #bd769e91!important;border-radius:16px!important;
  background:linear-gradient(145deg,#2a1d31,#100e1b)!important;
  box-shadow:0 20px 55px #000d!important;
 }
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header #eb-nav.is-open a{
  display:flex!important;align-items:center!important;min-height:44px!important;
  padding:10px 12px!important;font-size:13px!important;
  border-radius:9px!important;
 }
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-account{position:relative!important}
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-account>summary{
  display:flex!important;justify-content:center!important;align-items:center!important;
  min-height:39px!important;width:39px!important;max-width:39px!important;
  padding:8px!important;overflow:hidden!important;white-space:nowrap!important;
  font-size:0!important;border:1px solid #a6749566!important;
  border-radius:12px!important;background:#302039!important;list-style:none!important;
 }
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-account>summary svg{
  display:block!important;width:20px!important;height:20px!important;flex:0 0 20px!important;
 }
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-account>div{
  position:absolute!important;right:0!important;left:auto!important;top:calc(100% + 8px)!important;
  width:min(280px,calc(100vw - 24px))!important;max-height:min(70dvh,580px)!important;
  overflow:auto!important;z-index:9500!important;border-radius:16px!important;
  border:1px solid #c187a86f!important;background:linear-gradient(145deg,#2e1c32,#0e0b16)!important;
  box-shadow:0 15px 45px #000d!important;
 }
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-account>div>a{
  display:flex!important;align-items:center!important;min-height:42px!important;
  padding:10px 13px!important;font-size:12px!important;
 }
 /* Grid and native controls for all public/member pages, no backend rewrites. */
 body.eb-theme:not(.eb-chat-app-page) :is(.ebc-form,.ebap-form,.pmpro_form) :is(input,textarea,select){
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  min-height:45px!important;font-size:16px!important;border-radius:12px!important;
 }
 body.eb-theme:not(.eb-chat-app-page) :is(.ebc-form,.pmpro_form) :is(button[type=submit],input[type=submit]){
  min-height:46px!important;border-radius:12px!important;font-size:14px!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .ebx-auth-header{
  max-width:100%!important;min-width:0!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .ebx-auth-header .eb-logo img{
  max-height:43px!important;max-width:180px!important;object-fit:contain!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .eb-footer{
  margin-bottom:8px!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .eb-footer .eb-container{
  width:100%!important;max-width:100%!important;padding:17px 14px!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .eb-footer-top,
 body.eb-theme:not(.eb-chat-app-page) .eb-footer-bottom{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  gap:14px!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .eb-footer-top nav{
  width:100%!important;min-width:0!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .eb-footer-top nav ul{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 13px!important;padding:0!important;margin:0!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .eb-footer-top nav li{min-width:0!important}
 body.eb-theme:not(.eb-chat-app-page) .eb-footer-top nav a{
  font-size:12px!important;line-height:1.4!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .eb-footer-bottom{gap:5px!important;padding-bottom:15px!important}
 body.eb-theme:not(.eb-chat-app-page) .eb-footer-bottom span{
  font-size:11px!important;color:#c7aebf!important;
 }
 /* Media elements: correct aspect ratios, safe bounds, native controls. */
 body.eb-theme:not(.eb-chat-app-page) .ebc-post,
 body.eb-theme:not(.eb-chat-app-page) [data-ebc-body],
 body.eb-theme:not(.eb-chat-app-page) .ebc-post-media{
  max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
 }
 body.eb-theme:not(.eb-chat-app-page) :is(.ebc-post-media,.eb-video-frame,.eb-community-viewer) video{
  max-width:100%!important;height:auto;object-fit:contain!important;
 }
 body.eb-theme:not(.eb-chat-app-page) .ebc-post img{max-width:100%!important;height:auto}
 /* The existing profile and feed have their own special headers and drawers.
    Preserve them and don't affect private content or the full-screen chat. */
}
@media(max-width:600px){
 body.home.eb-theme .eb-ref-home{
  padding:9px 11px 23px!important;
  min-height:100dvh!important;max-width:600px!important;
  background:linear-gradient(180deg,#150d18,#0b0911 55%,#0b0911)!important;
 }
 body.home.eb-theme .ebr-header{
  height:56px!important;min-height:56px!important;
  display:flex!important;align-items:center!important;
  gap:8px!important;padding:6px 9px!important;margin:0 0 10px!important;
  border:1px solid #b4799770!important;border-radius:15px!important;
  background:linear-gradient(115deg,#221523,#120e1b)!important;
  box-shadow:0 8px 22px #0005!important;
 }
 body.home.eb-theme .ebr-header .ebr-logo{
  min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
 }
 body.home.eb-theme .ebr-header .ebr-logo-image{
  width:min(100%,145px)!important;max-width:145px!important;
  height:40px!important;max-height:40px!important;object-fit:contain!important;
 }
 body.home.eb-theme .ebr-header .ebr-age{
  font-size:10px!important;padding:2px 5px!important;flex:none!important;
 }
 body.home.eb-theme .ebr-header .ebr-menu>summary{
  width:40px!important;height:40px!important;min-height:40px!important;
  border-radius:11px!important;font-size:21px!important;
 }
 body.home.eb-theme .ebr-header .ebr-header-right{gap:6px!important;flex:none!important}
 body.home.eb-theme .ebr-header .ebr-header-right>a{
  width:36px!important;height:38px!important;min-height:38px!important;
  border:1px solid #7a4f6b60!important;border-radius:11px!important;
  background:#251829!important;
 }
 body.home.eb-theme .ebr-header .ebr-header-right svg{
  width:18px!important;height:18px!important;
 }
 body.home.eb-theme .ebr-header .ebr-menu nav{
  top:calc(100% + 9px)!important;left:0!important;right:auto!important;
  width:min(272px,calc(100vw - 32px))!important;
  max-height:min(70dvh,540px)!important;overflow-y:auto!important;
  padding:8px!important;border:1px solid #db9bbfa0!important;border-radius:15px!important;
  background:linear-gradient(145deg,#2c1c35,#110d1a)!important;
  box-shadow:0 20px 55px #000d!important;z-index:15000!important;
 }
 body.home.eb-theme .ebr-header .ebr-menu nav a{
  min-height:43px!important;padding:10px 12px!important;
  border-radius:10px!important;font-size:13px!important;
 }
 body.home.eb-theme .ebr-hero{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  min-height:390px!important;height:auto!important;
  padding:20px 15px 75px!important;
  border:1px solid #b2779a9c!important;border-radius:19px!important;
  background-position:center!important;
  box-shadow:0 13px 33px #0008,inset 0 -20px 45px #130b159e!important;
 }
 body.home.eb-theme .ebr-hero h1{
  max-width:100%!important;font-size:clamp(29px,8.2vw,40px)!important;
  line-height:1.04!important;overflow-wrap:normal!important;
 }
 body.home.eb-theme .ebr-hero h1 span{white-space:normal!important}
 body.home.eb-theme .ebr-hero>p{
  font-size:13px!important;line-height:1.5!important;
  max-width:245px!important;
 }
 body.home.eb-theme .ebr-hero-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:min(100%,305px)!important;gap:9px!important;margin:19px 0 0!important;
 }
 body.home.eb-theme .ebr-hero-actions a{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:0!important;min-height:45px!important;height:auto!important;
  padding:10px 11px!important;font-size:12px!important;
  border-radius:12px!important;
 }
 body.home.eb-theme .ebr-trust{
  left:0!important;right:0!important;bottom:0!important;
  gap:0!important;padding:11px 4px!important;
  border-top:1px solid #cd9aa36b!important;
  border-radius:0 0 18px 18px!important;
 }
 body.home.eb-theme .ebr-trust>div{padding:0 4px!important;min-width:0!important}
 body.home.eb-theme .ebr-trust b{
  font-size:clamp(9px,2.8vw,11px)!important;white-space:normal!important;
  line-height:1.24!important;overflow-wrap:anywhere!important;
 }
 body.home.eb-theme .ebr-trust small{font-size:9px!important;line-height:1.3!important}
 body.home.eb-theme .ebr-quick{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;padding:9px!important;margin:12px 0!important;
  border:1px solid #b471a16f!important;border-radius:17px!important;
  background:linear-gradient(145deg,#25172b,#14121e)!important;
 }
 body.home.eb-theme .ebr-quick>a{
  min-height:79px!important;min-width:0!important;padding:9px 3px!important;
  gap:4px!important;border-radius:12px!important;
 }
 body.home.eb-theme .ebr-quick b{font-size:22px!important;line-height:1!important}
 body.home.eb-theme .ebr-quick strong{
  font-size:clamp(9px,2.65vw,12px)!important;line-height:1.2!important;
  white-space:normal!important;overflow-wrap:anywhere!important;margin:0!important;
 }
 body.home.eb-theme .ebr-quick small{
  font-size:9px!important;line-height:1.2!important;white-space:normal!important;
  overflow-wrap:anywhere!important;margin:0!important;
 }
 body.home.eb-theme .ebr-section{margin:15px 0 0!important;min-width:0!important}
 /* Guests need one clear invitation, not four repeated empty/locked panels.
    Never hide real member photos, posts or approved media. */
 body.home.eb-theme:not(.logged-in) .ebr-section.ebr-featured:has(>.ebr-empty),
 body.home.eb-theme:not(.logged-in) .ebr-section.ebr-posts:has(>.ebr-empty){
  display:none!important;
 }
 body.home.eb-theme .ebr-section-heading{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;margin-bottom:10px!important;min-width:0!important;
 }
 body.home.eb-theme .ebr-section-heading h2{
  font-size:clamp(17px,4.8vw,20px)!important;line-height:1.2!important;
  min-width:0!important;white-space:normal!important;
 }
 body.home.eb-theme .ebr-section-heading>a{
  font-size:11px!important;line-height:1.3!important;flex:0 0 auto!important;
 }
 body.home.eb-theme .ebr-empty{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:82px!important;padding:14px 12px!important;margin:0!important;
  border:1px dashed #b7779e5e!important;border-radius:13px!important;
  color:#d0b8c8!important;background:linear-gradient(130deg,#231627,#15101c)!important;
  text-align:center!important;font-size:12px!important;line-height:1.5!important;
 }
 body.home.eb-theme .ebr-section .ebr-online-track,
 body.home.eb-theme .ebr-section .ebr-featured-track{
  max-width:100%!important;overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;
 }
 body.home.eb-theme .ebr-vip,body.home.eb-theme .ebr-chat{
  max-width:100%!important;min-width:0!important;overflow:hidden!important;
  border-radius:15px!important;padding:15px 13px!important;
  margin:14px 0 0!important;
 }
 body.home.eb-theme .ebr-vip :is(strong,small),
 body.home.eb-theme .ebr-chat :is(strong,small){
  white-space:normal!important;overflow-wrap:anywhere!important;
 }
 body.home.eb-theme .ebr-vip>b,body.home.eb-theme .ebr-chat>em{
  flex:0 0 auto!important;max-width:116px!important;
  font-size:11px!important;line-height:1.3!important;
  text-align:right!important;white-space:normal!important;
 }
}
/* At phone widths, four tiny shortcuts are harder to tap than two tidy rows.
   Keep all four destinations, give labels a useful readable size. */
@media(max-width:420px){
 body.home.eb-theme .ebr-quick{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;padding:9px!important;
 }
 body.home.eb-theme .ebr-quick>a{
  display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;align-content:center!important;
  justify-items:start!important;gap:2px 8px!important;
  min-height:64px!important;padding:9px 10px!important;
  text-align:left!important;
 }
 body.home.eb-theme .ebr-quick>a>b{
  grid-row:1/3!important;grid-column:1!important;align-self:center!important;
  font-size:24px!important;line-height:1!important;
 }
 body.home.eb-theme .ebr-quick>a>strong{
  grid-row:1!important;grid-column:2!important;align-self:end!important;
  margin:0!important;font:850 12px/1.3 system-ui!important;
 }
 body.home.eb-theme .ebr-quick>a>small{
  grid-row:2!important;grid-column:2!important;align-self:start!important;
  margin:0!important;font:600 10px/1.3 system-ui!important;
 }
}
@media(max-width:360px){
 body.home.eb-theme .ebr-header{gap:5px!important;padding-inline:5px!important}
 body.home.eb-theme .ebr-header .ebr-logo-image{max-width:111px!important}
 body.home.eb-theme .ebr-header .ebr-header-right>a{width:32px!important}
 body.home.eb-theme .ebr-header .ebr-age{font-size:9px!important}
 body.home.eb-theme .ebr-quick{gap:5px!important;padding:6px!important}
 body.home.eb-theme .ebr-quick>a{min-height:74px!important}
 body.home.eb-theme .ebr-quick small{font-size:8px!important}
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-logo{max-width:min(33%,112px)!important}
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-header-actions{gap:3px!important}
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-header-actions>.eb-login{padding:7px 6px!important;font-size:10px!important}
 body.eb-theme:not(.eb-chat-app-page):not(.home) .eb-header .eb-header-actions>.eb-button:not(.eb-login){padding:7px 6px!important;font-size:10px!important}
}
/* Preserve the already dedicated, full-width profile and community app
   layouts instead of introducing generic page padding into their workspaces. */
@media(max-width:720px){
 body.eb-profile-v2-page.eb-theme .eb-inner,
 body.eb-community-feed-v1.eb-theme .eb-inner{
  padding:0!important;max-width:100%!important;
 }
 body.eb-profile-v2-page.eb-theme .eb-inner .eb-main-column,
 body.eb-community-feed-v1.eb-theme .eb-inner .eb-main-column{width:100%!important;max-width:100%!important}
 body.eb-theme.ebm-input-focus:not(.eb-chat-app-page)>nav.eb-mobile-global{
  display:none!important;visibility:hidden!important;pointer-events:none!important;
 }
 body.eb-theme.ebm-input-focus:not(.eb-chat-app-page){padding-bottom:18px!important}
}
/* Fix home-query showcase routes: WordPress keeps the "home" body class on
   /?eb_showcase=video or slike, although they render a separate template. */
@media(max-width:850px){
 body.home.eb-theme.eb-showcase-page>.eb-header{
  display:block!important;visibility:visible!important;
  position:sticky!important;top:0!important;z-index:8900!important;
  width:100%!important;min-height:62px!important;
  border-bottom:1px solid #a66b8d8f!important;
  background:linear-gradient(122deg,#231527f7,#10101dfb)!important;
  box-shadow:0 10px 24px #0007!important;
 }
 body.home.eb-theme.eb-showcase-page>.eb-header .eb-header-inner{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  width:100%!important;max-width:100%!important;min-height:62px!important;
  margin:auto!important;padding:9px 12px!important;gap:7px!important;
 }
 body.home.eb-theme.eb-showcase-page>.eb-header .eb-logo{
  display:flex!important;min-width:0!important;flex:0 1 144px!important;max-width:144px!important;
 }
 body.home.eb-theme.eb-showcase-page>.eb-header .eb-logo img{
  width:100%!important;height:auto!important;max-height:40px!important;object-fit:contain!important;
 }
 body.home.eb-theme.eb-showcase-page>.eb-header .eb-header-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:6px!important;margin-left:auto!important;flex:0 0 auto!important;
 }
 body.home.eb-theme.eb-showcase-page>.eb-header :is(.eb-guest-top-nav,.eb-language,.eb-search-toggle){
  display:none!important;
 }
 body.home.eb-theme.eb-showcase-page>.eb-header .eb-header-actions>.eb-button{
  display:inline-flex!important;justify-content:center!important;align-items:center!important;
  min-height:40px!important;padding:8px 10px!important;
  font-size:11px!important;white-space:nowrap!important;border-radius:11px!important;
 }
 body.home.eb-theme.eb-showcase-page>.eb-header .eb-menu-toggle,
 body.home.eb-theme.eb-showcase-page>.eb-header .eb-icon-button{
  display:grid!important;place-items:center!important;
  min-width:38px!important;width:38px!important;height:40px!important;
  border:1px solid #9d6f9273!important;border-radius:12px!important;
  background:#2f2038!important;
 }
 body.home.eb-theme.eb-showcase-page>.eb-header .eb-account>summary{
  min-width:40px!important;min-height:40px!important;
  border:1px solid #9d6f9273!important;border-radius:12px!important;
  padding:8px!important;background:#2f2038!important;
 }
 body.home.eb-theme.eb-showcase-page>.eb-header #eb-nav.is-open{
  display:block!important;position:absolute!important;
  top:calc(100% + 3px)!important;left:8px!important;right:8px!important;
  max-height:70dvh!important;overflow:auto!important;
  padding:12px!important;border:1px solid #b97e9c!important;border-radius:15px!important;
  background:#1e1524!important;z-index:9000!important;
 }
 body.home.eb-theme.eb-showcase-page>.eb-header #eb-nav.is-open a{
  display:flex!important;align-items:center!important;min-height:42px!important;
  padding:9px 12px!important;font-size:12px!important;
 }
 body.home.eb-theme.eb-showcase-page #main.eb-showcase{
  display:block!important;width:100%!important;max-width:100%!important;
  margin:0 auto!important;padding:13px 12px 95px!important;overflow:visible!important;
 }
 body.home.eb-theme.eb-showcase-page .eb-showcase-hero{
  display:block!important;padding:20px 13px!important;
  border:1px solid #a4639270!important;border-radius:19px!important;
  background:radial-gradient(ellipse at 0 0,#b74d8745,transparent 60%),linear-gradient(145deg,#2b1930,#10101c)!important;
 }
 body.home.eb-theme.eb-showcase-page .eb-showcase-hero h1{
  font-size:clamp(25px,6.8vw,37px)!important;line-height:1.18!important;
  overflow-wrap:anywhere!important;letter-spacing:-.04em!important;
 }
 body.home.eb-theme.eb-showcase-page .eb-showcase-hero>p{
  font-size:13px!important;line-height:1.55!important;
 }
 body.home.eb-theme.eb-showcase-page .eb-showcase-switch{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;width:100%!important;margin:18px 0 0!important;
 }
 body.home.eb-theme.eb-showcase-page .eb-showcase-switch a{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:0!important;min-height:45px!important;
  font-size:11px!important;line-height:1.3!important;
  text-align:center!important;padding:9px 6px!important;border-radius:12px!important;
 }
 body.home.eb-theme.eb-showcase-page .eb-showcase-switch a:last-child{
  grid-column:1/-1!important;
 }
 body.home.eb-theme.eb-showcase-page .eb-showcase-features{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;margin:16px 0 0!important;
 }
 body.home.eb-theme.eb-showcase-page .eb-showcase-features>div{
  display:grid!important;grid-template-columns:27px minmax(0,1fr)!important;
  gap:3px 10px!important;min-width:0!important;
  padding:12px!important;border-radius:12px!important;text-align:left!important;
 }
 body.home.eb-theme.eb-showcase-page .eb-showcase-features>div>span{grid-row:span 2!important}
 body.home.eb-theme.eb-showcase-page .eb-showcase-gate{
  margin:16px 0!important;min-height:390px!important;
  border-radius:18px!important;overflow:hidden!important;
 }
 body.home.eb-theme.eb-showcase-page .eb-showcase-mock-grid{
  padding:12px!important;gap:8px!important;
 }
 body.home.eb-theme.eb-showcase-page .eb-showcase-lock{
  padding:18px 13px!important;
 }
 body.home.eb-theme.eb-showcase-page .eb-showcase-lock h2{
  font-size:clamp(22px,6.2vw,28px)!important;line-height:1.2!important;
 }
 body.home.eb-theme.eb-showcase-page .eb-showcase-lock p{
  font-size:12px!important;line-height:1.6!important;
 }
 body.home.eb-theme.eb-showcase-page .eb-showcase-primary{
  width:100%!important;max-width:270px!important;min-height:45px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:10px!important;border-radius:12px!important;
 }
 body.home.eb-theme.eb-showcase-page .eb-showcase-rules{
  font-size:12px!important;line-height:1.55!important;
  padding:14px!important;margin-top:15px!important;border-radius:12px!important;
 }
}
@media(max-width:600px){
 body.home.eb-theme.eb-showcase-page .eb-footer{display:block!important}
 body.home.eb-theme.eb-showcase-page .eb-footer .eb-container{display:block!important}
}
@media(max-width:360px){
 body.home.eb-theme.eb-showcase-page>.eb-header .eb-logo{flex-basis:105px!important;max-width:105px!important}
 body.home.eb-theme.eb-showcase-page>.eb-header .eb-header-actions{gap:4px!important}
 body.home.eb-theme.eb-showcase-page>.eb-header .eb-header-actions>.eb-button{padding:7px!important;font-size:10px!important}
}
/* A zoomed photo/video overlay must never sit underneath the global dock. */
@media(max-width:850px){
 body.eb-theme:has(.eb-community-viewer.is-open)>nav.eb-mobile-nav.eb-mobile-global,
 body.eb-theme:has(.eb-video-viewer.is-open)>nav.eb-mobile-nav.eb-mobile-global,
 body.eb-theme:has(dialog[open][aria-modal="true"])>nav.eb-mobile-nav.eb-mobile-global{
  display:none!important;visibility:hidden!important;pointer-events:none!important;
 }
}
/* Guest header: the membership plugin creates a complete primary menu.
   Suppress the duplicate fallback menu ONLY when that actual primary exists. */
@media(min-width:901px){
 body.eb-theme .eb-header .eb-header-inner:has(> #eb-nav.ebp-guest-nav)>nav.eb-guest-top-nav{
  display:none!important;
 }
 body.eb-theme:not(.logged-in) .eb-header .eb-header-inner:has(> #eb-nav.ebp-guest-nav)>.eb-logo{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex:0 0 168px!important;width:168px!important;min-width:168px!important;max-width:168px!important;
  min-height:54px!important;overflow:hidden!important;
 }
 body.eb-theme:not(.logged-in) .eb-header .eb-header-inner:has(> #eb-nav.ebp-guest-nav)>.eb-logo img{
  display:block!important;width:100%!important;max-width:168px!important;height:54px!important;
  max-height:54px!important;object-fit:contain!important;
 }
 body.eb-theme:not(.logged-in) .eb-header .eb-header-inner:has(> #eb-nav.ebp-guest-nav)>#eb-nav{
  min-width:0!important;max-width:100%!important;
 }
}
@media(min-width:1200px){
 body.eb-theme:not(.logged-in) .eb-header .eb-header-inner:has(> #eb-nav.ebp-guest-nav){
  display:grid!important;grid-template-columns:168px minmax(0,1fr) auto!important;
  align-items:center!important;column-gap:13px!important;
  width:min(1270px,calc(100% - 24px))!important;
 }
 body.eb-theme:not(.logged-in) .eb-header .eb-header-inner:has(> #eb-nav.ebp-guest-nav)>#eb-nav{
  grid-column:2!important;grid-row:1!important;justify-self:center!important;
 }
 body.eb-theme:not(.logged-in) .eb-header .eb-header-inner:has(> #eb-nav.ebp-guest-nav)>.eb-header-actions{
  grid-column:3!important;grid-row:1!important;
 }
}
@media(min-width:901px) and (max-width:1199px){
 body.eb-theme:not(.logged-in) .eb-header .eb-header-inner:has(> #eb-nav.ebp-guest-nav){
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  gap:5px 12px!important;width:calc(100% - 26px)!important;
 }
 body.eb-theme:not(.logged-in) .eb-header .eb-header-inner:has(> #eb-nav.ebp-guest-nav)>#eb-nav{
  grid-column:1/-1!important;grid-row:2!important;justify-self:center!important;min-width:0!important;
 }
 body.eb-theme:not(.logged-in) .eb-header .eb-header-inner:has(> #eb-nav.ebp-guest-nav)>.eb-header-actions{
  grid-column:2!important;grid-row:1!important;
 }
}
@media(prefers-reduced-motion:reduce){
 body.eb-theme:not(.eb-chat-app-page)>nav.eb-mobile-nav.eb-mobile-global>a{transition:none!important}
}

