/* EIGER interactive components: navigation, mega menu, drawer, tabs, FAQ, timeline,
   multi-step form, map, downloads, 404, light-section cards. */

/* ---------- Navigation ---------- */
.eg-nav { display:flex; align-items:center; justify-content:flex-end; }
.eg-nav__list { display:flex; align-items:center; gap:2px; list-style:none; margin:0; padding:0; }
.eg-nav__item { position:relative; display:flex; align-items:center; }
.eg-nav__link { display:block; padding:10px 10px; color:#fff; font:500 14px/1 var(--eg-body); text-decoration:none; position:relative; }
.eg-nav__link::after { content:""; position:absolute; right:10px; left:10px; bottom:2px; height:2px; background:var(--eg-orange); transform:scaleX(0); transform-origin:right; transition:transform .3s var(--eg-ease); }
.eg-nav__item:hover > .eg-nav__link, .eg-nav__item.is-active > .eg-nav__link { color:var(--eg-orange); }
.eg-nav__item:hover > .eg-nav__link::after, .eg-nav__item.is-active > .eg-nav__link::after { transform:scaleX(1); }
.eg-nav__toggle { background:none; border:0; color:#c9d4db; padding:6px 0 6px 4px; margin-right:-4px; cursor:pointer; font-size:10px; }
.eg-nav__toggle i { transition:transform .3s; }
.eg-nav__item.is-open .eg-nav__toggle i { transform:rotate(180deg); }

.eg-sub, .eg-mega { position:absolute; top:calc(100% + 14px); opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .25s, transform .3s var(--eg-ease), visibility .25s; z-index:1000; }
.eg-nav__item.is-open > .eg-sub, .eg-nav__item.is-open > .eg-mega { opacity:1; visibility:visible; transform:none; }
.eg-sub::before, .eg-mega::before { content:""; position:absolute; right:0; left:0; top:-16px; height:16px; }
.eg-sub { right:0; min-width:220px; list-style:none; margin:0; padding:8px; background:var(--eg-deep); border:1px solid var(--eg-line); border-top:2px solid var(--eg-orange); border-radius:0 0 10px 10px; box-shadow:0 24px 50px -20px rgba(0,0,0,.7); }
.eg-sub a { display:block; padding:10px 12px; color:#e7edf1; text-decoration:none; font-size:14px; border-radius:6px; }
.eg-sub a:hover, .eg-sub a:focus-visible { background:rgba(255,121,0,.12); color:var(--eg-orange); }

.eg-mega { right:50%; width:min(880px, 90vw); margin-right:calc(min(880px, 90vw) / -2); transform:translateY(8px); padding:18px; background:rgba(7,29,40,.97); backdrop-filter:blur(16px); border:1px solid var(--eg-line); border-top:2px solid var(--eg-orange); border-radius:0 0 14px 14px; box-shadow:0 30px 70px -25px rgba(0,0,0,.8); }
.eg-mega__grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:8px; }
.eg-mega__card { display:grid; grid-template-columns:96px 1fr; gap:14px; align-items:center; padding:10px; border-radius:10px; color:#fff; text-decoration:none; border:1px solid transparent; transition:background .25s, border-color .25s; }
.eg-mega__card img { width:96px; height:64px; object-fit:cover; border-radius:6px; transition:transform .4s var(--eg-ease); }
.eg-mega__card strong { display:block; font:600 14.5px/1.3 var(--eg-head); margin-bottom:4px; }
.eg-mega__card small { display:block; color:var(--eg-soft); font-size:12.5px; line-height:1.45; }
.eg-mega__card:hover, .eg-mega__card:focus-visible { background:rgba(255,121,0,.08); border-color:rgba(255,121,0,.35); }
.eg-mega__card:hover img { transform:scale(1.06); }
.eg-mega__card:hover strong { color:var(--eg-orange); }
.eg-mega__foot { display:flex; align-items:center; gap:18px; margin-top:12px; padding:14px 10px 2px; border-top:1px solid var(--eg-line); color:var(--eg-soft); font-size:13.5px; }
.eg-mega__foot a { color:var(--eg-orange); text-decoration:none; font-weight:600; }
.eg-mega__foot .eg-mega__cta { margin-right:auto; background:var(--eg-orange); color:var(--eg-navy); padding:9px 16px; border-radius:6px; }

.eg-burger { display:none; width:44px; height:44px; border:1px solid rgba(255,255,255,.2); border-radius:8px; background:transparent; cursor:pointer; flex-direction:column; justify-content:center; align-items:center; gap:5px; }
.eg-burger > span:not(.screen-reader-text) { display:block; width:20px; height:2px; background:#fff; border-radius:2px; }

/* Mobile drawer */
.eg-drawer { position:fixed; inset:0; z-index:100000; background:rgba(2,10,15,.6); opacity:0; transition:opacity .3s; }
.eg-drawer.is-open { opacity:1; }
.eg-drawer__panel { position:absolute; top:0; left:0; bottom:0; width:min(380px, 88vw); background:var(--eg-navy); border-right:1px solid var(--eg-line); padding:70px 22px 24px; overflow-y:auto; transform:translateX(-100%); transition:transform .35s var(--eg-ease); }
.eg-drawer.is-open .eg-drawer__panel { transform:none; }
.eg-drawer__close { position:absolute; top:16px; left:16px; width:42px; height:42px; border-radius:8px; border:1px solid rgba(255,255,255,.2); background:transparent; color:#fff; font-size:18px; cursor:pointer; }
.eg-drawer ul { list-style:none; margin:0; padding:0; }
.eg-drawer > .eg-drawer__panel > ul > li { border-bottom:1px solid var(--eg-line); }
.eg-drawer a, .eg-drawer summary { display:flex; align-items:center; justify-content:space-between; padding:15px 4px; color:#fff; text-decoration:none; font:600 16px/1.2 var(--eg-head); cursor:pointer; list-style:none; }
.eg-drawer summary::-webkit-details-marker { display:none; }
.eg-drawer details[open] summary i { transform:rotate(180deg); }
.eg-drawer summary i { color:var(--eg-orange); font-size:12px; transition:transform .3s; }
.eg-drawer details ul a { font:500 14.5px/1.3 var(--eg-body); color:var(--eg-soft); padding:10px 14px 10px 4px; border-right:2px solid var(--eg-line); }
.eg-drawer details ul a:hover { color:var(--eg-orange); border-color:var(--eg-orange); }
.eg-drawer li.is-active > a, .eg-drawer li.is-active summary { color:var(--eg-orange); }
.eg-drawer__actions { display:grid; gap:12px; margin-top:24px; }
.eg-drawer__actions .eiger-btn { justify-content:center; }
.eg-drawer__call { color:var(--eg-soft) !important; font:500 14px var(--eg-body) !important; padding:6px 4px !important; justify-content:flex-start !important; gap:10px; }
.eg-drawer__call i { color:var(--eg-orange); }
body.eg-lock { overflow:hidden; }

@media (max-width: 1100px) {
	.eg-nav__list { display:none; }
	.eg-burger { display:inline-flex; }
}

/* ---------- Service tabs ---------- */
.eg-tabs { margin-top:10px; }
.eg-tabs__list { display:grid; grid-template-columns:repeat(6, 1fr); gap:8px; margin-bottom:22px; }
.eg-tabs__tab { display:flex; align-items:center; gap:10px; text-align:right; padding:14px 14px; background:#fff; border:1px solid #e1e7eb; border-radius:10px; cursor:pointer; color:var(--eg-ink); font:600 13.5px/1.3 var(--eg-head); transition:border-color .25s, box-shadow .25s, background .25s, color .25s; }
.eg-tabs__tab i { color:var(--eg-orange-text); font-size:18px; flex:none; width:22px; text-align:center; }
.eg-tabs__num { display:block; font:600 11px var(--eg-body); color:var(--eg-muted); margin-bottom:3px; }
.eg-tabs__tab:hover { border-color:rgba(255,121,0,.5); box-shadow:0 10px 24px -14px rgba(4,21,30,.35); }
.eg-tabs__tab[aria-selected="true"] { background:var(--eg-navy); border-color:var(--eg-navy); color:#fff; box-shadow:0 16px 30px -16px rgba(4,21,30,.6); }
.eg-tabs__tab[aria-selected="true"] i, .eg-tabs__tab[aria-selected="true"] .eg-tabs__num { color:var(--eg-orange); }
.eg-tabs__panel { display:grid; grid-template-columns:1.05fr 1fr; gap:0; background:#fff; border:1px solid #e1e7eb; border-radius:14px; overflow:hidden; box-shadow:0 30px 60px -36px rgba(4,21,30,.4); }
.eg-tabs__panel.is-in { animation:egPanel .5s var(--eg-ease); }
@keyframes egPanel { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
.eg-tabs__media { margin:0; position:relative; min-height:340px; }
.eg-tabs__media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.eg-tabs__media figcaption { position:absolute; right:18px; bottom:16px; background:var(--eg-orange); color:var(--eg-navy); font:700 12px var(--eg-body); padding:6px 10px; border-radius:4px; letter-spacing:.5px; }
.eg-tabs__body { padding:34px 34px 30px; }
.eg-tabs__body h3 { margin:0 0 10px; font-size:25px; color:var(--eg-ink); }
.eg-tabs__body > p { color:var(--eg-muted); line-height:1.65; margin:0 0 18px; }
.eg-tabs__body h4 { font:700 12px var(--eg-body); letter-spacing:1.2px; text-transform:uppercase; color:var(--eg-orange-text); margin:0 0 10px; }
.eg-tabs__cols { display:grid; grid-template-columns:1.3fr 1fr; gap:22px; }
.eg-ticks { list-style:none; margin:0; padding:0; }
.eg-ticks li { position:relative; padding:4px 24px 4px 0; color:#33434f; font-size:14px; }
.eg-ticks li::before { content:"\f00c"; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; right:0; top:5px; color:var(--eg-orange); font-size:12px; }
.eg-chips { display:flex; flex-wrap:wrap; gap:6px; margin:0; }
.eg-chips span { padding:6px 10px; border-radius:999px; background:var(--eg-light); border:1px solid #dfe6ea; font-size:12.5px; font-weight:600; color:var(--eg-ink); }
.eg-tabs__actions { display:flex; align-items:center; gap:18px; margin:24px 0 0; }
.eg-link { color:var(--eg-orange-text); font-weight:600; text-decoration:none; border-bottom:1px solid currentColor; }
.eg-link:hover { color:var(--eg-ink); }
@media (max-width: 1024px) {
	.eg-tabs__list { grid-template-columns:repeat(3, 1fr); }
	.eg-tabs__panel { grid-template-columns:1fr; }
	.eg-tabs__media { min-height:240px; }
}
@media (max-width: 640px) {
	.eg-tabs__list { grid-template-columns:repeat(2, 1fr); }
	.eg-tabs__body { padding:24px 20px; }
	.eg-tabs__cols { grid-template-columns:1fr; }
}

/* ---------- FAQ ---------- */
.eg-faq { display:grid; gap:12px; max-width:920px; }
.eg-faq__item { background:#fff; border:1px solid #e1e7eb; border-radius:12px; transition:border-color .25s, box-shadow .25s; }
.eg-faq__item[open] { border-color:rgba(255,121,0,.45); box-shadow:0 18px 36px -24px rgba(4,21,30,.35); }
.eg-faq__item summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 22px; cursor:pointer; list-style:none; font:600 16px/1.4 var(--eg-head); color:var(--eg-ink); }
.eg-faq__item summary::-webkit-details-marker { display:none; }
.eg-faq__item summary i { position:relative; flex:none; width:28px; height:28px; border-radius:50%; background:var(--eg-light); }
.eg-faq__item summary i::before, .eg-faq__item summary i::after { content:""; position:absolute; right:50%; top:50%; width:12px; height:2px; margin:-1px -6px 0 0; background:var(--eg-orange-text); transition:transform .3s var(--eg-ease); }
.eg-faq__item summary i::after { transform:rotate(90deg); }
.eg-faq__item[open] summary i { background:var(--eg-orange); }
.eg-faq__item[open] summary i::before, .eg-faq__item[open] summary i::after { background:var(--eg-navy); }
.eg-faq__item[open] summary i::after { transform:rotate(0); }
.eg-faq__answer { padding:0 22px 20px; color:var(--eg-muted); line-height:1.7; }
.eg-faq__answer p { margin:0; }
.eg-faq__item[open] .eg-faq__answer { animation:egPanel .35s var(--eg-ease); }

/* ---------- Process timeline ---------- */
.eg-timeline { position:relative; }
.eg-timeline::before { content:""; position:absolute; right:3%; left:3%; top:43px; height:2px; background:rgba(255,255,255,.1); z-index:0; }
.eg-timeline::after { content:""; position:absolute; right:3%; left:3%; top:43px; height:2px; background:linear-gradient(90deg, var(--eg-orange), #ffb066); transform:scaleX(0); transform-origin:right; transition:transform 1.6s var(--eg-ease); z-index:0; }
.eg-light .eg-timeline::before { background:#dfe6ea; }
.eg-timeline.is-visible::after { transform:scaleX(1); }
.eg-timeline > .eg-step { position:relative; z-index:1; }
.eg-timeline .eg-step-head > .elementor-widget-heading:first-child .elementor-heading-title { box-shadow:0 0 0 6px var(--eg-navy), 0 0 0 7px rgba(255,121,0,.4); transition:transform .4s var(--eg-ease); }
.eg-timeline.is-visible .eg-step:nth-child(1) .eg-step-head > .elementor-widget-heading:first-child .elementor-heading-title { transition-delay:.1s; }
.eg-timeline .eg-step:hover .eg-step-head > .elementor-widget-heading:first-child .elementor-heading-title { transform:scale(1.1); }
@media (max-width: 1024px) { .eg-timeline::before, .eg-timeline::after { display:none; } }

/* ---------- Multi-step quote form ---------- */
.eg-steps { width:100% !important; margin-bottom:22px; }
.eg-steps ol { display:flex; gap:8px; list-style:none; margin:0 0 12px; padding:0; }
.eg-steps li { flex:1; display:flex; align-items:center; gap:8px; color:var(--eg-muted); font:600 13px var(--eg-body); }
.eg-steps li span { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; border:2px solid #d0d9df; font-size:12px; flex:none; transition:all .3s; }
.eg-steps li.is-current { color:var(--eg-ink); }
.eg-steps li.is-current span { border-color:var(--eg-orange); background:var(--eg-orange); color:var(--eg-navy); }
.eg-steps li.is-done span { border-color:var(--eg-navy); background:var(--eg-navy); color:#fff; }
.eg-steps__bar { height:4px; background:#e6ecef; border-radius:4px; overflow:hidden; }
.eg-steps__bar i { display:block; height:100%; width:33%; background:linear-gradient(90deg, var(--eg-orange), #ffb066); transition:width .45s var(--eg-ease); }
.eg-steps__nav { width:100% !important; display:flex; justify-content:space-between; gap:12px; margin-top:6px; }
.eg-steps__nav button { padding:13px 24px; border-radius:6px; font:700 14px var(--eg-body); cursor:pointer; border:1px solid #d0d9df; background:#fff; color:var(--eg-ink); }
.eg-steps__nav .eg-steps__next { margin-right:auto; background:var(--eg-orange); border-color:var(--eg-orange); color:var(--eg-navy); }
.eg-steps__nav .eg-steps__next:hover { background:#e06800; }
.eg-stepped .ff-el-group[hidden], .eg-stepped [hidden] { display:none !important; }
.eg-step-error { color:#b42318; font-size:13px; margin-top:6px; }
@media (max-width: 480px) { .eg-steps li { font-size:0; } .eg-steps li span { font-size:12px; } }

/* ---------- Map, downloads ---------- */
.eg-map { margin-top:6px; border-radius:10px; overflow:hidden; border:1px solid var(--eg-line); background:linear-gradient(135deg, rgba(255,121,0,.08), rgba(255,255,255,.03)); padding:18px; }
.eg-map__load { width:100%; padding:14px; border-radius:8px; border:1px dashed rgba(255,121,0,.6); background:transparent; color:#fff; font:600 14px var(--eg-body); cursor:pointer; }
.eg-map__load i { color:var(--eg-orange); margin-left:6px; }
.eg-map__load:hover { background:rgba(255,121,0,.12); }
.eg-map__note { margin:10px 0 0; font-size:12.5px; color:var(--eg-soft); }
.eg-map__note a { color:var(--eg-orange); }
.eg-map.is-loaded { padding:0; }
.eg-map iframe { display:block; width:100%; height:280px; border:0; }
.eg-download { text-align:center; margin:0; }
.eg-download a { display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border-radius:6px; border:1px solid var(--eg-orange-text); color:var(--eg-orange-text); font:600 13.5px var(--eg-body); text-decoration:none; transition:background .25s, color .25s; }
.eg-download a:hover { background:var(--eg-orange); border-color:var(--eg-orange); color:var(--eg-navy); }

/* ---------- 404 ---------- */
.eg-404__search { max-width:560px; margin:0 0 36px; }
.eg-404__grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; }
.eg-404__card { display:flex; align-items:center; gap:14px; padding:18px; background:#fff; border:1px solid #e1e7eb; border-radius:10px; color:var(--eg-ink); text-decoration:none; font:600 15px var(--eg-head); transition:transform .3s var(--eg-ease), border-color .3s, box-shadow .3s; }
.eg-404__card i { color:var(--eg-orange-text); font-size:20px; width:26px; text-align:center; }
.eg-404__card:hover { transform:translateY(-4px); border-color:rgba(255,121,0,.5); box-shadow:0 18px 36px -22px rgba(4,21,30,.4); }
.eg-404__actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:30px; }
@media (max-width: 860px) { .eg-404__grid { grid-template-columns:1fr; } }

/* ---------- Cards on light sections ---------- */
.eg-light .eg-feature-card { background:#fff !important; border:1px solid #e1e7eb; box-shadow:0 12px 28px -22px rgba(4,21,30,.35); }
.eg-light .eg-feature-card .elementor-icon-box-title, .eg-light .eg-feature-card .elementor-icon-box-title a { color:var(--eg-ink) !important; }
.eg-light .eg-feature-card .elementor-icon-box-description { color:var(--eg-muted) !important; }
.eg-light .eg-values .elementor-icon-list-item { border-bottom-color:#e1e7eb; }
.eg-light .eg-values .elementor-icon-list-text { color:var(--eg-ink) !important; }
.eg-photo-frame img { box-shadow:0 30px 60px -30px rgba(4,21,30,.55); }
.eg-light .eg-icon-chip .elementor-icon, .eg-light .eg-feature-card .elementor-icon-box-icon .elementor-icon { background:#fff4ea; border-color:rgba(255,121,0,.35); }

@media (prefers-reduced-motion: reduce) {
	.eg-tabs__panel.is-in, .eg-faq__item[open] .eg-faq__answer { animation:none; }
	.eg-drawer__panel, .eg-timeline::after { transition:none; }
}

.eg-tabs__panel[hidden] { display:none !important; }
.error404 .site-content > .ast-container { max-width:none; padding:0; display:block; }
.error404 #primary { margin:0; padding:0; width:100%; }

/* Approved quality policy: a document in a picture frame */
.eg-policy-frame { max-width:480px; margin-right:auto; margin-left:auto; }
.eg-policy-frame img { padding:16px; background:#fbf9f4; border:11px solid #1c1a17 !important; border-radius:2px !important; box-shadow:0 0 0 2px #8a7a5a, 0 26px 50px -22px rgba(4,21,30,.6), inset 0 0 0 1px #d8d2c2 !important; cursor:zoom-in; }

/* NDT photo gallery */
.eg-gallery-img { overflow:hidden; border-radius:8px; }
.eg-gallery-img img { width:100%; aspect-ratio:4 / 5; object-fit:cover; object-position:center 35%; display:block; cursor:zoom-in; transition:transform .6s var(--eg-ease); }
.eg-gallery-img a:hover img, .eg-gallery-img a:focus-visible img { transform:scale(1.05); }
.eg-ndt-gallery .elementor-widget-image { box-shadow:0 18px 36px -24px rgba(4,21,30,.5); border-radius:8px; }

/* Related services / guides under articles and on service pages */
.eiger-related { margin:34px 32px 0; padding:24px 26px; background:var(--eg-light); border:1px solid #e1e7eb; border-radius:12px; }
.eiger-related h2 { font-size:20px; margin:0 0 14px; color:var(--eg-ink); }
.eiger-related h3 { font-size:16px; margin:22px 0 10px; color:var(--eg-ink); }
.eiger-related ul { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.eiger-related__services a, .eiger-guides a { display:block; padding:14px 16px; background:#fff; border:1px solid #e1e7eb; border-radius:10px; text-decoration:none; transition:border-color .25s, transform .25s var(--eg-ease); }
.eiger-related__services a:hover, .eiger-guides a:hover { border-color:rgba(255,121,0,.55); transform:translateY(-2px); }
.eiger-related__services strong, .eiger-guides strong { display:block; color:var(--eg-ink); font:600 15px/1.35 var(--eg-head); }
.eiger-related__services span, .eiger-guides span { display:block; margin-top:4px; color:var(--eg-muted); font-size:13.5px; line-height:1.5; }
.eiger-related__all { margin:14px 0 0; font-size:14px; }
.eiger-related__all a { color:var(--eg-orange-text); font-weight:600; }
.eiger-related__posts li a { color:var(--eg-orange-text); text-decoration:none; font-weight:500; border-bottom:1px solid transparent; }
.eiger-related__posts li a:hover { border-bottom-color:currentColor; }
.eiger-guides { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, 1fr); gap:12px; }
@media (max-width: 640px) { .eiger-related { margin:26px 18px 0; padding:20px 18px; } .eiger-guides { grid-template-columns:1fr; } }

/* ---- language switcher */
.eg-lang { display:inline-flex; align-items:center; gap:7px; padding:8px 14px; border:1px solid rgba(255,255,255,.3); border-radius:999px; color:#fff; font:600 13px/1 Inter, 'Cairo', sans-serif; text-decoration:none; white-space:nowrap; margin-inline-start:14px; transition:border-color .2s, color .2s, background .2s; }
.eg-lang:hover, .eg-lang:focus-visible { border-color:#FF7900; color:#FF7900; }
.eg-lang i { font-size:13px; }
.eg-lang--drawer { margin:14px 0 0; justify-content:center; width:100%; padding:12px 14px; }
@media (max-width: 1024px) { .eg-lang--nav { padding:7px 11px; margin-inline-start:8px; } }