.block__info-serviciu{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--spacing-8);
    padding: 16px;
    background: var(--white);
    border: 1px solid var(--color-border-default);
    border-radius: var(--border-radius-16);
}

.block__info-serviciu p{margin: var(--spacing-4); line-height:var(--text-desktop-heading-sm-height);}
.uslugi-documente__field--selected .rich-text > div{display: none;}

.accordion.uslugi-documente__dop-info{margin-top:0;}
.accordion.uslugi-documente__dop-info .accordion-item{border:0!important;}
.accordion.uslugi-documente__dop-info .accordion-button {
    font-size: var(--text-desktop-heading-xs-size);
    font-weight: var(--text-desktop-heading-xs-weight);
    line-height: var(--text-desktop-heading-xs-height);
    letter-spacing: var(--text-desktop-heading-xs-spacing);
    color: var(--color-text-primary);
	padding: 16px 0;
}

.tarife-block__group-row td {
  background: #f8f9fa;
  font-weight: 600;
  padding: 0.5rem 0.75rem;
  border-bottom: 2px solid var(--bs-border-color);
}

.tarife-block__row td {
  padding: 0.625rem 0.75rem;
  vertical-align: middle;
}

.tarife-block__tarif {
  white-space: nowrap;
}

.rich-text .tarife-block__disponibil ul { padding-left: var(--spacing-4);}

.tarife-block__nota-ref {
  cursor: help;
  color: var(--color-brand-primary);
  margin-left: 1px;
}

.tarife-block__disponibil-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tarife-block__btn-ghiseu {
  color: var(--color-brand-primary);
  font-size: inherit;
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  text-decoration: underline;
  text-decoration-style: dashed;
  cursor: pointer;
}

.tarife-block__btn-ghiseu:hover {
  text-decoration: none;
}

.tarife-block__link {
  color: var(--color-brand-primary);
  font-size: inherit;
}

.tarife-block__text {
  color: var(--bs-body-color);
}

.tarife-block__note {
  border-top: 1px solid var(--bs-border-color);
  padding-top: 0.5rem;
}

.tarife-block__disponibil-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-size: 0.875rem;
  line-height: 1.4;
  white-space: nowrap;
}

.responsive-enabled td .tarife-block__disponibil-item svg{min-height: 20px;}

.tarife-block__btn-ghiseu {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--color-brand-primary);
  background: none;
  border: none;
  padding: 0;
  font-size: inherit;
  text-align: left;
  text-decoration: underline;
  text-decoration-style: dashed;
  cursor: pointer;
  white-space: nowrap;
}

.tarife-block__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--color-brand-primary);
  font-size: inherit;
  white-space: nowrap;
}

.tarife-block__text {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

#oficii-map-frame {
  display: block;
  border: none;
  min-height: 450px;
}

.tarife-block__suma--1 { color: var(--green-700); } /* Gratuit */
.tarife-block__suma--2 { color: var(--apricot-800); } /* Reducere */


.uslugi-header__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-16);
  margin-top: var(--spacing-12);
}

.uslugi-header__actions-primary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-12);
}

.nota__actions-primary {
    flex: 1 1 auto;
    min-width: 0;
}

.nota__actions-secondary {
    flex: 0 0 auto;
    margin-left: auto;
}

@media (max-width: 767.98px) {
    .nota__actions {
        flex-wrap: wrap;
    }

    .nota__actions-secondary {
        width: 100%;
        margin-left: 0;
    }
}

/* ── Ghidul cetățeanului ── */
.uslugi-ghid {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-8);
}

.uslugi-ghid__label {
  font-family: var(--font-family-base);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #383838;
}

.uslugi-ghid__buttons {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-8);
}

.uslugi-ghid__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #0058d2;
}

.uslugi-ghid__btn svg { width: 24px; height: 24px; }

.uslugi-ghid__btn--pdf-file { color: #d92d20; }

.node--uslugi .accordion-item:first-child{border-top: var(--border-width-1) solid var(--color-border-default);}

/* ── Cerinţe specifice ── */
.uslugi-cerinte__heading {
  margin: 0 0 var(--spacing-16);
  font-family: var(--font-family-base);
  font-size: var(--text-desktop-heading-sm-size, 1.25rem);
  font-weight: 600;
  line-height: 1.4;
  color: var(--color-text-base-default, #121212);
}

.uslugi-cerinte__group + .uslugi-cerinte__group {
  margin-top: var(--spacing-24);
}

.uslugi-cerinte__description {
  margin: 0 0 var(--spacing-16);
}

.uslugi-cerinte__description > :last-child {
  margin-bottom: 0;
}

.uslugi-cerinte__field {
  width: 100%;
}

.uslugi-cerinte__select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.uslugi-cerinte__sources {
  display: none !important;
}

.uslugi-cerinte__content {
  margin-top: var(--spacing-16);
  padding: var(--spacing-16) var(--spacing-20);
  background: var(--color-bg-primary, #fff);
  border: 1px solid var(--color-border-default, #d9d9d9);
  border-radius: var(--border-radius-8, 8px);
}

.uslugi-cerinte__content[hidden] {
  display: none !important;
}

.uslugi-cerinte__content.is-visible {
  display: block;
}

.uslugi-cerinte__content ul {
  margin: 0;
  padding-left: 1.25rem;
}

.uslugi-cerinte__content li + li {
  margin-top: 0.35rem;
}

.uslugi-cerinte__content ul ul {
  margin-top: 0.35rem;
}

.accordion-item[data-uslugi-cerinte-item][hidden] {
  display: none !important;
}

.uslugi-documente__group + .uslugi-documente__group {
  margin-top: var(--spacing-24);
}

.uslugi-documente__formulare-panel {
  margin-top: var(--spacing-16);
}

.uslugi-documente__formulare-panel[hidden] {
  display: none !important;
}

.uslugi-documente__formulare-direct {
  margin-top: var(--spacing-16);
}

.uslugi-documente__formulare-direct .formulare-tip-accordion,
.uslugi-documente__formulare-panel .formulare-tip-accordion {
  padding-top: 0;
}

.uslugi-documente__node-title {
  margin: 0 0 var(--spacing-16);
}

.uslugi-documente__dop-info {
  margin-top: var(--spacing-24);
}

.uslugi-documente__dop-summary {
  margin: var(--spacing-16) 0 var(--spacing-8);
}

.uslugi-documente__dop-body + .uslugi-documente__dop-summary {
  margin-top: var(--spacing-24);
}

/* ============================================================
   Левый select «Categorii Servicii» (Figma: sidebar-control-asp-service)
   ============================================================ */
.serviciu-catselect {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  margin-bottom: var(--spacing-16);
}

.serviciu-catselect__label {
  margin: 0;
  padding: 0 var(--spacing-4);
  font-family: var(--font-family-base);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #757575;
}

.serviciu-catselect__control { position: relative; }

.serviciu-catselect__toggle {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-12);
  min-height: 48px;
  padding: var(--spacing-12) var(--spacing-16);
  background: var(--white);
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  cursor: pointer;
  text-align: left;
}

.serviciu-catselect__current {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-12);
  min-width: 0;
}

.serviciu-catselect__icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #0058d2;
}

.serviciu-catselect__current-label {
  overflow: hidden;
  font-family: var(--font-family-base);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #0058d2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.serviciu-catselect__chevron {
  flex-shrink: 0;
  display: inline-flex;
  color: #383838;
  transition: transform 0.15s ease;
}

.serviciu-catselect__toggle[aria-expanded="true"] .serviciu-catselect__chevron {
  transform: rotate(180deg);
}

.serviciu-catselect__panel {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  margin-top: var(--spacing-8);
  max-height: 60vh;
  overflow-y: auto;
  background: var(--white);
  border: 1px solid #d9d9d9;
  border-radius: var(--border-radius-16);
  box-shadow: 0 8px 24px rgba(18, 18, 18, 0.12);
}

.serviciu-catselect__panel[hidden] { display: none; }

.serviciu-catselect__panel .asp-sidebar-first-menu__list {
  list-style: none;
  margin: 0;
  padding: var(--spacing-8) 0;
}

/* ============================================================
   Тарифы — карточки на мобильном (Figma)
   ============================================================ */
.tarife-cards { display: none; }

.tarife-cards__group {
  margin: var(--spacing-8) 0;
  font-family: var(--font-family-base);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #121212;
}

.tarife-card {
  display: flex;
  flex-direction: column;
  border: 1px solid #d9d9d9;
  border-radius: var(--border-radius-12, 12px);
  overflow: hidden;
  background: var(--white);
}

.tarife-card__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-12);
  padding: var(--spacing-12) var(--spacing-16);
}

.tarife-card__row + .tarife-card__row {
  border-top: 1px solid #ededed;
}

.tarife-card__cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.tarife-card__cell--tarif {
  align-items: flex-end;
  text-align: right;
  white-space: nowrap;
}

.tarife-card__label {
  font-family: var(--font-family-base);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #757575;
}

.tarife-card__value {
  font-family: var(--font-family-base);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #121212;
}

.tarife-card__tarif-item + .tarife-card__tarif-item { display: block; }

.tarife-card__locul {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  padding: var(--spacing-12) var(--spacing-16);
  background: #f8f9fa;
  border-top: 1px solid #ededed;
}

.tarife-card__locul .tarife-block__disponibil-item { white-space: normal; }


@media (max-width: 991px) {
  /* Левая навигация — под контентом (Figma mobile). */
  .page--uslugi .asp-sidebar--first { order: 3; }

  .uslugi-header__actions {
    align-items: stretch;
    gap: var(--spacing-16);
  }
  .uslugi-header__actions-primary { width: 100%; }
  .uslugi-header__actions-primary .btn { flex: 1 1 auto; justify-content: center; }

  /* Ghid: на фоне, по центру, во всю ширину. */
  .uslugi-ghid {
    width: 100%;
    justify-content: center;
    padding: var(--spacing-12) var(--spacing-16);
    background: var(--blue-sky-100, #eef2f8);
    border-radius: var(--border-radius-full);
  }
}

/* Тарифы: карточки только на узких экранах — на планшете таблица помещается. */
@media (max-width: 480px) {
  .tarife-block__table { display: none; }
  .tarife-cards {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16);
  }
}