/*Important to leave it 240 so that the carousel pictures align perfectly*/
.editor-badge {
  position: fixed;
  top: 20px;
  right: 20px;
  background-color: #f39c12;
  color: var(--tm-text, #000);
  padding: 10px 20px;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-weight: bold;
  z-index: 1000000;
  cursor: pointer;
}

.hidden-until-scroll {
  opacity: 0;
}

.animate-fade-in {
  animation: fadeIn ease-in-out;
}

.animate-slide-in-from-top {
  animation: slideInFromTop ease-in-out;
}

.animate-slide-in-from-bottom {
  animation: slideInFromBottom ease-in-out;
}

.animate-slide-in-from-left {
  animation: slideInFromLeft ease-in-out;
}

.animate-slide-in-from-right {
  animation: slideInFromRight ease-in-out;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideInFromBottom {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInFromRight {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInFromTop {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.website-page-section-master-container {
  min-height: 150px;
  display: flow-root;
}
.website-page-section-master-container:has(.important-links-section) {
  min-height: unset;
}

.apply-multiplication-factor-for-title-description h2.web-page-section-title .web-page-section-title-text,
.apply-multiplication-factor-for-title h2.web-page-section-title .web-page-section-title-text,
.apply-multiplication-factor-for-title-description-content h2.web-page-section-title .web-page-section-title-text {
  font-size: calc(1em * var(--mf-xxs));
}
.apply-multiplication-factor-for-title-description .page-main-title-text,
.apply-multiplication-factor-for-title .page-main-title-text,
.apply-multiplication-factor-for-title-description-content .page-main-title-text {
  font-size: calc(1em * var(--mf-xxs));
}

.apply-multiplication-factor-for-title-description-content .page-section .web-page-section-description,
.apply-multiplication-factor-for-title-description .page-section .web-page-section-description {
  font-size: calc(1em * var(--mf-xxs));
}
.apply-multiplication-factor-for-title-description-content .custom-page-description,
.apply-multiplication-factor-for-title-description .custom-page-description {
  font-size: calc(1em * var(--mf-xxs));
}

@media (min-width: 576px) {
  .website-page-section-master-container.container-sm .row {
    margin: 0;
  }
  .apply-multiplication-factor-for-title-description h2.web-page-section-title .web-page-section-title-text,
  .apply-multiplication-factor-for-title h2.web-page-section-title .web-page-section-title-text,
  .apply-multiplication-factor-for-title-description-content h2.web-page-section-title .web-page-section-title-text {
    font-size: calc(1em * var(--mf-xs));
  }
  .apply-multiplication-factor-for-title-description .page-main-title-text,
  .apply-multiplication-factor-for-title .page-main-title-text,
  .apply-multiplication-factor-for-title-description-content .page-main-title-text {
    font-size: calc(1em * var(--mf-xs));
  }
  .apply-multiplication-factor-for-title-description-content .page-section .web-page-section-description,
  .apply-multiplication-factor-for-title-description .page-section .web-page-section-description {
    font-size: calc(1em * var(--mf-xs));
  }
  .apply-multiplication-factor-for-title-description-content .custom-page-description,
  .apply-multiplication-factor-for-title-description .custom-page-description {
    font-size: calc(1em * var(--mf-xs));
  }
}
@media (min-width: 768px) {
  .apply-multiplication-factor-for-title-description h2.web-page-section-title .web-page-section-title-text,
  .apply-multiplication-factor-for-title h2.web-page-section-title .web-page-section-title-text,
  .apply-multiplication-factor-for-title-description-content h2.web-page-section-title .web-page-section-title-text {
    font-size: calc(1em * var(--mf-s));
  }
  .apply-multiplication-factor-for-title-description .page-main-title-text,
  .apply-multiplication-factor-for-title .page-main-title-text,
  .apply-multiplication-factor-for-title-description-content .page-main-title-text {
    font-size: calc(1em * var(--mf-s));
  }
  .apply-multiplication-factor-for-title-description-content .page-section .web-page-section-description,
  .apply-multiplication-factor-for-title-description .page-section .web-page-section-description {
    font-size: calc(1em * var(--mf-s));
  }
  .apply-multiplication-factor-for-title-description-content .custom-page-description,
  .apply-multiplication-factor-for-title-description .custom-page-description {
    font-size: calc(1em * var(--mf-s));
  }
}
@media (min-width: 992px) {
  .apply-multiplication-factor-for-title-description h2.web-page-section-title .web-page-section-title-text,
  .apply-multiplication-factor-for-title h2.web-page-section-title .web-page-section-title-text,
  .apply-multiplication-factor-for-title-description-content h2.web-page-section-title .web-page-section-title-text {
    font-size: calc(1em * var(--mf-m));
  }
  .apply-multiplication-factor-for-title-description .page-main-title-text,
  .apply-multiplication-factor-for-title .page-main-title-text,
  .apply-multiplication-factor-for-title-description-content .page-main-title-text {
    font-size: calc(1em * var(--mf-m));
  }
  .apply-multiplication-factor-for-title-description-content .page-section .web-page-section-description,
  .apply-multiplication-factor-for-title-description .page-section .web-page-section-description {
    font-size: calc(1em * var(--mf-m));
  }
  .apply-multiplication-factor-for-title-description-content .custom-page-description,
  .apply-multiplication-factor-for-title-description .custom-page-description {
    font-size: calc(1em * var(--mf-m));
  }
}
@media (min-width: 1200px) {
  .apply-multiplication-factor-for-title-description h2.web-page-section-title .web-page-section-title-text,
  .apply-multiplication-factor-for-title h2.web-page-section-title .web-page-section-title-text,
  .apply-multiplication-factor-for-title-description-content h2.web-page-section-title .web-page-section-title-text {
    font-size: calc(1em * var(--mf-lg));
  }
  .apply-multiplication-factor-for-title-description .page-main-title-text,
  .apply-multiplication-factor-for-title .page-main-title-text,
  .apply-multiplication-factor-for-title-description-content .page-main-title-text {
    font-size: calc(1em * var(--mf-lg));
  }
  .apply-multiplication-factor-for-title-description-content .page-section .web-page-section-description,
  .apply-multiplication-factor-for-title-description .page-section .web-page-section-description {
    font-size: calc(1em * var(--mf-lg));
  }
  .apply-multiplication-factor-for-title-description-content .custom-page-description,
  .apply-multiplication-factor-for-title-description .custom-page-description {
    font-size: calc(1em * var(--mf-lg));
  }
}
@media (min-width: 1400px) {
  .apply-multiplication-factor-for-title-description h2.web-page-section-title .web-page-section-title-text,
  .apply-multiplication-factor-for-title h2.web-page-section-title .web-page-section-title-text,
  .apply-multiplication-factor-for-title-description-content h2.web-page-section-title .web-page-section-title-text {
    font-size: 1em;
  }
  .apply-multiplication-factor-for-title-description .page-main-title-text,
  .apply-multiplication-factor-for-title .page-main-title-text,
  .apply-multiplication-factor-for-title-description-content .page-main-title-text {
    font-size: 1em;
  }
  .apply-multiplication-factor-for-title-description-content .page-section .web-page-section-description,
  .apply-multiplication-factor-for-title-description .page-section .web-page-section-description {
    font-size: 1em;
  }
  .apply-multiplication-factor-for-title-description-content .custom-page-description,
  .apply-multiplication-factor-for-title-description .custom-page-description {
    font-size: 1em;
  }
}
@media (min-width: 992px) {
  /* 1) Wrapperul devine referință pentru poziționare */
  .website-page-section-with-sidebar-cols-wrapper {
    position: relative;
    /* dacă ai lăsat ceva flex pe el, scoate: */
    display: block;
  }
  /* 2) Coloana stângă ocupă ~75% și lasă un spațiu între coloane */
  .website-page-section-with-sidebar-main-section {
    width: calc(75% - 12px); /* ~gx-3/gx-4; ajustează cât vrei gap-ul */
    /* important să fie în fluxul normal => dă înălțimea wrapper-ului */
  }
  /* 3) Sidebar-ul este absolut și se întinde pe înălțimea wrapper-ului (adică a stângii) */
  .website-page-section-with-sidebar-secondary-section {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; /* => înălțime egală cu wrapper-ul */
    width: 25%;
    overflow-y: auto; /* scroll intern doar în dreapta */
    -webkit-overflow-scrolling: touch;
  }
}
/* < lg: comportament normal, coloane una sub alta */
@media (max-width: 991.98px) {
  .website-page-section-with-sidebar-cols-wrapper {
    position: static;
  }
  .website-page-section-with-sidebar-main-section,
  .website-page-section-with-sidebar-secondary-section {
    width: 100%;
    position: static;
    overflow: visible;
  }
}