/*
Theme Name: GET AI MENA — Hello Child
Theme URI: https://getaimena.com/
Description: Lightweight, accessible child theme for GET AI MENA. Requires Hello Elementor.
Author: GET AI MENA
Template: hello-elementor
Version: 1.0.0
Text Domain: getaimena-hello-child
*/

:root {
	--getai-ink: #0b1320;
	--getai-ink-2: #16202f;
	--getai-paper: #f9fafc;
	--getai-limestone: #ede8dd;
	--getai-line: #d9dee7;
	--getai-teal: #01a99a;
	--getai-teal-deep: #018277;
	--getai-muted: #475569;
	--getai-ease: cubic-bezier(.2, 0, 0, 1);
}

html { scroll-behavior: smooth; }
body { color: var(--getai-ink); background: var(--getai-paper); }
img { max-width: 100%; height: auto; }
.getai-skip-link { position: fixed; z-index: 999999; inset-block-start: 1rem; inset-inline-start: 1rem; padding: .75rem 1rem; color: #fff; background: var(--getai-ink); transform: translateY(-180%); }
.getai-skip-link:focus { transform: translateY(0); }
.getai-site-header, .getai-site-footer { position: relative; z-index: 20; }
.getai-site-header .elementor-section, .getai-site-header .e-con,
.getai-site-footer .elementor-section, .getai-site-footer .e-con { width: 100%; }
.getai-fallback-header { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; width:min(100% - 3rem, 1280px); margin-inline:auto; padding-block:1.15rem; }
.getai-fallback-brand { display:inline-flex; align-items:center; color:var(--getai-ink); font-weight:700; text-decoration:none; }
.getai-fallback-brand img { display:block; width:auto; max-width:190px; max-height:52px; }
.getai-fallback-brand .custom-logo-link { display:inline-flex; align-items:center; }
.getai-fallback-nav ul { display:flex; align-items:center; flex-wrap:wrap; gap:clamp(.8rem, 2vw, 2rem); margin:0; padding:0; list-style:none; }
.getai-fallback-nav a { color:var(--getai-ink); text-decoration:none; }
.getai-language-switcher { display:flex; align-items:center; gap:.75rem; }
.getai-language-switcher a { color:var(--getai-muted); font-size:.82rem; font-weight:650; text-decoration:none; }
.getai-language-switcher a:hover, .getai-language-switcher a:focus-visible { color:var(--getai-teal-deep); }
.getai-fallback-nav a:hover, .getai-fallback-nav a:focus-visible { color:var(--getai-teal-deep); }
.getai-template-menu > ul, .getai-menu-panel > ul { display:flex; align-items:center; flex-wrap:wrap; gap:clamp(.8rem,2vw,2rem); margin:0; padding:0; list-style:none; }
.getai-template-menu .sub-menu { display:block; margin-block-start:.5rem; padding-inline-start:1rem; }
.getai-template-menu a { color:inherit; text-decoration:none; }
.getai-template-menu a:hover, .getai-template-menu a:focus-visible { color:var(--getai-teal-deep); }
.getai-menu-toggle { display:none; align-items:center; justify-content:center; gap:.7rem; min-height:44px; padding:.65rem .9rem; color:var(--getai-ink); background:transparent; border:1px solid var(--getai-line); border-radius:4px; font:inherit; cursor:pointer; }
.getai-menu-toggle:focus-visible { outline:3px solid var(--getai-teal); outline-offset:3px; }
.getai-menu-toggle__icon,.getai-menu-toggle__icon::before,.getai-menu-toggle__icon::after { display:block; width:18px; height:2px; background:currentColor; transition:transform .2s ease; }
.getai-menu-toggle__icon { position:relative; }
.getai-menu-toggle__icon::before,.getai-menu-toggle__icon::after { position:absolute; inset-inline-start:0; content:""; }
.getai-menu-toggle__icon::before { transform:translateY(-5px); }
.getai-menu-toggle__icon::after { transform:translateY(5px); }
.getai-menu-toggle[aria-expanded="true"] .getai-menu-toggle__icon { background:transparent; }
.getai-menu-toggle[aria-expanded="true"] .getai-menu-toggle__icon::before { transform:rotate(45deg); }
.getai-menu-toggle[aria-expanded="true"] .getai-menu-toggle__icon::after { transform:rotate(-45deg); }
.getai-fallback-cta { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:.7rem 1.1rem; color:#fff; background:var(--getai-ink); border:1px solid var(--getai-ink); border-radius:4px; text-decoration:none; }
.getai-fallback-cta:hover, .getai-fallback-cta:focus-visible { color:#fff; background:var(--getai-teal-deep); border-color:var(--getai-teal-deep); }
.getai-fallback-footer { padding:3rem max(1.5rem, calc((100% - 1280px)/2)); color:#d9e2ed; background:var(--getai-ink); }
.getai-fallback-footer a { color:inherit; }
.getai-fallback-footer__inner { display:flex; align-items:flex-start; justify-content:space-between; gap:2rem; }
.getai-fallback-footer nav ul { display:flex; flex-wrap:wrap; gap:1rem 1.5rem; margin:0; padding:0; list-style:none; }

@media (max-width: 760px) {
	.getai-fallback-header { align-items:flex-start; flex-wrap:wrap; width:calc(100% - 2rem); }
	.getai-fallback-nav { order:3; width:100%; }
	.getai-language-switcher { margin-inline-start:auto; }
	.getai-fallback-nav ul { gap:.75rem 1rem; }
	.getai-template-menu--primary { position:relative; }
	.getai-menu-toggle { display:inline-flex; }
	.getai-menu-panel { position:absolute; z-index:30; inset-block-start:calc(100% + .5rem); inset-inline:0; min-width:220px; padding:1rem; border:1px solid var(--getai-line); border-radius:8px; background:#fff; box-shadow:0 18px 42px rgba(11,19,32,.14); }
	.getai-menu-panel[hidden] { display:none; }
	.getai-menu-panel ul { align-items:stretch; flex-direction:column; gap:.15rem; }
	.getai-menu-panel .sub-menu { margin-block-start:0; padding-inline-start:1rem; }
	.getai-menu-panel a { display:block; padding:.65rem .4rem; }
	.getai-fallback-footer__inner { flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior:auto; }
*, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
}