.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --ink:#0C0E12; --ink-2:#16191F; --paper:#F4F2EC; --mist:#E6E2D8; --volt:#D7FF3F; --coral:#FF5B3A; --muted:#5D5A54; --line:#DCD7CB; --font-display:Bricolage Grotesque; --font-body:DM Sans; --font-mono:JetBrains Mono; --fs-hero:clamp(3rem, 6.4vw, 6.6rem); --fs-h2:clamp(2.4rem, 5vw, 4.6rem); --fs-h3:clamp(1.4rem, 1.9vw, 1.75rem); --section-pad:clamp(4.5rem, 9vw, 8rem); --gutter:clamp(1.25rem, 4.5vw, 5rem); }
/* Start custom CSS *//* =========================================================
   Enrico's Academy: site-wide polish (Elementor > Site Settings > Custom CSS)
   Design tokens (--ink, --volt, --paper ...) come from the kit's global variables.
   ========================================================= */

/* ---------- Base ---------- */
html { scroll-behavior: smooth; }
html, body { overflow-x: clip; }
body {
	background-color: var(--paper, #F4F2EC);
	color: var(--ink, #0C0E12);
	font-family: "DM Sans", sans-serif;
	-webkit-font-smoothing: antialiased;
}
::selection { background: #D7FF3F; color: #0C0E12; }
[id] { scroll-margin-top: 110px; }

/* Inline links inside text blocks inherit their colour */
.elementor p a { color: inherit; text-decoration: none; }
.elementor a.e-button-base { text-decoration: none; }

/* ---------- Headline accents ---------- */
#hero h1 span, #about-hero h1 span, #pricing-hero h1 span, #contact-hero h1 span {
	/* Full marker highlight: covers the whole word, descenders included */
	background: linear-gradient(transparent 16%, #D7FF3F 16%);
	padding: 0 .08em .08em;
	border-radius: 0 0 .08em .08em;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
#why h2 span, #story h2 span { color: #D7FF3F; }
#site-footer h2 span { color: #D7FF3F; }

/* Hero pill dot + terminal cards (inline span classes are stripped by Elementor, so target by position) */
#hero [data-interaction-id="4a44d563"] span:first-child {
	display: inline-block; width: 8px; height: 8px; border-radius: 50%;
	background: #FF5B3A; margin-right: 6px; vertical-align: middle;
	animation: ea-pulse 1.8s ease-in-out infinite;
}
@keyframes ea-pulse { 50% { opacity: .35; } }
#hero [data-interaction-id="5fe7401e"] span:nth-of-type(1),
#hero [data-interaction-id="5fe7401e"] span:nth-of-type(3) { color: #D7FF3F; font-weight: 700; }
#hero [data-interaction-id="5fe7401e"] span:nth-of-type(2),
#why [data-interaction-id="79cfcf2a"] span:nth-of-type(1) { color: #8C877C; }
#why [data-interaction-id="79cfcf2a"] span:nth-of-type(n+2) { color: #D7FF3F; }

/* ---------- Course cards (homepage) ---------- */
#courses [data-interaction-id="6cc3761c"] span,
#courses [data-interaction-id="772f94ae"] span,
#courses [data-interaction-id="19bb2220"] span {
	display: inline-block; font-size: .62rem; letter-spacing: .12em;
	padding: .25rem .5rem; border-radius: 6px; margin-right: .5rem;
	border: 1.5px solid #0C0E12; color: #0C0E12;
}
#courses [data-interaction-id="6cc3761c"] span { background: #D7FF3F; }
#courses [data-interaction-id="772f94ae"] span,
#courses [data-interaction-id="19bb2220"] span { background: #FF5B3A; }
#courses s { font-size: .62em; opacity: .45; margin-right: .2em; font-weight: 700; }
#courses h3 a:hover { text-decoration: underline; text-decoration-thickness: 3px; text-decoration-color: #D7FF3F; text-underline-offset: 4px; }
#courses article img { display: block; }

/* ---------- Pricing lists ---------- */
#plans ul { list-style: none; margin: 0; padding: 0; }
#plans li { position: relative; padding: .45rem 0 .45rem 1.9rem; }
#plans li::before {
	content: "\2713"; position: absolute; left: 0; top: .5rem;
	width: 1.25rem; height: 1.25rem; border-radius: 6px;
	display: flex; align-items: center; justify-content: center;
	font-size: .75rem; font-weight: 700; background: #D7FF3F; color: #0C0E12;
}
#included strong { font-family: "Bricolage Grotesque", sans-serif; font-size: 1.1rem; letter-spacing: -.02em; }

/* ---------- FAQ accordion: custom +/x ---------- */
#faq summary { list-style: none; position: relative; }
#faq summary::-webkit-details-marker { display: none; }
#faq summary::after {
	content: ""; position: absolute; right: 1.25rem; top: 50%;
	width: 18px; height: 18px; margin-top: -9px;
	background:
		linear-gradient(#0C0E12, #0C0E12) center / 18px 2px no-repeat,
		linear-gradient(#0C0E12, #0C0E12) center / 2px 18px no-repeat;
	transition: transform .3s;
}
#faq details[open] > summary::after { transform: rotate(45deg); }

/* ---------- Header ---------- */
.elementor-location-header { position: sticky; top: 0; z-index: 1000; }
.admin-bar .elementor-location-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .elementor-location-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .elementor-location-header { top: 0; } }

#site-header [data-interaction-id="69138e8d"] a { text-decoration: underline; text-underline-offset: 3px; color: #D7FF3F; }
#site-header [data-interaction-id="40557bc5"] a { color: #0C0E12; }
#site-header [data-interaction-id="40557bc5"] a:hover { text-decoration: underline; text-underline-offset: 4px; }
#site-header .elementor-nav-menu--main .elementor-item {
	font-family: "DM Sans", sans-serif; font-size: .98rem; font-weight: 600;
	color: #0C0E12; padding: 8px 0; margin: 0 14px;
}
#site-header .elementor-nav-menu--main .elementor-item:hover,
#site-header .elementor-nav-menu--main .elementor-item.elementor-item-active { color: #0C0E12; }
#site-header .elementor-nav-menu--main .elementor-item:after { background-color: #0C0E12; height: 3px; border-radius: 2px; }
#site-header .elementor-menu-toggle {
	background: #D7FF3F; color: #0C0E12; border: 2px solid #0C0E12; border-radius: 10px; padding: 8px;
}
#site-header .elementor-menu-toggle svg { fill: #0C0E12; width: 22px; height: 22px; }
@media (max-width: 1024px) {
	#site-header .elementor-widget-nav-menu { position: static; }
	#site-header .elementor-menu-toggle { margin-left: auto; }
	#site-header .elementor-nav-menu--dropdown.elementor-nav-menu__container {
		position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important;
		width: 100% !important; margin-top: 0 !important;
		background: #F4F2EC; border-bottom: 2px solid #0C0E12;
	}
	#site-header .elementor-nav-menu--dropdown a {
		font-family: "Bricolage Grotesque", sans-serif; font-size: 1.6rem; font-weight: 800;
		color: #0C0E12; justify-content: center; padding: 14px 24px; letter-spacing: -.02em;
	}
	#site-header .elementor-nav-menu--dropdown a:hover,
	#site-header .elementor-nav-menu--dropdown a.elementor-item-active { background: #D7FF3F; color: #0C0E12; }
}

/* ---------- Footer ---------- */
#site-footer p a:hover { color: #D7FF3F; }

/* ---------- Tutor LMS: catalog, course pages, dashboard ---------- */
.tutor-wrap, .tutor-course-details-page, .tutor-dashboard, .tutor-courses-wrap,
.tutor-wrap .tutor-fs-6, .tutor-wrap p { font-family: "DM Sans", sans-serif; }
.tutor-wrap { padding-top: 3rem; padding-bottom: 5rem; }
.tutor-course-details-title,
.tutor-wrap h1, .tutor-wrap h2, .tutor-wrap h3,
.tutor-course-name, .tutor-course-name a {
	font-family: "Bricolage Grotesque", sans-serif !important;
	letter-spacing: -.025em;
}
.tutor-course-details-title { font-size: clamp(2rem, 4vw, 3.4rem) !important; font-weight: 800 !important; line-height: 1 !important; }
.tutor-card, .tutor-course-card {
	border: 2px solid #0C0E12 !important; border-radius: 20px !important; overflow: hidden;
	box-shadow: none; transition: transform .25s, box-shadow .25s;
}
.tutor-course-card:hover { transform: translate(-3px, -3px); box-shadow: 7px 7px 0 #0C0E12 !important; }
.tutor-course-thumbnail img, .tutor-course-details-page .tutor-course-thumbnail { border-radius: 18px; }
.tutor-course-name a { font-weight: 700; color: #0C0E12; }
.tutor-btn-primary {
	background: #D7FF3F !important; color: #0C0E12 !important; border: 2px solid #0C0E12 !important;
	border-radius: 14px !important; font-weight: 700 !important; box-shadow: 4px 4px 0 #0C0E12;
	transition: transform .18s, box-shadow .18s;
}
.tutor-btn-primary:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 #0C0E12; }
.tutor-btn-outline-primary {
	border: 2px solid #0C0E12 !important; color: #0C0E12 !important; border-radius: 12px !important; font-weight: 700 !important;
}
.tutor-btn-outline-primary:hover { background: #0C0E12 !important; color: #F4F2EC !important; }
.tutor-sidebar-card { background: #FFFFFF; }

/* ---------- WooCommerce cart & checkout ---------- */
.woocommerce .button, .woocommerce button.button, .wc-block-components-button:not(.is-link) {
	background: #0C0E12 !important; color: #F4F2EC !important; border-radius: 14px !important; font-weight: 700 !important;
}

/* ---------- Accessibility ---------- */
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #FF5B3A; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	#hero [data-interaction-id="4a44d563"] span:first-child { animation: none; }
}/* End custom CSS */