/* :root{
  --bg:#0f1115; --text:#e6e6e9; --muted:#9aa0aa; --card:#151823; --line:#23283b;
  --brand:#4f46e5; 
} */
:root{
  --bg:#ffffff;       /* 页面背景 → 白色 */
  --text:#111111;     /* 主要文字 → 深黑 */
  --muted:#555555;    /* 次级文字 → 中灰 */
  --card:#ffffff;     /* 卡片底色 → 浅灰 */
  --line:#dddddd;     /* 分隔线 → 浅灰线条 */
  --brand:#b8b8c5;    /* 品牌色保持不变 */
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:#000000;backdrop-filter:none;border-bottom:1px solid #000;z-index:10;margin-bottom:0;padding-bottom:0}
.header-inner{position:relative;display:flex;align-items:center;gap:18px;min-height:64px;padding-right:220px}
.header-left-group{display:flex;align-items:center;gap:12px;position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800}
.logo{width:40px;height:40px;border-radius:6px;background:var(--brand)}
.hamburger-menu{position:relative}
.nav-hamburger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:34px;height:34px;padding:6px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;cursor:pointer}
.nav-hamburger span{display:block;height:2px;background:#fff;border-radius:2px}
.hamburger-dropdown{display:none;position:absolute;top:calc(100% + 8px);left:0;flex-direction:column;min-width:220px;padding:8px;border:1px solid rgba(255,255,255,.16);background:#000;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:30}
.hamburger-dropdown.show{display:flex}
.hamburger-dropdown .nav-link{color:#fff;text-decoration:none;padding:10px 12px;border-radius:8px;white-space:nowrap;display:block}
.hamburger-dropdown .nav-link.active,.hamburger-dropdown .nav-link:hover{background:rgba(255,255,255,.12)}
.header-tools{display:flex;align-items:center;gap:10px;margin-left:auto;position:relative;padding-right:168px}
.header-search{display:flex;align-items:center;gap:8px}
.header-search input{border:1px solid rgba(255,255,255,.2);background:#fff;color:#000;border-radius:999px;padding:7px 12px;min-width:140px}
.header-search button{border:0;border-radius:999px;padding:7px 12px;background:#fff;color:#000;cursor:pointer}
.header-lang-switcher{display:flex;align-items:center;gap:6px;flex-wrap:wrap;position:absolute;right:1px;top:50%;transform:translateY(-50%);margin-right:1px;z-index:3}
.lang-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff;text-decoration:none;font-size:.9rem;background:rgba(255,255,255,.06);transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.lang-chip:hover,.lang-chip.active{background:#fff;color:#000;border-color:#fff}
.nav-link{color:var(--text);text-decoration:none;padding:8px 10px;border-radius:8px;white-space:nowrap}
.nav-link.active,.nav-link:hover{background:rgba(255,255,255,.06)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;background:var(--brand);color:#fff;text-decoration:none;border:0}
.btn.btn-secondary{background:transparent;border:1px solid var(--line);color:var(--text)}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 10px;
  background: transparent;           /* 透明背景 */
  color: #100000;                       /* 白色文字 */
  border: 1px solid #0a0000;            /* 白色虚线边框 */
  text-decoration: none;
  border-style: dashed;              /* 虚线 */
}
.btn:hover {
  background: rgba(255, 255, 255, 0.1);  /* 悬停时轻微背景色变化 */
}
.page{padding:32px 0 72px}
.hero{padding:48px 0;border-bottom:1px solid var(--line)}
.lead{color:var(--muted);max-width:720px}
.hero-title-wrap{display:inline-block;padding:10px 14px;border-radius:6px;background:rgba(255,255,255,.6);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.hero-title-wrap .hero-title{margin:0}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}
.intro-stack{display:grid;grid-template-columns:1fr;gap:24px;margin-top:18px}
.intro-stack .card{width:100%}
.intro-paragraph{width:100%;text-align:justify;max-width:none}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}

/* News & Events text style */
.news-title { margin-top: 0; margin-bottom: 10px; font-weight: 600; font-size: 1.3em; color: #111; }
.news-title a { color: inherit; text-decoration: none; }
.news-title a:hover { text-decoration: underline; }
.news-date { color: #888; font-size: 0.9em; margin-bottom: 15px; display: block; }
.news-summary { color: #555; line-height: 1.6; margin-bottom: 18px; }
.premium-btn { display: inline-flex; align-items: center; gap: 6px; color: #007bff; text-decoration: none; font-weight: 500; }
.premium-btn:hover { text-decoration: underline; }

/* 全局动画和 premium-card 风格 */
.fade-in-up { animation: fadeInUp 0.8s ease-out forwards; }

.premium-card,
.card,
.news-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.premium-card .card-body,
.card .card-body,
.news-item .card-body,
.premium-card > p,
.premium-card > ul,
.premium-card > div:not(.card-footer) {
  flex-grow: 1;
}

.premium-card .card-footer,
.card .card-footer,
.news-item .card-footer,
.premium-card .btn,
.card .btn,
.news-item .btn {
  margin-top: auto;
}

.premium-card {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #f0f0f0;
  box-shadow: 0 4px 15px rgba(0,0,0,0.02);
  padding: 24px;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.4s ease;
}

.premium-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
  border-color: #eaeaea;
}

.stagger-item { opacity: 0; transform: translateY(20px); }
@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } }

.delay-1 { animation: fadeInUp 0.8s ease-out 0.1s forwards; }
.delay-2 { animation: fadeInUp 0.8s ease-out 0.25s forwards; }
.delay-3 { animation: fadeInUp 0.8s ease-out 0.4s forwards; }
.delay-4 { animation: fadeInUp 0.8s ease-out 0.55s forwards; }
.delay-5 { animation: fadeInUp 0.8s ease-out 0.7s forwards; }

.muted{color:var(--muted)}
.text-center{text-align:center}
.small{font-size:12px}
.flash{background:#16361d;border:1px solid #2a7a47;color:#cfe8d6;border-radius:10px;padding:10px;margin:12px 0}
.site-footer{border-top:1px solid var(--line);padding:24px 0;background:#0d0f13}
.footer-inner{display:flex;gap:36px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.footer-col{flex:0 0 auto;min-width:220px;text-align:left}
.footer-col ul{display:block;padding-left:0;margin:0;text-align:left;list-style:none}
.footer-col h5{margin-bottom:8px}
.footer-col-links,.footer-col-contact{margin-top:0}
.footer-col-links ul,.footer-col-contact ul{margin-top:6px}
.footer-bottom{border-top:1px dashed var(--line);margin-top:10px;padding-top:10px}
.site-footer .footer-inner{justify-content:space-between;align-items:flex-start;}
.site-footer .footer-col-links,
.site-footer .footer-col-contact{flex:0 0 auto;}
.site-header .brand {
  color: #fff !important;
}
/* 头部是深色背景时，让导航文字都为白色 */
.site-header .nav .nav-link,
.site-header .nav .dropdown-item {
  color: #fff;
}

/* 悬停/当前页也保持白，并给一点浅浅的悬停底色 */
.site-header .nav .nav-link:hover,
.site-header .nav .nav-link.active {
  color: #fff;
  background: rgba(255,255,255,.12);
}

/* 头部导航里的下拉菜单，保持黑底白字 */
.site-header .dropdown-menu{
  background: #000;              /* 黑底 */
  border: 1px solid rgba(255,255,255,0.2);  /* 浅浅的白色边框 */
}

.site-header .dropdown-item {
  color: #fff;                   /* 白字 */
}

.site-header .dropdown-item:hover {
  background: rgba(255,255,255,0.1); /* hover 时灰白高亮 */
}
/* 语言下拉菜单：黑底白字 */
.lang-switch .lang-menu {
  background: #000;                /* 黑底 */
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.4);
  padding: 6px 0;
  min-width: 160px;
  display: none;                   /* 默认隐藏，由 JS 控制显示 */
  position: absolute;              /* 确保悬浮在按钮下方 */
  z-index: 50;
}

/* 菜单项：白字 */
.lang-switch .lang-menu a {
  display: block;
  padding: 8px 12px;
  color: #fff;
  text-decoration: none;
}

/* hover 效果：浅白高亮 */
.lang-switch .lang-menu a:hover {
  background: rgba(255,255,255,0.12);
}

/* 语言按钮本身：白字 + 去掉亮色覆盖 */
.lang-switch .lang-btn {
  color: #fff;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}


/* Vertical client/case tabs */
.clients-tabs {
  display: flex;
  gap: 12px;
  margin-top: 12px;
  align-items: flex-start;
}

.clients-tab-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 92px;
}

.clients-tab-btn {
  border: 1px solid var(--line);
  background: #f7f7f7;
  color: var(--text);
  padding: 8px 10px;
  border-radius: 10px;
  cursor: pointer;
  text-align: left;
  font-size: 0.95rem;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.clients-tab-btn.is-active {
  background: #111111;
  color: #ffffff;
  border-color: #111111;
}

.clients-tab-panels {
  flex: 1;
  min-width: 0;
}

.clients-tab-panel {
  display: none;
}

.clients-tab-panel.is-active {
  display: block;
}

.clients-tab-content {
  padding: 0 10px;
}

@media (max-width: 900px){ .grid-2,.grid-3{grid-template-columns:1fr} }

@media (max-width: 768px){
  .clients-tabs {
    flex-direction: column;
  }

  .clients-tab-buttons {
    flex-direction: row;
    min-width: 0;
  }

  .clients-tab-content {
    padding: 0 6px;
  }
}

@media (max-width: 768px){
  .site-footer .footer-inner .footer-col:first-child{width:100%}
}

/* 手机端导航底部栏 */
.navbar-mobile-bottom-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  gap: 12px;
  background: #000;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.mobile-lang-switch {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 900px) {
  .header-actions {
    display: none;
  }
}

.collapse-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  color: #fff;
  border-radius: 20px;
  padding: 6px 16px;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  flex-shrink: 0;
}

.collapse-btn:hover {
  background: rgba(255,255,255,0.12);
}

.collapse-btn-icon {
  display: inline-flex;
  transition: transform 0.3s ease;
}

.collapse-btn.collapsed .collapse-btn-icon {
  transform: rotate(180deg);
}

.navbar-collapse-mobile {
  transition: transform 0.3s ease-in-out, max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transform-origin: top;
}

.navbar-collapse-mobile.navbar-collapsed {
  transform: translateY(-100%);
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

@media (max-width: 900px) {
  .site-header {
    padding-bottom: 0;
  }
  .header-inner {
    flex-wrap: wrap;
    padding: 12px 0;
  }
  .nav {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
    padding: 0 16px;
    background: #000;
  }
  .nav-link,
  .nav-item .nav-link {
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }
  .nav-item.dropdown .dropdown-menu {
    position: relative;
    border: none;
    box-shadow: none;
    background: #111;
    margin: 0;
  }
  .navbar-mobile-bottom-bar {
    padding: 14px 16px;
  }
  .mobile-nav-panel {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .intern-program-section { flex-direction: column; gap: 20px; }
}

/* 首页翻页式布局 */
html { scroll-behavior: smooth; }

.section-hero {
  position: relative;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: -32px;
  border-bottom: 1px solid var(--line);
  overflow: hidden;
}
.section-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 1;
}
.section-hero .hero-media {
  height: 300px;
  width: 100%;
  background-image: var(--hero);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.section-hero .hero-content {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 2;
}
.section-hero .hero-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 16px;
  max-width: 860px;
  position: relative;
  z-index: 3;
}
.hero-title-wrap{display:block;padding:0;border-radius:6px;background:transparent}
.hero-title {
  font-size: clamp(18px, 5vw, 32px);
  font-weight: 800;
  letter-spacing: -0.3px;
  text-align: center;
  font-family: 'Microsoft YaHei', Arial, sans-serif;
  max-width: 800px;
  color: #111111;
  margin: 0;
}
.hero-lead {
  max-width: 760px;
  text-align: center;
  font-family: 'Microsoft YaHei', Arial, sans-serif;
  color: #111111;
  margin: 0;
}
.hero-cta{ display:flex; gap:15px; justify-content:center; align-items:center; flex-wrap:wrap; position:relative; z-index:3; margin-top:4px; }
.hero-cta .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 999px;
  background: #111111;
  color: #ffffff;
  border: 1px solid #111111;
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
  position: relative;
  z-index: 4;
}
.hero-cta .btn.btn-secondary {
  background: #ffffff;
  color: #111111;
  border-color: #111111;
}
.hero-cta .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(0,0,0,.24);
}
.scroll-cue{display:none}

/* 通用分段 */
.section{ padding: 56px 0; border-bottom: 1px solid var(--line); }
.section-dark{ background: #020006; }
/* 成就区文字全白 */
.section-dark,
.section-dark h2,
.section-dark .metric-value,
.section-dark .metric-label,
.section-dark .achievement-card,
.section-dark .achievement-title,
.section-dark .achievement-card p {
  color: #fff;
}
/* 底部 footer 全部白字 */
.site-footer,
.site-footer h4,
.site-footer h5,
.site-footer p,
.site-footer li,
.site-footer a,
.site-footer small {
  color: #fff;
}

.site-footer a,
.site-footer li {
  white-space: nowrap;
}

/* 链接 hover 时高亮一点 */
.site-footer a:hover {
  color: #ddd;   /* 或者用 var(--brand) 品牌色 */
}


/* 网格与卡片（沿用你原有的命名） */
.cards-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.premium-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 30px; margin-top: 40px; }
.card--line{ padding:18px 16px; }
.more{ color: inherit; text-decoration: none; opacity:.9; }
.more:hover{ text-decoration: underline; }

/* 成就数字 */
/* .metrics{ display:grid; grid-template-columns:1fr ; gap: 18px; margin-top:14px; } */
/* 成就区：改造成大数字 + 居中展示，每条占满整行 */
#achievements .achievement-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-top: 40px;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

#achievements .achievement-card {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  padding: 28px;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
}

#achievements .achievement-title {
  font-size: clamp(24px, 2.2vw, 32px);
  font-weight: 800;
  margin-bottom: 18px;
}

#achievements .achievement-card p {
  color: rgba(255,255,255,0.8);
  font-size: 1rem;
  line-height: 1.8;
  margin: 0;
}

.metric{ background: var(--card); border:1px solid var(--line); border-radius:14px; padding: 20px; text-align:center; }
.metric-value{ font-size: clamp(28px, 6vw, 48px); font-weight: 800; }
.metric-label{ color: var(--muted); margin-top: 6px; }

/* 右侧锚点导航（可选） */
.page-dots{
  position: fixed; right: 16px; top: 50%; transform: translateY(-50%);
  display: grid; gap: 10px; z-index: 20;
}
.page-dots a{
  width: 10px; height: 10px; border-radius: 50%;
  background: rgba(255,255,255,.35); display:block;
}
.page-dots a:hover{ background: rgba(255,255,255,.7); }

@media (max-width: 900px){
  .cards-3, .metrics{ grid-template-columns:1fr; }
}
/* --- Services 下拉菜单 --- */
.nav { position: relative; }
.nav-item.dropdown { position: relative; }
.nav-item.dropdown .nav-link { display:inline-flex; align-items:center; }
.dropdown-menu{
  position:absolute; top:100%; left:0;
  background: var(--card); border:1px solid var(--line);
  border-radius: 12px; padding:8px; min-width: 200px;
  display:none; box-shadow: 0 10px 30px rgba(0,0,0,.25); z-index: 30;
}
.dropdown-item{
  display:block; padding:10px 12px; border-radius:8px;
  color:inherit; text-decoration:none; white-space:nowrap;
}
.dropdown-item:hover{ background: rgba(255,255,255,.06); }

/* hover 打开（桌面端） */
.nav-item.dropdown:hover > .dropdown-menu{ display:block; }

/* 小屏：点击切换，由 JS 添加 .open 类 */
@media (max-width: 900px){
  .nav-item.dropdown.open > .dropdown-menu{ display:block; position:absolute; right:0; left:auto; }
}

@media (max-width: 768px){
  .container{padding:0 16px}
  .site-header{padding:8px 0}
  .header-inner{flex-wrap:wrap;gap:10px;min-height:auto;padding:6px 0}
  .brand{width:100%}
  .nav{width:100%;margin-left:0;display:flex;flex-wrap:wrap;flex-direction:column;align-items:stretch;gap:8px}
  .nav-link{display:block;padding:7px 8px;font-size:0.95rem;white-space:nowrap}
  .page{padding:24px 16px 48px}
  .hero{padding:32px 0}
  .section-hero{height:auto;min-height:70vh;padding:80px 0 60px}
  .hero-title,
  .hero-lead{text-align:center;padding-left:0;transform:none}
  .hero-cta{justify-content:center}
  .grid-2,
  .grid-3,
  .cards-3,
  .premium-grid,
  .news-grid{grid-template-columns:1fr}
  .footer-inner{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
  .footer-col{width:100%}
  .footer-bottom{margin-top:16px}
  .dropdown-menu{position:relative;top:auto;left:auto;width:100%;margin-top:6px}
  .page-dots{display:none}
}

@media (max-width: 480px){
  .container{padding:0 14px}
  .nav{gap:6px}
  .nav-link{padding:6px 7px;font-size:0.9rem}
  .btn,
  .hero-cta .btn{width:100%}
  .section{padding:40px 0}
  .card,
  .premium-card{padding:14px}
  .hero-title{font-size:clamp(22px, 8vw, 28px)}
  .hero-lead{font-size:0.95rem}
}

/* ============================================
   NEW REFACTORED HEADER NAVIGATION STYLES
   ============================================ */

/* Header Layout - Updated Structure */
.site-header {
  position: sticky;
  top: 0;
  background: #000000;
  backdrop-filter: none;
  border-bottom: 1px solid #000;
  z-index: 10;
  margin-bottom: 0;
  padding: 0;
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
  padding: 0;
  gap: 0;
}

/* Header Left: Hamburger + Logo */
.header-left {
  display: flex;
  align-items: center;
  gap: 1px; /* Exactly 1px between hamburger and logo */
  flex: 0 0 auto;
}

/* Hamburger Button */
.hamburger-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  margin-left: 9px; /* 8-10px left margin */
  background: transparent;
  border: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
  flex-shrink: 0;
  z-index: 15; /* Higher z-index to stay on top */
}

.hamburger-btn:hover {
  opacity: 0.8;
}

.hamburger-icon {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 24px;
  height: 18px;
}

.hamburger-line {
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  border-radius: 1px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hamburger-btn.active .hamburger-line:nth-child(1) {
  transform: translateY(11px) rotate(45deg);
}

.hamburger-btn.active .hamburger-line:nth-child(2) {
  opacity: 0;
}

.hamburger-btn.active .hamburger-line:nth-child(3) {
  transform: translateY(-11px) rotate(-45deg);
}

/* Brand Logo + Name */
.header-left .brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  padding: 8px 16px;
  flex-shrink: 0;
  z-index: 16; /* Ensure logo is NOT covered */
}

.header-left .logo {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  background: var(--brand);
  flex-shrink: 0;
}

.header-left .brand-name {
  color: #fff;
  white-space: nowrap;
}

/* Header Right: Search + Language */
.header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  padding-right: 3px; /* 3-4px right margin for search icon */
}

/* Search Button */
.search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #fff;
  transition: opacity 0.3s ease;
  margin-right: 4px;
}

.search-btn:hover {
  opacity: 0.8;
}

.search-btn svg {
  width: 20px;
  height: 20px;
}

/* Language Switcher */
.header-right .lang-switch {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
}

.header-right .lang-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  padding: 6px 8px;
  border-radius: 4px;
  transition: background 0.3s ease;
}

.header-right .lang-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* Dropdown Navigation Menu */
.dropdown-nav {
  background: #000;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 12; /* Below logo/brand but above page content */
}

.dropdown-nav.active {
  max-height: 500px;
}

.dropdown-nav-inner {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 8px 0;
}

.dropdown-nav .nav-link {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 14px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  white-space: nowrap;
  transition: background 0.2s ease;
  font-size: 14px;
  cursor: pointer;
  border: none;
  width: 100%;
  text-align: left;
  background: transparent;
}

.dropdown-nav .nav-link:hover,
.dropdown-nav .nav-link.active {
  background: rgba(255, 255, 255, 0.12);
}

.dropdown-nav .nav-link.dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Nested Dropdown Menu in Vertical Navigation */
.dropdown-nav .nav-item.dropdown {
  position: relative;
}

.dropdown-nav .dropdown-menu {
  background: #111;
  border: none;
  box-shadow: none;
  position: static;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  margin: 0;
  padding: 0;
}

.dropdown-nav .nav-item.dropdown.open .dropdown-menu {
  max-height: 200px;
}

.dropdown-nav .dropdown-item {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 12px 20px 12px 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  transition: background 0.2s ease;
  font-size: 13px;
  background: #111;
}

.dropdown-nav .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* Language Menu (absolute positioned) */
.lang-menu {
  position: absolute;
  top: 100%;
  right: 0;
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
  padding: 6px 0;
  min-width: 160px;
  display: none;
  z-index: 20;
  margin-top: 4px;
}

.lang-menu.active {
  display: block;
}

.lang-menu a {
  display: block;
  padding: 8px 12px;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  transition: background 0.2s ease;
}

.lang-menu a:hover {
  background: rgba(255, 255, 255, 0.12);
}

/* Responsive adjustments */
@media (max-width: 900px) {
  .header-inner {
    justify-content: space-between;
  }
  
  .header-left {
    order: 1;
  }
  
  .header-right {
    order: 2;
  }
  
  .dropdown-nav {
    position: relative;
    width: 100%;
  }
}

@media (max-width: 600px) {
  .hamburger-btn {
    margin-left: 8px;
  }
  
  .header-left .brand-name {
    display: none; /* Hide brand name on very small screens */
  }
  
  .header-right .lang-btn span {
    display: none; /* Hide language text on small screens */
  }
  
  .dropdown-nav .nav-link {
    padding: 12px 16px;
    font-size: 13px;
  }
  
  .dropdown-nav .dropdown-item {
    padding: 10px 16px 10px 36px;
  }
}

/* ============================================
   SEARCH FUNCTIONALITY STYLES
   ============================================ */

/* Search Overlay */
#search-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  z-index: 100;
  animation: fadeIn 0.2s ease;
}

#search-overlay.active {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 100px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Search Box Container */
.search-box-container {
  width: 100%;
  max-width: 600px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  animation: slideDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

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

/* Search Input Wrapper */
.search-input-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid #eee;
}

.search-input-wrapper svg {
  width: 20px;
  height: 20px;
  color: #666;
  flex-shrink: 0;
}

#search-input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 1.1em;
  font-family: inherit;
  color: #333;
  background: transparent;
}

#search-input::placeholder {
  color: #999;
}

.close-search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #666;
  border-radius: 6px;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.close-search-btn:hover {
  background: #f0f0f0;
  color: #333;
}

.close-search-btn svg {
  width: 20px;
  height: 20px;
}

/* Search Suggestions Container */
#search-suggestions {
  display: none;
  flex-direction: column;
  max-height: 400px;
  overflow-y: auto;
}

#search-suggestions.active {
  display: flex;
}

/* Search Suggestion Item */
.search-suggestion-item {
  display: block;
  padding: 12px 20px;
  border-bottom: 1px solid #f0f0f0;
  text-decoration: none;
  color: inherit;
  transition: background 0.2s ease;
}

.search-suggestion-item:hover {
  background: #f9f9f9;
}

.search-suggestion-item:last-child {
  border-bottom: none;
}

.search-suggestion-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}

.search-suggestion-type {
  display: inline-block;
  font-size: 0.7em;
  padding: 2px 6px;
  border-radius: 3px;
  font-weight: 600;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
}

.search-suggestion-type.search-result-type-page {
  background: #e3f2fd;
  color: #1976d2;
}

.search-suggestion-type.search-result-type-news {
  background: #fff3e0;
  color: #f57c00;
}

.search-suggestion-type.search-result-type-people {
  background: #f3e5f5;
  color: #7b1fa2;
}

.search-suggestion-title {
  color: #111;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-suggestion-description {
  font-size: 0.85em;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-no-results {
  padding: 20px;
  text-align: center;
  color: #999;
  font-size: 0.95em;
}

/* Search View All Link */
.search-view-all {
  padding: 12px 20px;
  border-top: 1px solid #f0f0f0;
  background: #f9f9f9;
}

.search-view-all-link {
  display: block;
  text-decoration: none;
  color: #007bff;
  font-weight: 600;
  font-size: 0.95em;
  transition: color 0.2s ease;
}

.search-view-all-link:hover {
  color: #0056b3;
}

/* Responsive Search */
@media (max-width: 768px) {
  #search-overlay.active {
    padding-top: 50px;
  }

  .search-box-container {
    max-width: calc(100% - 40px);
    margin: 0 20px;
  }

  .search-input-wrapper {
    padding: 14px 16px;
  }

  #search-input {
    font-size: 1em;
  }

  #search-suggestions {
    max-height: 300px;
  }

  .search-suggestion-item {
    padding: 10px 16px;
  }
}