/**
 * Chat Group International — header & footer restyle (site-wide).
 * Scoped under body.cg-chrome; loaded after the theme main.css so it wins.
 */
body.cg-chrome {
	--c-nv: #0a1830;
	--c-nv-d: #070f1e;
	--c-grn: #f0a818;
	--c-grn-d: #d68f0e;
	--c-gold: #f0a818;
	--c-red: #f01818;
	--c-sky: #48c0f0;
	--c-disp: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
	--c-data: "Space Grotesk", ui-monospace, monospace;
}

/* ============================================================ LIVE RATE TICKER (under the menu) */
.cg-ticker {
	position: relative; z-index: 5; width: 100%;
	background: #0b1020;
	border-top: 1px solid rgba(240, 168, 24, 0.35);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
}
.cg-ticker__track { display: inline-flex; white-space: nowrap; will-change: transform; animation: cg-marquee 36s linear infinite; }
.cg-ticker:hover .cg-ticker__track { animation-play-state: paused; }
.cg-ticker__item { display: inline-flex; align-items: center; gap: 8px; padding: 10px 22px; font-family: var(--c-data); font-size: 13px; color: rgba(255, 255, 255, 0.82); }
.cg-ticker__item + .cg-ticker__item { border-left: 1px solid rgba(255, 255, 255, 0.08); }
.cg-ticker__pair { color: rgba(255, 255, 255, 0.58); letter-spacing: 0.04em; }
.cg-ticker__val { color: #ffcc4d; font-weight: 700; }
.cg-ticker__ar--up { color: var(--c-sky); }
.cg-ticker__ar--down { color: var(--c-red); }
.cg-ticker__live { color: var(--c-red); font-weight: 700; letter-spacing: 0.12em; }
.cg-ticker__live i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--c-red); margin-right: 7px; vertical-align: middle; animation: cg-ticker-pulse 1.6s ease-in-out infinite; }
@keyframes cg-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes cg-ticker-pulse { 0% { box-shadow: 0 0 0 0 rgba(240,24,24,.6); } 70% { box-shadow: 0 0 0 7px rgba(240,24,24,0); } 100% { box-shadow: 0 0 0 0 rgba(240,24,24,0); } }
@media (prefers-reduced-motion: reduce) { .cg-ticker__track { animation: none; } .cg-ticker__live i { animation: none; } }

/* ============================================================ HEADER */
body.cg-chrome .topbar {
	background: var(--c-nv-d);
	color: rgba(255, 255, 255, 0.66);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	font-family: var(--c-data);
	font-size: 12.5px;
	letter-spacing: 0.01em;
}
body.cg-chrome .topbar__inner { min-height: 42px; }
body.cg-chrome .topbar__links a { color: rgba(255, 255, 255, 0.82); transition: color .2s ease; }
body.cg-chrome .topbar__links a:hover { color: var(--c-grn); }

body.cg-chrome .site-header {
	background: rgba(255, 255, 255, 0.94);
	border-bottom: 1px solid rgba(10, 24, 48, 0.08);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}
body.cg-chrome .site-header.is-scrolled { box-shadow: 0 16px 44px rgba(10, 24, 48, 0.12); }
body.cg-chrome .nav-shell { min-height: 78px; }
body.cg-chrome .primary-nav a {
	font-family: var(--c-disp);
	font-weight: 600;
	font-size: 14px;
	color: var(--c-nv);
	border-radius: 8px;
	position: relative;
	transition: color .2s ease;
}
body.cg-chrome .primary-nav a::after {
	content: ""; position: absolute; left: 10px; right: 10px; bottom: 4px; height: 2px;
	background: var(--c-grn); transform: scaleX(0); transform-origin: left; transition: transform .25s var(--ease, ease);
	border-radius: 2px;
}
body.cg-chrome .primary-nav a:hover,
body.cg-chrome .primary-nav .current-menu-item > a { background: transparent; color: var(--c-grn); }
body.cg-chrome .primary-nav a:hover::after,
body.cg-chrome .primary-nav .current-menu-item > a::after { transform: scaleX(1); }

body.cg-chrome .header-cta {
	background: var(--c-grn);
	color: #04231a;
	border-radius: 999px;
	font-family: var(--c-disp);
	font-weight: 700;
	padding-inline: 20px;
	box-shadow: 0 10px 24px rgba(240, 168, 24, 0.28);
	transition: background .25s ease, color .25s ease, transform .25s ease;
}
body.cg-chrome .header-cta:hover { background: var(--c-grn-d); color: #fff; transform: translateY(-1px); }

/* Home: transparent header over the dark hero, solid navy once scrolled */
body.cg-chrome.home .site-header { background: transparent; border-bottom-color: rgba(255, 255, 255, 0.12); }
body.cg-chrome.home .topbar { background: rgba(7, 15, 30, 0.55); }
body.cg-chrome.home .primary-nav a { color: rgba(255, 255, 255, 0.9); }
body.cg-chrome.home .primary-nav a:hover,
body.cg-chrome.home .primary-nav .current-menu-item > a { color: #fff; }
body.cg-chrome.home .site-header.is-scrolled {
	background: rgba(10, 24, 48, 0.92);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.3);
}
body.cg-chrome .nav-toggle { border-color: rgba(10, 24, 48, 0.18); border-radius: 10px; }
body.cg-chrome.home .nav-toggle { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.06); }
body.cg-chrome.home .nav-toggle span:not(.screen-reader-text) { background: #fff; }

/* ============================================================ FOOTER */
body.cg-chrome .site-footer {
	background: var(--c-nv-d);
	color: rgba(255, 255, 255, 0.7);
	border-top: 3px solid transparent;
	border-image: linear-gradient(90deg, var(--c-sky), var(--c-gold), var(--c-red)) 1;
}
body.cg-chrome .footer-cta {
	background: linear-gradient(102deg, var(--c-nv), #0f2547);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
body.cg-chrome .footer-cta .eyebrow { color: var(--c-gold); font-family: var(--c-data); letter-spacing: 0.22em; }
body.cg-chrome .footer-cta h2 { font-family: var(--c-disp); font-weight: 800; letter-spacing: -0.02em; color: #fff; }
body.cg-chrome .footer-cta .btn--gold { background: var(--c-grn); color: #04231a; border-radius: 999px; }
body.cg-chrome .footer-cta .btn--gold:hover { background: var(--c-grn-d); color: #fff; }
body.cg-chrome .footer-cta .btn--light { border-radius: 999px; }

body.cg-chrome .footer-grid { padding-top: 56px; padding-bottom: 40px; }
body.cg-chrome .site-footer h3 {
	font-family: var(--c-disp); color: #fff; font-weight: 700; font-size: 15px;
	letter-spacing: 0.02em; margin-bottom: 14px;
}
body.cg-chrome .footer-brand p { color: rgba(255, 255, 255, 0.62); }
body.cg-chrome .footer-list a,
body.cg-chrome .footer-menu a { color: rgba(255, 255, 255, 0.7); transition: color .2s ease; }
body.cg-chrome .footer-list li,
body.cg-chrome .footer-menu li { margin-bottom: 8px; }
body.cg-chrome .footer-list a:hover,
body.cg-chrome .footer-menu a:hover { color: var(--c-grn); }
body.cg-chrome .brand--footer img { filter: brightness(0) invert(1); opacity: 0.92; }

body.cg-chrome .footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding-top: 22px; padding-bottom: 22px;
	font-family: var(--c-data); font-size: 12.5px;
	color: rgba(255, 255, 255, 0.55);
}
body.cg-chrome .social-links a {
	display: inline-flex; align-items: center; padding: 7px 14px;
	border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 999px;
	color: rgba(255, 255, 255, 0.82); transition: border-color .2s ease, color .2s ease, background .2s ease;
}
body.cg-chrome .social-links a:hover { border-color: var(--c-grn); color: var(--c-grn); background: rgba(240, 168, 24, 0.08); }
body.cg-chrome .social-links span { color: rgba(255, 255, 255, 0.4); }

/* Floating quick actions */
body.cg-chrome .floating-actions__item {
	border-radius: 999px; font-family: var(--c-disp); font-weight: 700;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
}
body.cg-chrome .floating-actions__item--whatsapp { background: var(--c-grn); color: #04231a; }
body.cg-chrome .floating-actions__item--call { background: var(--c-nv); color: #fff; }