header.wp-block-template-part {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 991;
    background: #ffffff;
}
body.logged-in header.wp-block-template-part {
    top: 32px;
}
a {
    text-decoration: none;
}
:where(.wp-site-blocks :focus) {
    outline-width: 0px!important;
}
header {
    transition: background-color 0.4s ease, backdrop-filter 0.4s ease;
}
.dtn-text-gradient {
    background: linear-gradient(90deg, #14181f, #989ca3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
li.current-menu-item a {
    color: #f35915 !important;
}

.marquee{
  position: relative;
  overflow: hidden;
  padding: 20px 0;               /* py-5 */
  user-select: none;
}

/* Track */
.marquee__track{
  display: flex;
  width: max-content;
  white-space: nowrap;
  animation: marquee 30s linear infinite;
  will-change: transform;
}

/* Item text */
.marquee__item
 {
    margin: 0 5px;
    text-transform: uppercase;
    font-size: 1rem;
}

/* Responsive: md:text-base */


/* Animation */
@keyframes marquee{
  from{ transform: translateX(0); }
  to{ transform: translateX(-33.333%); } /* 3 iteme identice => -1/3 din track */
}

/* Optional: respectă preferința de reduce motion */
@media (prefers-reduced-motion: reduce){
  .marquee__track{ animation: none; }
}

figure.wp-block-table table thead th {
    font-family: var(--wp--preset--font-family--ibm-plex-mono);
    font-weight: 300;
}
figure.wp-block-table table thead {
    background: var(--wp--preset--color--accent-3) !important;
    color: white;
}
figure.wp-block-table {
    border: 1px solid #f0f0f0;
    border-radius: 11px;
}

.wpcf7 input, .wpcf7 textarea {
    padding: 10px;
    width: calc(100% - 20px);
    border: 1px solid #f0f0f0;
    border-radius: 6px;
}

.wpcf7 .flex.row p {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
}

.wpcf7 .flex.row span {
    flex: auto;
}

.wpcf7 input.wpcf7-submit {
    width: 100%;
    background: #f97316;
    border: none !important;
    color: white;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
}

footer.wp-block-template-part {
    margin-block-start: 0;
}

.footerGroup {
    background-image: linear-gradient(#ffffff08 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px);
    background-size: 60px 60px;
}

.contactPageHeader:before {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: .03;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}


.popupOne, .popupTwo, .popupThree {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 990;
}
.popupOne .lgu-icon-block, .popupTwo .lgu-icon-block, .popupThree .lgu-icon-block {
    margin-top: -35px;
}

.frbPopup.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000045;
    z-index: 995;
    display: flex;
    align-items: center;
    justify-content: center;
}
.frbPopupInner {
    background: white;
    padding: 25px;
    max-width: 400px;
}
.frbPopupInner h2 {
    font-size: 18px;
}
.frbPopupInner div {
    display: flex;
    flex-direction: column;
}
.frbPopupInner h3 {
    font-size: 16px;
    margin-bottom: 5px;
}
.frbPopupInner div a {
    padding: 5px 0;
}
.frbPopupInner {
    background: white;
    padding: 25px;
    max-width: 360px;
    overflow-y: scroll;
    max-height: 75vh;
    position: relative;
    width: 100%;

}
.frbPopup {
    z-index: -10;
    display: none;
    transition: ease-in-out .3s;
}
span.closePopUp {
    background: #6b7181;
    color: #ffffff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: absolute;
    top: 5px;
    right: 5px;
}

.absoluteLinks {
    position: relative;
}
.absoluteLinks a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.showOnHover {
    height: 0px;
    opacity: 0;   
    transition: max-height 0.15s ease-out;
}
.showOnHoverAbs {
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, #ffffff, #ffffffc2);
    padding: 10px;
    width: 100%;
    max-height: 80%;
    overflow-y: scroll;
	flex-direction: column;
    display: block !important;
    transition: max-height 0.15s ease-out;
}
.serviceGroup:hover .showOnHover {
    height: 100%;
    opacity: 1;   
}
.showOnHoverAbs {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox, Safari 18.2+, Chromium 121+ */
}
.showOnHoverAbs::-webkit-scrollbar { 
    display: none;  /* Older Safari and Chromium */
}