.pretty-triangle-wrapper {
    position:relative;
    width:  100%;  /* Wrapper only as wide as content */
    margin: 0 auto;      /* Center in column */
    background-color:transparent;
}

.group-triangles{
    position:relative;
    overflow: visible;
}



.group-triangles > figure.wp-block-image.image-poignee{
  position: absolute !important;
  left: 50%;
  top: 50%;
  transform: translate(-70%, -70%);
  transform: rotate(-90deg, -90deg);
  
  z-index: 999;
  margin: 0 !important;
  pointer-events: none;
}





/* Hide editor-only elements on frontend */
.editor-only {
    display: none !important;
}

/* TRIANGLE WRAPPER - Fill column width, triangle scales to fit */
.pretty-triangle-wrapper {
    width: 100%;         /* Fill column width (column is 25% of display) */
    margin: 0 auto;      /* Center in column */
}



/* SVG scales to fill wrapper width while maintaining aspect ratio */
.pretty-triangle-wrapper svg {
    display: block;
    width: 100%;         /* Fill wrapper (which fills column) */
    max-width: 100%;     /* Don't exceed wrapper width */
    height: auto;        /* Maintain aspect ratio from viewBox */
}
.pretty-triangle-editor-preview {
    background: #a8e446;

    /* Base size variable for responsive scaling */
    --base-size: 15px;
}

/* Center SVG in editor */
.pretty-triangle-editor {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* Prevent text selection during drag 
.pretty-triangle-editor text {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
*/

/* Ensure text elements are on top for click/drag */
.pretty-triangle-editor text,
.pretty-triangle-editor image {
    pointer-events: all;
}




/* hide editor-only guides on frontend */
.editor-only{
  display: none;
}