/* TASSILI DESIGNS 1 & 3 — accessible services mega menu */
:root{--mega-accent:var(--red,#c42531);--mega-ink:#132331;--mega-muted:#63717e;--mega-surface:#fff;--mega-line:#e6e9ee;}
.site-header{overflow:visible!important}
.mega-services-entry{display:flex;align-items:center;position:static;min-width:0}
.mega-services-linkline{display:flex;align-items:center;gap:5px;white-space:nowrap}
.mega-services-parent{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;position:relative;padding:20px 0;color:inherit;line-height:1.4}
.mega-services-parent:hover,.mega-services-parent.active,.mega-services-entry.is-open>.mega-services-linkline>.mega-services-parent{color:var(--mega-accent)}
.mega-services-toggle{width:25px;height:27px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--mega-ink);padding:0;transition:background .2s,color .2s}
.mega-services-toggle:hover,.mega-services-toggle[aria-expanded=true]{color:var(--mega-accent);background:rgba(196,37,49,.07)}
.mega-services-toggle svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s}
.mega-services-entry.is-open .mega-services-toggle svg{transform:rotate(180deg)}
.mega-services-panel[hidden]{display:none!important}
.mega-services-panel{position:absolute;z-index:105;top:calc(100% - 1px);left:50%;transform:translateX(-50%);width:min(1110px,calc(100vw - 38px));padding:0;background:#fff;border:1px solid #e7e9ed;border-top:3px solid var(--mega-accent);box-shadow:0 24px 75px rgba(5,22,40,.2);border-radius:0 0 14px 14px;text-align:start;white-space:normal;animation:mega-in .18s ease-out}
@keyframes mega-in{from{opacity:0;transform:translate(-50%,-7px)}to{opacity:1;transform:translate(-50%,0)}}
.mega-services-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;min-height:390px}
.mega-services-main{padding:28px 32px 27px;min-width:0}
.mega-services-kicker{display:block;color:var(--mega-accent);font-weight:800;font-size:10px;letter-spacing:.17em;text-transform:uppercase;margin:0 0 18px}
.mega-services-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px}
.mega-services-group{min-width:0}
.mega-services-group h3{font:800 11px/1.5 var(--font,Arial),sans-serif;letter-spacing:.03em;color:var(--mega-ink);margin:0 0 7px;padding:0 0 8px;border-bottom:1px solid var(--mega-line);text-transform:uppercase}
.mega-service-item{display:flex;align-items:center;gap:9px;padding:4px 0 5px;color:#3d4c58;font-weight:600;font-size:12px;line-height:1.4;text-decoration:none;transition:color .2s,transform .2s}
.mega-service-item:before{content:'';width:5px;height:5px;border:1.6px solid var(--mega-accent);flex:none;transform:rotate(45deg)}
.mega-service-item:hover,.mega-service-item:focus-visible,.mega-service-item[aria-current=page]{color:var(--mega-accent);transform:translateX(3px)}
.mega-services-feature{position:relative;min-height:390px;overflow:hidden;background:#152b37;color:#fff;isolation:isolate;display:flex;align-items:flex-end;padding:24px}
.mega-services-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.mega-services-feature:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,10,22,.13),rgba(5,20,36,.91));z-index:-1}
.mega-services-feature-inner{width:100%}
.mega-services-feature-eyebrow{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:800;color:#ffc2c5;margin-bottom:10px}
.mega-services-feature h3{font-size:22px;line-height:1.14;color:#fff;margin:0 0 11px;letter-spacing:-.025em;text-transform:none}
.mega-services-feature p{color:#e0e7ef;font-size:12px;line-height:1.65;margin:0 0 17px}
.mega-services-viewall{display:inline-flex;gap:12px;align-items:center;justify-content:space-between;padding:11px 14px;background:var(--mega-accent);color:#fff;font-weight:800;font-size:11px;border-radius:2px;transition:background .2s}
.mega-services-viewall:hover{background:#9d1923;color:#fff}
html[dir=rtl] .mega-services-groups,html[dir=rtl] .mega-services-main,html[dir=rtl] .mega-services-feature{text-align:right}
html[dir=rtl] .mega-services-parent{letter-spacing:0}
html[dir=rtl] .mega-service-item:hover,html[dir=rtl] .mega-service-item:focus-visible{transform:translateX(-3px)}
html[dir=rtl] .mega-services-feature-eyebrow,html[dir=rtl] .mega-services-kicker{letter-spacing:0}
@media(min-width:901px) and (max-width:1260px){.mega-services-linkline{gap:1px}.mega-services-parent{font-size:10px}.mega-services-toggle{width:19px}.mega-services-panel{width:min(1020px,calc(100vw - 24px))}.mega-services-main{padding:24px}.mega-services-groups{gap:17px 20px}}
@media(max-width:900px){
.mega-services-entry{width:100%;display:block}
.mega-services-linkline{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mega-line);white-space:normal;padding:0 0 0 10px}
.mega-services-parent{display:block;flex:1;padding:15px 0;text-transform:none;font-size:12px;letter-spacing:normal}
.mega-services-toggle{width:42px;height:42px;flex:none;border:1px solid var(--mega-line);border-radius:8px;margin-inline-end:2px}
.mega-services-panel{position:static;width:100%;max-width:none;transform:none;animation:none;border:0;border-radius:0;box-shadow:none;background:#f7f8fa;margin:0;padding:0}
.mega-services-grid{display:block;min-height:0}
.mega-services-main{padding:16px 14px 22px}
.mega-services-kicker{margin-bottom:12px}
.mega-services-groups{grid-template-columns:1fr;gap:16px}
.mega-services-group h3{font-size:11px}
.mega-service-item{font-size:12px;padding:8px 0}
.mega-services-feature{display:none!important}
html[dir=rtl] .mega-services-linkline{padding-left:0;padding-right:10px}
}
@media(prefers-reduced-motion:reduce){.mega-services-panel,.mega-service-item,.mega-services-toggle svg{animation:none!important;transition:none!important}}

/* Arabic menu headings use the existing site's Arabic font stack. */
html[lang=ar] .mega-services-group h3,html[lang=ar] .mega-services-feature h3,html[lang=ar] .mega-services-parent{font-family:'Cairo','Tajawal',Tahoma,sans-serif;letter-spacing:0}

/* Hover-safe connector between Services trigger and mega panel */
@media(min-width:901px){
 .mega-services-linkline{position:relative;z-index:107}
 .mega-services-entry.is-open .mega-services-linkline:after{content:"";position:absolute;top:100%;left:-16px;right:-16px;height:44px;background:transparent;pointer-events:auto}
 .mega-services-panel{z-index:108}
 .mega-services-entry.is-open .mega-services-parent{color:var(--mega-accent)}
}

/* Global Energy orange/navy menu identity */
:root{--mega-accent:var(--g3-orange,#ed762c)}
.mega-services-feature-eyebrow{color:#ffc69e}
.mega-services-viewall:hover{background:#bf5015}
