/* Off-Canvas Ana Konteyner ve Zemin */
body .offcanvas-menu {
    background-color: #0b1325 !important;
}
body .offcanvas-menu .header-modules {display:none !important;}
body .offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {font-size:16px !important; color:#f56e00;}
body .offcanvas-menu .social-icons {display:none;}

body .offcanvas-menu .offcanvas-inner {
    background-color: #0b1325 !important;
    padding: 20px 15px !important;
}

/* Ana Menü Listesi Sıfırlama */
body .offcanvas-menu .offcanvas-inner ul.menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Her Bir Menü Elemanı (Kart Yapısı) */
body .offcanvas-menu .offcanvas-inner ul.menu > li {
    margin-bottom: 8px !important;
    display: block !important;
    float: none !important;
}

/* Link ve Span Elemanlarının Kart Olarak Şekillendirilmesi */
body .offcanvas-menu .offcanvas-inner ul.menu > li > a,
body .offcanvas-menu .offcanvas-inner ul.menu > li > .offcanvas-menu-toggler {
    background-color: #121d33 !important;
    color: #ffffff !important;
    padding: 20px 20px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-decoration: none !important;
    border: 1px solid #ED7023 !important;
}

/* AKTİF ELEMAN (ANASAYFA - Turuncu Arka Plan) */
body .offcanvas-menu .offcanvas-inner ul.menu > li.active > a,
body .offcanvas-menu .offcanvas-inner ul.menu > li.active > span {
    background: #f56e00 !important;
    color: #ffffff !important;
}

/* ALT MENÜSÜ AÇIK OLAN BAŞLIK (ÜRÜNLERİMİZ - Turuncu Çerçeve) */
body .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.open > a,
body .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.open > .offcanvas-menu-toggler,
body .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent:has(ul.collapse.show) > a {
    border: 1px solid #f56e00 !important;
    color: #f56e00 !important;
}

/* ALT MENÜ KONTEYNERİ (Açılan İç Liste) */
body .offcanvas-menu .offcanvas-inner ul.menu > li ul {
    background-color: #0e182e !important;
    border: 1px solid #1a2744 !important;
    border-radius: 8px !important;
    margin-top: 6px !important;
    padding: 6px !important;
    list-style: none !important;
}

/* ALT MENÜ ELEMANLARI */
body .offcanvas-menu .offcanvas-inner ul.menu > li ul > li {
    margin-bottom: 2px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

body .offcanvas-menu .offcanvas-inner ul.menu > li ul > li:last-child {
    border-bottom: none !important;
}

body .offcanvas-menu .offcanvas-inner ul.menu > li ul > li a {
    background: transparent !important;
    color: #cbd5e1 !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    display: flex !important;
    justify-content: space-between !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
}

/* Alt Menü Hover (Üzerine Gelince) */
body .offcanvas-menu .offcanvas-inner ul.menu > li ul > li a:hover {
    background-color: #1a2744 !important;
    color: #ED7023 !important;
}
body .offcanvas-menu, body .offcanvas-menu .offcanvas-inner {background-image:url("images/bg-evse.jpg"); background-size:cover;}
#sp-header,.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background-image:url("images/bg-evse.jpg"); background-position:left center;} 
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
	right:0 !important;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span,.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner a {
font-weight:bold;
}
#sp-menu ul.social-icons a {color:#1e2639 }