/**
 * Anstey Hodge Tagged Section Block Styles
 * Frontend and Editor styles
 */
div:has(.wp-block-anstey-hodge-tagged-section.with-tag) {
    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);
}
.wp-block-anstey-hodge-tagged-section.with-tag {
  display: flex;
  position: relative;
  z-index: 1;
}

.wp-block-anstey-hodge-tagged-section .tag {
  width: 4em;
  flex-shrink: 0;
}

.wp-block-anstey-hodge-tagged-section .document {
  width: calc(100% - 4em);
  margin-right: 1em;
  flex-grow: 1;
}

.wp-block-anstey-hodge-tagged-section .stickytag {
  position: fixed;
  top: 0;
  height: 100vh;
  z-index: 2;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: flex;
  white-space: nowrap;
  font-family: var(--wp--preset--font-family--system-font, var(--main-font, sans-serif));
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 1em;
  box-sizing: border-box;
}

.wp-block-anstey-hodge-tagged-section .stickytag em {
  font-family: var(--wp--preset--font-family--accent, var(--accent-font, serif));
  text-transform: lowercase;
  font-weight: 100;
  font-style: italic;
}

.wp-block-anstey-hodge-tagged-section .stickytag:before, 
.wp-block-anstey-hodge-tagged-section .stickytag:after {
  content: "";
  height: 100%;
  border-right: 1px solid currentColor;
  display: block;
  width: 0.5em;
  transform: translateX(-0.75em);
  margin: 0 0 1em;
}

.wp-block-anstey-hodge-tagged-section .stickytag:after {
  margin: 1em 0 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
/*  .wp-block-anstey-hodge-tagged-section.with-tag {
    flex-direction: column;
  }
  
  .wp-block-anstey-hodge-tagged-section .tag {
    width: 100%;
    margin-bottom: 1em;
  }
  
  .wp-block-anstey-hodge-tagged-section .document {
    width: 100%;
    margin-right: 0;
  }
  
  .wp-block-anstey-hodge-tagged-section .stickytag {
    position: relative;
    height: auto;
    writing-mode: horizontal-tb;
    text-orientation: initial;
    display: inline-flex;
    align-items: center;
    padding: 0.5em 1em;
    background: var(--wp--preset--color--primary, #000);
    color: var(--wp--preset--color--base, #fff);
    border-radius: 4px;
  }
  
  .wp-block-anstey-hodge-tagged-section .stickytag:before, 
  .wp-block-anstey-hodge-tagged-section .stickytag:after {
    display: none;
  }*/
}

/* Editor specific styles - ensure compatibility */
.wp-block-anstey-hodge-tagged-section .stickytag .rich-text {
  display: inline;
}

/* Wide and Full width support */
.wp-block-anstey-hodge-tagged-section.alignwide,
.wp-block-anstey-hodge-tagged-section.alignfull {
  width: 100%;
}

/* Color support */
.wp-block-anstey-hodge-tagged-section.has-text-color .stickytag {
  color: inherit;
}

.wp-block-anstey-hodge-tagged-section.has-background {
  padding: 2em;
}

.wp-block-anstey-hodge-tagged-section.has-background .stickytag {
  background: inherit;
}

/* Typography support */
.wp-block-anstey-hodge-tagged-section.has-small-font-size .stickytag {
  font-size: var(--wp--preset--font-size--small);
}

.wp-block-anstey-hodge-tagged-section.has-medium-font-size .stickytag {
  font-size: var(--wp--preset--font-size--medium);
}

.wp-block-anstey-hodge-tagged-section.has-large-font-size .stickytag {
  font-size: var(--wp--preset--font-size--large);
}

.wp-block-anstey-hodge-tagged-section.has-x-large-font-size .stickytag {
  font-size: var(--wp--preset--font-size--x-large);
}