/* Phase 118xt: full-bleed feed separators, flush bottom dock, thinner dark borders */
:root{
  --sv118-light-border-width: 1px;
  --sv118-dark-border-width: .5px;
}

body:not(.sv-reelsPage){
  --sv118-border-width: var(--sv118-light-border-width);
}

body.sv-dark:not(.sv-reelsPage){
  --sv118-border-width: var(--sv118-dark-border-width);
}

body:not(.sv-reelsPage) .sv-top,
body:not(.sv-reelsPage) .sv-side,
body:not(.sv-reelsPage) .sv-sideRight,
body:not(.sv-reelsPage) .sv-bottom,
body:not(.sv-reelsPage) .sv-card,
body:not(.sv-reelsPage) .sv-panel,
body:not(.sv-reelsPage) .sv-modalCard,
body:not(.sv-reelsPage) .sv-drawer,
body:not(.sv-reelsPage) .sv-searchPageV2 .sv-searchPanel,
body:not(.sv-reelsPage) .sv-notiHead,
body:not(.sv-reelsPage) .sv-liveCard,
body:not(.sv-reelsPage) .sv-gFbCard,
body:not(.sv-reelsPage) .sv-gFbComposer,
body:not(.sv-reelsPage) .sv-hashHead,
body:not(.sv-reelsPage) .sv-hashTabs,
body:not(.sv-reelsPage) .sv-msgShell,
body:not(.sv-reelsPage) .sv-msgList,
body:not(.sv-reelsPage) .sv-chatPane,
body:not(.sv-reelsPage) .sv-msgTop,
body:not(.sv-reelsPage) .sv-chatComposer,
body:not(.sv-reelsPage) .sv-popCard,
body:not(.sv-reelsPage) .sv-dropdown,
body:not(.sv-reelsPage) .sv-menu,
body:not(.sv-reelsPage) .sv-menuCard{
  border-width: var(--sv118-border-width) !important;
}

@media (max-width:980px){
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage){
    --sv118-feed-separator-bleed: calc((var(--sv112-pad, 0px) + 3vw) * -1);
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-bottom{
    bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-card{
    position: relative !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    overflow: visible !important;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-card::after,
  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-card:first-child::before{
    content: "";
    position: absolute;
    left: var(--sv118-feed-separator-bleed);
    right: var(--sv118-feed-separator-bleed);
    height: 0;
    pointer-events: none;
    border-color: var(--sv-border) !important;
    border-style: solid;
    border-width: 0 0 var(--sv118-border-width) 0;
    z-index: 2;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-card::after{
    bottom: 0;
  }

  html.sv-pwa-mobileApp body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-card:first-child::before{
    top: 0;
  }
}