/* ==========================================================================
   Local fonts (assets/fonts/)
   ========================================================================== */

/* Figtree — variable font, covers all weights 100–900 */
@font-face {
	font-family: 'Figtree';
	src: url('../fonts/Figtree.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

/* Nunito — variable font, covers all weights 200–1000 */
@font-face {
	font-family: 'Nunito';
	src: url('../fonts/Nunito.woff2') format('woff2');
	font-weight: 200 1000;
	font-style: normal;
	font-display: swap;
}

/* Space Grotesk — variable font, covers all weights 300–700 */
@font-face {
	font-family: 'Space Grotesk';
	src: url('../fonts/SpaceGrotesk.woff2') format('woff2');
	font-weight: 300 700;
	font-style: normal;
	font-display: swap;
}

/* BricolageGrotesque — variable font, covers all weights 200–800 */
@font-face {
	font-family: 'BricolageGrotesque';
	src: url('../fonts/BricolageGrotesque.woff2') format('woff2');
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}

/* GT Flexa — only weights actually used (400 / 500 / 700) */
@font-face {
	font-family: 'GT Flexa';
	src: url('../fonts/GT-Flexa-Regular.woff2') format('woff2');
	font-weight: 350 449;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GT Flexa';
	src: url('../fonts/GT-Flexa-Medium.woff2') format('woff2');
	font-weight: 450 599;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GT Flexa';
	src: url('../fonts/GT-Flexa-Bold.woff2') format('woff2');
	font-weight: 600 799;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Nunito-Regular';
	src: url('../fonts/Nunito-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Nunito-Bold';
	src: url('../fonts/Nunito-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* ==========================================================================
   Design tokens — CSS custom properties (Figma node 52385:12219)
   ========================================================================== */

:root {
	/* Typography */
	--font-heading: 'BricolageGrotesque', system-ui, sans-serif;
	--font-figtree: 'Figtree', sans-serif;
	--hdr-bg:              #faf4e7;
	--hdr-height:          72px;
	--hdr-height-mob:      64px;
	--hdr-px:              140px;
	--hdr-px-mob:          24px;

	--nav-text:            #4f5665;
	--nav-dark:            #2d4059;
	--Gray-Hard: 		   #505869;
	--nav-blue:            #3978f2;
	--nav-blue-hover:      #2d67e0;
	--nav-secondary:       #505869;
	--nav-border:          rgba(45, 64, 89, 0.10);
	--nav-border-faint:    rgba(45, 64, 89, 0.07);
	--color-border-light:  #eaecee;
	--color-orange-hover:  #F7761F;
	--orange-400:		   #F7761F;

	--nav-fsize:           16px;
	--nav-fsize-sm:        14px;
	--nav-fsize-xs:        13px;
	--nav-fsize-md:        15px;
	--nav-fsize-lg:        18px;
	--nav-lh:              24px;
	--nav-ls:              0.032px;
	--nav-fw-medium:       500;
	--nav-fw-bold:         700;

	--nav-active-gradient: linear-gradient(90deg, #fda22f 0%, #f53838 100%);
	--nav-active-h:        4px;

	--dropdown-bg:         #ffffff;
	--dropdown-radius:     10px;
	--dropdown-shadow:     3px 3px 27px 0 rgba(156, 156, 156, 0.25);
	--dropdown-gap:        24px;

	--mega-col-gap:        40px;
	--mega-col-title-c:    #4f5665;
	--mega-col-title-fz:   1.25rem;
	--mega-col-title-fw:   600;
	--mega-col-title-ls:   0.6px;
	--mega-link-hover-bg:  rgba(57, 120, 242, 0.06);
	--mega-inner-shadow:   0 13px 20px rgba(187, 178, 160, 0.30);

	--btn-radius:          6px;
	--btn-h:               40px;
	--btn-px:              24px;
	--featured-img-h:      240px;
	--placeholder-bg:      #f0ebe0;

	--mobile-menu-w:       100%;
	--mobile-menu-bg:      #ffffff;
	--mobile-panel-slide:  300ms cubic-bezier(0.4, 0, 0.2, 1);
	--overlay-bg:          rgba(0, 0, 0, 0.35);

	--z-header:            100;
	--z-dropdown:          110;
	--z-mobile-menu:       200;
	--z-overlay:           190;

	/* Container */
	--container-max:       1440px;
	--container-px:        var(--hdr-px);
	--container-px-mob:    var(--hdr-px-mob);
}

/* English: restore GT Flexa */
html:lang(en) {
	--font-heading: 'GT Flexa', system-ui, sans-serif;
}

/* ==========================================================================
   Global reset
   ========================================================================== */

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
}

iframe {
	width: 100%;
    height: auto;
    min-height: 410px;
}

.e-fas-check-circle {
	fill: green;
}

.e-fas-times-circle {
	fill: red;
}

@media (max-width: 768px) {
	iframe {
		min-height: 180px;
	}
}