/* TPC new header & footer (UAE / Elementor Header & Footer templates) – built from Figma "Truepathcare-aswathy" 1920 frame.
   All sizes use --hu = 1px at 1920 wide, scaled down with the viewport. */
.tpc-hdr, .tpc-ftr { --hu: min(1px, calc(100vw / 1920)); font-family: "Poppins", sans-serif; }
.tpc-hdr *, .tpc-ftr * { box-sizing: border-box; }
.tpc-hdr ul, .tpc-ftr ul { list-style: none; margin: 0; padding: 0; }
.tpc-hdr a, .tpc-ftr a { text-decoration: none; }

/* ===================== HEADER ===================== */
/* UAE wraps the template in <header id="masthead">; the Figma header floats over the hero. */
body.tpc-hf-page #masthead { position: relative; z-index: 999; height: 0; padding: 0; margin: 0; border: 0; background: transparent; }
.elementor .e-con.tpc-hdr, .tpc-hdr {
	position: absolute !important; left: 0; right: 0; top: 0;
	display: block !important; height: calc(114 * var(--hu)); min-height: 0 !important;
	padding: 0 !important; margin: 0 !important; background: transparent !important; z-index: 999;
	--padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px;
}
.tpc-hdr > .elementor-element { position: absolute !important; margin: 0 !important; width: auto !important; max-width: none !important; }
.tpc-hdr .elementor-widget-container { margin: 0 !important; padding: 0 !important; }

/* logo – Figma: 150 x 100 at (13, 7) */
.tpc-hdr__logo { left: calc(13 * var(--hu)); top: calc(7 * var(--hu)); }
.tpc-hdr__logo a { display: block; width: calc(150 * var(--hu)); height: calc(100 * var(--hu)); min-width: 96px; min-height: 64px; }
.tpc-hdr__logo img { display: block; width: 100%; height: 100%; object-fit: contain; }

/* glass menu – Figma "Content": 883 x 55 at (518, 18), radius 12, background blur 70, drop shadow -20 22 70 25% */
.tpc-hdr__nav { left: 50%; top: calc(18 * var(--hu)); transform: translateX(-50%); }
.tpc-nav__panel {
	position: relative; display: flex; align-items: center;
	height: max(44px, calc(55 * var(--hu))); padding: 0 calc(31 * var(--hu)) 0 0;
	border-radius: max(10px, calc(12 * var(--hu)));
	background: linear-gradient(180deg, rgba(0,0,0,.33) 0%, rgba(2,2,2,.37) 100%);
	-webkit-backdrop-filter: blur(35px); backdrop-filter: blur(35px);
	box-shadow: calc(-20 * var(--hu)) calc(22 * var(--hu)) calc(70 * var(--hu)) rgba(0,0,0,.25);
}
.tpc-nav__panel::before, .tpc-nav__list > li.tpc-nav__active > a::before {
	content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; pointer-events: none;
	background: linear-gradient(135deg, rgba(255,255,255,.77) 0%, rgba(255,255,255,0) 45%, rgba(255,255,255,.35) 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
	mix-blend-mode: overlay;
}
.tpc-nav__list { display: flex; align-items: center; height: 100%; }
.tpc-nav__list > li { position: relative; height: 100%; }
.tpc-nav__list > li > a {
	position: relative; display: flex; align-items: center; height: 100%;
	padding: 0 calc(42 * var(--hu));
	font-family: "Poppins", sans-serif; font-weight: 400; font-size: max(14px, calc(18 * var(--hu))); line-height: 1; letter-spacing: 0;
	color: #fff !important; white-space: nowrap; border-radius: max(10px, calc(12 * var(--hu)));
	transition: background-color .2s ease;
}
/* Home pill 136 x 55; next item text at x 182 */
.tpc-nav__list > li:first-child > a { justify-content: center; min-width: calc(136 * var(--hu)); padding: 0 calc(30 * var(--hu)); }
.tpc-nav__list > li:nth-child(2) > a { padding-left: calc(46 * var(--hu)); }
.tpc-nav__list > li:last-child > a { padding-right: 0; }
.tpc-nav__list > li > a:hover { color: #fff; background-color: rgba(255,255,255,.08); }
.tpc-nav__list > li:last-child > a:hover { background-color: transparent; opacity: .85; }
/* active pill – Figma: white 27% -> 0% fill, 2px overlay border, blur 70, shadow -20 22 70 25% */
.tpc-nav__list > li.tpc-nav__active > a {
	background: linear-gradient(180deg, rgba(255,255,255,.27) 0%, rgba(255,255,255,0) 100%);
	-webkit-backdrop-filter: blur(35px); backdrop-filter: blur(35px);
	box-shadow: calc(-20 * var(--hu)) calc(22 * var(--hu)) calc(70 * var(--hu)) rgba(0,0,0,.25);
}
.tpc-nav__list > li.tpc-nav__active > a::before { padding: 2px; }
.tpc-nav__list > li:first-child.tpc-nav__active ~ li > a { }
/* chevron (16 x 16, 9px after the label) */
.tpc-nav__list > li.menu-item-has-children > a::after {
	content: ""; display: inline-block; width: max(12px, calc(16 * var(--hu))); height: max(12px, calc(16 * var(--hu))); margin-left: calc(9 * var(--hu));
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6l4.5 4.5L12.5 6'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform .2s ease;
}
.tpc-nav__list > li.menu-item-has-children:hover > a::after, .tpc-nav__list > li.menu-item-has-children:focus-within > a::after { transform: rotate(180deg); }
/* dropdown */
.tpc-nav__list .sub-menu {
	position: absolute; left: 0; top: calc(100% + 10px); min-width: 280px; padding: 10px; z-index: 5;
	border-radius: 12px; background: rgba(20,20,20,.82); -webkit-backdrop-filter: blur(35px); backdrop-filter: blur(35px);
	box-shadow: 0 18px 40px rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.12);
	opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .2s ease, transform .2s ease, visibility .2s;
}
.tpc-nav__list > li:hover > .sub-menu, .tpc-nav__list > li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.tpc-nav__list .sub-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.tpc-nav__list .sub-menu a {
	display: block; padding: 10px 14px; border-radius: 8px;
	font-family: "Poppins", sans-serif; font-size: 15px; line-height: 1.35; font-weight: 400; color: #fff !important;
}
.tpc-nav__list .sub-menu a:hover, .tpc-nav__list .sub-menu .current-menu-item > a { background: rgba(255,255,255,.12); }
.tpc-nav__list .sub-menu .sub-menu { display: none; }
.tpc-nav__toggle, .tpc-nav__sub-toggle, .tpc-nav__cta { display: none; }

/* Make Referral – Figma: 204 x 48 pill, right edge at 1898, top 25, gradient #0670EA -> #5CA8FE, Poppins 400 18 */
.tpc-hdr__cta { right: calc(22 * var(--hu)); top: calc(25 * var(--hu)); }
.tpc-hdr-btn, .tpc-hdr-btn:visited, .tpc-hdr-btn:focus {
	display: inline-flex; align-items: center; justify-content: center;
	width: calc(204 * var(--hu)); min-width: 150px; height: max(40px, calc(48 * var(--hu)));
	border-radius: 130px; background: linear-gradient(90deg, #0670EA 0%, #5CA8FE 100%);
	font-family: "Poppins", sans-serif; font-weight: 400; font-size: max(14px, calc(18 * var(--hu))); line-height: 1; letter-spacing: 0;
	color: #fff !important; white-space: nowrap; transition: filter .2s ease, transform .2s ease;
}
.tpc-hdr-btn:hover { color: #fff !important; filter: brightness(1.08); transform: translateY(-1px); }

/* ---------- tablet & phone header (< 1200px): logo + CTA + menu button, menu opens as a glass panel ---------- */
@media (max-width: 1199px) {
	.elementor .e-con.tpc-hdr, .tpc-hdr { height: 84px; }
	.tpc-hdr__logo { left: 12px; top: 8px; }
	.tpc-hdr__logo a { width: 102px; height: 68px; }
	.tpc-hdr__cta { right: 76px; top: 20px; }
	.tpc-hdr-btn, .tpc-hdr-btn:visited, .tpc-hdr-btn:focus { min-width: 0; width: auto; height: 44px; padding: 0 22px; font-size: 15px; }
	.tpc-hdr__nav { left: auto; right: 16px; top: 18px; transform: none; }
	.tpc-nav__toggle {
		display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
		width: 48px; height: 48px; padding: 0; border: 0; cursor: pointer; border-radius: 12px; color: #fff;
		background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(2,2,2,.5) 100%);
		-webkit-backdrop-filter: blur(35px); backdrop-filter: blur(35px); box-shadow: -8px 10px 30px rgba(0,0,0,.25);
		position: relative; z-index: 2;
	}
	.tpc-nav__toggle:hover, .tpc-nav__toggle:focus { background: linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(2,2,2,.6) 100%); }
	.tpc-nav__toggle span:not(.screen-reader-text) { display: block; width: 20px; height: 2px; border-radius: 2px; background: #fff; transition: transform .25s ease, opacity .2s ease; }
	.tpc-nav.is-open .tpc-nav__toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	.tpc-nav.is-open .tpc-nav__toggle span:nth-child(2) { opacity: 0; }
	.tpc-nav.is-open .tpc-nav__toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
	.tpc-nav__panel {
		position: absolute; right: 0; top: 60px; width: min(360px, calc(100vw - 32px)); height: auto; max-height: calc(100vh - 100px); overflow-y: auto;
		flex-direction: column; align-items: stretch; padding: 12px; border-radius: 16px;
		background: rgba(18,18,18,.9); box-shadow: 0 20px 50px rgba(0,0,0,.3);
		opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .2s ease, transform .2s ease, visibility .2s;
	}
	.tpc-nav.is-open .tpc-nav__panel { opacity: 1; visibility: visible; transform: none; }
	.tpc-nav__list { flex-direction: column; align-items: stretch; height: auto; }
	.tpc-nav__list > li { height: auto; }
	.tpc-nav__list > li > a, .tpc-nav__list > li:first-child > a, .tpc-nav__list > li:nth-child(2) > a, .tpc-nav__list > li:last-child > a {
		justify-content: flex-start; min-width: 0; height: 48px; padding: 0 16px; font-size: 16px; border-radius: 10px;
	}
	.tpc-nav__list > li:last-child > a:hover { background-color: rgba(255,255,255,.08); opacity: 1; }
	.tpc-nav__list > li.menu-item-has-children > a::after { display: none; }
	.tpc-nav__sub-toggle {
		display: flex; align-items: center; justify-content: center; position: absolute; right: 4px; top: 4px; width: 40px; height: 40px;
		border: 0; border-radius: 8px; background: transparent; cursor: pointer; padding: 0;
	}
	.tpc-nav__sub-toggle::before {
		content: ""; width: 16px; height: 16px; transition: transform .2s ease;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6l4.5 4.5L12.5 6'/%3E%3C/svg%3E") center / contain no-repeat;
	}
	.tpc-nav__list > li.is-sub-open > .tpc-nav__sub-toggle::before { transform: rotate(180deg); }
	.tpc-nav__list .sub-menu, .tpc-nav__list > li:hover > .sub-menu, .tpc-nav__list > li:focus-within > .sub-menu {
		position: static; display: none; min-width: 0; padding: 4px 0 8px 12px; border: 0; border-radius: 0; background: none; box-shadow: none;
		-webkit-backdrop-filter: none; backdrop-filter: none; opacity: 1; visibility: visible; transform: none;
	}
	.tpc-nav__list > li.is-sub-open > .sub-menu { display: block; }
	.tpc-nav__list .sub-menu a { font-size: 14px; padding: 9px 12px; color: rgba(255,255,255,.85) !important; }
	.tpc-nav__cta { display: flex; margin-top: 10px; }
	.tpc-nav__cta .tpc-hdr-btn { width: 100%; height: 48px; font-size: 16px; }
}
@media (max-width: 767px) {
	.tpc-hdr__cta { display: none; }
	.tpc-hdr__logo a { width: 96px; height: 64px; }
}

/* ===================== FOOTER ===================== */
/* Figma: 1920 x 554, photo + black 77% overlay; everything positioned from the frame's left/top */
.elementor .e-con.tpc-ftr, .tpc-ftr {
	position: relative; display: block !important; min-height: calc(554 * var(--hu)); height: calc(554 * var(--hu));
	padding: 0 !important; margin: 0 !important; overflow: hidden; color: #A4A4A4;
	--padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px;
}
.tpc-ftr > .elementor-element { position: absolute !important; margin: 0 !important; width: auto !important; max-width: none !important; z-index: 1; }
.tpc-ftr .elementor-widget-container { margin: 0 !important; padding: 0 !important; }
/* x positions are measured from a centred 1920 box */
.tpc-ftr { --x0: calc(50% - 960 * var(--hu)); }
.tpc-ftr__brand   { left: calc(var(--x0) + 81 * var(--hu));   top: calc(15 * var(--hu)); }
.tpc-ftr__links   { left: calc(var(--x0) + 708 * var(--hu));  top: calc(82 * var(--hu)); }
.tpc-ftr__contact { left: calc(var(--x0) + 1034 * var(--hu)); top: calc(82 * var(--hu)); }
.tpc-ftr__loc     { left: calc(var(--x0) + 1478 * var(--hu)); top: calc(82 * var(--hu)); }
.tpc-ftr__social  { left: calc(var(--x0) + 1261 * var(--hu)); top: calc(316 * var(--hu)); }
.tpc-ftr__div     { left: calc(var(--x0) + 1574 * var(--hu)); top: calc(316 * var(--hu)); }
.tpc-ftr__bottom  { left: calc(var(--x0) + 80 * var(--hu));   top: calc(448 * var(--hu)); width: calc(1763 * var(--hu)) !important; }

.tpc-ftr__logo { display: block; width: calc(209 * var(--hu)); height: calc(140 * var(--hu)); margin-left: calc(-37 * var(--hu)); }
.tpc-ftr__logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.tpc-ftr__tagline {
	width: calc(461 * var(--hu)); margin: 0 !important;
	font-family: "Poppins", sans-serif; font-weight: 400; font-size: calc(20 * var(--hu)); line-height: calc(34 * var(--hu)); letter-spacing: -0.03em; color: #fff;
}
/* Book Appointment – 289 x 62, #F9F9F9, text #0D55A6, 42px gradient arrow */
.tpc-ftr-btn, .tpc-ftr-btn:visited, .tpc-ftr-btn:focus {
	display: inline-flex; align-items: center; gap: calc(16 * var(--hu)); margin-top: calc(28 * var(--hu));
	height: calc(62 * var(--hu)); padding: 0 calc(10 * var(--hu)) 0 calc(24 * var(--hu)); border-radius: 130px; background: #F9F9F9;
	font-family: "Poppins", sans-serif; font-weight: 500; font-size: calc(22 * var(--hu)); line-height: 1; letter-spacing: -0.03em;
	color: #0D55A6 !important; white-space: nowrap; transition: transform .2s ease, box-shadow .2s ease;
}
.tpc-ftr-btn:hover { color: #0D55A6 !important; transform: translateY(-1px); box-shadow: 0 8px 22px rgba(0,0,0,.25); }
.tpc-ftr-btn__arrow {
	display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
	width: calc(42 * var(--hu)); height: calc(42 * var(--hu)); border-radius: 50%; background: linear-gradient(90deg, #5CA8FE 0%, #0670EA 100%);
}
.tpc-ftr-btn__arrow svg { width: 42%; height: 42%; }

.tpc-ftr__title {
	margin: 0 !important; padding: 0 !important; font-family: "Poppins", sans-serif !important; font-weight: 500 !important;
	font-size: calc(22 * var(--hu)) !important; line-height: calc(34 * var(--hu)) !important; letter-spacing: -0.03em !important; color: #fff !important; text-transform: none !important;
}
.tpc-ftr__menu { margin-top: calc(14 * var(--hu)) !important; }
.tpc-ftr__menu li + li { margin-top: calc(7 * var(--hu)); }
.tpc-ftr__menu a, .tpc-ftr__legal a {
	font-family: "Poppins", sans-serif; font-weight: 400; font-size: calc(20 * var(--hu)); line-height: calc(34 * var(--hu)); letter-spacing: -0.03em;
	color: #A4A4A4 !important; transition: color .2s ease;
}
.tpc-ftr__menu a:hover, .tpc-ftr__legal a:hover { color: #fff !important; }

.tpc-ftr__rows { margin-top: calc(26 * var(--hu)) !important; }
.tpc-ftr__row { display: flex; align-items: flex-start; gap: calc(18 * var(--hu)); }
.tpc-ftr__row + .tpc-ftr__row { margin-top: calc(25 * var(--hu)); }
.tpc-ftr__loc .tpc-ftr__rows { margin-top: calc(15 * var(--hu)) !important; }
.tpc-ftr__loc .tpc-ftr__row + .tpc-ftr__row { margin-top: calc(23 * var(--hu)); }
.tpc-ftr__ic {
	display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
	width: calc(33 * var(--hu)); height: calc(33 * var(--hu)); border-radius: 50%; background: #1D7FF0; color: #FBF7F7;
}
.tpc-ftr__ic svg { width: 46%; height: 46%; }
.tpc-ftr__txt, .tpc-ftr__txt a {
	font-family: "Lato", sans-serif; font-weight: 500; font-size: calc(20 * var(--hu)); line-height: calc(24 * var(--hu)); color: #A4A4A4 !important; letter-spacing: 0;
}
.tpc-ftr__txt { padding-top: calc(4.5 * var(--hu)); }
.tpc-ftr__txt a:hover { color: #fff !important; }
.tpc-ftr__hours { display: flex; align-items: center; gap: calc(8 * var(--hu)); margin-top: calc(11 * var(--hu)); font-size: calc(15 * var(--hu)); line-height: calc(18 * var(--hu)); }
.tpc-ftr__hours svg { width: calc(16 * var(--hu)); height: calc(16 * var(--hu)); flex: 0 0 auto; }
.tpc-ftr__loc .tpc-ftr__txt { width: calc(242 * var(--hu)); line-height: calc(28 * var(--hu)); padding-top: calc(3 * var(--hu)); }

.tpc-ftr__icons { display: flex; gap: calc(14.6 * var(--hu)); margin-top: calc(5 * var(--hu)) !important; }
.tpc-ftr__icons a {
	display: inline-flex; align-items: center; justify-content: center; width: calc(46 * var(--hu)); height: calc(46 * var(--hu));
	border-radius: 50%; background: #2F8AF4; color: #fff !important; transition: transform .2s ease, background-color .2s ease;
}
.tpc-ftr__icons a:hover { background: #0670EA; transform: translateY(-2px); }
.tpc-ftr__icons svg { width: 50%; height: 50%; }
.tpc-ftr__flags { display: flex; gap: calc(9 * var(--hu)); margin-top: calc(16 * var(--hu)) !important; }
.tpc-ftr__flags img, .tpc-ftr__flags svg { display: block; width: calc(48 * var(--hu)); height: calc(29 * var(--hu)); border-radius: calc(3 * var(--hu)); object-fit: cover; }

.tpc-ftr__line { height: 1px; background: rgba(255,255,255,.3); }
.tpc-ftr__base { position: relative; height: calc(106 * var(--hu)); }
.tpc-ftr__copy {
	position: absolute; left: calc(1 * var(--hu)); top: calc(52 * var(--hu)); margin: 0 !important;
	font-family: "Lato", sans-serif; font-weight: 500; font-size: calc(17 * var(--hu)); line-height: calc(20 * var(--hu)); color: #C8C8C8;
}
.tpc-ftr__legal { position: absolute; right: 0; top: calc(35 * var(--hu)); display: flex; gap: calc(81 * var(--hu)); }

/* ---------- footer below 1200px: stacked layout ---------- */
@media (max-width: 1199px) {
	.elementor .e-con.tpc-ftr, .tpc-ftr {
		height: auto; min-height: 0; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 32px;
		padding: 48px 32px 28px !important;
	}
	.tpc-ftr > .elementor-element { position: relative !important; left: auto !important; top: auto !important; width: auto !important; }
	.tpc-ftr__brand, .tpc-ftr__bottom { grid-column: 1 / -1; }
	.tpc-ftr__bottom { width: auto !important; }
	.tpc-ftr__logo { width: 150px; height: 100px; margin-left: -26px; }
	.tpc-ftr__tagline { width: auto; max-width: 520px; font-size: 16px; line-height: 27px; }
	.tpc-ftr-btn, .tpc-ftr-btn:visited, .tpc-ftr-btn:focus { margin-top: 20px; height: 52px; gap: 14px; padding: 0 7px 0 20px; font-size: 17px; }
	.tpc-ftr-btn__arrow { width: 38px; height: 38px; }
	.tpc-ftr__title { font-size: 19px !important; line-height: 30px !important; }
	.tpc-ftr__menu { margin-top: 10px !important; }
	.tpc-ftr__menu li + li { margin-top: 4px; }
	.tpc-ftr__menu a, .tpc-ftr__legal a { font-size: 16px; line-height: 28px; }
	.tpc-ftr__rows, .tpc-ftr__loc .tpc-ftr__rows { margin-top: 14px !important; }
	.tpc-ftr__row { gap: 14px; }
	.tpc-ftr__row + .tpc-ftr__row, .tpc-ftr__loc .tpc-ftr__row + .tpc-ftr__row { margin-top: 16px; }
	.tpc-ftr__ic { width: 32px; height: 32px; }
	.tpc-ftr__txt, .tpc-ftr__txt a { font-size: 16px; line-height: 22px; }
	.tpc-ftr__txt { padding-top: 5px; }
	.tpc-ftr__loc .tpc-ftr__txt { width: auto; line-height: 23px; padding-top: 4px; }
	.tpc-ftr__hours { font-size: 14px; line-height: 18px; gap: 7px; margin-top: 7px; }
	.tpc-ftr__hours svg { width: 15px; height: 15px; }
	.tpc-ftr__icons { gap: 12px; margin-top: 10px !important; }
	.tpc-ftr__icons a { width: 42px; height: 42px; }
	.tpc-ftr__flags { gap: 9px; margin-top: 12px !important; }
	.tpc-ftr__flags img, .tpc-ftr__flags svg { width: 48px; height: 29px; border-radius: 3px; }
	.tpc-ftr__base { height: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; padding-top: 18px; }
	.tpc-ftr__copy, .tpc-ftr__legal { position: static; }
	.tpc-ftr__copy { font-size: 14px; line-height: 20px; }
	.tpc-ftr__legal { gap: 28px; }
}
@media (max-width: 767px) {
	.elementor .e-con.tpc-ftr, .tpc-ftr { grid-template-columns: minmax(0, 1fr); gap: 30px; padding: 40px 20px 24px !important; }
	.tpc-ftr__base { flex-direction: column-reverse; align-items: flex-start; }
	.tpc-ftr__legal { gap: 24px; }
}

/* v1.1 – below 1200px the logo sits in the same glass tile as the menu button (keeps the white "pathcare" readable on light photos); homepage social bar moves below the header */
@media (max-width: 1199px) {
	.tpc-hdr__logo { left: 16px; top: 18px; }
	.tpc-hdr__logo a {
		width: 120px; height: 56px; min-width: 0; min-height: 0; overflow: hidden; border-radius: 12px;
		background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(2,2,2,.5) 100%);
		-webkit-backdrop-filter: blur(35px); backdrop-filter: blur(35px); box-shadow: -8px 10px 30px rgba(0,0,0,.2);
	}
	.tpc-hdr__logo img { object-fit: cover; transform: scale(1.12); }
	.tpc-hdr__cta { top: 20px; }
}
@media (max-width: 991px) {
	body.tpc-hf-page .tpc .tpc-social { top: 88px; }
}

/* v1.2 – footer bottom row width (beats the generic widget width reset) */
.tpc-ftr > .elementor-element.tpc-ftr__bottom { width: calc(1763 * var(--hu)) !important; }
@media (max-width: 1199px) { .tpc-ftr > .elementor-element.tpc-ftr__bottom { width: auto !important; } }

/* v1.3 – soft shadow keeps the white "pathcare" legible on the lighter hero slides */
.tpc-hdr__logo img { filter: drop-shadow(0 1px 6px rgba(0,0,0,.35)); }
@media (max-width: 1199px) { .tpc-hdr__logo img { filter: none; } }

/* v1.4 – phone & tablet header (<1200) from Abdul's mobile design: grey bar 60px in the page flow, plain logo, blue 3×3 dot menu icon */
@media (max-width: 1199px) {
	body.tpc-hf-page #masthead { height: auto; }
	.tpc-hdr__cta { display: none; }
	.elementor .e-con.tpc-hdr, .tpc-hdr {
		position: relative !important; height: 60px;
		background: linear-gradient(180deg, #5C5C5C 0%, #7A7A7A 100%) !important;
	}
	.tpc-hdr__logo { left: 9px; top: 2px; }
	.tpc-hdr__logo a { width: 86px; height: 57px; overflow: visible; border-radius: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
	.tpc-hdr__logo img { object-fit: contain; transform: none; filter: none; }
	.tpc-hdr__nav { right: 14px; top: 15px; }
	.tpc-nav__toggle, .tpc-nav__toggle:hover, .tpc-nav__toggle:focus {
		width: 30px; height: 30px; border-radius: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
		background: radial-gradient(circle, #4C9EFF 0 3.3px, transparent 3.8px) 0 0 / 10px 10px;
	}
	.tpc-nav__toggle span:not(.screen-reader-text) { display: none; }
	.tpc-nav.is-open .tpc-nav__toggle { background-image: radial-gradient(circle, #1F7BEA 0 3.3px, transparent 3.8px); }
	.tpc-nav__panel { top: 42px; right: -2px; }
}

/* v1.5 – tablets (768–1199): Make Referral sits in the grey bar next to the menu icon, not inside the menu */
@media (min-width: 768px) and (max-width: 1199px) {
	.tpc-hdr__cta { display: block; right: 60px; top: 10px; }
	.tpc-hdr__cta .tpc-hdr-btn, .tpc-hdr__cta .tpc-hdr-btn:visited, .tpc-hdr__cta .tpc-hdr-btn:focus { height: 40px; padding: 0 22px; font-size: 15px; }
	.tpc-nav__cta { display: none; }
}