/* =========================================================
   Fonts
   ========================================================= */
@import url("https://db.onlinewebfonts.com/c/bbef5233c44e40253001e3c64074c280?family=Caros+Soft");

/* =========================================================
   Global Typography
   ========================================================= */
[class$="__title"],
[class$="__content"] {
  font-family: "Caros Soft", sans-serif;
  font-weight: 600;
}

/* =========================================================
   Page Layout & Backgrounds
   ========================================================= */
.portal-home-page {
  background:
    linear-gradient(0deg, #fcfcf8, #fcfcf8),
    linear-gradient(0deg, #ffffff, #ffffff);
}

.portal-home-page__container {
  background: transparent;
}

.portal-banner__wrapper {
  background: #fcfcf8;
}

.portal-directory-page__container {
  background: transparent;
}

.portal-article-page__content,
.portal-article-navigation-item,
.portal-knowledge-base-leftnav__search {
 font-family: "Caros Soft", sans-serif;
}
.portal-article-voting {
  background: #F9FAFA;
  border: 1px solid #EEEFF1;
}


/* =========================================================
   Header & Navigation Containers
   ========================================================= */
.portal-common-header {
  background: #ffffff;
  border-bottom: 1px solid #e3e3e8;
  box-shadow: 0px 2px 12px 0px #1213161f;
}

.portal-knowledge-base-leftnav {
  border-right: 1px solid #eeeff1;
}

.portal-knowledge-base-leftnav__content {
  font-family: "Inter", sans-serif;
  background: #f9fafa !important;
}

/* =========================================================
   Navigation / Tree States
   ========================================================= */
.portal-directory-node__title--active,
.portal-article-node__container--active {
  color: #3333ff !important;
}

.portal-directory-node__header--active {
  background: #3333ff0d !important;
}

.portal-directory-node__expand-button--active {
  color: #3333ff !important;
}

.portal-article-node__icon,
.portal-directory-icon__icon {
  color: #535665 !important;
}

.portal-article-navigation-item__link:hover {
  color: #3333ff !important;
}

/* =========================================================
   Directory Article List — Toggle Button (Link)
   ========================================================= */
.portal-directory-article-list__toggle-button {
  color: #3333ff;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition:
    color 0.15s ease,
    text-decoration-color 0.15s ease,
    transform 0.05s ease;
}

.portal-directory-article-list__toggle-button:hover {
  color: #1f1fff;
  text-decoration: underline;
}

.portal-directory-article-list__toggle-button:focus-visible {
  outline: 2px solid #3333ff;
  outline-offset: 2px;
  text-decoration: none;
}

.portal-directory-article-list__toggle-button:active {
  color: #1a1aff;
  transform: translateY(1px);
}

.portal-directory-article-list__toggle-button:visited {
  color: #2b2bcc;
}

.portal-directory-article-list__toggle-button:disabled {
  color: #9aa0b5;
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none;
}


/* =========================================================
   Header Actions — Login Button
   ========================================================= */
.portal-common-header__actions-container__login-button,
.portal-common-header__actions-container__submit-ticket-button {
  background: #fece2b !important;
  color: #000000 !important;
  border: none;
  outline: 2px solid #e0b000 !important;
  outline-offset: -2px !important;
  padding: 0 1rem;
  border-radius: 4px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition:
    background 0.15s ease,
    outline-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.05s ease;
}
.portal-common-header__actions-container__submit-ticket-button:hover,
.portal-common-header__actions-container__login-button:hover {
  background: #f5c400;
  outline-color: #c99d00;
}

.portal-common-header__actions-container__submit-ticket-button:focus-visible,
.portal-common-header__actions-container__login-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}

.portal-common-header__actions-container__submit-ticket-button:active,
.portal-common-header__actions-container__login-button:active {
  background: #e0b000;
  outline-color: #a88200;
  transform: translateY(1px);
}

.portal-common-header__actions-container__submit-ticket-button:disabled,
.portal-common-header__actions-container__login-button:disabled {
  background: #f3e4a5;
  outline-color: #d6c27a;
  color: #555555;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
  opacity: 0.7;
}

/* =========================================================
   Ticket Creation — Next Button
   ========================================================= */
.portal-ticket-creation__user-contact__next-button {
  background: #fece2b;
  color: #000000 !important;
  border: none !important;
  outline: 2px solid #e0b000 !important;
  outline-offset: -2px !important;
  padding: 0 1rem;
  border-radius: 4px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition:
    background 0.15s ease,
    outline-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.05s ease;
}

.portal-ticket-creation__user-contact__next-button:hover {
  background: #f5c400;
  outline-color: #c99d00;
}

.portal-ticket-creation__user-contact__next-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}

.portal-ticket-creation__user-contact__next-button:active {
  background: #e0b000;
  outline-color: #a88200;
  transform: translateY(1px);
}

.portal-ticket-creation__user-contact__next-button:disabled {
  background: #f3e4a5;
  outline-color: #d6c27a;
  color: #555555;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
  opacity: 0.7;
}

/* =========================================================
   Directory Cards
   ========================================================= */
.portal-directory-card {
  border: none;
  box-shadow: none;
  transition:
    box-shadow 0.2s ease,
    transform 0.1s ease;
}

.portal-directory-card:hover {
  box-shadow:
    0 4px 6px -1px rgb(0 0 0 / 0.1),
    0 2px 4px -2px rgb(0 0 0 / 0.1);
  transform: translateY(-1px);
}

.portal-directory-card__article-count {
  margin-top: 24px;
  color: #000000 !important;
}

/* =========================================================
   Logos
   ========================================================= */
.portal-common-header__org__logo {
  border-radius: 8px;
}

.portal-common-footer__org__logo {
  border-radius: 4px;
}

.portal-common-header__actions-container__login-button {
  display: none !important;
}