.trnStartMenu
{
	width:260px;
	height:100%;
	position:fixed;
	top:0;
	right:0;
	z-index:999;
	background-color:#EDEDED;
	display: none; /* Başlangıçta kapalı */
}

.trnStartMenu .trnStartMenuProfil
{
	width:100%;
	height:60px;
	margin:60px 0 0 0;
	padding:15px;
	position:absolute;
	z-index:999;
	/*background:green;*/
}

.trnStartMenu .trnStartMenuProfil .trnStartMenuProfilContainer
{
	width:100%;
	float:left;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
}

.trnStartMenu .trnStartMenuProfil .trnStartMenuProfilLogo
{
	width:32px;
	height:32px;
	float:left;
	border-radius:32px;
	-moz-border-radius:32px;
	-webkit-border-radius:32px;
	border:1px solid #2E2D2C;
	overflow:hidden;
}

.trnStartMenu .trnStartMenuProfil .trnStartMenuProfilLogo img
{
	max-height:32px;
	height:32px;
}

.trnStartMenu .trnStartMenuProfil .trnStartMenuProfilDetail
{
	float:left;
	margin:0 0 0 10px;
}
.trnStartMenu .trnStartMenuProfil h1
{
	font-size: var(--font-size);
	font-weight:bold;
	margin:0 0 2px 0;
	padding:0;
}

.trnStartMenu .trnStartMenuProfil h2
{
	font-size: var(--font-size);
	margin:0;
	padding:0;
}

.trnStartMenu .trnStartMenuContainer
{
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	z-index:888;
	/*background:red;*/
}

.trnStartMenu .trnScrollContainer
{
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	padding:140px 0 60px 0;
}

.trnStartMenu .trnBtn
{
	width:100%;
}

.trnAccordionMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.trnAccordionMenu > ul > li {
    /*border-bottom: 1px solid #ddd;*/
}

.trnAccordionMenu a {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    text-decoration: none;
    color: #2E2D2C;
    /*background: #fff;*/
    transition: background 0.3s;
}

.trnAccordionMenu a:hover {
    background: #fff;
}

.trnAccordionMenu li.trnActive > a {
    background: #ffffff; /* hover rengi ile aynı */
}

.menu-icon {
    flex: 0 0 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
	fill:#2E2D2C;
}

.menu-icon svg{
  fill: #2E2D2C;
}

.menu-text {
    flex: 1;
}

/* Toggle simgesi sağda */
.trnToggleIcon {
    flex: 0 0 auto;
    font-weight: bold;
    font-size: var(--font-size);
    color: #888;
    margin-left: auto;
}

/* Alt menü */
.trnAccordionMenu ul ul {
    display: none;
    background: #fafafa;
}

/* Derinliğe göre sağa kayma */
.trnAccordionMenu ul ul .menu-text {
    padding-left: 10px; /* sadece yazı kısmı kayar */
}

/* Mobil uyum */
@media (max-width: 768px) {
    .trnAccordionMenu a {
		font-size: var(--font-size);
    }
}