/* ============================================================
   GoMore Shared CSS — Language Switcher + Mega Menu + RTL
   ============================================================ */

/* ---- Language Switcher ---- */
.gm-lang-switch{position:relative;display:inline-block}
.gm-lang-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;min-height:40px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer;transition:all .18s;white-space:nowrap;touch-action:manipulation;user-select:none}
.gm-lang-btn:hover{border-color:var(--blue-primary);color:var(--blue-primary)}
.gm-lang-btn .gm-lang-flag{font-size:16px;line-height:1}
.gm-lang-btn .gm-lang-caret{font-size:10px;transition:transform .2s}
.gm-lang-switch.open .gm-lang-btn .gm-lang-caret{transform:rotate(180deg)}
.gm-lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px rgba(10,22,40,.14);padding:6px;display:none;z-index:1100;max-height:380px;overflow-y:auto}
.gm-lang-switch.open .gm-lang-menu{display:block;animation:gmFadeIn .15s ease}
.gm-lang-option{display:flex;align-items:center;gap:10px;padding:9px 14px;min-height:44px;border-radius:8px;font-size:13.5px;color:var(--text-2);cursor:pointer;transition:all .12s;touch-action:manipulation;user-select:none}
.gm-lang-option:focus-visible{outline:2px solid var(--blue-primary);outline-offset:1px}
.gm-lang-option:hover{background:var(--bg-alt);color:var(--blue-primary)}
.gm-lang-option.active{background:var(--blue-light);color:var(--blue-primary);font-weight:700}
.gm-lang-option .flag{font-size:17px;line-height:1;min-width:22px}
.gm-lang-option .code{margin-left:auto;font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase}

@keyframes gmFadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

/* ---- Mega Menu ---- */
/* 面板：居中白卡片 */
.gm-nav-item{position:relative}
.gm-nav-item>a{position:relative;display:inline-block}
.gm-mega-wrap{
  position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(-6px);
  background:#fff;border:1px solid #e8edf4;border-radius:12px;
  box-shadow:0 16px 48px rgba(10,22,40,.11);
  padding:0;opacity:0;visibility:hidden;
  transition:all .2s ease;z-index:1050;
  min-width:220px;text-align:center
}
.gm-nav-item:hover .gm-mega-wrap,.gm-nav-item.mega-open .gm-mega-wrap{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)
}
/* Section 标题行 */
.gm-mega-section-title{
  font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:#aaa;padding:12px 16px 8px;
  border-bottom:1px solid #eef1f5
}
/* 链接列表 — 垂直堆叠，居中对齐 */
.gm-mega-links{display:flex;flex-direction:column}
.gm-mega-links a{
  display:block;padding:9px 20px 8px;
  font-size:13px;color:var(--text-2);
  transition:background .14s,color .14s;text-decoration:none;
  border-bottom:1px solid #f5f7fa;line-height:1.4;text-align:center;
  border-left:2px solid transparent
}
.gm-mega-links a:last-child{border-bottom:none}
.gm-mega-links a:hover{background:#f8faff;border-left-color:var(--green);color:var(--navy)}
/* 底部 */
.gm-mega-footer{
  padding:10px 16px 8px;
  border-top:1px solid #eef1f5;
  display:flex;justify-content:center
}
.gm-mega-footer a{font-size:12px;font-weight:700;color:var(--blue-primary)}
.gm-mega-footer a:hover{text-decoration:underline}

/* ---- RTL Support (Arabic) ---- */
html[dir="rtl"] body{font-family:"Segoe UI",Tahoma,"Noto Sans Arabic",sans-serif;text-align:right}
html[dir="rtl"] .gm-nav .wrap{flex-direction:row-reverse}
html[dir="rtl"] .gm-nav-links{flex-direction:row-reverse}
html[dir="rtl"] .gm-nav-cta{flex-direction:row-reverse}
html[dir="rtl"] .gm-hero-grid{direction:rtl}
html[dir="rtl"] .gm-hero-data-item+.gm-hero-data-item{padding-left:0;padding-right:20px;border-left:none;border-right:1px solid var(--line)}
html[dir="rtl"] .gm-footer-grid{direction:rtl}
html[dir="rtl"] .gm-mega-wrap{left:auto;right:50%;transform:translateX(50%) translateY(-6px)}
html[dir="rtl"] .gm-nav-item:hover .gm-mega-wrap,.gm-nav-item.mega-open .gm-mega-wrap{transform:translateX(50%) translateY(0)}
html[dir="rtl"] .gm-mega-links{flex-direction:column}
html[dir="rtl"] .gm-mega-links a{border-left:none;border-right:2px solid transparent;text-align:right}
html[dir="rtl"] .gm-mega-links a:hover{border-right-color:var(--green)}
html[dir="rtl"] .gm-lang-menu{right:auto;left:0}
html[dir="rtl"] .gm-lang-option .code{margin-left:0;margin-right:auto}
html[dir="rtl"] .gm-compare-col{direction:rtl}
html[dir="rtl"] .gm-break-grid{direction:rtl}
html[dir="rtl"] .gm-sol-features{direction:rtl}
html[dir="rtl"] .gm-case-grid{direction:rtl}
html[dir="rtl"] .gm-diff-grid{direction:rtl}
html[dir="rtl"] .more-link::after{content:'←'}
html[dir="rtl"] .gm-cta{direction:rtl}

/* ---- Mobile Adjustments ---- */
@media(max-width:968px){
  .gm-lang-switch{margin-left:auto}
  .gm-lang-btn{padding:6px 10px;font-size:12px}
  .gm-lang-btn .gm-lang-label{display:none}
  .gm-mega-wrap{display:none!important}
  .gm-nav-item > a:after{content:''}
}