/* Container styles for layout options */
.egr-heading-container {
  width: 100%;
}

.egr-heading-container--boxed .egr-heading-inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0;
}

.egr-heading-container--edge_to_edge .egr-heading-inner {
  padding: 0;
}

@media (min-width: 768px) {
  .egr-heading-container--edge_to_edge .egr-heading-inner {
    padding: 0;
  }
}

.egr-heading-container--full_width .egr-heading-inner {
  padding: 0;
}

.egr-heading {
    margin: 0 0 1rem 0;
    padding-top: 1.5rem;
    font-family: inherit;
    font-weight: bold;
    line-height: 1.2;
    color: inherit;
  }
  
  .egr-heading--underlined {
    position: relative;
    padding-bottom: 0.75rem;
  }
  
  .egr-heading--underlined::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background-color: #28a745; /* Green color - adjust as needed */
    border-radius: 2px;
  }

  /* Text alignment styles */
  .egr-heading--align-left {
    text-align: left;
  }

  .egr-heading--align-center {
    text-align: center;
  }

  .egr-heading--align-center.egr-heading--underlined::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .egr-heading--align-right {
    text-align: right;
  }

  .egr-heading--align-right.egr-heading--underlined::after {
    left: auto;
    right: 0;
  }
  
  /* Responsive heading sizes - matching egr.css standards */
  .egr-heading h1,
  .egr-heading.h1 {
    font-size: 4rem;
    letter-spacing: 0.054rem;
    line-height: 1.1;
  }
  
  .egr-heading h2,
  .egr-heading.h2 {
    font-size: 2.65rem;
    letter-spacing: 0.04rem;
    line-height: 1.18;
  }
  
  .egr-heading h3,
  .egr-heading.h3 {
    font-size: 1.75rem;
  }
  
  .egr-heading h4,
  .egr-heading.h4 {
    font-size: 1.5rem;
  }
  
  .egr-heading h5,
  .egr-heading.h5 {
    font-size: 1.25rem;
  }
  
  .egr-heading h6,
  .egr-heading.h6 {
    font-size: 1rem;
  }
  
  @media (max-width: 768px) {
    .egr-heading {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .egr-heading h1 { font-size: 2rem; }
    .egr-heading h2 { font-size: 1.75rem; }
    .egr-heading h3 { font-size: 1.5rem; }
    .egr-heading h4 { font-size: 1.25rem; }
    .egr-heading h5 { font-size: 1.1rem; }
    .egr-heading h6 { font-size: 1rem; }
  }

  /* Layout Paragraphs Builder Preview Styles */
  .egr-heading-preview {
    position: relative;
    min-height: 2rem;
  }

  .egr-heading-preview--empty {
    border: 2px dashed #dee2e6;
    border-radius: 4px;
    padding: 1.5rem;
    background-color: #f8f9fa;
    text-align: center;
  }

  .egr-heading-preview__placeholder {
    margin: 0;
    color: #6c757d;
    font-size: 0.9rem;
    font-style: italic;
  }

  /* Ensure proper display in Layout Paragraphs Builder */
  .lpb-active .egr-heading-container {
    position: relative;
  }

  .lpb-active .egr-heading {
    /* Ensure headings are visible and properly styled in edit mode */
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }