.tab-preview-wrapper {flex: 1;min-width: 0;padding: 25px;border-radius: var(--radius-2);box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.10);display: flex;flex-direction: column;}
.tab-preview {/* padding: 25px; *//* border-radius: var(--radius-2); *//* box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.10); */min-height: 400px;min-width: 0;}
.tabs-wrapper .tab-with-editor[data-pane-key]:not([hidden]) {animation: tab-preview-fade-in 0.45s ease-out both;}

@keyframes tab-preview-fade-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .tabs-wrapper .tab-with-editor[data-pane-key]:not([hidden]) {
    animation: none;
  }
}

.tabs-wrapper {display: flex;align-items: start;gap: 50px;}
.tabs-list {width: 280px;list-style: none;display: flex;flex-direction: column;gap: 8px;position: sticky;top: 70px;}
.tab-item {/* padding: 12px 14px; */border-radius: var(--radius-2);background: hsl(from var(--primary-color) h s 98%);color: var(--primary-color);cursor: pointer;transition: .4s;position: relative;}
.tab-item:has(.sub-list) {max-height: 510px;overflow: hidden;}
.tab-item-title {display: flex;align-items: center;justify-content: space-between;gap: 20px;padding: 12px 14px;color: var(--primary-color);text-decoration: unset;}
.tab-item-title:after {content: "\e91f";font-family: 'icomoon';font-size: 1rem;color: var(--primary-color);transition: .4s;}
.tab-item:is(.active) .tab-item-title {/* font-weight:500; */color: white;}
.tab-item:is(.active) .tab-item-title:after {color: white;}


.tab-item.active.has-children span.tab-item-title:after,
.tab-item.is-expanded.has-children span.tab-item-title:after {transform: rotate(-90deg);}
.tab-item:is(.active) {background: hsl(from var(--primary-color) h s 97%);background: var(--primary-color);color: white;}

@media(min-width:768px) {
  .tab-item:hover:not(.is-expanded) .tab-item-title {/* font-weight:500; */color: white;}
.tab-item:hover:not(.is-expanded) .tab-item-title:after {color: white;}

  .tab-item:hover:not(.is-expanded) {background: hsl(from var(--primary-color) h s 97%);background: var(--primary-color);color: white;}}

.tab-item.has-children.active .tab-item-title {
  font-weight: 500;
  border-bottom: 1px solid hsl(0deg 0% 88.46%);
}
.sub-list {padding: 0;list-style: none;margin-top: 0px;padding: 0px 14px;/* border-bottom: 1px solid hsl(0deg 0% 88.46%); */}
.sub-list-item {padding: 10px;margin-inline: -14px;transition: .2s;background: transparent;position: relative;background: hsl(from var(--primary-color) h s 98%);color: var(--primary-color);}
.sub-list-item:not(:last-child):after{content:"";border-bottom: 1px solid hsl(0deg 0% 88.46%);position: absolute;inset: 0;}
.sub-list-item:not(:last-child) {/* border-bottom: 1px solid var(--extra-light-gray); */}
.sub-list-item:empty {
  display: none;
}
.sub-list-item:is(.active, :hover) {background: hsl(from var(--primary-color) h s 95%);background-color: var(--primary-color);color: white;}
.sub-list-item:is(.active) {font-weight:500}
.editor-content {color: var(--gray-dark-extra);margin-bottom: 20px;line-height: 1.6;font-size: clamp(1.5rem, 3vw, 1.6rem);}
.editor-content :is(h1,h2,h3,h4,h5,h6) {color: var(--primary-color);font-weight: 500;}
.editor-content > * + * {margin-top: 10px;}
.editor-content :is(ol, ul) {padding-inline-start: 30px;}
.editor-content:has(ul + p + ul + p) > ul + p {margin-top: 0;}
.editor-content :is(span,p,div) {font-family: var(--font-main) !important;}

.share-list {display: flex;align-items: center;gap: 6px;list-style: none;}
.share-list-wrapper {display: flex;align-items: center;gap: 20px;margin-top: auto;padding-top: 20px;}
.share-list li > :is(a, button) {color: var(--black);text-decoration: unset;width: 32px;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;border: 1px solid hsl(from var(--extra-light-gray) h s 89%);border-radius: var(--radius-2);}
.share-list li > button {background: transparent;padding: 0;cursor: pointer;}
.share-list__title {font-weight: 500;font-size: var(--font-size-body-sm);}




.boards-list {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 16px;}
.board-item {display: flex;flex-direction: column;align-items: center;gap: 8px;border: 1.5px solid var(--extra-light-gray);padding: 20px;border-radius: var(--radius-2);}
.board-title {color: var(--primary-color);font-weight: 400;font-size: clamp(1.3rem, 3vw, 1.8rem);}
.board-desc {color: var(--gray-dark-extra);font-weight: 500;}
.board-location {color: var(--gray-dark);font-weight: 400;}



/* CMS tables: allow horizontal scroll when content is wider than the column */
.editor-content .table-wrapper {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1em 0;
}

.editor-content .table-wrapper table {
  width: max-content;
  min-width: 100%;
}

.editor-content table {width: 100%;/* border-collapse: separate; *//* border-spacing: 0; */border: 1px solid #ddd;border-radius: 12px;overflow: hidden;/* table-layout: fixed; */}
.editor-content th, .editor-content td {width: 50%;}
.editor-content thead th {background: #F3F4F7;color: #555;font-weight: 600;text-align: center;padding: 14px;border-bottom: 1px solid #ddd;}
.editor-content tbody td {padding: 18px 14px;text-align: center;color: #555;border-bottom: 1px solid hsla(0, 0%, 93%, 1);background: white;}
.editor-content tbody tr:last-child td {border-bottom: none;}
.editor-content tbody td:not(:last-child), .editor-with-tables thead th:not(:last-child) {border-left: 1px solid hsla(0, 0%, 93%, 1);}
.editor-content tbody tr {background: #fafafa;}




.faq-container {display: flex;flex-direction: column;gap: 12px;}
.faq-header {display: flex;align-items: center;justify-content: space-between;gap: 20px;/* margin-bottom: 16px; */padding: 16px 16px 16px;}
.faq-title {display: flex;align-items: center;flex-direction: row-reverse;gap: 10px;font-size: var(--font-size-body-md);}
.faq-item.open .faq-title{color: var(--primary-color);}
.icon-faq {background: var(--primary-color);color: white;width: 20px;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;font-size: 12px;flex-shrink: 0;}
.faq-item {border: 1px solid var(--extra-light-gray);border-radius: var(--radius-2);/* padding: 16px 16px 0; */cursor: pointer;user-select: none;}
.faq-item.open {background-color: hsl(from var(--primary-color) h s 98%);}
.faq-body {max-height: 0;overflow: hidden;margin: 0 16px 16px;transition: max-height 0.3s;}
.faq-item:not(.open) .faq-body {/* margin: 0; */display: none;}
.faq-item.open .faq-body {max-height: 300px;}
.faq-item.open .icon-arrow-bottom {transform: rotate(180deg);}
.faq-item .icon-arrow-bottom {transition: transform 0.3s ease;display: inline-block;color: var(--primary-color);/* animation-name: pulse; *//* animation-duration: 1s; *//* animation-iteration-count: infinite; *//* animation-timing-function: ease-in-out; */}



.files-wrapper {display: grid;gap: 16px;grid-template-columns: 1fr 1fr;}
.files-wrapper .file-item {display: flex;align-items: center;gap: 30px;padding: 16px;/* border: 1px solid var(--extra-light-gray); */border-radius: var(--radius-2);box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);}
.files-wrapper .file-title {flex: 1;color: hsla(0, 0%, 30%, 1);}
.files-wrapper .file-actions {display: flex;align-items: center;gap: 9px;}
.files-wrapper .file-action {display: flex;align-items: center;justify-content: center;width: 28px;aspect-ratio: 1;text-decoration: unset;border-radius: var(--radius-1);}
.files-wrapper .file-action:has(.icon-eye) {color: black;font-size: 1.8rem;background: var(--extra-light-gray);}
.files-wrapper .file-action:has(.icon-download-outlined) {background: hsl(from var(--primary-color) h s 55%);color: white;}



.tenders-wrapper {display: grid;grid-template-columns: 1fr 1fr;gap: 16px;}
.tenders-wrapper .tender-item {padding: 16px;/* border: 1px solid var(--extra-light-gray); */border-radius: var(--radius-2);text-decoration: unset;box-shadow: var(--shadow-card-2);box-shadow: 0 0 10px #0000002e;}
.tenders-wrapper .item-row {display: flex;align-items: start;gap: 10px;margin-bottom: 10px;}
.tenders-wrapper .row-image {max-width: 50px;flex-shrink: 0;}
.tenders-wrapper.one-column .row-image {display:none;}
.tenders-wrapper .row-title {color: var(--gray-black);font-size: var(--font-size-body-md);}
.tenders-wrapper .times-row {display: flex;gap: 10px;align-items: center;}
.tenders-wrapper .time-item {display: flex;align-items: center;gap: 10px;padding: 5px 16px;border-radius: var(--radius-2);flex: 1;justify-content: center;}
.tenders-wrapper .time-item:nth-child(1) {color: hsla(163, 61%, 35%, 1);border: 1px solid hsla(163, 61%, 35%, .25);}
.tenders-wrapper .time-item:nth-child(2) {color: hsla(0, 92%, 40%, 1);border: 1px solid hsla(0, 92%, 40%,.25);}
.tenders-wrapper .time-item span[class*="icon-timer"] {font-size: 2rem;}
.tenders-wrapper .tender-item.is-expired {opacity: 0.55;cursor: not-allowed;}
.tenders-wrapper .tender-item.is-expired .time-item:nth-child(2) {color: var(--gray);border-color: var(--extra-light-gray);}




.tenders-wrapper.one-column {grid-template-columns: 1fr;margin-bottom: 20px;}
.tenders-wrapper.one-column .tender-item {display: flex;align-items: center;justify-content: space-between;gap: 20px;border: 1px solid var(--extra-light-gray);box-shadow: unset;}
.tenders-wrapper.one-column .times-row {flex-shrink: 0;width:30%;}
.tenders-wrapper.one-column .time-item {flex-shrink: 0;}
.tenders-wrapper.one-column .item-row {flex-direction: column;}
.tenders-wrapper.one-column .row-tag {color: var(--primary-color);}



.president-intro {display: flex;border: 1px solid var(--extra-light-gray);border-radius: var(--radius-2);overflow: hidden;margin-bottom: 20px;}
.president-intro .image-wrapper {width: 212px;flex-shrink: 0;aspect-ratio: 212/247;align-self: start;overflow: hidden;}
.president-intro .intro {padding: 20px;}
.president-intro .intro-title {font-weight: 500;color: var(--primary-color);margin-bottom: 10px;}

[data-about-tabs] .editor-content ul {list-style: none;}
[data-about-tabs] .editor-content ul li:before {content: "\e945";font-family: 'icomoon';font-size: 1.3rem;color: inherit;}
[data-about-tabs] .editor-content ul li {display: flex;align-items: start;gap: 8px;}

[data-service-tabs] .editor-content a {text-decoration: unset;color: var(--primary-color);}

/*.tab-preview:has(.faq-container) {padding: 0;box-shadow: unset;}*/



.scroll-to-top {position: fixed;inset-inline-start: 20px;bottom: 20px;display: none;align-items: center;justify-content: center;width: 35px;aspect-ratio: 1;background: var(--primary-color);z-index: 11;border-radius: 50%;animation: Pulse 2s linear infinite;}
.scroll-to-top.visible {display: flex;}
.scroll-to-top .icon-arrow-top {font-size: 1.5rem;color: white;}

@keyframes Pulse {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-4px); }
  100% { transform: translateY(0); }
}


@media (max-width: 767px) {
  .tabs-wrapper {
    flex-direction: column;
    gap: 20px;
  }

  .tabs-list {
    width: 100%;
    position: revert;
  }

  .scroll-to-top {
    bottom: 60px;
    width: 35px;
    inset-inline-start: auto;
    inset-inline-end: 20px;
  }

  .tenders-wrapper, .files-wrapper {
    grid-template-columns: 1fr;
  }

  .tenders-wrapper.one-column .tender-item {flex-direction: column;}
  .tenders-wrapper.one-column .times-row {width: 100%;}
  .boards-list {display: grid;grid-template-columns: 1fr;}
  .president-intro {flex-direction: column;}
  .president-intro .image-wrapper {   width: auto;   aspect-ratio: 1/1;}

  .editor-content .table-wrapper table {min-width: 160%;}
  .tenders-wrapper .times-row {flex-direction: column;align-items: stretch}

  body.inner-page:has(.tender-details-section) .page-header .list-item:nth-child(2):after {
    display: none;
  }

  body.inner-page:has(.tender-details-section) .page-header .list-item:nth-child(3) {
    display: none;
  }
}
