.gap-menu-tabs-wrapper { direction: rtl; }
.gap-menu-toggle {
    display: none;
    cursor: pointer;
padding: 6px;  
	border: 1px solid #ddd;
    width: fit-content;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.gap-hamburger-svg {
    width: 20px;
    height: 20px;
    display: block;
}
.gap-tabs-header { display: flex; border-bottom: 2px solid #eee; background: #f9f9f9; }
.gap-tab-item { flex: 1; text-align: center; padding: 15px; cursor: pointer; position: relative; font-weight: bold; color: #666; }
.gap-tab-item.active { color: #0073aa; }
.gap-tab-item.active::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #0073aa; }
.gap-tab-pane { display: none; padding: 15px; }
.gap-tab-pane.active { display: block; }
.gap-tab-pane ul { list-style: none; padding: 0; margin: 0; }
.gap-tab-pane li a { display: block; padding: 7px; border-bottom: 1px solid #eee; text-decoration: none; color: #333; }

/* Mobile Sidebar Logic */
@media (max-width: 768px) {
    .gap-menu-toggle { display: block; }
    .gap-offcanvas-sidebar {
        position: fixed; top: 0; right: -80%; width: 80%; height: 100vh;
        background: white; z-index: 9999; transition: 0.3s ease;
        box-shadow: -5px 0 15px rgba(0,0,0,0.1); overflow-y: auto;
    }
    .gap-offcanvas-sidebar.open { right: 0 !important; }
    .gap-sidebar-overlay {
        position: fixed; top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0,0,0,0.5); z-index: 9998; display: none;
    }
    .gap-sidebar-overlay.open { display: block; }
    .gap-sidebar-close { padding: 15px; font-size: 20px; text-align: left; cursor: pointer; }
}
@media (min-width: 769px) {
    .gap-offcanvas-sidebar { position: static; width: 100%; height: auto; box-shadow: none; right: 0 !important; }
    .gap-sidebar-close { display: none; }
}