/*!
 * Custom styling overrides for Constellation site.
 * File: custom.css
 * Location: /wp-content/themes/astra/assets/css/custom.css
 */

.ast-single-post .entry-content .breadcrumb-page a {
  text-decoration: none;
}

.ast-single-post .entry-content .breadcrumb-page a:hover {
  text-decoration: underline;
}

#scroll-to-top img {
  cursor: pointer;
}

#ast-scroll-top {
  visibility: hidden;
}

#page header .search-wrapper .search-field .e-search-form svg {
  visibility: visible;
  opacity: 1;
}

#page header .search-wrapper .search-field .e-search-form input {
  border: 0;
  box-shadow: none;
}

#page header .search-wrapper .search-field .e-search-form input::placeholder {
  color: #ffffff;
}

#page header .search-wrapper .search-field.e-focus .e-search-form input {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #E0E0E0;
  border-radius: 4px 4px 4px 4px;
}

#page header .search-wrapper .search-field.e-focus .e-search-form input::placeholder {
  color: var(--e-search-placeholder-color);
}

.timeline-constellation .uael-timeline-main .uael-days .uael-timeline-field {
  position: relative;
  min-height: 450px;
}

.timeline-constellation .uael-timeline-main .uael-timeline-right img {
  position: absolute;
  right: -100%;
  top: 0;
}

.timeline-constellation .uael-timeline-main .uael-timeline-left img {
  position: absolute;
  left: -100%;
  top: 0;
}

.component-click-image .component-click-image-texts .component-click-image-texts-tab {
  cursor: pointer;
}

.component-click-image .component-click-image-texts .component-click-image-texts-tab:not(:first-child) {
  border-color: #ffffff;
}

.component-click-image .component-click-image-texts .component-click-image-texts-tab:not(:first-child) .elementor-widget-text-editor,
.component-click-image .component-click-image-texts .component-click-image-texts-tab:not(:first-child) .elementor-widget-button {
  display: none;
}

/* Dark Mode overrides */
body.dark-mode {
  /* Elementor Global Colors */
  --e-global-color-primary:    #64A0C8; /* lighter blue for links/buttons */
  --e-global-color-secondary:  #A0A4AA; /* softer gray for headings */
  --e-global-color-text:       #E0E0E0; /* light text */
  --e-global-color-accent:     #50A85E; /* darker green accent */

  /* Astra Global Colors */
  --ast-global-color-0: #3398FF; /* primary brand blue */
  --ast-global-color-1: #0073E6; /* secondary blue */
  --ast-global-color-2: #CCD1D9; /* dark-mode text primary */
  --ast-global-color-3: #B0B7C1; /* dark-mode text secondary */
  --ast-global-color-4: #2a2a2a; /* dark background */
  --ast-global-color-5: #1F2328; /* dark alternate background */
  --ast-global-color-6: #F5F5F5; /* light text on dark */
  --ast-global-color-7: #747B84; /* subtle backgrounds/borders */
  --ast-global-color-8: #F5F5F5; /* repeat light text */

  /* Base backgrounds & text */
  background-color: var(--ast-global-color-4);
  color: var(--ast-global-color-6);
}

/* Containers & sections */
body.dark-mode .ast-plain-container,
body.dark-mode .ast-page-builder-template {
  background-color: var(--ast-global-color-4);
}

/* Elementor widget background fallback */
body.dark-mode .elementor-kit-7 {
  --e-global-color-primary:   var(--e-global-color-primary);
  --e-global-color-secondary: var(--e-global-color-secondary);
  --e-global-color-text:      var(--e-global-color-text);
  --e-global-color-accent:    var(--e-global-color-accent);
}

/* Dark Mode: override this section’s background without the post-ID prefix */
body.dark-mode.page #page [data-element_type="container"].elementor-element:not(.elementor-motion-effects-element-type-background),
body.dark-mode.page #page [data-element_type="container"].elementor-element > .elementor-motion-effects-container > .elementor-motion-effects-layer,
body.dark-mode.page #page [data-element_type="container"].elementor-element .elementor-button,
body.dark-mode.page #page .uael-timeline-main .uael-day-new .uael-events-inner-new,
body.dark-mode.page #page header .elementor-nav-menu .sub-menu,
body.dark-mode.page #page .elementor-widget-image-box > div,
body.dark-mode.page #page .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title,
body.dark-mode.page #page #constellation_form_contact .elementor-field-group .elementor-field,
body.dark-mode.page #page #constellation_form_contact .elementor-field-group .elementor-select-wrapper select {
  background-color: #2a2a2a !important;
}

body.dark-mode.page #page .uael-timeline-main .uael-day-new {
  filter: drop-shadow(0px 1px 8px #ffffff70);
  -webkit-filter: drop-shadow(0px 1px 8px #ffffff70);
}

body.dark-mode.page #page header [data-element_type="container"] a,
body.dark-mode.page #page [data-element_type="container"].elementor-element label,
body.dark-mode.page #page [data-element_type="container"].elementor-element div,
body.dark-mode.page #page [data-element_type="container"].elementor-element p,
body.dark-mode.page #page [data-element_type="container"].elementor-element span,
body.dark-mode.page #page [data-element_type="container"].elementor-element .elementor-heading-title,
body.dark-mode.page #page .elementor-image-box-wrapper .elementor-image-box-content,
body.dark-mode.page #page .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title,
body.dark-mode.page #page .breadcrumb-page .breadcrumb-current-tab-title,
body.dark-mode.page #page .entry-content .elementor-widget-text-editor a,
body.dark-mode.page #page #constellation_form_contact .elementor-field-group .elementor-field,
body.dark-mode.page #page #constellation_form_contact .elementor-field-group input.elementor-field::placeholder,
body.dark-mode.page #page #constellation_form_contact .elementor-field-group .elementor-select-wrapper select {
  color: #ffffff !important;
}

body.dark-mode.page #page header .elementor-nav-menu--main .elementor-item,
body.dark-mode.page #page [data-element_type="container"].elementor-element #contraste svg,
body.dark-mode.page #page [data-element_type="container"].elementor-element .elementor-button svg,
body.dark-mode.page #page .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title svg {
  fill: #ffffff;
}

body.dark-mode.page.home #page [data-element_type="container"].elementor-element .elementor-element-021de91,
body.dark-mode.page.home #page [data-element_type="container"].elementor-element .elementor-element-5b7d8ee {
  background-color: transparent !important;
}

body.dark-mode.page #page .e-n-tabs .e-n-tabs-heading .e-n-tab-title,
body.dark-mode.page #page [data-element_type="container"].elementor-element .elementor-button,
body.dark-mode.page #page [data-element_type="container"].elementor-element .elementor-element-e4618a9 > div,
body.dark-mode.page #page #constellation_form_contact .elementor-field-group .elementor-field,
body.dark-mode.page #page #constellation_form_contact .elementor-field-group .elementor-select-wrapper select,
body.dark-mode.page #page #constellation_form_contact .elementor-field-group .elementor-button {
  border-color: #ffffff;
}

body.dark-mode.page #page [data-element_type="container"].elementor-element a.elementor-button.elementor-button-link,
body.dark-mode.page #page #constellation_form_contact .elementor-field-group .elementor-button {
  border: 1px solid;
}

body.dark-mode.page #page header .accessibility-wrapper [data-element_type="container"].elementor-element a.elementor-button-link {
  border: none;
}

body.dark-mode.page #page .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover {
  background-color: #2a2a2a !important;
  color: #ffffff;
}

.page #page .elementor-field-group {
  align-content: flex-start;
}

/* Tablet adjustments */
@media (min-width: 768px) and (max-width: 1200px) {
  .timeline-constellation .uael-timeline-main .uael-timeline-right img {
    right: calc(-100% - 50px);
  }

  .timeline-constellation .uael-timeline-main .uael-timeline-left img {
    left: calc(-100% - 50px);
  }

  #page .anual-report .anual-report-text {
    position: static;
    width: 50%;
  }
}

/* Mobile adjustments */
@media (max-width: 767px) {
  .tabs-home .elementor-widget-n-tabs .e-n-tabs-heading {
    flex-wrap: nowrap;
    justify-content: center;
  }

  .tabs-home .elementor-widget-n-tabs .e-n-tab-title {
    padding-inline-end: 25px;
    padding-inline-start: 25px;
  }

  .tabs-home .tab-img-wrapper {
    max-width: 100%;
    align-content: center;
    margin-top: 1rem;
  }

  .tabs-home .tab-img-wrapper .tab-img {
    position: initial;
  }

  .tabs-home .tab-img-wrapper .tab-img > div {
    --width: unset;
  }

  .carreiras-programs .e-con-inner {
    gap: 0;
  }

  .carreiras-programs .e-con-inner .carreiras-programs-text {
    position: static;
  }

  #page header .search-wrapper .search-field .e-search-form input {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E0E0E0;
    border-radius: 4px 4px 4px 4px;
  }

  #page header .search-wrapper .search-field .e-search-form input::placeholder {
    color: var(--e-search-placeholder-color);
  }

  #page header .main-menu-wrapper.toggle-menu-mobile {
    background-color: #ffffff;
    height: 100dvh;
    justify-content: flex-start;
  }

  #page header .main-menu-wrapper .search-wrapper {
    display: none;
  }

  #page header .main-menu-wrapper.toggle-menu-mobile .search-wrapper {
    display: flex;
  }

  #page header .main-menu-wrapper.toggle-menu-mobile .accessibility-wrapper {
    display: grid;
    position: absolute;
    bottom: 0;
  }

  #page header .main-menu-wrapper.toggle-menu-mobile .accessibility-wrapper .row {
    display: grid;
    grid-template-columns: max-content max-content;
    width: fit-content;
    gap: 1rem;
  }

  .timeline-constellation .uael-timeline-main .uael-days .uael-timeline-field {
    position: relative;
    min-height: unset;
  }

  .timeline-constellation .uael-timeline-main .uael-timeline-right img,
  .timeline-constellation .uael-timeline-main .uael-timeline-left img {
    position: static;
  }

  #page .anual-report .anual-report-text {
    position: static;
  }

  #page .anual-report .elementor-widget-image,
  #page .anual-report .elementor-widget-image img {
    width: 100%;
  }

  #page .component-click-image {
    gap: 0;
  }

  #page .component-click-image .component-click-image-texts {
    position: static;
    box-shadow: unset;
  }

  #page .component-click-image .component-click-image-images {
    height: auto;
    margin: 0;
    padding: 0;
  }
}