body {
  /* padding-top: calc(env(safe-area-inset-top) + 1rem); */
  /* padding-right: calc(env(safe-area-inset-right) + 1rem); */
  /* padding-bottom: calc(env(safe-area-inset-bottom) + 1rem); */
  /* padding-left: calc(env(safe-area-inset-left) + 1rem); */
}


@media (max-width: 768px) {
  .wp-block-site-logo img,
  .custom-logo {
    width: 200px !important;
    max-width: 55vw !important;
    height: auto !important;
  }
}

/* =========================================================
   Manual
   ========================================================= */
.csm-manual-section {
    margin-bottom: 50px;
}
.csm-manual-h2 {
    margin-bottom: 0px;
}
.csm-manual-video-caption {display: none;}


/* =========================================================
   Lists
   ========================================================= */
/* Custom list indent class */
.custom-indent-list {
  padding-left: 2rem; /* Adjust this value to increase or decrease the indent */
}

/* Ensures nested sub-lists also indent properly */
.custom-indent-list ul,
.custom-indent-list ol {
  padding-left: 1.5rem;
}


/* =========================================================
   Buttons
   ========================================================= */
.my-custom-button {
  border-width: 2px;
}
.my-custom-button:hover {
  color: #3e8bfc;
  border-width: 4px;
}


/* =========================================================
   CSM Manual
   ========================================================= */
.csm-manual-section {
margin: 40px 0;
}
.csm-manual-p {
padding: 10px 0;
margin: 0px;
}
.csm-manual-list {
margin-top: 0px;
padding-top: 0px;
}


/* =========================================================
   1. Accordion (Parent Container)
   ========================================================= */
.accordion {
  /* Outer margin surrounding the entire accordion block */
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: 0;
  margin-right: 0;

  /* Inner padding inside the main wrapper frame */
  padding: 1rem;
}

/* =========================================================
   2. Accordion Item (Individual Card/Wrapper)
   ========================================================= */
.accordion-item {
  /* Vertical gap between stacked accordion items */
  margin-bottom: 0.75rem;

  /* Internal padding if using a card style with borders */
  padding: 0;
}

/* Clear bottom margin from the last item in the list */
.accordion-item:last-child {
  margin-bottom: 0;
}

/* =========================================================
   3. Accordion Header / Trigger (Button/Clickable Bar)
   ========================================================= */
.accordion-header,
summary {
  /* Internal spacing inside the header/button */
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;

  /* Reset outer margins on the header element */
  margin: 0;
}

/* =========================================================
   4. Accordion Panel (Body/Drawer Container)
   ========================================================= */
.accordion-panel,
details[open] > *:not(summary) {
  /* Distance from the header above it */
  margin-top: 0.5rem;
  margin-bottom: 100px;

  /* Internal spacing around the panel content */
padding-bottom: 25px;
}

/* =========================================================
   5. Paragraphs inside the Accordion Panel
   ========================================================= */
.accordion-panel p,
details[open] p {
  /* Spacing between multiple paragraphs within the panel */
  margin-bottom: 1rem;
  margin-top: 0;

  /* Optional text indent or internal paragraph padding */
  padding: 0;
}

/* Prevent double-spacing under the last paragraph */
.accordion-panel p:last-child,
details[open] p:last-child {
  margin-bottom: 0;
}

/* =========================================================
   6. Lists inside the Accordion Panel
   ========================================================= */

/* Unordered (ul) and Ordered (ol) Lists */
.accordion-panel ul,
.accordion-panel ol,
details[open] ul,
details[open] ol {
  /* Distance from surrounding elements */
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  
  /* Left padding to account for bullet/number alignment */
  padding-left: 1.5rem;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* Individual List Items */
.accordion-panel li,
details[open] li {
  /* Vertical spacing between list items */
  margin-bottom: 0.375rem;
  margin-top: 0;
  
  /* Internal padding for item content if needed */
  padding: 0;
}

/* Nested Lists Spacing */
.accordion-panel li > ul,
.accordion-panel li > ol,
details[open] li > ul,
details[open] li > ol {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

/* Prevent trailing margins on the last item or list */
.accordion-panel li:last-child,
details[open] li:last-child {
  margin-bottom: 0;
}

.accordion-panel ul:last-child,
.accordion-panel ol:last-child,
details[open] ul:last-child,
details[open] ol:last-child {
  margin-bottom: 0;
}