/* PhotoBridge v710 — one deterministic mobile photographer header in every tab/store.
   The two rows are real React/static wrappers, so legacy direct-child rules cannot scatter them. */
@media (max-width:820px){
  :root{
    --pb710-actions-w:206px;
    --pb710-wallet-w:96px;
    --pb710-gap:4px;
    --pb710-row-h:32px;
    --pb710-header-h:90px;
  }

  html body .photographerMain>.unifiedRoleHeader.photographerHeaderRefined,
  html body #storePhotographerWorkspace>#photographerStoreRoleHeader.photographerHeaderRefined{
    position:relative!important;
    height:var(--pb710-header-h)!important;
    min-height:var(--pb710-header-h)!important;
    max-height:var(--pb710-header-h)!important;
    flex-basis:var(--pb710-header-h)!important;
    padding:8px 10px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    background:#f3f8ff!important;
    border-bottom:1px solid #dce8f8!important;
    box-shadow:0 2px 8px rgba(39,83,145,.045)!important;
  }

  html body .photographerMain.photographerPrintWorkspace>.unifiedRoleHeader.photographerHeaderRefined.photographerPrintModeHeader{
    height:var(--pb710-header-h)!important;
    min-height:var(--pb710-header-h)!important;
    max-height:var(--pb710-header-h)!important;
    flex-basis:var(--pb710-header-h)!important;
    background:#f3f8ff!important;
  }

  html body .photographerMain>.unifiedRoleHeader.photographerHeaderRefined>.photographerHeaderIdentity,
  html body #photographerStoreRoleHeader.photographerHeaderRefined>.workspaceIdentity,
  html body #photographerStoreRoleHeader.photographerHeaderRefined>.photographerHeaderIdentity{
    width:100%!important;
    min-width:0!important;
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    margin:0!important;
    padding:0 0 0 220px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
    background:transparent!important;
    direction:rtl!important;
    text-align:right!important;
  }

  html body .photographerHeaderRefined>.photographerHeaderIdentity>.workspaceIdentityCopy,
  html body #photographerStoreRoleHeader.photographerHeaderRefined>.workspaceIdentity>.workspaceIdentityCopy{
    width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:1px 0 0!important;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;
    direction:rtl!important;text-align:right!important;overflow:hidden!important
  }
  html body .photographerHeaderRefined>.photographerHeaderIdentity>.workspaceIdentityCopy>h1,
  html body #photographerStoreRoleHeader.photographerHeaderRefined>.workspaceIdentity>.workspaceIdentityCopy>h1{
    width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;position:static!important;inset:auto!important;transform:none!important;
    font-size:14px!important;font-weight:800!important;line-height:1.25!important;color:#101828!important;text-align:right!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  html body .photographerHeaderRefined>.photographerHeaderIdentity>.workspaceIdentityCopy>small,
  html body #photographerStoreRoleHeader.photographerHeaderRefined>.workspaceIdentity>.workspaceIdentityCopy>small{
    width:100%!important;max-width:100%!important;margin:1px 0 0!important;padding:0!important;position:static!important;inset:auto!important;transform:none!important;
    display:block!important;font-size:8.5px!important;font-weight:500!important;line-height:1.35!important;color:#667085!important;text-align:right!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  html body .photographerHeaderRefined .photographerIdentityDateOnly,
  html body #photographerStoreRoleHeader.photographerHeaderRefined .photographerIdentityDateOnly{
    width:100%!important;min-width:0!important;margin:1px 0 0!important;padding:0!important;position:static!important;inset:auto!important;transform:none!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:right!important;overflow:hidden!important
  }
  html body .photographerHeaderRefined .photographerIdentityDateOnly .todayStamp.compact,
  html body #photographerStoreRoleHeader.photographerHeaderRefined .photographerIdentityDateOnly .todayStamp.compact{
    width:auto!important;max-width:100%!important;margin:0!important;padding:3px 5px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:3px!important;
    white-space:nowrap!important;overflow:hidden!important
  }
  html body .photographerHeaderRefined .photographerIdentityDateOnly .todayStamp.compact span,
  html body #photographerStoreRoleHeader.photographerHeaderRefined .photographerIdentityDateOnly .todayStamp.compact span{font-size:8.5px!important;font-weight:800!important;line-height:1.15!important}
  html body .photographerHeaderRefined .photographerIdentityDateOnly .todayStamp.compact b,
  html body #photographerStoreRoleHeader.photographerHeaderRefined .photographerIdentityDateOnly .todayStamp.compact b{font-size:8px!important;font-weight:700!important;line-height:1.15!important}

  /* The quick-action shell contains two explicit rows. */
  html body .photographerHeaderRefined>.photographerMobileHeaderQuickActions,
  html body #photographerStoreRoleHeader.photographerHeaderRefined>.photographerMobileHeaderQuickActions{
    position:absolute!important;left:10px!important;right:auto!important;top:8px!important;bottom:auto!important;inset-inline-start:10px!important;inset-inline-end:auto!important;
    width:var(--pb710-actions-w)!important;min-width:var(--pb710-actions-w)!important;max-width:var(--pb710-actions-w)!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;display:block!important;overflow:visible!important;z-index:96!important;
    direction:ltr!important;transform:none!important
  }

  html body .photographerMobileHeaderQuickActions>.photographerMobileHeaderPrimaryRow,
  html body .photographerMobileHeaderQuickActions>.photographerMobileHeaderSecondaryRow{
    width:var(--pb710-actions-w)!important;min-width:var(--pb710-actions-w)!important;max-width:var(--pb710-actions-w)!important;
    height:var(--pb710-row-h)!important;min-height:var(--pb710-row-h)!important;max-height:var(--pb710-row-h)!important;
    margin:0!important;padding:0!important;position:static!important;inset:auto!important;transform:none!important;
    display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;
    gap:var(--pb710-gap)!important;direction:ltr!important;overflow:visible!important
  }
  html body .photographerMobileHeaderQuickActions>.photographerMobileHeaderSecondaryRow{margin-top:8px!important}

  /* Row 1: exactly 206px = 34 + 32 + 32 + 96 + three 4px gaps. */
  html body .photographerMobileHeaderPrimaryRow>.mobileNotificationBell,
  html body .photographerMobileHeaderPrimaryRow>.mobileHeaderPower,
  html body .photographerMobileHeaderPrimaryRow>.mobileHeaderSettings,
  html body .photographerMobileHeaderPrimaryRow>.mobileHeaderWallet{
    position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
    display:inline-flex!important;margin:0!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;
    border:1px solid #d6dfec!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.035)!important;color:#475467!important;
    overflow:visible!important;aspect-ratio:auto!important
  }
  html body .photographerMobileHeaderPrimaryRow>.mobileNotificationBell{
    flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0!important;border-radius:10px!important;order:1!important
  }
  html body .photographerMobileHeaderPrimaryRow>.mobileHeaderPower{
    flex:0 0 32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0!important;border-radius:9px!important;order:2!important;color:#b42318!important
  }
  html body .photographerMobileHeaderPrimaryRow>.mobileHeaderPower svg{width:14px!important;height:14px!important;margin:0!important;flex:0 0 14px!important}
  html body .photographerMobileHeaderPrimaryRow>.mobileHeaderSettings{
    flex:0 0 32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0!important;border-radius:9px!important;order:3!important
  }
  html body .photographerMobileHeaderPrimaryRow>.mobileHeaderSettings>span{font-size:15px!important;line-height:1!important}
  html body .photographerMobileHeaderPrimaryRow>.mobileHeaderWallet{
    flex:0 0 var(--pb710-wallet-w)!important;width:var(--pb710-wallet-w)!important;min-width:var(--pb710-wallet-w)!important;max-width:var(--pb710-wallet-w)!important;
    height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 7px!important;border-radius:9px!important;order:4!important;
    gap:4px!important;direction:rtl!important;white-space:nowrap!important;overflow:hidden!important;font-size:9px!important;font-weight:800!important;line-height:1!important
  }
  html body .photographerMobileHeaderPrimaryRow>.mobileHeaderWallet>b{font-size:8.8px!important;font-weight:900!important;line-height:1!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* Row 2: always same total width as row 1. */
  html body .photographerMobileHeaderSecondaryRow>.mobileHeaderInvite,
  html body .photographerMobileHeaderSecondaryRow>.mobileHeaderInstall.pb710InstallButton{
    position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
    flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;height:32px!important;min-height:32px!important;max-height:32px!important;
    margin:0!important;padding:0 8px!important;box-sizing:border-box!important;border:1px solid #cbd8ea!important;border-radius:9px!important;background:#fff!important;color:#344054!important;
    box-shadow:0 1px 2px rgba(16,24,40,.035)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    white-space:nowrap!important;overflow:hidden!important;aspect-ratio:auto!important;font:900 9.8px/1 Vazirmatn,Tahoma,sans-serif!important;direction:rtl!important;text-indent:0!important
  }
  html body .photographerMobileHeaderSecondaryRow>.mobileHeaderInvite::before,
  html body .photographerMobileHeaderSecondaryRow>.mobileHeaderInvite::after{content:none!important;display:none!important}
  html body .photographerMobileHeaderSecondaryRow>.mobileHeaderInstall.pb710InstallButton{border-color:#bfd0ef!important;background:#f8fbff!important;color:#244ea2!important}
  html body .photographerMobileHeaderSecondaryRow>.mobileHeaderInstall.pb710InstallButton>span{display:inline-grid!important;place-items:center!important;width:15px!important;height:15px!important;flex:0 0 15px!important;border-radius:5px!important;background:#e8efff!important;color:#315efb!important;font-size:11px!important;font-weight:950!important;line-height:1!important}

  html:not(.pb710InstallReady) body .photographerMobileHeaderSecondaryRow>.mobileHeaderInstall.pb710InstallButton,
  html.pb710Installed body .photographerMobileHeaderSecondaryRow>.mobileHeaderInstall.pb710InstallButton{display:none!important}
  html:not(.pb710InstallReady) body .photographerMobileHeaderSecondaryRow>.mobileHeaderInvite,
  html.pb710Installed body .photographerMobileHeaderSecondaryRow>.mobileHeaderInvite{flex:1 1 100%!important;width:100%!important;max-width:100%!important}

  /* Keep desktop-only header utilities/nav out of this mobile geometry. */
  html body .photographerHeaderRefined>.roleHeaderTools{display:none!important}
}

@media (max-width:380px){
  :root{--pb710-actions-w:194px;--pb710-wallet-w:84px}
  html body .photographerMain>.unifiedRoleHeader.photographerHeaderRefined>.photographerHeaderIdentity,
  html body #photographerStoreRoleHeader.photographerHeaderRefined>.workspaceIdentity,
  html body #photographerStoreRoleHeader.photographerHeaderRefined>.photographerHeaderIdentity{padding-left:208px!important}
  html body .photographerMobileHeaderSecondaryRow>.mobileHeaderInvite,
  html body .photographerMobileHeaderSecondaryRow>.mobileHeaderInstall.pb710InstallButton{font-size:9.3px!important;padding-inline:5px!important}
}

@media (min-width:821px){
  html body .photographerMobileHeaderSecondaryRow>.mobileHeaderInstall.pb710InstallButton{display:none!important}
}

/* v710 final specificity lock — beats the historical :is(#store, .header) selectors. */
@media (max-width:820px){
  html body #photographerRoleHeaderV710.unifiedRoleHeader.photographerHeaderRefined.photographerSingleHeader,
  html body #photographerStoreRoleHeader.unifiedRoleHeader.photographerHeaderRefined.photographerSingleHeader{
    position:relative!important;height:var(--pb710-header-h)!important;min-height:var(--pb710-header-h)!important;max-height:var(--pb710-header-h)!important;flex-basis:var(--pb710-header-h)!important;
    padding:8px 10px!important;margin:0!important;box-sizing:border-box!important;overflow:visible!important;background:#f3f8ff!important;border-bottom:1px solid #dce8f8!important;box-shadow:0 2px 8px rgba(39,83,145,.045)!important
  }
  html body #photographerRoleHeaderV710.unifiedRoleHeader.photographerHeaderRefined.photographerSingleHeader>.photographerHeaderIdentity,
  html body #photographerStoreRoleHeader.unifiedRoleHeader.photographerHeaderRefined.photographerSingleHeader>.workspaceIdentity,
  html body #photographerStoreRoleHeader.unifiedRoleHeader.photographerHeaderRefined.photographerSingleHeader>.photographerHeaderIdentity{
    grid-area:auto!important;width:100%!important;min-width:0!important;height:74px!important;min-height:74px!important;max-height:74px!important;margin:0!important;padding:0 0 0 220px!important;box-sizing:border-box!important;
    display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;overflow:hidden!important;background:transparent!important;direction:rtl!important;text-align:right!important
  }
  html body #photographerRoleHeaderV710.unifiedRoleHeader.photographerHeaderRefined.photographerSingleHeader>.photographerMobileHeaderQuickActions,
  html body #photographerStoreRoleHeader.unifiedRoleHeader.photographerHeaderRefined.photographerSingleHeader>.photographerMobileHeaderQuickActions{
    position:absolute!important;left:10px!important;right:auto!important;top:8px!important;bottom:auto!important;inset-inline-start:10px!important;inset-inline-end:auto!important;
    width:var(--pb710-actions-w)!important;min-width:var(--pb710-actions-w)!important;max-width:var(--pb710-actions-w)!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;display:block!important;flex:none!important;overflow:visible!important;z-index:96!important;direction:ltr!important;transform:none!important
  }
  html body #photographerRoleHeaderV710 .photographerMobileHeaderQuickActions>.photographerMobileHeaderPrimaryRow,
  html body #photographerRoleHeaderV710 .photographerMobileHeaderQuickActions>.photographerMobileHeaderSecondaryRow,
  html body #photographerStoreRoleHeader .photographerMobileHeaderQuickActions>.photographerMobileHeaderPrimaryRow,
  html body #photographerStoreRoleHeader .photographerMobileHeaderQuickActions>.photographerMobileHeaderSecondaryRow{
    position:static!important;float:none!important;width:var(--pb710-actions-w)!important;min-width:var(--pb710-actions-w)!important;max-width:var(--pb710-actions-w)!important;height:var(--pb710-row-h)!important;min-height:var(--pb710-row-h)!important;max-height:var(--pb710-row-h)!important;
    padding:0!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:var(--pb710-gap)!important;direction:ltr!important;transform:none!important
  }
  html body #photographerRoleHeaderV710 .photographerMobileHeaderQuickActions>.photographerMobileHeaderPrimaryRow,
  html body #photographerStoreRoleHeader .photographerMobileHeaderQuickActions>.photographerMobileHeaderPrimaryRow{margin:0!important}
  html body #photographerRoleHeaderV710 .photographerMobileHeaderQuickActions>.photographerMobileHeaderSecondaryRow,
  html body #photographerStoreRoleHeader .photographerMobileHeaderQuickActions>.photographerMobileHeaderSecondaryRow{margin:8px 0 0!important}
}
@media (max-width:380px){
  html body #photographerRoleHeaderV710.unifiedRoleHeader.photographerHeaderRefined.photographerSingleHeader>.photographerHeaderIdentity,
  html body #photographerStoreRoleHeader.unifiedRoleHeader.photographerHeaderRefined.photographerSingleHeader>.workspaceIdentity,
  html body #photographerStoreRoleHeader.unifiedRoleHeader.photographerHeaderRefined.photographerSingleHeader>.photographerHeaderIdentity{padding-left:208px!important}
}

/* PhotoBridge v711 — one full-width blue context strip immediately below the mobile photographer header.
   The strip is mounted under <body>, outside React #root, so it cannot disturb React reconciliation. */
@media (max-width:820px){
  :root{--pb711-context-h:42px;--pb711-context-top:90px}

  #pb711PhotographerContextBar{
    position:fixed!important;
    top:var(--pb711-context-top)!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:var(--pb711-context-h)!important;
    min-height:var(--pb711-context-h)!important;
    max-height:var(--pb711-context-h)!important;
    margin:0!important;
    padding:5px 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;
    box-sizing:border-box!important;
    direction:rtl!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(100deg,#1d4ed8,#4338ca)!important;
    color:#fff!important;
    box-shadow:0 2px 7px rgba(30,64,175,.16)!important;
    z-index:799!important;
    font-family:Vazirmatn,Tahoma,sans-serif!important;
  }
  #pb711PhotographerContextBar .pb711ContextTitle{
    min-width:0!important;
    flex:1 1 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-align:right!important;
  }
  #pb711PhotographerContextBar .pb711ContextTitle>b{
    min-width:0!important;
    max-width:132px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:#fff!important;
    font-size:11.2px!important;
    font-weight:950!important;
    line-height:1!important;
  }
  #pb711PhotographerContextBar .pb711ContextMeta{
    flex:0 0 auto!important;
    height:20px!important;
    padding:0 6px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.30)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    font-size:7.8px!important;
    font-weight:900!important;
    line-height:1!important;
  }
  #pb711PhotographerContextBar .pb711ContextActions{
    flex:0 0 auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:4px!important;
    direction:rtl!important;
  }
  #pb711PhotographerContextBar button{
    appearance:none!important;
    width:auto!important;
    min-width:32px!important;
    max-width:none!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0!important;
    padding:0 7px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    border:1px solid rgba(255,255,255,.31)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.11)!important;
    color:#fff!important;
    box-shadow:none!important;
    font-family:inherit!important;
    font-size:8.6px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
    cursor:pointer!important;
  }
  #pb711PhotographerContextBar button.active{
    border-color:#fff!important;
    background:#fff!important;
    color:#244fcf!important;
    box-shadow:0 2px 7px rgba(15,23,42,.13)!important;
  }
  #pb711PhotographerContextBar .pb711PrimaryAction{padding-inline:10px!important;font-size:9px!important}
  #pb711PhotographerContextBar .pb711AiActions button{padding-inline:8px!important;font-size:8.2px!important}
  #pb711PhotographerContextBar .pb711FilterButton{padding-inline:7px!important}
  #pb711PhotographerContextBar .pb711FilterButton svg{
    width:14px!important;height:14px!important;display:block!important;stroke:currentColor!important;fill:none!important;flex:0 0 14px!important
  }
  #pb711PhotographerContextBar .pb711Square{
    width:30px!important;min-width:30px!important;max-width:30px!important;padding:0!important;font-size:15px!important
  }
  #pb711PhotographerContextBar .pb711ViewLabel{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;color:rgba(255,255,255,.88)!important;font-size:7.2px!important;font-weight:850!important;line-height:1!important;white-space:nowrap!important
  }

  html.pb711ContextVisible body #photographerRoleHeaderV710.unifiedRoleHeader.photographerHeaderRefined{border-bottom:0!important}

  /* Reserve the strip's height in the real page scroller, while keeping the strip itself fixed. */
  html.pb711ContextVisible body .photographerMain>.photographerRolePageScrollArea{
    padding-top:calc(var(--pb711-context-h) + 10px)!important;
    scroll-padding-top:calc(var(--pb711-context-h) + 10px)!important;
  }

  /* The old large controls are removed only while the replacement strip exists. */
  html.pb711AiContext body .photographerMain .photographerAiSectionNav{display:none!important}
  html.pb711GalleryContext body .photographerMain .clientGalleryListHead{display:none!important}
  html.pb711DesignContext body .photographerMain .photographerAlbumDesignCatalog .albumDesignModelViewToolbar{
    position:absolute!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important
  }
  html.pb711DesignContext body .photographerMain .photographerAlbumDesignCatalog .albumDesignMobileCatalogHeader{display:none!important}
  html.pb711DesignContext body .photographerMain .photographerAlbumDesignCatalog .albumDesignMobilePicker .albumDesignMobileGridToggle{display:none!important}

  /* v711 identity lock: name on the first line, date directly below it on the right. */
  html body #photographerRoleHeaderV710 .photographerHeaderIdentity>.workspaceIdentityCopy{
    align-items:flex-start!important;justify-content:flex-start!important;text-align:right!important;direction:rtl!important
  }
  html body #photographerRoleHeaderV710 .photographerIdentityDateOnly{
    position:static!important;inset:auto!important;transform:none!important;margin:1px 0 0!important;justify-content:flex-start!important;text-align:right!important
  }
}

@media (max-width:380px){
  #pb711PhotographerContextBar{padding-inline:6px!important;gap:5px!important}
  #pb711PhotographerContextBar .pb711ContextTitle{gap:4px!important}
  #pb711PhotographerContextBar .pb711ContextTitle>b{max-width:104px!important;font-size:10.5px!important}
  #pb711PhotographerContextBar .pb711ContextMeta{padding-inline:5px!important;font-size:7.1px!important}
  #pb711PhotographerContextBar .pb711AiActions button{padding-inline:6px!important;font-size:7.6px!important}
  #pb711PhotographerContextBar .pb711FilterButton>span,#pb711PhotographerContextBar .pb711ViewLabel{display:none!important}
}

@media (min-width:821px){#pb711PhotographerContextBar{display:none!important}}

/* PhotoBridge v713 — mobile context/header reserve fix + non-invasive admin-only store visibility. */
/* The photographer header is already a real flex row on mobile. Reserve the blue strip as
   header margin so the actual scroll surface starts after it instead of slipping underneath. */
@media (max-width:820px){
  html.pb711ContextVisible body .photographerMain>#photographerRoleHeaderV710.unifiedRoleHeader.photographerHeaderRefined.photographerSingleHeader{
    margin:0 0 var(--pb711-context-h)!important;
  }
  html.pb711ContextVisible body .photographerMain>.photographerRolePageScrollArea{
    padding-top:9px!important;
    scroll-padding-top:9px!important;
    box-sizing:border-box!important;
  }

  /* Lock identity to the same physical origin used by the good Print/Store header.
     Historical page-mode selectors can no longer pull the name/date above the viewport. */
  html.pb711ContextVisible body #photographerRoleHeaderV710.unifiedRoleHeader.photographerHeaderRefined.photographerSingleHeader>.photographerHeaderIdentity{
    position:absolute!important;
    top:8px!important;
    right:10px!important;
    left:10px!important;
    bottom:auto!important;
    inset-inline-start:10px!important;
    inset-inline-end:10px!important;
    width:auto!important;
    min-width:0!important;
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    margin:0!important;
    padding:0 0 0 220px!important;
    transform:none!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html.pb711ContextVisible body #photographerRoleHeaderV710 .photographerHeaderIdentity>.workspaceIdentityCopy{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    margin:0!important;
    padding:1px 0 0!important;
  }
  html.pb711ContextVisible body #photographerRoleHeaderV710 .photographerIdentityDateOnly{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    margin:1px 0 0!important;
  }
}
@media (max-width:380px){
  html.pb711ContextVisible body #photographerRoleHeaderV710.unifiedRoleHeader.photographerHeaderRefined.photographerSingleHeader>.photographerHeaderIdentity{
    padding-left:208px!important;
  }
}

/* Equipment Store is still a test module. Hide only public/photographer entry points.
   Do not style links inside /rental or /equipment-rental: the store UI must remain untouched. */
html body .photographerStoreEntry,
html body .photographerStoreMobileNav,
html body .storeLoginNav,
html body .publicAudienceCard.store,
html body .publicHome a[href="/rental"],
html body .publicHome a[href^="/equipment-rental"],
html body #pbCanonicalHeaderV584 a[href="/rental"],
html body #pbCanonicalHeaderV584 a[href^="/equipment-rental"],
html body #pbCanonicalHeaderV624 a[href="/rental"],
html body #pbCanonicalHeaderV624 a[href^="/equipment-rental"],
html body #pbCanonicalFooterV584 a[href^="/equipment-rental"]{
  display:none!important;
}

/* PhotoBridge v727 — public equipment-store links reopened. Sofia privacy is server-side. */
html body .photographerStoreEntry,html body .photographerStoreMobileNav,html body .storeLoginNav,html body .publicAudienceCard.store{display:revert!important;visibility:visible!important}

/* v727 · reopen all generic equipment-store entries; private shops are filtered by API. */
html body .photographerStoreEntry,
html body .photographerStoreMobileNav,
html body .storeLoginNav,
html body .publicAudienceCard.store,
html body .publicHome a[href="/rental"],
html body .publicHome a[href^="/equipment-rental"],
html body #pbCanonicalHeaderV584 a[href="/rental"],
html body #pbCanonicalHeaderV584 a[href^="/equipment-rental"],
html body #pbCanonicalHeaderV624 a[href="/rental"],
html body #pbCanonicalHeaderV624 a[href^="/equipment-rental"],
html body #pbCanonicalFooterV584 a[href^="/equipment-rental"]{display:revert!important;visibility:visible!important}
