/* Frontend Styles for Enclose Box Block */

.wp-block-storeink-enclose-box {
  margin: 2rem 0 !important;
  border: 4px solid var(--color, #e0e0e0);
  border-radius: min(32px, 2vw);
  background: #fff;
  position: relative;
}

.wp-block-storeink-enclose-box .enclose-title {
  padding: 1rem 1.5rem;
  background: var(--color, #f8f8f8);
  color: #fff;
  font-weight: 600;
  font-size: clamp(1rem, 0.85rem + 0.75vw, 1.75rem);
  line-height: 1;
  border-radius: 999px;
  position: absolute;
  top: 0;
  left: 0;
  min-width: min(325px, 16vw);
  text-align: center;
  transform: translate(-6px, -50%);
}

.wp-block-storeink-enclose-box .enclose-content {
  padding-block: clamp(2.125rem, 1.8rem + 1.625vw, 3.75rem);
  padding-inline: clamp(1.25rem, 0.5rem + 3.75vw, 5rem);
}

/* Inner blocks spacing */
.wp-block-storeink-enclose-box .enclose-content > * {
  margin-top: 0;
  margin-bottom: 1rem;
}

.wp-block-storeink-enclose-box .enclose-content > *:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .wp-block-storeink-enclose-box {
    border-width: 6px;
  }
}