.jat-footer {
	position: relative;
	background: #0F2718;
	color: rgba(255,255,255,0.8);
	padding: 5.5rem 0 0;
}
.jat-footer::before {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--jat-accent, #B58A3C), var(--jat-secondary, #6F4E37));
}

.jat-footer-grid {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1fr 1.3fr;
	gap: 32px;
	padding-bottom: 3rem;
	border-bottom: 1px solid rgba(255,255,255,0.08);
}

.jat-footer-brand p { font-size: 0.88rem; color: rgba(255,255,255,0.6); margin: 1.1rem 0; }

.jat-social-icons { display: flex; gap: 10px; }
.jat-social-icon {
	width: 36px; height: 36px;
	border-radius: 50%;
	background: rgba(255,255,255,0.07);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: background-color var(--jat-duration) var(--jat-ease), transform var(--jat-duration) var(--jat-ease);
}
.jat-social-icon:hover { background: var(--jat-accent, #B58A3C); transform: translateY(-3px); }

.jat-social-icon::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-color: #fff;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.jat-social-facebook::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 21v-7.2h2.4l.4-2.8h-2.8V9.2c0-.8.2-1.3 1.4-1.3H16V5.3c-.3 0-1.3-.1-2.4-.1-2.4 0-4 1.4-4 4v1.8H7.2v2.8H9.6V21h3.9Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 21v-7.2h2.4l.4-2.8h-2.8V9.2c0-.8.2-1.3 1.4-1.3H16V5.3c-.3 0-1.3-.1-2.4-.1-2.4 0-4 1.4-4 4v1.8H7.2v2.8H9.6V21h3.9Z'/%3E%3C/svg%3E");
}

.jat-social-instagram::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' rx='5' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3.6' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='16.8' cy='7.2' r='1.1'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' rx='5' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3.6' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='16.8' cy='7.2' r='1.1'/%3E%3C/svg%3E");
}

.jat-social-linkedin::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='9' width='3' height='11'/%3E%3Ccircle cx='5.5' cy='5' r='1.8'/%3E%3Cpath d='M10 9h3v1.6c.6-1 1.7-1.8 3.3-1.8 3.1 0 3.7 2 3.7 4.6V20h-3v-5.9c0-1.4 0-3.2-2-3.2s-2.3 1.5-2.3 3.1V20h-3V9Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='9' width='3' height='11'/%3E%3Ccircle cx='5.5' cy='5' r='1.8'/%3E%3Cpath d='M10 9h3v1.6c.6-1 1.7-1.8 3.3-1.8 3.1 0 3.7 2 3.7 4.6V20h-3v-5.9c0-1.4 0-3.2-2-3.2s-2.3 1.5-2.3 3.1V20h-3V9Z'/%3E%3C/svg%3E");
}

.jat-social-twitter::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5l14 14M19 5 5 19' stroke='%23000' stroke-width='2.4' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5l14 14M19 5 5 19' stroke='%23000' stroke-width='2.4' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
}

.jat-social-youtube::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='6' width='18' height='12' rx='4' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M10.5 9.5v5l4.5-2.5Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='6' width='18' height='12' rx='4' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M10.5 9.5v5l4.5-2.5Z'/%3E%3C/svg%3E");
}

.jat-social-tiktok::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3v10.2a3.4 3.4 0 1 1-2.4-3.25V7.3A5.7 5.7 0 1 0 16 12.9V8.6a6.6 6.6 0 0 0 4 1.35V6.7A4 4 0 0 1 16 3h-2Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3v10.2a3.4 3.4 0 1 1-2.4-3.25V7.3A5.7 5.7 0 1 0 16 12.9V8.6a6.6 6.6 0 0 0 4 1.35V6.7A4 4 0 0 1 16 3h-2Z'/%3E%3C/svg%3E");
}

/* Floating WhatsApp CTA — fixed bottom-right on every page. */
.jat-wa-float {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #25D366;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 18px rgba(0,0,0,0.25);
	z-index: 999;
	transition: transform var(--jat-duration, 0.2s) var(--jat-ease, ease), box-shadow var(--jat-duration, 0.2s) var(--jat-ease, ease);
}
.jat-wa-float:hover { transform: scale(1.08); box-shadow: 0 8px 22px rgba(0,0,0,0.3); }
.jat-wa-float-icon {
	width: 28px;
	height: 28px;
	background-color: #fff;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 3C9.4 3 4 8.4 4 15c0 2.4.7 4.6 1.9 6.5L4 29l7.7-1.9c1.8 1 3.9 1.5 6.3 1.5 6.6 0 12-5.4 12-12S22.6 3 16 3zm0 21.8c-2 0-4-.6-5.6-1.6l-.4-.2-4.3 1.1 1.1-4.2-.3-.4C5.6 18 5 16.5 5 15c0-6.1 4.9-11 11-11s11 4.9 11 11-4.9 11-11 11zm6-8.2c-.3-.2-1.9-1-2.2-1.1-.3-.1-.5-.2-.7.2-.2.3-.8 1.1-1 1.3-.2.2-.4.2-.7.1-.3-.2-1.3-.5-2.5-1.6-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6.1-.1.3-.4.4-.5.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5-.1-.2-.7-1.7-1-2.3-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.4s1.1 2.8 1.2 3c.1.2 2.2 3.4 5.3 4.7.7.3 1.3.5 1.8.7.7.2 1.4.2 1.9.1.6-.1 1.9-.8 2.1-1.5.3-.7.3-1.4.2-1.5-.1-.1-.3-.2-.6-.4z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 3C9.4 3 4 8.4 4 15c0 2.4.7 4.6 1.9 6.5L4 29l7.7-1.9c1.8 1 3.9 1.5 6.3 1.5 6.6 0 12-5.4 12-12S22.6 3 16 3zm0 21.8c-2 0-4-.6-5.6-1.6l-.4-.2-4.3 1.1 1.1-4.2-.3-.4C5.6 18 5 16.5 5 15c0-6.1 4.9-11 11-11s11 4.9 11 11-4.9 11-11 11zm6-8.2c-.3-.2-1.9-1-2.2-1.1-.3-.1-.5-.2-.7.2-.2.3-.8 1.1-1 1.3-.2.2-.4.2-.7.1-.3-.2-1.3-.5-2.5-1.6-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6.1-.1.3-.4.4-.5.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5-.1-.2-.7-1.7-1-2.3-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.4s1.1 2.8 1.2 3c.1.2 2.2 3.4 5.3 4.7.7.3 1.3.5 1.8.7.7.2 1.4.2 1.9.1.6-.1 1.9-.8 2.1-1.5.3-.7.3-1.4.2-1.5-.1-.1-.3-.2-.6-.4z'/%3E%3C/svg%3E");
}
@media (max-width: 480px) {
	.jat-wa-float { right: 14px; bottom: 14px; width: 52px; height: 52px; }
}

/* Secondary WhatsApp-styled button used inline (forms, contact info). */
.jat-btn-whatsapp {
	background: #25D366;
	color: #fff !important;
	border: none;
}
.jat-btn-whatsapp:hover { background: #1EBE5A; }

.jat-footer h4 {
	color: #fff;
	font-family: 'Lora', serif;
	font-size: 0.86rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 1.3rem;
}

.jat-footer-menu li { margin-bottom: 0.75em; }
.jat-footer-menu a { font-size: 0.9rem; color: rgba(255,255,255,0.65); }
.jat-footer-menu a:hover { color: var(--jat-accent, #B58A3C); }

.jat-newsletter-form {
	display: flex;
	margin-top: 1.1rem;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: var(--jat-radius-sm);
	overflow: hidden;
	transition: border-color var(--jat-duration) var(--jat-ease);
}
.jat-newsletter-form:focus-within { border-color: var(--jat-accent, #B58A3C); }
.jat-newsletter-form input {
	flex: 1;
	background: transparent;
	border: none;
	padding: 0.75em 1em;
	color: #fff;
	font-family: inherit;
}
.jat-newsletter-form input::placeholder { color: rgba(255,255,255,0.45); }
.jat-newsletter-form input:focus { outline: none; }
.jat-newsletter-form button {
	background: var(--jat-accent, #B58A3C);
	color: #fff;
	border: none;
	padding: 0 1.2em;
	cursor: pointer;
	font-size: 1.1rem;
	transition: background-color var(--jat-duration) var(--jat-ease);
}
.jat-newsletter-form button:hover { background: var(--jat-secondary, #6F4E37); }

.jat-footer-bottom {
	display: flex;
	justify-content: space-between;
	padding: 1.6rem 24px;
	font-size: 0.8rem;
	color: rgba(255,255,255,0.45);
	flex-wrap: wrap;
	gap: 8px;
}