/* ==========================================================================
   HECH footer (template 5696) + mobile bottom bar: "Liquid Glass"
   Scoped to body.hag-glass-ft, which follows the same preview/live switch as the
   home page design but is added on every front-end page (the footer is shared).
   ========================================================================== */
body.hag-glass-ft {
	--ft-olive-grad: linear-gradient(180deg, #a3c14c 0%, #83a031 52%, #6d8827 100%);
	--ft-orange-grad: linear-gradient(180deg, #ff9a3c 0%, #ff7b00 55%, #ef6c00 100%);
	--ft-ease: cubic-bezier(.2, .8, .2, 1);
}

/* ------------------------------------------------------------ the stage */
html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-e97a236 {
	position: relative;
	width: auto !important;
	max-width: calc(100% - 24px) !important;
	margin: 0 auto 12px !important;
	border-radius: 40px !important;
	overflow: hidden;
	background:
		radial-gradient(38% 60% at 90% 0%, rgba(131, 160, 49, .24), transparent 70%),
		radial-gradient(34% 55% at 4% 100%, rgba(255, 123, 0, .16), transparent 70%),
		linear-gradient(160deg, #222c4f 0%, #1b2342 48%, #141b33 100%) !important;
	box-shadow: 0 30px 70px rgba(20, 27, 51, .28), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}
html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-2835868 {
	position: relative;
	background: transparent !important;
	padding-top: 56px !important;
	padding-bottom: 44px !important;
}
/* blueprint grid, fading out from the brand corner */
html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-2835868::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		repeating-linear-gradient(0deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 48px),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 48px);
	-webkit-mask-image: radial-gradient(70% 90% at 85% 0%, #000 0%, transparent 75%);
	mask-image: radial-gradient(70% 90% at 85% 0%, #000 0%, transparent 75%);
}
html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-dc344a2 { position: relative; z-index: 1; gap: 20px !important; align-items: stretch !important; }
@media (min-width: 1025px) {
	html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-dc344a2 > .e-con { flex: 1 1 0 !important; width: auto !important; max-width: none !important; min-width: 0; }
	html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-64927b2 { flex-grow: 1.3 !important; }
	html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-884bff7 { flex-grow: .85 !important; }
	html body.hag-glass-ft .elementor-5696 .elementor-element-02465d0 a { white-space: nowrap; }
	html body.hag-glass-ft .elementor-5696 .elementor-element-c506de4 .elementor-social-icons-wrapper { flex-wrap: nowrap !important; justify-content: flex-start; }
}

/* ------------------------------------------------------------ glass cards */
html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-64927b2,
html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-884bff7,
html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-c1b66b9 {
	padding: 28px !important;
	border-radius: 28px !important;
	background-color: rgba(255, 255, 255, .045) !important;
	border: 1px solid rgba(255, 255, 255, .09) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 40px rgba(8, 12, 30, .18) !important;
	-webkit-backdrop-filter: blur(10px) saturate(150%);
	backdrop-filter: blur(10px) saturate(150%);
}
/* brand card keeps its watermark logo, just quieter */
html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-64927b2 { background-position: 20px 18px !important; background-blend-mode: soft-light; }

/* titles (orange dash image + text) */
html body.hag-glass-ft .elementor-5696 .elementor-element-0c6a93e,
html body.hag-glass-ft .elementor-5696 .elementor-element-5479dd2 p,
html body.hag-glass-ft .elementor-5696 .elementor-element-ba44131 p { font-size: 15px !important; font-weight: 700 !important; color: #fff !important; letter-spacing: 0; }

/* brand text */
html body.hag-glass-ft .elementor-5696 .elementor-element-a97e242 p { color: #fff !important; font-weight: 700 !important; }
html body.hag-glass-ft .elementor-5696 .elementor-element-d5438e3 p { color: rgba(255, 255, 255, .7) !important; font-size: 14px !important; line-height: 2.1 !important; text-align: justify; }
html body.hag-glass-ft .elementor-5696 .elementor-element-95a4b54 p { color: rgba(255, 255, 255, .88) !important; }

/* quick links */
html body.hag-glass-ft .elementor-5696 .elementor-element-02465d0 a {
	color: rgba(255, 255, 255, .76) !important;
	transition: color .2s, padding .25s var(--ft-ease);
}
html body.hag-glass-ft .elementor-5696 .elementor-element-02465d0 a:hover { color: #ffc48c !important; padding-inline-start: 4px; }

/* newsletter: glass field + glossy orange button */
html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-26c243e {
	background: rgba(255, 255, 255, .07) !important;
	border: 1px solid rgba(255, 255, 255, .15) !important;
	border-radius: 18px !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
	transition: border-color .25s, background .25s;
}
html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-26c243e:focus-within { border-color: rgba(255, 196, 140, .6) !important; background: rgba(255, 255, 255, .1) !important; }
html body.hag-glass-ft .elementor-5696 .elementor-element-8a6bf6c .elementor-icon svg { fill: rgba(255, 255, 255, .7) !important; }
html body.hag-glass-ft .elementor-5696 .elementor-element-2b9a344 .elementor-field {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #fff !important;
}
html body.hag-glass-ft .elementor-5696 .elementor-element-2b9a344 .elementor-field::placeholder { color: rgba(255, 255, 255, .5) !important; }
html body.hag-glass-ft .elementor-5696 .elementor-element-2b9a344 .elementor-button {
	border-radius: 12px !important;
	background: var(--ft-orange-grad) !important;
	border: 1px solid rgba(255, 255, 255, .3) !important;
	box-shadow: 0 8px 18px rgba(255, 123, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
	font-weight: 700 !important;
	transition: filter .2s, transform .2s;
}
html body.hag-glass-ft .elementor-5696 .elementor-element-2b9a344 .elementor-button:hover { filter: brightness(1.06); transform: translateY(-1px); }

/* social: glass squircles, olive on hover */
html body.hag-glass-ft .elementor-5696 .elementor-element-c506de4 .elementor-social-icon {
	display: grid !important;
	place-items: center;
	width: 48px !important;
	height: 48px !important;
	padding: 0 !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, .08) !important;
	border: 1px solid rgba(255, 255, 255, .16);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 8px 18px rgba(8, 12, 30, .2);
	transition: background .25s, transform .3s var(--ft-ease), box-shadow .25s;
}
html body.hag-glass-ft .elementor-5696 .elementor-element-c506de4 .elementor-social-icon svg { width: 20px !important; height: 20px !important; fill: #fff !important; }
html body.hag-glass-ft .elementor-5696 .elementor-element-c506de4 .elementor-social-icon:hover {
	background: var(--ft-olive-grad) !important;
	transform: translateY(-3px);
	box-shadow: 0 12px 24px rgba(111, 138, 40, .4), inset 0 1px 0 rgba(255, 255, 255, .45);
}

/* credit line: part of the dark card */
html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-ed4e6f3 {
	position: relative;
	z-index: 1;
	background: rgba(0, 0, 0, .16) !important;
	border-top: 1px solid rgba(255, 255, 255, .08) !important;
}
html body.hag-glass-ft .elementor-5696 .elementor-element-afbcb2a,
html body.hag-glass-ft .elementor-5696 .elementor-element-afbcb2a p { color: rgba(255, 255, 255, .6) !important; }
html body.hag-glass-ft .elementor-5696 .elementor-element-afbcb2a a { color: #fff !important; }
/* «عشق» → ❤️ */
html body.hag-glass-ft .elementor-5696 .elementor-element-afbcb2a span[style*="ff3a3a"] strong { font-size: 0 !important; }
html body.hag-glass-ft .elementor-5696 .elementor-element-afbcb2a span[style*="ff3a3a"]::before {
	content: "❤️";
	display: inline-block;
	margin: 0 4px;
	font-size: 15px;
	line-height: 1;
	vertical-align: -1px;
	animation: hagBeat 1.6s ease-in-out infinite;
}
@keyframes hagBeat { 0%, 60%, 100% { transform: scale(1); } 20% { transform: scale(1.22); } 40% { transform: scale(.96); } }
@media (prefers-reduced-motion: reduce) { html body.hag-glass-ft .elementor-5696 .elementor-element-afbcb2a span[style*="ff3a3a"]::before { animation: none; } }

/* ------------------------------------------------------------ phone */
@media (max-width: 767px) {
	html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-e97a236 { max-width: calc(100% - 16px) !important; margin-bottom: 8px !important; border-radius: 30px !important; }
	html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-2835868 { padding: 16px 10px 20px !important; }
	html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-dc344a2 { gap: 12px !important; }
	html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-64927b2,
	html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-c1b66b9 { padding: 22px 20px !important; border-radius: 24px !important; }
	html body.hag-glass-ft .elementor-5696 .elementor-element-c506de4 .elementor-social-icon { width: 46px !important; height: 46px !important; }
}

/* ==========================================================================
   Mobile bottom bar: one navy glass pill, olive home button floating on top
   ========================================================================== */
html body.hag-glass-ft #mobile-bottom-menu {
	background: rgba(22, 30, 56, .95) !important;
	-webkit-backdrop-filter: blur(18px) saturate(180%);
	backdrop-filter: blur(18px) saturate(180%);
	border: 1px solid rgba(255, 255, 255, .14) !important;
	border-radius: 22px !important;
	box-shadow: 0 16px 36px rgba(8, 12, 30, .35), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
	overflow: visible !important;
}
html body.hag-glass-ft #mobile-bottom-menu .elementor-widget-container,
html body.hag-glass-ft #mobile-bottom-menu .elementor-widget-container.active { background: transparent !important; background-image: none !important; }
html body.hag-glass-ft:not(.hag-glass) #mobile-bottom-menu .elementor-element-b36459a .elementor-icon { background: transparent !important; box-shadow: none !important; }
html body.hag-glass-ft #mobile-bottom-menu .elementor-icon-box-title,
html body.hag-glass-ft #mobile-bottom-menu .elementor-icon-box-title a { color: rgba(255, 255, 255, .9) !important; }
/* the olive «خانه» bubble marks the current page, so only on the home page */
html body.hag-glass #mobile-bottom-menu .elementor-element-b36459a .elementor-icon {
	background: var(--ft-olive-grad) !important;
	box-shadow: 0 8px 20px rgba(111, 138, 40, .45), 0 0 0 4px rgba(244, 246, 250, .92), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
}

/* No reserved space under the footer any more: instead the bar slides away at the end of
   the page (body.hag-bar-hidden, script in hech-admin.php) and returns on scrolling up. */
@media (max-width: 1024px) {
	html body.hag-glass-ft footer.elementor-5696 { padding-bottom: 0 !important; }
	html body.hag-glass-ft .elementor-5696 .elementor-element.elementor-element-c8bbdc9 { display: none !important; }
}
html body.hag-glass-ft #mobile-bottom-menu { transition: translate .5s cubic-bezier(.2, .8, .2, 1), opacity .35s ease; }
html body.hag-glass-ft.hag-bar-hidden #mobile-bottom-menu { translate: 0 calc(100% + 96px); opacity: 0; pointer-events: none; }

@media (prefers-reduced-transparency: reduce) {
	body.hag-glass-ft .elementor-5696 *, body.hag-glass-ft #mobile-bottom-menu { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
}