/* Text Block Template Styles */

.sbt-text-block {
    @apply py-16 xl:py-24;
}

.sbt-text-block__container {
    @apply max-w-container mx-auto px-6 xl:px-[100px];
}

/* When bg is container-width, add padding inside */
.sbt-text-block--bg-container .sbt-text-block__container {
    @apply py-12 xl:py-16 px-8 xl:px-16;
}

.sbt-text-block__title {
    @apply text-[32px] xl:text-[56px] leading-tight mb-8 xl:mb-12;
    color: inherit;
}

.sbt-text-block__content {
    @apply text-[14px] xl:text-[16px] leading-relaxed;
    color: inherit;
}

.sbt-text-block__content p {
    @apply mb-4 last:mb-0;
}

/* Width modifiers wrap BOTH title and content so they share the same max-width
   on desktop. Mobile keeps 100% for legibility. */
.sbt-text-block__inner {
    @apply mx-auto;
}
.sbt-text-block__inner--w-100 {
    @apply w-full xl:max-w-full;
}
.sbt-text-block__inner--w-75 {
    @apply w-full xl:max-w-[75%];
}
.sbt-text-block__inner--w-50 {
    @apply w-full xl:max-w-[50%];
}

/* Font variants */
.sbt-text-block--font-sans {
    @apply font-sans;
}

.sbt-text-block--font-mono {
    @apply font-mono;
}

/* Alignment modifiers (default center, configurable per instance) */
.sbt-text-block__title--align-left   { @apply text-left; }
.sbt-text-block__title--align-center { @apply text-center; }
.sbt-text-block__title--align-right  { @apply text-right; }

.sbt-text-block__content--align-left   { @apply text-left; }
.sbt-text-block__content--align-center { @apply text-center; }
.sbt-text-block__content--align-right  { @apply text-right; }