/* Add a custom transition when opening/closing. */
.wp-block-details {
  transition: all 0.5s ease-in-out;
}

/* Add horizontal margin to nested blocks/elements (but exclude the header). */
.wp-block-details > :where( :not( summary ):not( header.wp-block-template-part ) ) { 
  margin-left: 2rem;
  margin-right: 2rem;
}

/* If open, add some bottom padding to avoid content butting against the bottom. */
.wp-block-details[open] {
  padding-bottom: 2rem;
}

/* Base `summary` element styling. */
.wp-block-details summary {
  transition: all 0.5s ease-in-out;
  box-sizing: border-box;
  padding: 2rem;
  font-weight: 500;
}

/* Change the background of the `summary` element based on state. */
.wp-block-details[open] summary,
.wp-block-details summary:hover,
.wp-block-details summary:focus {
  background: #F4E4FB;
}


@media (max-width: 767px) { 
  .wp-block-details { 
    width: 100vw; 
    margin-left: calc(50% - 50vw); 
    box-sizing: border-box;
    padding-left: var(--wp--style--root--padding-left); /* Use the theme's default padding */
    padding-right: var(--wp--style--root--padding-right); /* Use the theme's default padding */
  }

  .wp-block-details > :where( :not( summary ):not( header.wp-block-template-part ) ) {  
    margin-left: 0; 
    margin-right: 0; 
  }
}


.single-post .wp-block-cover { 
  width: 100vw !important; 
  margin: 0 !important; 
  box-sizing: border-box; 
}

.single-post .wp-block-cover * { /* Target all elements inside the cover block */
  padding: 0 !important;
  margin: 0 !important;
}

/* Default layout - sidebar on the side */
.alignleft.wp-block-template-part {
  width: 300px; /* Maintain sidebar width */
  float: left; /* Keep it to the left initially */
}

/* Media query for mobile - move sidebar below */
@media (max-width: 767px) { 
  .alignleft.wp-block-template-part {
    float: none; /* Remove float to allow it to stack */
    width: 100%; /* Make it full width on mobile */
  }
}

/* Media query for desktop and tablet - sticky sidebar */
@media (min-width: 768px) { 
  .alignleft.wp-block-template-part { 
    position: sticky;
    top: 100px; 
    width: 300px; 
  }
}



.wp-block-coblocks-accordion {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.wp-block-coblocks-accordion-item__content {
  margin: 0 auto; 
  padding: 0; 
  box-sizing: border-box;
  max-width: 650px; /* Reintroduce the max-width */
}

.wp-block-coblocks-accordion-item__content .has-global-padding {
  padding-left: var(--wp--style--root--padding-left);
  padding-right: var(--wp--style--root--padding-right);
}

/* Add margin to the bottom of the accordion summary */
.wp-block-coblocks-accordion-item__title { 
  margin-bottom: 15px; /* Adjust the value as needed */
}



.wp-block-coblocks-accordion-item__title {  
    font-size: 1.15em; /* Slightly smaller than the default H3 */
    font-weight: bold; 
    border-bottom: 1px solid lightgrey; 
    padding-bottom: 10px; 
}

/* Adjust further for mobile if needed */
@media (max-width: 767px) {
  .wp-block-coblocks-accordion-item__title {
    font-size: 1em; /* Adjust as needed for mobile */
  }
}




.wp-block-coblocks-accordion-item__title {
  border-bottom: 1px solid lightgrey; /* Add a light grey bottom border */
  padding-bottom: 10px; /* Adjust padding as needed */
}



/* On mobile screens, add a small top gap above the Subscribe button */
@media (max-width: 768px) {
  .tnp-subscription-minimal input.tnp-submit {
    margin-top: 0.5em; /* Adjust to taste */
  }
}