/* Cookie banner (not in Figma — site tokens; confirm design with Rehan) */
.ts-consent {
	position: fixed; left: 24px; bottom: 24px; z-index: 1200; width: min(440px, calc(100% - 48px));
	padding: 24px; border-radius: 20px; background: var(--navy); color: var(--white);
	box-shadow: 0 18px 50px rgba(0,35,69,.35);
}
.ts-consent[hidden] { display: none; }
.ts-consent__title { margin: 0 0 8px; font: 400 20px/26px var(--font-display); color: var(--white); }
.ts-consent__text { margin: 0 0 18px; font: 400 14px/22px var(--font-body); color: rgba(255,255,255,.8); }
.ts-consent .ts-consent__text a { color: var(--peach); text-decoration: underline; }
.ts-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ts-consent .ts-consent__btn {
	padding: 13px 22px; border: 0; border-radius: var(--r-pill); cursor: pointer;
	font: 600 14px/18px var(--font-body); background: transparent; color: var(--white);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.5); transition: background-color 200ms ease-out;
}
.ts-consent .ts-consent__btn:hover { background: rgba(255,255,255,.08); color: var(--white); }
.ts-consent .ts-consent__btn--primary, .ts-consent .ts-consent__btn--primary:hover { background: var(--peach); color: var(--navy); box-shadow: none; }
.ts-consent .ts-consent__btn:focus-visible { outline: 2px solid var(--peach); outline-offset: 2px; }
@media (max-width: 767px) {
	.ts-consent { left: 12px; right: 12px; bottom: 12px; width: auto; padding: 20px; }
	.ts-consent__actions { flex-direction: column; }
	.ts-consent .ts-consent__btn { width: 100%; }
}

/* Gate shown inside the video dialog until video cookies are allowed */
.ts-consent-gate { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 32px; text-align: center; color: var(--white); }
.ts-consent-gate p { margin: 0; max-width: 460px; font: 400 16px/26px var(--font-body); }
.ts-video-dialog .ts-consent-gate__btn { padding: 15px 26px; border: 0; border-radius: var(--r-pill); background: var(--peach); color: var(--navy); font: 600 15px/20px var(--font-body); cursor: pointer; }

/* Footer "Cookie settings" button styled as a link */
.ts-footer .ts-linklike { display: inline; width: auto; min-height: 0; padding: 0; border: 0; border-radius: 0; background: none; font: inherit; line-height: inherit; text-align: left; color: rgba(255,255,255,.55); cursor: pointer; }
.ts-footer .ts-linklike:hover { color: var(--white); text-decoration: underline; background: none; }