/* Header */
.pcl-header {
  position: sticky; top: 0; z-index: 1000;
  display: flex; justify-content: space-between; align-items: center;
  padding: 10px 14px; background: #fff; border-bottom: 1px solid #eee;
}
.pcl-header__side { display: flex; gap: 10px; align-items: center; }
.pcl-header__brand { display: inline-flex; align-items: center; }
.pcl-iconbtn { appearance: none; border: 0; background: transparent; padding: 6px; border-radius: 10px; cursor: pointer; }
.pcl-iconbtn:focus-visible, .pcl-sheet__close:focus-visible { outline: 2px solid #111; outline-offset: 2px; }

/* Hide the menu icon while a sheet is open */
.pcl-sheet-open .pcl-iconbtn[data-pcl-open="menu"] { display: none; }

/* Backdrop is not used; make sure it never shows */
.pcl-sheet-backdrop { display: none !important; }

/* Bottom sheet – full-bleed width, sits under the sticky header */
:root { --pcl-header-h: 56px; } /* JS updates this to real header height */

.pcl-sheet {
  position: fixed;
  /* keep it under header but covering all page content */
  left: 0; right: 0;
  top: var(--pcl-header-h);
  height: calc(100dvh - var(--pcl-header-h));
  background: #fff;
  /* No shadow until open (prevents the “ghost” before open) */
  box-shadow: none;
  transform: translateY(100%);
  transition: transform .28s ease, box-shadow .2s ease;
  display: flex; flex-direction: column;
  /* win the stacking order battle */
  z-index: 2147483647; /* max practical z-index */
}

/* When open, slide up and add a soft shadow edge */
.pcl-sheet--open {
  transform: translateY(0);
  box-shadow: 0 -10px 24px rgba(0,0,0,.12);
}

/* Optional: while open, block pointer events behind the sheet */
html.pcl-sheet-open body > *:not(.pcl-sheet) {
  pointer-events: none;
}

/* Sheet header & body */
.pcl-sheet__handle { display:none; } /* not needed for full-bleed */
.pcl-sheet__head {
  display:flex; align-items:center; justify-content:space-between;
  padding: 12px 14px; border-bottom: 1px solid #f0f0f0;
}
.pcl-sheet__head h2 { font-size: 16px; margin: 0; }
.pcl-sheet__close { font-size: 30px; color: #0d3954; appearance:none; background:transparent; border:0; padding:6px; border-radius:8px; cursor:pointer; }

/* Body scrolls, with a little top padding space */
.pcl-sheet__body {
  padding: 10px 14px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* List styling */
.pcl-list { list-style: none; padding: 0; margin: 0; }
.pcl-list li { border-bottom: 1px solid #f3f3f3; }
.pcl-list li a { display: block; padding: 12px 2px; text-decoration: none; color: #111; }
.pcl-list li a:hover { text-decoration: underline; }
.pcl-danger { color: #b00020 !important; }

/* page content z-index fix */
.et-db #et-boc .et-l.et-l--post .et_builder_inner_content {
    z-index: 0 !important;
}

.pcl-header__brand-icon{
  display: block;
  width: 32px !important;
  height: 32px !important;
}

/* Icon sizes for header */
.pcl-header__icon {
  display: block;
  width: 22px;
  height: 22px;
}
/* Avatar/logo in header (square, rounded) */
.pcl-header__avatar {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}