/* Doodhbar: desktop-only simple phone layout with diagonal outlined pattern */
/* v1.2.1 - pattern now fully opaque */
@media (min-width:1024px){
  :root{
    --db-pattern-size: 220px; /* smaller = more icons */
  }

  html.db-phone-outer, html.db-phone-outer body{height:100%;}
  html.db-phone-outer body{
    margin:0; overflow:hidden;
    background: linear-gradient(180deg, #ffffff 0%, #fafbff 45%, #f5f7fb 100%);
  }

  .db-shell{
    position:relative;
    width:100%;
    height:100dvh;
    min-height:100dvh;
    display:flex; align-items:stretch; justify-content:center;
    padding:0; overflow:hidden;
  }

  .db-bg{
    position:absolute; inset:0;
    pointer-events:none;
    background-image: url('../pattern/pattern-tile.svg');
    background-repeat: repeat;
    background-size: var(--db-pattern-size) var(--db-pattern-size);
    opacity: 1; /* fully opaque */
  }

  .db-viewport{
    position:relative; z-index:2;
    width:420px;
    height:100dvh;
    max-height:100dvh;
    background:#fff;
  }

  .db-screen{
    width:100%; height:100%; border:0; display:block; vertical-align:top; border-radius:0;
  }

  #wpadminbar{ display:none !important; }
}