.primary-navigation .menu{gap:6px}
.primary-navigation .menu>li>a{position:relative;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid transparent;border-radius:12px;white-space:nowrap;transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}
.primary-navigation .menu>li>a::before{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border:1px solid #dbe9df;border-radius:8px;background:rgba(255,255,255,.76);color:#238a43;font-size:13px;font-weight:900;line-height:1;box-shadow:0 5px 12px rgba(29,84,50,.07)}
.primary-navigation .menu>li:nth-child(1)>a::before{content:"⌂"}
.primary-navigation .menu>li:nth-child(2)>a::before{content:"✣"}
.primary-navigation .menu>li:nth-child(3)>a::before{content:"◇"}
.primary-navigation .menu>li:nth-child(4)>a::before{content:"⚡"}
.primary-navigation .menu>li:nth-child(5)>a::before{content:"▤"}
.primary-navigation .menu>li:nth-child(6)>a::before{content:"▥"}
.primary-navigation .menu>li>a[href*="/iletisim"]::before{content:"✉"}
.primary-navigation .menu>li>a:hover,.primary-navigation .menu>li.current-menu-item>a,.primary-navigation .menu>li.current_page_item>a{border-color:#c9e9d1;background:rgba(255,255,255,.9);color:#176f34;transform:translateY(-1px);box-shadow:0 8px 20px rgba(24,75,42,.08)}
.primary-navigation .menu>li.current-menu-item>a::after,.primary-navigation .menu>li.current_page_item>a::after{content:"";position:absolute;right:10px;bottom:2px;left:10px;height:2px;border-radius:3px;background:var(--primary)}
.dark-mode .primary-navigation .menu>li>a::before{border-color:#365247;background:#23372d;color:#69ed83}
.dark-mode .primary-navigation .menu>li>a:hover,.dark-mode .primary-navigation .menu>li.current-menu-item>a,.dark-mode .primary-navigation .menu>li.current_page_item>a{border-color:#355a44;background:#20342a}
@media(min-width:1280px){.site-header .header-inner{transform:translateX(-10px)}}
@media(max-width:1160px){.primary-navigation .menu>li>a{gap:5px;padding-inline:7px;font-size:12px}.primary-navigation .menu>li>a::before{width:22px;height:22px;flex-basis:22px}}
@media(max-width:1024px){.primary-navigation .menu>li>a{width:100%;padding:10px 12px;font-size:14px}.primary-navigation .menu>li>a::before{width:27px;height:27px;flex-basis:27px}}