/* ==========================================================================
   Site Footer
   ========================================================================== */

.site-footer {
	background-color: var(--color-bg);
}

/* Main grid area (4 nav columns) */
.site-footer__main {
	padding-block: 100px 0;
}

.site-footer__inner {
	display: flex;
	justify-content: center;
	gap: 140px;
}

/* Nav column */
.footer-col {
	display: flex;
	flex-direction: column;
}
.footer-col__heading{
  margin-bottom:14px;
}
.footer-col__heading {
	font-size: var(--text-base);
	font-weight: 500;
	color: var(--color-text);
	margin: 0;
}

.footer-col__list {
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-col__list .menu-item > a {
	font-size: var(--text-base);
	font-weight: 500;
	color: #aaa;
	text-decoration: none;
	transition: color 0.2s ease;
}

.footer-col__list .menu-item > a:hover,
.footer-col__list .menu-item > a:focus-visible {
	color: var(--color-text);
}
.wpml-ls-statics-footer{
  display:none;
}
/* Mobile Accordions */
.footer-col__details {
	border-bottom: 1px solid var(--color-border);
}
.otgs-development-site-front-end{
  display:none;
}
.footer-col__details > .footer-col__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-block: var(--space-4);
	cursor: pointer;
	list-style: none;
}
.site-footer {
  background-image: url('https://nikidom.stormers.ro/wp-content/uploads/2026/05/Vector.svg');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
.footer-col__details > .footer-col__heading::-webkit-details-marker {
	display: none;
}

.footer-col__chevron {
	width: 10px;
	height: 10px;
	border-right: 2px solid var(--color-secondary);
	border-bottom: 2px solid var(--color-secondary);
	transform: rotate(45deg);
	transition: transform 0.2s;
}

.footer-col__details[open] .footer-col__chevron {
	transform: rotate(-135deg);
}

.footer-col__content {
	padding-bottom: var(--space-4);
}

.footer-col--connect {
	padding-block-start: var(--space-6);
}

.footer-col--connect .footer-col__heading {
	display: none;
}

.footer-col--connect .footer-col__list {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-4);
}

/* Decorative watermark band */
.site-footer__watermark {
	overflow: hidden;
	height: 137px;
	display: flex;
	align-items: center;
}

.site-footer__watermark-text {
	display: block;
	width: 100%;
	font-size: clamp(80px, 12vw, 160px);
	font-weight: 700;
	color: #f0f0f0;
	white-space: nowrap;
	text-align: center;
	letter-spacing: -0.02em;
	line-height: 1;
	user-select: none;
}

/* Copyright bar */
.legal-bar {
	padding-top:60px;
  padding-bottom:115px;
}

.legal-bar__inner {
	display: flex;
	align-items: center;
}

.legal-bar__copyright {
	font-size: var(--text-sm);
	color: #aaa;
	margin: 0;
}

/* ── Tablet ── */
@media (width <= 1023px) {
	.site-footer__inner {
		flex-wrap: wrap;
		gap: var(--space-6);
	}
	.footer-col {
		flex: 1 1 calc(50% - var(--space-6));
	}
}

/* ── Mobile ── */
@media (width <= 639px) {
	.site-footer__inner {
		display: flex;
		flex-direction: column;
		gap: 0;
	}
}

/* ── Desktop Overrides for Accordions ── */
@media (width >= 640px) {
	.footer-col {
		gap: var(--space-4);
	}
	.footer-col__details {
		border-bottom: none;
	}
	.footer-col__details > .footer-col__content {
		display: block !important;
		padding-bottom: 0;
	}
	.footer-col__details > .footer-col__heading {
		pointer-events: none;
		padding-block: 0;
		cursor: default;
    margin-bottom:14px;
	}
	.footer-col__chevron {
		display: none;
	}
	.footer-col--connect {
		padding-block-start: 0;
	}
	.footer-col--connect .footer-col__heading {
		display: block;
	}
	.footer-col--connect .footer-col__list {
		flex-direction: column;
		justify-content: flex-start;
		gap: var(--space-3);
	}
}
@media (width < 1024px) {
  .site-footer__main{
    padding-top:50px;
  }
  .footer-col__details{
    border-bottom:1px solid #aaaaaa;
  }
  .footer-col--accordion:first-child{
    border-top: 1px solid #aaaaaa;
  }
  .footer-col__details > .footer-col__heading{
    padding-block:12px;
  }
  .footer-col__chevron{
    width: 6px;
    height: 6px;
    border-right: 1px solid var(--color-secondary);
    border-bottom: 1px solid var(--color-secondary);
  }
  .footer-col__details > .footer-col__heading{
    padding-right:16px;
  }
  .footer-col--connect{
    padding-top:26px;
  }
  .footer-col__list .menu-item > a{
    text-decoration:underline;
  }
  .legal-bar{
    padding:20px 0;
    text-align:center;
  }
  .legal-bar__inner{
    justify-content: center;
  }
}