/* Staging only: contextual page hero (title, share, breadcrumbs) + VMG tabs.
   Does not change Site Header 74, Site Footer 73, or sidebar menus. */

/* Phlox boxed fold (35px) clips Theme Builder single-page chrome. Faculty pages already run full-bleed. */
#main.aux-boxed-container:has([data-elementor-type="single-page"]) > .aux-wrapper > .aux-container.aux-fold {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-widget-theme-post-title .elementor-heading-title {
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
}

.elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-widget-aux_breadcrumbs .aux-breadcrumbs {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  gap: 0.15rem 0.4rem;
  margin: 0;
  line-height: 1.45;
  text-align: start !important;
}

.elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-widget-aux_breadcrumbs .aux-breadcrumbs > span {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}

@media (max-width: 1024px) {
  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) {
    padding-block: 22px 16px !important;
    padding-inline: 10px !important;
  }

  /* B: crumbs on their own row; title + share share the next row.
     Grid so Elementor .elementor-col-33 / 100% mobile stack cannot keep share with crumbs. */
  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) > .elementor-container,
  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) > .elementor-container > .elementor-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "crumbs crumbs"
      "title share" !important;
    align-items: center !important;
    gap: 8px 12px !important;
    width: 100% !important;
    max-width: none !important;
  }

  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-column:has(.elementor-widget-aux_breadcrumbs) {
    grid-area: crumbs !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }

  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-column:has(.elementor-widget-theme-post-title) {
    grid-area: title !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    flex: none !important;
  }

  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-column:has(.elementor-widget-share-buttons),
  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-column:has(.aisu-share-trigger) {
    grid-area: share !important;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
  }

  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-widget-theme-post-title .elementor-heading-title {
    font-size: 24px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
  }

  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-widget-aux_breadcrumbs,
  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-widget-aux_breadcrumbs .aux-breadcrumbs,
  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-widget-aux_breadcrumbs .aux-breadcrumbs a,
  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-widget-aux_breadcrumbs .aux-breadcrumbs span {
    font-size: 13px !important;
    text-align: start !important;
  }

  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-widget-share-buttons .elementor-grid {
    justify-content: start;
  }

  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-widget-aux_tabs ul.tabs {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100% !important;
    max-width: 100%;
    padding: 0 !important;
    margin: 0 0 10px !important;
    gap: 6px;
    table-layout: auto;
  }

  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-widget-aux_tabs ul.tabs li {
    flex: 1 1 0;
    float: none !important;
    width: auto !important;
    min-width: 0;
    display: flex;
  }

  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-widget-aux_tabs ul.tabs li a {
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 10px 8px !important;
    font-size: 13px !important;
    white-space: nowrap;
    min-width: 0;
  }

  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-widget-aux_tabs .aux-tab-content {
    padding-block: 16px !important;
    padding-inline: 12px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) {
    padding-block: 28px 20px !important;
    padding-inline: 10px !important;
  }

  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-widget-theme-post-title .elementor-heading-title {
    font-size: 30px !important;
  }

  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-widget-aux_tabs ul.tabs li a {
    font-size: 15px !important;
    padding: 12px 10px !important;
  }
}

@media (max-width: 767px) {
  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-widget-aux_tabs ul.tabs li a::before {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
  }
}

/* Desktop only: IU-style hero — crumbs full width, title + share row. Mobile/tablet grid above is unchanged. */
@media (min-width: 1025px) {
  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) > .elementor-container,
  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) > .elementor-container > .elementor-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "crumbs crumbs"
      "title share" !important;
    align-items: center !important;
    gap: 12px 24px !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin-inline: auto !important;
  }

  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-column:has(.elementor-widget-aux_breadcrumbs) {
    grid-area: crumbs !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }

  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-column:has(.elementor-widget-theme-post-title) {
    grid-area: title !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    flex: none !important;
  }

  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-column:has(.aisu-share-ibox),
  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.elementor-widget-theme-post-title):has(.elementor-widget-aux_breadcrumbs) .elementor-column:has(.aisu-share-trigger) {
    grid-area: share !important;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    justify-self: end;
  }

  .elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .aisu-share-ibox .elementor-icon-box-wrapper {
    cursor: pointer;
  }
}

/* A: collapse Elementor share-buttons into the Icon widget (aisu-share-trigger).
   Icon, colors, size, hover, and networks stay editable in Elementor. */
.elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .aisu-share-trigger {
  cursor: pointer;
}

.elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-widget-icon.aisu-share-trigger .elementor-icon {
  border-style: solid;
  border-width: 2px;
  border-radius: 6px;
}

.elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-column:has(.aisu-share-trigger) {
  position: relative;
}

.elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-column:has(.aisu-share-trigger) .elementor-widget-share-buttons:not(.aisu-share-panel-open) {
  display: none !important;
}

.elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-section:has(.aisu-share-panel-open),
.elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-column:has(.aisu-share-panel-open) {
  overflow: visible !important;
  z-index: 40;
}

.elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-widget-share-buttons.aisu-share-panel-open {
  display: block !important;
  position: absolute;
  inset-block-start: calc(100% + 6px);
  inset-inline-start: auto;
  inset-inline-end: 0;
  z-index: 30;
  width: max-content;
  max-width: min(280px, calc(100vw - 24px));
  padding: 8px;
  background: #fff;
  border: 1px solid rgba(11, 127, 64, 0.22);
  border-radius: 10px;
}

.elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .elementor-widget-share-buttons.aisu-share-panel-open .elementor-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: 6px;
}
.elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .aisu-share-copy {
  cursor: pointer;
}
.elementor:not([data-elementor-type="header"]):not([data-elementor-type="footer"]):not([data-elementor-type="popup"]) .aisu-share-copy[data-copied] {
  opacity: 0.7;
}