/* Scoped tools menu. Safe for Salient headers and content. */
#header-outer .cbk-mega-trigger { position: relative; }
#header-outer .cbk-mega-trigger .cbk-mega-toggle,
.cbk-mega-trigger .cbk-mega-toggle {
  display: inline-flex; align-items: center; justify-content: center; vertical-align: middle;
  width: 22px; height: 22px; border: 0; border-radius: 6px; padding: 0; margin: 0 1px 0 2px;
  color: inherit; background: transparent; cursor: pointer; font-size: 18px; line-height: 1;
}
#header-outer .cbk-mega-trigger .cbk-mega-toggle:hover,
.cbk-mega-trigger .cbk-mega-toggle:focus-visible { color: #d8a745; outline: 2px solid #d8a745; outline-offset: 2px; }
.cbk-mega-trigger.cbk-mega-active > a { color: #d8a745 !important; }
.cbk-mega-trigger.cbk-mega-active .cbk-mega-toggle { color: #d8a745; transform: rotate(180deg); }
.cbk-mega-panel[hidden] { display: none !important; }
.cbk-mega-panel {
  --cbk-gold: #d8a745; box-sizing: border-box; position: fixed; z-index: 2147483000;
  top: 110px; left: 50%; transform: translateX(-50%); width: min(1152px, calc(100vw - 36px));
  background: #fff; color: #151515; border: 1px solid rgba(0,0,0,.12); border-top: 4px solid var(--cbk-gold);
  border-radius: 0 0 18px 18px; box-shadow: 0 28px 85px rgba(12,12,12,.21);
  max-height: min(78vh, calc(100vh - 110px)); overflow-x: hidden; overflow-y: auto;
  font-family: inherit; text-align: left;
}
.cbk-mega-panel *, .cbk-mega-panel *::before, .cbk-mega-panel *::after { box-sizing: border-box; }
.cbk-mega-panel .cbk-mega-inner { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 0; }
.cbk-mega-panel .cbk-mega-lead {
  padding: 23px; background: #161616; color: #fff;
  display: flex; flex-direction: column; justify-content: space-between; gap: 13px;
}
.cbk-mega-panel .cbk-mega-eyebrow { font-size: 9px; font-weight: 800; letter-spacing: .15em; color: var(--cbk-gold); }
.cbk-mega-panel .cbk-mega-mark { display: inline-flex; border: 1px solid rgba(216,167,69,.4); border-radius: 50%; width: 32px; height: 32px; align-items: center; justify-content: center; color: var(--cbk-gold); margin-bottom: 7px; font-size: 18px; }
.cbk-mega-panel .cbk-mega-lead h2 { font-family: inherit; color: #fff; font-size: clamp(22px,2.2vw,27px); line-height: 1.07; margin: 0 0 10px; letter-spacing: -.05em; font-weight: 800; }
.cbk-mega-panel .cbk-mega-lead h2 em { font-style: normal; color: var(--cbk-gold); }
.cbk-mega-panel .cbk-mega-lead p { font-size: 12px; line-height: 1.65; color: #bbb; max-width: 190px; margin: 0; }
.cbk-mega-panel .cbk-mega-all { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border-radius: 7px; background: var(--cbk-gold); color: #111 !important; font-size: 12px; font-weight: 800; text-decoration: none; transition: background .2s; }
.cbk-mega-panel .cbk-mega-all:hover { background: #efc56a; }
.cbk-mega-panel .cbk-mega-category { padding: 26px 25px 22px; min-height: 220px; border-right: 1px solid #ece9e3; border-bottom: 1px solid #ece9e3; }
.cbk-mega-panel .cbk-mega-category:hover { background: #fffdf8; }
.cbk-mega-panel .cbk-mega-category-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.cbk-mega-panel .cbk-mega-category-top span { font-size: 10px; font-weight: 800; color: #bd962e; letter-spacing: .14em; }
.cbk-mega-panel .cbk-mega-category-top a { color: #787878; text-decoration: none; font-size: 18px; }
.cbk-mega-panel .cbk-mega-category-top a:hover { color: #b58518; }
.cbk-mega-panel .cbk-mega-category h3 { font-family: inherit; font-weight: 800; line-height: 1.3; letter-spacing: -.03em; font-size: 15px; margin: 0 0 15px; }
.cbk-mega-panel .cbk-mega-category h3 a { text-decoration: none; color: #151515; }
.cbk-mega-panel .cbk-mega-category h3 a:hover { color: #b58518; }
.cbk-mega-panel .cbk-mega-category ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
.cbk-mega-panel .cbk-mega-category li { list-style: none; padding: 0; margin: 0; }
.cbk-mega-panel .cbk-mega-category li a { display: block; font-size: 12px; line-height: 1.55; color: #696969; text-decoration: none; font-weight: 500; }
.cbk-mega-panel .cbk-mega-category li a:hover, .cbk-mega-panel .cbk-mega-category li a:focus-visible { color: #ad7c06; text-decoration: underline; }
.cbk-mega-panel .cbk-mega-category-ai { background: #fffcf3; }
.cbk-mega-panel .cbk-mega-bottom { background: #f8f7f3; border-top: 1px solid #ece8dd; padding: 14px 24px; display: flex; justify-content: space-between; gap: 12px; align-items: center; color: #777; font-size: 11px; }
.cbk-mega-panel .cbk-mega-bottom a { color: #111; font-weight: 800; text-decoration: none; }
.cbk-mega-panel .cbk-mega-bottom a:hover { color: #ae7c06; }
body.cbk-mega-open .cbk-mega-panel { animation: cbk-menu-in .16s ease-out both; }
@keyframes cbk-menu-in { from { opacity: 0; transform: translate(-50%,-8px); } to { opacity: 1; transform: translate(-50%,0); } }
@media (max-width: 1100px) { .cbk-mega-panel .cbk-mega-inner { grid-template-columns: repeat(3, minmax(0,1fr)); }  }
@media (max-width: 800px) {
 .cbk-mega-panel { width: calc(100vw - 24px); max-height: min(75vh, calc(100vh - 82px)); border-radius: 0 0 14px 14px; }
 .cbk-mega-panel .cbk-mega-inner { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .cbk-mega-panel .cbk-mega-lead { grid-row: auto; grid-column: 1/-1; padding: 18px; gap: 10px; }
 .cbk-mega-panel .cbk-mega-lead-main { display: none; }
 .cbk-mega-panel .cbk-mega-category { padding: 16px; min-height: 160px; }
 .cbk-mega-panel .cbk-mega-category h3 { font-size: 13px; }
 .cbk-mega-panel .cbk-mega-category li a { font-size: 11px; }
 .cbk-mega-panel .cbk-mega-bottom { padding: 12px 16px; }
}
@media (prefers-reduced-motion: reduce) { body.cbk-mega-open .cbk-mega-panel { animation: none; } }

/* Avoid double dropdowns if a pre-existing Araçlar link had its own submenu. */
#header-outer li.cbk-mega-existing > ul.sub-menu { display: none !important; }
