blockquote {
        background: #36383E;
        border-left: 3px solid #e52b2c;
        padding: 10px;
        border-radius: 2px;
    }

    blockquote cite {
        font-weight: bold;
        border-bottom: 1px solid #2f2f2f;
        font-style: normal;
        display: block;
        padding-bottom: 3px;
        margin: 0 0 10px 0;
    }

    blockquote cite span {
        float: right;
        font-weight: normal;
        font-size: 12px;
        color: #fff;
    }

    blockquote cite span.highlight {
        float: none;
        font-weight: bold;
        padding-bottom: 0;
    }

    html {
        margin: 0;
        padding: 0;
        background: #36383E;
    }

    body {
        margin: 0;
        padding: 0;
        padding-top: 60px !important; /* Header yüksekliği için boşluk (60px) */
        background: #36383E;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        font-size: 12px;
        line-height: 1.4;
        font-weight: 300;
        color: #fff;
        background-size: cover;
    }

    a, input, textarea, button, .button {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
    }

    a:link, a:visited {
        color: #fff;
        text-decoration: none;
    }

    a:hover, a:active {
        color: #e52b2c;
        text-decoration: none;
    }

    input, textarea {
        padding: 10px 15px;
        font-size: 14px;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        color: #fff;
    }

    button, .button {
        background: #e52b2c;
        padding: 9px 16px;
        border-radius: 1px;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        font-size: 14px;
        border: none;
        color: #fff;
        cursor: pointer;
    }

    button:hover, button:focus, .button:hover, .button:focus {
        background: #c21e1f;
        outline: 0;
    }

    .float-left {
        float: left;
    }

    .float-right {
        float: right;
    }

    .clear {
        clear: both;
    }

    .green {
        background: #e52b2c;
    }

    .blue {
        background: #e52b2c;
    }

    .yellow {
        background: #e52b2c;
    }

    .shodow {
        border-radius: 2px;
    }

    .border-bottom {
        border-bottom: solid 1px #2a2b30;
    }

    .main-conteiner {
        width: 85%;
        min-width: 960px;
        margin: 0 auto;
    }

    .conteiner {
        width: 80%;
        padding: 10px 0px;
        min-width: 960px;
        margin: 0 auto;
    }

    .main-body {
        background: url(../../../images/Darkness/vwarbg.png) 50%;
        background-size: cover;
        background-attachment: fixed;
        height: 270px;
        margin-top: -60px !important; /* Header yüksekliğini telafi et (60px) */
    }

    .main-header {
        background: rgba(30, 33, 37, 0.95); /* #1e2125 */
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        padding: 0.5rem 2rem; /* Padding azaltıldı (1rem'den 0.5rem'e) */
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important; /* En üstte olması için yüksek z-index */
        box-shadow: none !important; /* Beyaz çizgiyi kaldırmak için */
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px; /* Height azaltıldı (80px'ten 60px'e) */
        min-height: 60px; /* Min-height azaltıldı (80px'ten 60px'e) */
        max-height: 60px; /* Max-height azaltıldı (80px'ten 60px'e) */
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        border-bottom: none !important; /* Beyaz çizgiyi kaldırmak için */
        overflow: visible;
        margin: 0 !important;
        /* Fade in/out efekti için transition - daha yumuşak ve belirgin fadeout */
        transition: background-color 0.6s ease-out, backdrop-filter 0.6s ease-out, -webkit-backdrop-filter 0.6s ease-out !important;
    }

    /* En üstteyken (scroll yapılmadan) sadece arkaplan transparent - içerik görünür kalacak */
    .main-header:not(.scrolled) {
        background: rgba(30, 33, 37, 0) !important; /* #1e2125 - transparent */
        backdrop-filter: blur(0px) !important;
        -webkit-backdrop-filter: blur(0px) !important;
        box-shadow: none !important;
        border-bottom: none !important;
        /* opacity: 0 !important; - KALDIRILDI: İçerik görünür kalmalı */
    }

    /* Header içindeki tüm elementler her zaman görünür olmalı - Sadece arkaplan transparent */
    .main-header:not(.scrolled) *,
    .main-header:not(.scrolled) img,
    .main-header:not(.scrolled) a,
    .main-header:not(.scrolled) .main_logo,
    .main-header:not(.scrolled) .logo,
    .main-header:not(.scrolled) .nav,
    .main-header:not(.scrolled) .user-drop,
    .main-header:not(.scrolled) .main-conteiner,
    .main-header:not(.scrolled) .user-log,
    .main-header * {
        opacity: 1 !important;
        visibility: visible !important;
        color: inherit !important;
    }

    /* Header içindeki flex ve block elementler */
    .main-header:not(.scrolled) .main_logo,
    .main-header:not(.scrolled) .logo,
    .main-header:not(.scrolled) .nav,
    .main-header:not(.scrolled) .user-drop,
    .main-header:not(.scrolled) .main-conteiner,
    .main-header:not(.scrolled) .user-log {
        display: flex !important;
    }

    .main-header:not(.scrolled) img,
    .main-header:not(.scrolled) a {
        display: block !important;
    }

    /* Scroll yapılınca header normal görünecek (opaque) - fade in efekti ile belirecek */
    .main-header.scrolled {
        background: rgba(30, 33, 37, 0.95) !important; /* #1e2125 */
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        box-shadow: none !important; /* Beyaz çizgiyi kaldırmak için */
        border-bottom: none !important; /* Beyaz çizgiyi kaldırmak için */
    }

    /* JavaScript çalışmazsa CSS ile scroll efekti - body'ye scrolled class'ı eklenirse */
    body.scrolled .main-header,
    html.scrolled .main-header {
        background: rgba(30, 33, 37, 0.95) !important; /* #1e2125 */
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        box-shadow: none !important; /* Beyaz çizgiyi kaldırmak için */
        border-bottom: none !important; /* Beyaz çizgiyi kaldırmak için */
    }

    /* Login butonu konumu - header içinde sağda kalmalı ama biraz sola */
    .main-header .user-log,
    .main-header .user-log.float-right {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        float: right !important;
        margin-top: 9px !important;
        margin-left: auto !important;
        margin-right: 3rem !important; /* Biraz daha sola almak için margin-right artırıldı */
    }

    .main-header .user-log ul,
    .main-header .user-log ul.position {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .main-header .user-log .login-link,
    .main-header .user-log .login-link a,
    .main-header .user-log #login-box {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        color: #fff !important;
        text-decoration: none !important;
    }


    /* Show user dropdown in header - positioned at top right */
    .main-header .user-drop {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Logo in header - similar to index.html */
    .main-header .main_logo,
    .main-header h1.main_logo,
    .main-header .logo,
    .main-header h1.logo {
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        margin-top: 0 !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        height: 60px !important;
        flex-shrink: 0 !important;
        position: relative !important;
        z-index: 10000 !important;
        width: auto !important;
        overflow: visible !important;
        pointer-events: auto !important;
        clip: auto !important;
        clip-path: none !important;
    }

    .main-header .main_logo img,
    .main-header h1.main_logo img,
    .main-header .logo img,
    .main-header h1.logo img,
    .main-header .main_logo a img,
    .main-header .logo a img {
        height: 50px !important;
        width: auto !important;
        max-height: 50px !important;
        max-width: 200px !important;
        object-fit: contain !important;
        transition: transform 0.3s ease !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 10001 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        pointer-events: auto !important;
        clip: auto !important;
        clip-path: none !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .main-header .main_logo img:hover,
    .main-header h1.main_logo img:hover,
    .main-header .logo img:hover,
    .main-header h1.logo img:hover {
        transform: scale(1.05) !important;
    }

    .main-header .main_logo a,
    .main-header .logo a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        height: 60px !important;
        text-decoration: none !important;
        position: relative !important;
        z-index: 10001 !important;
    }

    /* Logo görünürlüğü - Logo dosya yolu ile eşleşen tüm img'ler */
    .main-header img[src*="logo"],
    .main-header img[src*="Logo"],
    .main-header img[src*="cn_logo"],
    .main-header img[src*="cn_logo_full"],
    .main-header img[src*="raven_logofull"],
    .main-header img[src*="raven_logo"],
    .main-header img[src*="images/raven_logofull.png"],
    .main-header .main_logo img,
    .main-header .logo img,
    .main-header .main_logo img[src*="logo"],
    .main-header .logo img[src*="logo"],
    .main-header .main_logo img[src*="raven"],
    .main-header .logo img[src*="raven"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        height: 50px !important;
        width: auto !important;
        max-height: 50px !important;
        max-width: 200px !important;
        object-fit: contain !important;
        z-index: 10002 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        pointer-events: auto !important;
        clip: auto !important;
        clip-path: none !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* CSS ile logo ekleme - Eğer HTML'de logo yoksa */
    .main-header::before {
        content: '';
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        width: 200px !important;
        height: 50px !important;
        align-items: center !important;
        flex-shrink: 0 !important;
        z-index: 10003 !important;
        margin-right: auto !important;
        background-image: url(../../../images/raven_logofull.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 !important;
        padding: 0 !important;
        pointer-events: none !important;
    }

    /* Logo için link ekleme - ::before üzerine tıklanabilir link */
    .main-header::before {
        pointer-events: auto !important;
        cursor: pointer !important;
    }

    /* Eğer .main_logo elementi varsa, ::before'u gizle */
    .main-header:has(.main_logo)::before,
    .main-header:has(.logo)::before {
        display: none !important;
    }

    /* XenForo Forum Logo - p-header-logo structure */
    .p-header-logo,
    .p-header-logo--image {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        height: 60px !important;
        flex-shrink: 0 !important;
        position: relative !important;
        z-index: 10000 !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .p-header-logo .uix_logo,
    .p-header-logo--image .uix_logo,
    .p-header-logo a.uix_logo,
    .p-header-logo--image a.uix_logo {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        height: 60px !important;
        flex-shrink: 0 !important;
        position: relative !important;
        z-index: 10001 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .p-header-logo picture,
    .p-header-logo--image picture,
    .p-header-logo .uix_logo picture,
    .p-header-logo--image .uix_logo picture {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 10002 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .p-header-logo img,
    .p-header-logo--image img,
    .p-header-logo .uix_logo img,
    .p-header-logo--image .uix_logo img,
    .p-header-logo picture img,
    .p-header-logo--image picture img {
        height: 50px !important;
        width: auto !important;
        max-height: 50px !important;
        max-width: 200px !important;
        object-fit: contain !important;
        transition: transform 0.3s ease !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 10003 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .p-header-logo img:hover,
    .p-header-logo--image img:hover,
    .p-header-logo .uix_logo img:hover,
    .p-header-logo--image .uix_logo img:hover {
        transform: scale(1.05) !important;
    }

    /* Navigation bar logo (p-navSticky) */
    .p-navSticky .p-header-logo,
    .p-navSticky .p-header-logo--image {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        height: 60px !important;
        flex-shrink: 0 !important;
    }

    .p-navSticky .p-header-logo img,
    .p-navSticky .p-header-logo--image img {
        height: 50px !important;
        width: auto !important;
        max-height: 50px !important;
        max-width: 200px !important;
        object-fit: contain !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Navigation in header - similar to index.html */
    .main-header .nav {
        display: flex;
        align-items: center;
        flex: 1;
        justify-content: center;
    }

    .main-header .menu {
        display: flex;
        list-style: none;
        gap: 2rem;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
    }

    .main-header .html-button {
        text-decoration: none;
        display: inline-block;
    }

    .main-header .nav-button {
        font-family: 'Red Hat Display', sans-serif !important;
        background: transparent !important;
        border: 1px solid transparent !important;
        color: #ffffff;
        padding: 0.5rem 1.5rem;
        border-radius: 25px;
        cursor: pointer;
        font-size: 1.2rem;
        font-weight: bold;
        transition: all 0.3s ease;
        outline: 1px solid transparent;
        outline-offset: 2px;
        position: relative;
        overflow: hidden;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .main-header .nav-button::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.2);
        transform: translate(-50%, -50%);
        transition: width 0.6s, height 0.6s;
    }

    .main-header .nav-button:hover::before {
        width: 300px;
        height: 300px;
    }

    .main-header .nav-button:hover {
        background: rgba(255, 255, 255, 0.1) !important;
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        outline: 1px solid rgba(255, 255, 255, 0.2);
        outline-offset: 2px;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }

    .main-header .nav-button:active {
        transform: translateY(0);
    }

    /* Subnav dropdown */
    .main-header .subnav {
        position: relative;
    }

    .main-header .subnav-content {
        display: none;
        position: absolute;
        top: 100%;
        background: rgba(54, 56, 62, 0.95);
        backdrop-filter: blur(10px);
        min-width: 200px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        border-radius: 5px;
        padding: 0.5rem 0;
        margin-top: 0.5rem;
        z-index: 1001;
    }

    .main-header .subnav:hover .subnav-content {
        display: block;
    }

    .main-header .subnav-content a {
        display: block;
        padding: 0.5rem 1rem;
        color: #ffffff;
        text-decoration: none;
        transition: background 0.3s ease;
    }

    .main-header .subnav-content a:hover {
        background: rgba(255, 255, 255, 0.1);
    }

    /* Hamburger Menu */
    .main-header .side-menu {
        display: none;
    }

    .main-header .hamb {
        display: none;
        cursor: pointer;
    }

    .main-header .hamb-line {
        display: block;
        width: 25px;
        height: 3px;
        background: #ffffff;
        margin: 5px 0;
        transition: all 0.3s ease;
    }

    /* Responsive header */
    @media (max-width: 768px) {
        .main-header {
            padding: 1rem;
        }

        .main-header .main_logo,
        .main-header h1.main_logo {
            margin-left: 0;
        }

        .main-header .main_logo img,
        .main-header h1.main_logo img {
            height: 40px;
        }

        .main-header .hamb {
            display: block;
        }

        .main-header .nav {
            display: none;
        }

        .main-header .side-menu:checked ~ .nav {
            display: block;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background: rgba(26, 26, 46, 0.95);
            backdrop-filter: blur(10px);
            z-index: 1001;
            padding: 1rem;
        }
    }

.main-body-menu {
	display: none !important; /* Kırmızı bar kaldırıldı - zaten header'da yaptığımız şey var */
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	/* User dropdown artık header'da, main menu'ya yer açmaya gerek yok */
}


.main-menu {
	font-size: 13px;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	width: calc(100% - 250px); /* Leave space for user dropdown on the right */
	max-width: calc(100% - 250px);
}

    /* User dropdown in main menu - positioned on the right */
    .main-menu .user-drop {
        float: right;
        margin-left: auto;
        margin-right: 20px;
        height: 54px;
        line-height: 54px;
        z-index: 9998 !important;
    }

    .main-menu .user-panel {
        float: right;
        height: 54px;
        line-height: 54px;
        z-index: 9998 !important;
    }

    .main-menu .user-panel a {
        line-height: 54px;
        height: 54px;
        padding: 0 15px;
        color: #fff !important;
    }

    .main-menu .user-panel ul.dropit-submenu {
        top: 54px !important;
        right: 0 !important;
        left: auto !important;
        z-index: 9999 !important;
    }

    .main-menu>ul i {
        background: #e52b2c;
        line-height: 54px;
        text-align: center;
        margin-left: -40px;
        width: 54px;
        border-radius: 2px 0px 0px 2px;
        float: left;
        font-size: 20px;
        color: #fff;
        box-shadow: 0 0 6px rgba(0,0,0,0.5);
    }

    .main-menu>ul>li {
        display: block;
        float: left;
        position: relative;
        margin: 0px;
        height: 54px;
    }

    .main-menu>ul>li>a:link, .main-menu>ul>li>a:visited {
        display: block;
        float: left;
        padding: 0px 15px;
        color: #fff;
        font-weight: 500;
        line-height: 54px;
    }

    .main-menu>ul>li>a i, .main-menu>ul>li>a i {
        font-size: 17px;
    }

    .main-menu>ul>li>a:hover, .main-menu>ul>li>a:active {
        background: rgba(229, 43, 44, 0.2);
        color: #e52b2c;
    }

    .main-menu>ul>li>ul {
        position: absolute;
        display: none;
        top: 50px;
        left: -60px;
        width: 200px;
        background: #36383E;
        z-index: 9997;
        box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.2);
        border-radius: 2px;
        padding: 5px;
    }


    .main-menu>ul>li>ul::before {
        width: 0;
        height: 0;
        display: block;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #36383E;
        content: '';
        position: absolute;
        top: -10px;
        left: 80px;
    }

    .main-menu>ul>li>ul>li>a {
        display: block;
        padding: 5px 0;
    }

    .main-menu>ul>li>ul>li {
        display: block;
    }

    .main-menu>ul>li>ul>li>a:link, .main-menu>ul>li>ul>li>a:visited {
        display: block;
        color: #fff;
        padding: 8px 10px;
        font-size: 14px;
    }

    .main-menu>ul>li>ul>li>a:hover, .main-menu>ul>li>ul>li>a:active {
        color: #e52b2c;
    }

    .user-log {
        margin-top: 9px;
    }

    /* Hide user-log from header when user is logged in - ama hesaptan çıkınca görünür olmalı */
    /* Login/Register butonlarını görünür yap - hesaptan çıkınca görünür olmalı - EN YÜKSEK ÖNCELİK */
    /* Override: .main-header .user-log kuralını hesaptan çıkınca override et */
    .main-header .user-log:not(.user-drop):not(.user-panel) {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    .welcomeblock .user-log,
    .welcomeblock .user-log-panel,
    .welcomeblock .user-log ul,
    .welcomeblock .user-log ul li,
    .welcomeblock .user-log ul li a,
    .user-log:not(.main-header .user-log),
    .user-log-panel:not(.main-header .user-log-panel),
    .welcomeblock a[href*="login"],
    .welcomeblock a[href*="register"],
    .welcomeblock a[href*="sign"],
    .welcomeblock a[href*="Login"],
    .welcomeblock a[href*="Register"],
    .welcomeblock a[href*="Sign"],
    /* Header'da login/register butonları - hesaptan çıkınca görünür olmalı */
    .main-header .user-log:not(.main-header .user-drop),
    .main-header .user-log-panel:not(.main-header .user-panel),
    .main-header a[href*="login"]:not(.main-header .user-drop a),
    .main-header a[href*="register"]:not(.main-header .user-drop a),
    .main-header a[href*="sign"]:not(.main-header .user-drop a) {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        pointer-events: auto !important;
        clip: auto !important;
        clip-path: none !important;
    }

    .user-log-panel {
        float: right;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .user-log>ul>li {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        float: left;
        position: relative;
        text-transform: uppercase;
        font-size: 13px;
    }

    .user-log>ul>li>a:link, .user-log>ul>li>a:visited {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        float: left;
        padding: 12px 20px;
        color: #fff;
        font-weight: 500;
        border-radius: 2px;
    }

    .user-log>ul>li>a:hover, .user-log>ul>li>a:active {
        background: rgba(229, 43, 44, 0.2);
        color: #e52b2c;
    }

.welcomeblock {
	line-height: 60px;
	color: #fff;
	font-size: 13px;
	position: relative;
	display: block !important; /* Görünür olmalı */
	visibility: visible !important;
	opacity: 1 !important;
}

/* Move user dropdown to header - fixed position, scroll edilse bile sabit kalır - height olarak ortalanmış */
.welcomeblock .user-drop,
.welcomeblock .user-panel,
.main-header .user-drop,
.main-header .user-panel {
	position: fixed !important;
	right: 12rem !important; /* Sağdan 12rem içeride - baya sola alındı */
	left: auto !important;
	top: 8px !important; /* Biraz daha aşağı alındı (5px'ten 8px'e) */
	z-index: 10001 !important; /* Header'ın üstünde */
	display: flex !important; /* Flexbox ile ortalama */
	align-items: center !important; /* Dikey ortalama - height olarak ortala */
	justify-content: center !important; /* Yatay ortalama */
	visibility: visible !important;
	opacity: 1 !important;
	width: auto !important;
	max-width: calc(100vw - 24rem) !important; /* Ekrandan dışarı çıkmaması için */
	height: 50px !important; /* Header'dan biraz küçük (60px yerine 50px) */
	line-height: 50px !important; /* Header'dan biraz küçük (60px yerine 50px) */
	margin-top: 0 !important;
	margin-right: 0 !important;
	margin-left: auto !important;
	padding-top: 0 !important;
	padding-right: 1rem !important; /* Sağdan padding - büyütmek için */
	padding-left: 1rem !important; /* Soldan padding - büyütmek için */
	background: transparent !important;
	border: none !important;
	vertical-align: middle !important;
	box-sizing: border-box !important;
	overflow: hidden !important; /* Ekrandan taşmasını önle */
	cursor: pointer !important; /* Avatar'a tıklanabilir olduğunu göster */
}

/* Align user dropdown with header height - height olarak ortalanmış, sağda */
.welcomeblock .user-panel,
.main-header .user-panel {
	right: 12rem !important; /* Sağdan 12rem içeride - baya sola alındı */
	left: auto !important;
	top: 8px !important; /* Biraz daha aşağı alındı (5px'ten 8px'e) */
	height: 50px !important; /* Header'dan biraz küçük (60px yerine 50px) */
	line-height: 50px !important; /* Header'dan biraz küçük (60px yerine 50px) */
	margin-top: 0 !important;
	margin-right: 0 !important;
	margin-left: auto !important;
	padding-top: 0 !important;
	padding-right: 1rem !important; /* Sağdan padding - büyütmek için */
	padding-left: 1rem !important; /* Soldan padding - büyütmek için */
	background: transparent !important;
	border: none !important;
	z-index: 10001 !important; /* Header'ın üstünde */
	vertical-align: middle !important;
	display: flex !important; /* Flexbox ile ortalama */
	align-items: center !important; /* Dikey ortalama - height olarak ortala */
	justify-content: center !important; /* Yatay ortalama */
	max-width: calc(100vw - 24rem) !important; /* Ekrandan dışarı çıkmaması için */
	box-sizing: border-box !important;
	overflow: hidden !important; /* Ekrandan taşmasını önle */
	transform: none !important; /* Transform kaldırıldı */
}


/* Style user dropdown links to match header style - büyütülmüş ve ortalanmış */
.welcomeblock .user-panel a,
.main-header .user-panel a {
	line-height: 50px !important; /* User dropdown yüksekliği (50px) */
	height: 50px !important; /* User dropdown yüksekliği (50px) */
	padding: 0 20px !important; /* Daha fazla padding - büyütmek için */
	color: #fff !important;
	display: flex !important; /* Flexbox ile ortalama */
	align-items: center !important; /* Dikey ortalama */
	justify-content: center !important; /* Yatay ortalama */
	text-transform: uppercase !important;
	font-weight: 500 !important;
	font-size: 16px !important; /* Font büyütüldü (13px'ten 16px'e) */
	background: transparent !important;
	text-align: center !important; /* Metin ortalanmış */
}

.welcomeblock .user-panel a:hover {
	background: rgba(229, 43, 44, 0.2) !important;
	color: #e52b2c !important;
}

/* Make user dropdown appear as part of main-body-menu */
.welcomeblock .user-drop,
.welcomeblock .user-panel {
	background: transparent !important;
	border: none !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	z-index: 9999 !important; /* Above main menu background extension */
}

/* Login/Register butonlarını görünür yap - hesaptan çıkınca - EN YÜKSEK ÖNCELİK */
.welcomeblock,
.welcomeblock *,
.welcomeblock a,
.welcomeblock a[href*="login"],
.welcomeblock a[href*="register"],
.welcomeblock a[href*="sign"],
.welcomeblock a[href*="Login"],
.welcomeblock a[href*="Register"],
.welcomeblock a[href*="Sign"],
.welcomeblock .user-panel a[href*="login"],
.welcomeblock .user-panel a[href*="register"],
.welcomeblock .user-panel a[href*="sign"],
.user-log:not(.main-header .user-log),
.user-log:not(.main-header .user-log) *,
.user-log:not(.main-header .user-log) a,
.user-log:not(.main-header .user-log) ul,
.user-log:not(.main-header .user-log) ul li,
.user-log:not(.main-header .user-log) ul li a,
.user-log-panel:not(.main-header .user-log-panel),
.user-log-panel:not(.main-header .user-log-panel) *,
.user-log-panel:not(.main-header .user-log-panel) a,
a[href*="login"]:not(.main-header a),
a[href*="register"]:not(.main-header a),
a[href*="sign"]:not(.main-header a) {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
}

/* Style user dropdown to match main menu items */
.welcomeblock .user-panel a {
	background: transparent !important;
	display: block !important;
	height: 54px !important;
	line-height: 54px !important;
	color: #fff !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	font-size: 13px !important;
	padding: 0 15px !important;
}

.welcomeblock .user-panel a:hover {
	background: rgba(229, 43, 44, 0.2) !important;
	color: #e52b2c !important;
}

/* Position dropdown menu correctly - fixed positioning, header'ın altında - ortalanmış */
.welcomeblock .user-panel ul.dropit-submenu,
.main-header .user-panel ul.dropit-submenu {
	position: fixed !important;
	top: 58px !important; /* User dropdown'ın hemen altında (8px top + 50px height) */
	left: 50% !important; /* Ortalama için */
	right: auto !important;
	transform: translateX(-50%) translateY(-10px) !important; /* X ekseninde ortalama, başlangıçta yukarıda */
	max-width: calc(100vw - 4rem) !important; /* Ekrandan dışarı çıkmaması için */
	min-width: 250px !important; /* Dropdown menü büyütüldü (200px'ten 250px'e) */
	z-index: 10002 !important;
	margin-top: 0 !important;
	margin-right: auto !important;
	margin-left: auto !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	opacity: 0 !important; /* Başlangıçta görünmez */
	visibility: hidden !important; /* Başlangıçta görünmez */
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out !important; /* Smooth animasyon */
}

/* Dropdown menü açık olduğunda - fade in ve aşağı hareket */
.welcomeblock .user-panel ul.dropit-submenu.dropit-open,
.main-header .user-panel ul.dropit-submenu.dropit-open,
.welcomeblock .user-panel .dropit-open ul.dropit-submenu,
.main-header .user-panel .dropit-open ul.dropit-submenu {
	opacity: 1 !important; /* Tamamen görünür */
	visibility: visible !important; /* Görünür */
	transform: translateX(-50%) translateY(0) !important; /* Ortalanmış ve normal pozisyonda */
}

/* Dropdown menü kapalı olduğunda - fade out ve yukarı hareket */
.welcomeblock .user-panel ul.dropit-submenu:not(.dropit-open):not(.dropit-open ul),
.main-header .user-panel ul.dropit-submenu:not(.dropit-open):not(.dropit-open ul) {
	opacity: 0 !important; /* Görünmez */
	visibility: hidden !important; /* Gizli */
	transform: translateX(-50%) translateY(-10px) !important; /* Yukarıda */
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out !important;
}

    .welcomeblock span {
        color: #e52b2c;
    }

    #login-modal {
        display: none !important;
        position: absolute;
        background: #36383E;
        height: 255px;
        width: 270px;
        margin-top: 50px;
        border: 1px solid rgba(0,0,0,0.1);
        z-index: 9999;
        border-radius: 2px;
        box-shadow: 0 0 3px rgba(0,0,0,0.5);
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* Login modal açık olduğunda */
    #login-modal.active,
    #login-modal.show,
    #login-modal[style*="display: block"],
    #login-modal[style*="display:flex"] {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* Login modal kapatma butonu */
    #login-modal .close,
    #login-modal .close-btn,
    #login-modal .modal-close,
    #login-modal::after {
        content: '×';
        position: absolute;
        top: 5px;
        right: 10px;
        font-size: 24px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        z-index: 10000;
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        transition: background 0.3s ease;
    }

    #login-modal .close:hover,
    #login-modal .close-btn:hover,
    #login-modal .modal-close:hover,
    #login-modal::after:hover {
        background: rgba(0, 0, 0, 0.5);
    }

    #login-modal::before {
        width: 0;
        height: 0;
        display: block;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #36383E;
        content: '';
        position: absolute;
        top: -10px;
        left: 45px;
    }

    #login-modal h1 {
        padding-top: 13px;
        font-size: 17px;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        font-weight: 100;
    }

    #login-modal i {
        background: #e52b2c;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 1px;
        height: 30px;
        width: 30px;
        text-align: center;
        line-height: 30px;
        color: #fff;
        float: left;
        margin: 10px;
        border-radius: 1px;
    }

    #login-modal .input-wraper {
        position: relative;
        margin: 10px;
    }

    #login-modal .input-wraper .txt-icon {
        position: absolute;
        font-size: 14px;
        top: 14px;
        left: 15px;
    }

    #login-modal .input-wraper input.txt-field {
        width: 218px;
        padding-left: 15px;
        border: 1px solid #2a2b30;
        background: #2a2b30;
    }

    #login-modal button {
        width: 100%;
        background: #e52b2c;
    }

    #login-modal button:hover {
        width: 100%;
        background: #c21e1f;
    }

    #login-modal .checkbox {
        margin: 10px 0px;
    }

    #login-modal .checkbox p {
        margin-left: 16px;
    }

    #login-modal ul.login-menu {
        margin: 5px 10px;
        text-align: center;
    }

    #login-modal ul.login-menu li {
        display: block;
        margin-top: 5px;
    }

    #login-modal ul.login-menu li a {
        background: none!important;
    }

    .dropit {
        list-style: none;
        padding: 0;
        margin: 0;
        position: relative;
        z-index: 10000;
    }

    .dropit .dropit-trigger {
        position: relative;
        font-size: 17px;
        line-height: 60px;
        margin-left: 10px;
    }

    .dropit .dropit-trigger a {
        color: #fff;
    }

    .dropit .dropit-trigger i {
        color: #fff;
    }

    .dropit .dropit-submenu {
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 99999 !important;
        display: none;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .dropit .dropit-open .dropit-submenu,
    /* Dropdown menü açık olduğunda - genel stiller */
    .user-panel ul.dropit-open,
    .user-panel ul.dropit-submenu.dropit-open,
    .user-panel .dropit-open ul,
    .user-panel .dropit-open .dropit-submenu,
    .dropit.dropit-open .dropit-submenu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 999999 !important;
        position: absolute !important;
    }
    
    /* Header'daki dropdown için özel animasyon - fade in ve aşağı hareket */
    .main-header .user-panel ul.dropit-open,
    .main-header .user-panel ul.dropit-submenu.dropit-open,
    .main-header .user-panel .dropit-open ul,
    .main-header .user-panel .dropit-open .dropit-submenu,
    .welcomeblock .user-panel ul.dropit-open,
    .welcomeblock .user-panel ul.dropit-submenu.dropit-open,
    .welcomeblock .user-panel .dropit-open ul,
    .welcomeblock .user-panel .dropit-open .dropit-submenu {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateX(-50%) translateY(0) !important; /* Ortalanmış ve normal pozisyonda */
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out !important;
    }

.user-drop {
	width: auto !important; /* Genişlik otomatik, içeriğe göre */
	max-width: 250px !important; /* Maksimum genişlik */
	position: relative;
	z-index: 99999 !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	box-sizing: border-box !important;
}


/* Position user dropdown in main menu area using fixed positioning */
.main-body-menu {
	position: relative !important;
}

/* Eski user dropdown tanımları kaldırıldı - yukarıdaki yeni tanımlar kullanılıyor */

/* Show user dropdown in main menu areas if it exists there */
.main-body-menu .user-drop,
.main-menu .user-drop {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: absolute !important;
	right: 20px !important;
	top: 0 !important;
	height: 54px !important;
	line-height: 54px !important;
	z-index: 9998 !important;
	width: auto !important;
}


.main-body-menu .user-panel,
.main-menu .user-panel {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	height: 54px !important;
	line-height: 54px !important;
	z-index: 9998 !important;
}


.main-body-menu .user-panel a {
	line-height: 54px !important;
	height: 54px !important;
	padding: 0 15px !important;
	color: #fff !important;
	display: block !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	font-size: 13px !important;
}

.main-body-menu .user-panel a:hover {
	background: rgba(229, 43, 44, 0.2) !important;
	color: #e52b2c !important;
}

/* Position dropdown menu correctly */
.welcomeblock .user-panel ul.dropit-submenu,
.main-header .user-panel ul.dropit-submenu,
.main-body-menu .user-panel ul.dropit-submenu,
.main-menu .user-panel ul.dropit-submenu {
	top: 54px !important;
	right: 0 !important;
	left: auto !important;
	z-index: 9999 !important;
	margin-top: 0 !important;
}



    .user-drop .user-info img {
        border-radius: 8px !important; /* Biraz rounded (circle değil) */
        height: 40px;
        width: 40px;
        margin-top: 10px;
        float: left;
        background: #e52b2c;
        border: none !important; /* Border kaldırıldı */
        outline: none !important; /* Outline kaldırıldı */
        box-shadow: none !important; /* Box-shadow kaldırıldı */
    }

    .user-panel ul {
        display: none;
        position: relative;
        z-index: 10000;
    }

    /* Force popup to show when opened */
    .user-panel ul.dropit-open,
    .user-panel ul.dropit-submenu.dropit-open,
    .user-panel .dropit-open ul,
    .user-panel .dropit-open .dropit-submenu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 999999 !important;
        position: absolute !important;
    }

    .user-panel ul.dropit-submenu {
        background: #36383E !important;
        padding: 5px 0px;
        width: 250px;
        margin-top: 0px;
        border: 1px solid rgba(0,0,0,0.1);
        box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.2) !important;
        border-radius: 2px;
        padding: 5px;
        position: absolute !important;
        z-index: 999999 !important;
        display: block !important;
        visibility: visible !important;
    }

    .user-drop,
    .user-panel,
    .dropit {
        z-index: 999999 !important;
    }

    /* Force popup to show - multiple selector combinations */
    .user-panel ul.dropit-open,
    .user-panel ul.dropit-submenu,
    .user-panel .dropit-open ul,
    .user-panel .dropit-open .dropit-submenu,
    .user-panel li.dropit-open ul,
    .dropit-open .dropit-submenu,
    .dropit.dropit-open .dropit-submenu {
        z-index: 999999 !important;
        position: absolute !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .user-panel ul.dropit-submenu ::before {
        width: 0;
        height: 0;
        display: block;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #36383E;
        content: '';
        position: absolute;
        top: -10px;
        left: 80%;
    }

    .user-panel ul.dropit-submenu h2 {
        background: #2a2b30;
        font-size: 15px;
        height: 30px;
        line-height: 30px;
        padding: 0px 5px;
        font-weight: 100;
        color: #fff;
    }

    .user-panel ul.dropit-submenu a {
        display: block;
        font-size: 15px;
        line-height: 40px;
        color: #fff;
        padding: 0 5px;
    }

    .user-panel ul.dropit-submenu a:hover {
        background: rgba(0,0,0,0.1);
        color: #fff;
        text-decoration: none;
    }

    /* Eski logo kaldırıldı - header'daki logo kullanılıyor */

    #search {
        border: 0;
        padding: 0;
        margin: 0;
        float: right;
        vertical-align: middle;
    }

    #search input.button, #search input.textbox {
        border-color: #36383E;
    }

    #search input.button {
        background: #e52b2c url(../../../images/thead.png) top left repeat-x;
        color: #fff;
    }

    #search input {
        margin: -3px 0;
    }

    .forums {
        width: 75%;
    }

    .forums-content {
        padding: 20px;
        background: #36383E;
        border-radius: 1px;
    }

    .main-aside {
        width: 24%;
    }

    .footer {
        background: none !important;
        background-image: none !important;
        height: 200px;
    }

    .footer-menu {
        background-color: #36383E;
        height: 60px;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        border-bottom: 1px solid #2a2b30;
        border-top: 1px solid #2a2b30;
    }

    .footer-menu .links {
        float: right;
        line-height: 60px;
    }

    .footer-menu .links a {
        margin-left: 20px;
        font-size: 14px;
        font-weight: 300;
        color: inherit;
        text-transform: uppercase;
    }

    .footer-menu .links a:hover {
        color: #e52b2c;
    }

    .footer-top {
        margin-top: 50px;
        text-align: center;
    }

    .footer-top a {
        display: inline-block;
        padding: 10px 11px 12px;
        background: rgba(255,255,255,0.1);
        border-radius: 2px;
        color: #fff;
        transition: all 0.2s;
    }

    .footer-top a:hover, footer .top a:focus {
        color: #fff;
    }

    .footer-mybb {
        margin-top: -35px;
        font-size: 13px;
        color: #fff;
    }

    .footer-coding {
        margin-top: -65px;
        font-size: 13px;
        color: #fff;
        text-align: right;
    }

    .footer-mybb a, .footer-coding a {
        color: #fff;
    }

    .scaleimages img {
        max-width: 100%;
    }

    .forum_status {
        height: 50px;
        width: 50px;
        font-size: 35px;
        text-align: center;
    }

    .forum_status i {
        display: inline-block;
        line-height: 50px;
    }

    .forum_on {
        color: #e52b2c;
    }

    .forum_off, .forum_offlock, .forum_offlink {
        color: #fff;
    }

    .forum_off i {
        opacity: .4;
    }

    .forum_offlock i:before {
        content: "\f023";
    }

    .forum_offlink i:before {
        content: "\f0c1";
    }

    .tborder-name {
        margin-left: 50px;
        line-height: 38px;
    }

    .color-theme {
        color: #fff;
        font-size: 13px;
    }

    .subforumicon {
        height: 10px;
        width: 10px;
        display: inline-block;
        margin: 0 5px;
        background: url(../../../images/mini_status_sprite.png) no-repeat 0 0;
    }

    .subforum_minion {
        background-position: 0 0;
    }

    .subforum_minioff {
        background-position: 0 -10px;
    }

    .subforum_miniofflock {
        background-position: 0 -20px;
    }

    .subforum_miniofflink {
        background-position: 0 -30px;
    }

    table {
        color: #fff;
        font-size: 13px;
    }

    .tfixed {
        table-layout: fixed;
        word-wrap: break-word;
    }

    .tborder {
        background: #36383E;
        padding: 6px;
        border-radius: 2px;
        width: 100%;
        margin: auto auto;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        border: 1px solid #36383E;
        position: relative;
        z-index: 0;
    }

    .thead {
        position: relative;
        height: 38px;
        line-height: 38px;
        padding: 0 4px 0 4px;
        color: #fff;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        text-transform: uppercase;
        font-size: 15px;
        border-radius: 1px;
    }

    .thead a:link {
        color: #fff;
        text-decoration: none;
    }

    .thead a:visited {
        color: #fff;
        text-decoration: none;
    }

    .thead a:hover, .thead a:active {
        color: #e52b2c;
        text-decoration: none;
    }

    .cat-icon {
        width: 40px;
        height: 40px;
        background: #e52b2c;
        border-radius: 2px;
        margin-right: 10px;
        box-shadow: 0 0 6px rgba(0,0,0,0.5);
        margin-left: -4px;
    }

    .cat-icon i {
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        color: #fff;
    }

    .cat-icon::before {
        font-size: 16px;
        color: #fff;
        font-family: unset !important; /* Icon font'un kendi font-family'sini kullan - Red Hat Display'i override et */
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: inline-block;
    }

    a.cat-link {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 900;
        height: 40px;
        line-height: 40px;
        letter-spacing: 1px;
    }

    .expcolimage {
        float: right;
        width: 38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        vertical-align: middle;
        background: rgba(0, 0, 0, 0.1);
        border-radius: 2px;
        margin-right: -4px;
    }

    .expcolimage:hover {
        background: rgba(229, 43, 44, 0.2);
    }

    .expcolimage img {
        padding: 12px 0px;
    }

    .tcat {
        color: #fff;
        background: #2a2b30;
        border-top: 1px solid #e52b2c;
        border-bottom: 1px solid #e52b2c;
        padding: 6px;
        font-size: 12px;
        text-transform: uppercase;
    }

    .tcat a:link {
        color: #fff;
    }

    .tcat a:visited {
        color: #fff;
    }

    .tcat a:hover, .tcat a:active {
        color: #e52b2c;
    }

    .trow1 {
        padding: 10px;
        border-bottom: 1px solid #2a2b30;
        font-size: 16px;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        line-height: 1.3;
        color: #fff;
        background: #36383E;
    }

    .trow1:hover {
        background: rgba(229, 43, 44, 0.1);
    }

    .trow2 {
        padding: 10px;
        border-bottom: 1px solid #2a2b30;
        font-size: 16px;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        line-height: 1.3;
        color: #fff;
        background: #2a2b30;
    }

    .trow2:hover {
        background: rgba(229, 43, 44, 0.15);
    }

    .trow_shaded {
        color: #fff;
    }

    .no_bottom_border {
        border-bottom: 0;
    }

    .author_statistics {
        font-size: 12px;
        text-align: left;
        margin: 5px auto 0 auto;
        width: 100%;
    }

    .author_statistics>div {
        height: 20px;
        background: #36383E;
        color: #fff;
        line-height: 20px;
        font-size: 12px;
        text-align: left;
        margin: 4px 0px;
    }

    .author_statistics i {
        background: #e52b2c;
        color: #fff;
        width: 20px;
        height: 20px;
        line-height: inherit;
        font-size: 12px;
        text-align: center;
        margin-right: 4px;
        margin-right: 10px;
        float: left;
        text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
    }

    .author_statistics>div:hover {
        background: rgba(229, 43, 44, 0.2);
    }

    .author_statistics>div span {
        background: #36383E;
        float: right;
        height: 20px;
        min-width: 10px;
        padding: 0 5px;
        text-align: center;
        color: #fff;
        font-weight: 200;
    }

    .post.unapproved_post {
        background: #ffe6e6;
        border-left: 3px solid #e52b2c;
    }

    .post.unapproved_post .post_author {
        border-bottom-color: #e52b2c;
    }

    .post.classic.unapproved_post .post_author {
        border-color: #e52b2c;
    }

    .post.unapproved_post .post_controls {
        border-top-color: #e52b2c;
    }

    .trow_deleted, .post.deleted_post {
        background: #ffcccc;
        border-left: 3px solid #c21e1f;
    }

    .trow_selected, tr.trow_selected td {
        color: #fff;
        background: rgba(229, 43, 44, 0.1);
        border-right-color: #e52b2c;
        border-bottom-color: #e52b2c;
    }

    .trow_selected a:link, .trow_selected a:visited, .trow_selected a:hover, .trow_selected a:active {
        color: #fff;
    }

    .trow_sep {
        color: #fff;
        border-bottom: 1px solid #2a2b30;
        padding: 6px;
        font-size: 12px;
        text-transform: uppercase;
    }

    .tfoot {
        padding: 6px;
        background: #36383E;
        color: #fff;
    }

    .tfoot a:link {
        color: #fff;
        text-decoration: none;
    }

    .tfoot a:visited {
        color: #fff;
        text-decoration: none;
    }

    .tfoot a:hover, .tfoot a:active {
        color: #e52b2c;
        text-decoration: underline;
    }

    .thead input.textbox, .thead select {
        border: 1px solid #2a2b30;
    }

    .bottommenu {
        background: #36383E;
        color: #fff;
        border: 1px solid #2a2b30;
        padding: 10px;
    }

    .navigation {
        color: #fff;
        font-size: 12px;
    }

    .navigation a:link {
        text-decoration: none;
    }

    .navigation a:visited {
        text-decoration: none;
    }

    .navigation a:hover, .navigation a:active {
        color: #e52b2c;
        text-decoration: underline;
    }

    .navigation .active {
        color: #fff;
        font-size: small;
        font-weight: bold;
    }

    .smalltext {
        font-size: 11px;
        color: #fff;
    }

    .largetext {
        font-size: 16px;
        font-weight: bold;
    }

    fieldset {
        padding: 12px;
        border: 1px solid #2a2b30;
        margin: 0;
    }

    fieldset.trow1, fieldset.trow2 {
        border-color: #2a2b30;
    }

    fieldset.align_right {
        text-align: left;
    }

    input.textbox {
        background: #36383E;
        color: #fff;
        border: 3px solid rgba(0,0,0,0.3);
        padding: 5px;
        outline: 0;
        font-size: 13px;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    }

    textarea {
        background: #36383E;
        color: #fff;
        border: 3px solid rgba(0,0,0,0.3);
        padding: 5px;
        line-height: 1.4;
        outline: 0;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        font-size: 13px;
    }

    select {
        background: #36383E;
        padding: 5px;
        border: 3px solid rgba(0,0,0,0.3);
        outline: 0;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        font-size: 13px;
        color: #fff;
    }

    button, input.button {
        padding: 8px;
        cursor: pointer;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        font-size: 13px;
        background: #e52b2c;
        border: none;
        color: #fff;
        outline: 0;
    }

    button:hover, input.button:hover {
        background: #c21e1f;
    }

    form {
        margin: 0;
        padding: 0;
    }

    input.error, textarea.error, select.error {
        border: 1px solid #e52b2c;
        color: #e52b2c;
    }

    input.valid, textarea.valid, select.valid {
        border: 1px solid #e52b2c;
    }

    label.error {
        color: #f30;
        margin: 5px;
        padding: 0px;
        display: block;
        font-weight: bold;
        font-size: 11px;
    }

    form #message {
        width: 500px;
    }

    .editor {
        background: #36383E;
        border: 1px solid #2a2b30;
    }

    .editor_control_bar {
        background: #36383E;
        border: 1px solid #2a2b30;
    }

    .post .editor_control_bar {
        background: #36383E;
    }

    .trow_reputation_positive {
        background: #ffe6e6;
        border-left: 3px solid #e52b2c;
    }

    .trow_reputation_negative {
        background: #ffcccc;
        border-left: 3px solid #c21e1f;
    }

    .reputation_positive {
        color: #e52b2c;
    }

    .reputation_neutral {
        color: #fff;
    }

    .reputation_negative {
        color: #c21e1f;
    }

    .repbox {
        font-size: 16px;
        font-weight: bold;
        padding: 5px 7px 5px 7px;
    }

    ._neutral {
        background-color: #36383E;
        color: #fff;
        border: 1px solid #2a2b30;
    }

    ._minus {
        background-color: #ffcccc;
        color: #c21e1f;
        border: 1px solid #c21e1f;
    }

    ._plus {
        background: linear-gradient(135deg, #ffe6e6 0%, #ffcccc 100%);
        color: #e52b2c;
        border: 1px solid #e52b2c;
    }

    img {
        border: none;
    }

    img.attachment {
        border: 1px solid #2a2b30;
        padding: 2px;
    }

    hr {
        background-color: #36383E;
        color: #fff;
        height: 1px;
        border: 0px;
    }

    .clear {
        clear: both;
    }

    .float_left {
        float: left;
    }

    .float_right {
        float: right;
    }

    .hidden {
        display: none;
        float: none;
        width: 1%;
    }

    .hiddenrow {
        display: none;
    }

    .selectall {
        background: #2a2b30;
        border-bottom: 1px solid #e52b2c;
        color: #fff;
        text-align: center;
    }

    .tcat_menu > .expcolimage {
        margin-top: 0;
    }

    .codeblock {
        background: #36383E;
        border-left: 3px solid #e52b2c;
        padding: 10px;
        border-radius: 2px;
    }

    .codeblock .title {
        border-bottom: 1px solid #2f2f2f;
        font-weight: bold;
        padding-bottom: 3px;
        margin: 0 0 10px 0;
    }

    .codeblock code {
        overflow: auto;
        height: auto;
        max-height: 200px;
        display: block;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        font-size: 13px;
    }

    .smilie {
        vertical-align: middle;
    }

    .smilie_pointer {
        cursor: pointer;
    }

    .separator {
        margin: 5px;
        padding: 0;
        height: 0px;
        font-size: 1px;
        list-style-type: none;
    }

    .popup_menu {
        background: #36383E;
        border: 1px solid #2a2b30;
    }

    .popup_menu .popup_item {
        background: #36383E;
        color: #fff;
    }

    .popup_menu .popup_item:hover {
        background: #e52b2c;
        color: #fff;
    }

    .popup_menu .popup_item_container {
        margin: 1px;
        text-align: left;
    }

    .popup_menu .popup_item {
        background: #36383E;
        color: #fff;
        display: block;
        padding: 4px;
        white-space: nowrap;
        text-decoration: none;
    }

    .popup_menu a.popup_item:hover {
        text-decoration: none;
        background: #e52b2c;
    }

    .subject_new {
        font-weight: bold;
    }

    .highlight {
        background: #e52b2c;
        color: #fff;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .pm_alert {
        background: #e52b2c;
        text-align: center;
        padding: 10px;
        margin-bottom: 15px;
        font-size: 12px;
        border-radius: 2px;
        color: #fff;
    }

    .pm_alert a:link, .pm_alert a:visited, .pm_alert a:hover, .pm_alert a:active {
        color: #fff;
    }

    .red_alert {
        background: #c21e1f;
        text-align: center;
        padding: 10px;
        margin-bottom: 15px;
        font-size: 12px;
        border-radius: 2px;
        word-wrap: break-word;
        color: #fff;
        border-left: 3px solid #e52b2c;
    }

    .red_alert a:link, .red_alert a:visited, .red_alert a:hover, .red_alert a:active {
        color: #fff;
    }

    .high_warning {
        color: #CC0000;
    }

    .moderate_warning {
        color: #F3611B;
    }

    .low_warning {
        color: #AE5700;
    }

    .online {
        color: #e52b2c;
    }

    .offline {
        color: #C7C7C7;
    }

    div.error {
        padding: 5px 10px;
        border: 5px solid rgba(0,0,0,0.5);
        background: #36383E;
        font-size: 12px;
    }

    div.error p {
        margin: 0;
        color: #fff;
        font-weight: 100;
    }

    div.error p em {
        font-style: normal;
        padding-left: 24px;
        display: block;
        color: #C00;
        background: url(../../../images/error.png) no-repeat 0;
        font-size: 15px;
    }

    div.error ul {
        margin-left: 24px;
    }

    .pagination {
        font-size: 11px;
        padding-top: 10px;
        margin-bottom: 5px;
    }

    .tfoot .pagination, .tcat .pagination {
        padding-top: 0;
    }

    .pagination .pages {
        font-weight: bold;
    }

    .pagination .pagination_current, .pagination a {
        padding: 3px 6px;
        margin-bottom: 3px;
    }

    .pagination a {
        background: #36383E;
        border: 1px solid #2a2b30;
    }

    .pagination .pagination_current {
        background: none;
        color: #fff;
        border: none;
        font-weight: bold;
    }

    .pagination a:hover {
        background: #e52b2c;
        color: #fff;
        border-color: #263c30;
        text-decoration: none;
    }

    .pagination .go_page img {
        margin-bottom: -4px;
    }

    .drop_go_page {
        background: #36383E;
        padding: 4px;
    }

    .pagination_breadcrumb {
        background-color: #efefef;
        border: 1px solid #2a2b30;
        outline: 1px solid #2a2b30;
        padding: 5px;
        margin-top: 5px;
        font-weight: normal;
    }

    .pagination_breadcrumb_link {
        vertical-align: middle;
        cursor: pointer;
    }

    .thread_legend, .thread_legend dd {
        padding: 6px;
    }

    .thread_legend dd {
        padding-bottom: 4px;
        background: #36383E;
        margin-right: 15px;
        border-radius: 2px;
        margin: 2px;
    }

    .thread_legend img {
        margin-right: 4px;
        vertical-align: bottom;
    }

    .forum_legend, .forum_legend dt, .forum_legend dd {
        margin: 0;
        padding: 0;
    }

    .forum_legend dd {
        float: left;
        margin-right: 10px;
        margin-top: 7px;
    }

    .forum_legend dt {
        margin-right: 10px;
        float: left;
    }

    .success_message {
        color: #e52b2c;
        font-weight: bold;
        font-size: 10px;
        margin-bottom: 10px;
    }

    .error_message {
        color: #C00;
        font-weight: bold;
        font-size: 10px;
        margin-bottom: 10px;
    }

    #posts_container {
        padding: 0;
    }

    .ignored_post {
        border-top: 3px solid #2a2b30;
        padding: 15px;
    }

    .ignored_post .show_ignored_post {
        margin-top: -15px;
    }

    .ignored_post .show_ignored_post a.button span {
        background-position: 0 -400px;
    }

    .post_star {
        background: #36383E;
        padding: 10px;
        float: left;
        margin-bottom: 10px;
        border-radius: 2px;
    }

    .member-avatar img {
        margin: 10px;
        border: 5px solid #1b1b1b;
    }

    .usericon-online {
        float: left;
        margin-top: -7px;
        margin-right: 5px;
        font-size: 12px;
        color: #fff;
    }

    .post_rang {
        background: #e52b2c;
        color: #fff;
        padding: 4px;
        font-size: 13px;
        text-transform: uppercase;
        border-radius: 2px;
    }

    .post {
        overflow: hidden;
    }

    .post.classic {
        padding-top: 15px;
    }

    .post .post_author {
        background: #36383E;
        padding: 5px;
        overflow: hidden;
    }

    .post.classic .post_author {
        float: left;
        width: 15%;
        margin: 0 1% 15px 0;
        padding: 15px 10px;
        border-radius: 2px;
    }

    .post .post_author .buddy_status {
        vertical-align: middle;
        margin-top: -4px;
    }

    .post .post_author div.author_avatar {
        float: left;
        margin-right: 3px;
    }

    .post.classic .post_author div.author_avatar {
        float: none;
        text-align: center;
        margin-bottom: 8px;
    }

    .post .post_author div.author_avatar img {
        padding: 1px;
        border: 2px solid #e52b2c;
        background: #e52b2c;
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }

    .post .post_author div.author_information {
        float: left;
        padding: 6px 8px;
    }

    .post.classic .post_author div.author_information {
        float: none;
        padding: 0;
        text-align: center;
    }

    .post .post_head {
        font-size: 11px;
        padding: 5px 0px;
        border-bottom: 1px solid #2a2b30;
        margin-bottom: 4px;
        font-size: 13px;
    }

    .post .post_head span.post_date {
        color: #fff;
    }

    .post .post_head span.edited_post {
        font-size: 13px;
        color: #fff;
    }

    .post .post_head span.edited_post a {
        color: #fff;
    }

    .post_body {
        font-size: 14px;
        padding: 12px 0;
        color: #fff;
    }

    .post.classic .post_content {
        float: left;
        width: 79%;
        padding: 0 1% 5px 1%;
    }

    .post_content {
        padding: 9px 10px 5px 10px;
    }

    .post_content .signature {
        margin-top: 5px;
        border-top: 1px dotted #2a2b30;
        padding: 10px 0 4px 0;
    }

    .post .post_meta {
        margin: 4px 0;
        font-size: 11px;
        color: #fff;
    }

    .post .post_meta a:link, .post .post_meta a:visited {
        color: #fff;
    }

    .post .post_meta a:hover, .post .post_meta a:active {
        color: #e52b2c;
    }

    .post_controls {
        clear: both;
        padding: 5px;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .postbit_buttons > a:link, .postbit_buttons > a:hover, .postbit_buttons > a:visited, .postbit_buttons > a:active {
        display: inline-block;
        padding: 9px;
        margin: 1px;
        font-size: 13px;
        background: #36383E;
        border: 1px solid #2a2b30;
        border-radius: 2px;
        color: #fff;
    }

    .postbit_buttons > a:hover {
        border-color: #e52b2c;
        background: rgba(229, 43, 44, 0.2);
    }

    a.button:link, a.button:hover, a.button:visited, a.button:active {
        background: #e52b2c;
        color: #fff;
        display: inline-block;
        padding: 8px;
        margin: 2px 2px 6px 2px;
        border: 1px solid #36383E;
        font-size: 14px;
    }

    a.button.small_button {
        font-size: 13px;
        margin: 0;
        padding: 3px 6px;
    }

    a.button span {
        padding-left: 20px;
        display: inline-block;
        background-image: url(../../../images/buttons_sprite.png);
        background-repeat: no-repeat;
    }

    a.button.new_thread_button span {
        background-position: 0 -340px;
    }

    a.button.new_reply_button span {
        background-position: 0 -360px;
    }

    a.button.closed_button span {
        background-position: 0 -380px;
    }

    a.button.rate_user_button span {
        background-position: 0 -400px;
    }

    a.button.add_buddy_button span {
        background-position: 0 -440px;
    }

    a.button.remove_buddy_button span {
        background-position: 0 -480px;
    }

    a.button.add_ignore_button span {
        background-position: 0 -460px;
    }

    a.button.remove_ignore_button span {
        background-position: 0 -500px;
    }

    a.button.report_user_button span {
        background-position: 0 -520px;
    }

    .quick_jump {
        background: url(../../../images/jump.png) no-repeat 0;
        width: 13px;
        height: 13px;
        padding-left: 13px;
        margin-top: -3px;
        border: none;
    }

    .pollbar {
        background: url(../../../images/pollbar.png) top left repeat-x;
        border: 1px solid #3f3f3f;
        height: 10px;
    }

    .pollbar .percent {
        display: none;
    }

    .posticons_label {
        white-space: nowrap;
    }

    .bottom_usercp ul>li>a {
        background: #36383E;
        width: 180px;
        color: #fff;
        display: inline-block;
        padding: 15px 10px;
        text-align: left;
        border-radius: 2px;
        margin-bottom: 4px;
        font-size: 13px;
        margin-right: 5px;
    }

    .bottom_usercp ul>li>a i {
        font-size: 20px;
        margin-right: 10px;
    }

    .bottom_usercp ul>li>a:hover {
        background: #e52b2c;
        color: #fff;
    }

    .member_profile {
    }

    .member_generally {
        background: #36383E;
        border-radius: 2px;
        padding: 10px;
        float: left;
        width: 49%;
    }

    .member_generally .avatar img {
        border-radius: 50%;
        border: 5px solid #36383E;
    }

    .forum-stats {
    }

    .forum-stats h2 {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 200;
        color: #d2d2d2;
        padding: 5px 15px 10px 15px;
    }

    .border-grey {
        border-bottom: dashed 1px #343434;
    }

    .boardstats {
        margin: 10px auto;
        text-align: center;
    }

    .boardstats>ul>li {
        width: 18%;
        display: block;
        float: left;
        margin: 1%;
        padding: 5px 0px;
        border-bottom: 3px solid #e52b2c;
    }

    .boardstats>ul li.last-child {
        box-shadow: none;
    }

    .boardstats>ul>li p {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .boardstats p.largetext {
        font-size: 24px;
        color: #fff;
        font-weight: 100;
    }

    .boardstats p.smalltext {
        font-size: 13px;
        color: #fff;
        text-transform: uppercase;
    }

    .forum-statsbox p {
        padding: 3px 15px;
    }

    .forum-statsbox {
        padding: 10px 0;
    }

    .thead_stats {
        padding: 6px 0px 5px 5px;
        font-size: 15px;
        color: #fff;
        font-weight: 200;
        text-transform: uppercase;
    }

    .stats_trow {
        padding: 10px 0px;
        color: #fff;
    }

    .stats_icon {
        background: #e52b2c;
        width: 40px;
        height: 40px;
        text-align: center;
        margin-right: 10px;
        border-radius: 2px;
    }

    .stats_trow i {
        line-height: 40px;
        font-size: 16px;
        color: #fff;
    }

    .hint, [data-hint] {
        position: relative;
        display: inline-block;
    }

    .hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
        position: absolute;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: hidden;
        opacity: 0;
        z-index: 1000000;
        pointer-events: none;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        transition: 0.3s ease;
        -webkit-transition-delay: 0ms;
        -moz-transition-delay: 0ms;
        transition-delay: 0ms;
    }

    .hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
        visibility: visible;
        opacity: 1;
    }

    .hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
        -webkit-transition-delay: 100ms;
        -moz-transition-delay: 100ms;
        transition-delay: 100ms;
    }

    .hint:before, [data-hint]:before {
        content: '';
        position: absolute;
        background: transparent;
        border: 6px solid transparent;
        z-index: 1000001;
    }

    .hint:after, [data-hint]:after {
        content: attr(data-hint);
        background: #36383E;
        color: #fff;
        padding: 8px 10px;
        font-size: 12px;
        line-height: 13px;
        white-space: nowrap;
    }

    .hint--top:before {
        border-top-color: #36383E;
    }

    .hint--bottom:before {
        border-bottom-color: #36383E;
    }

    .hint--left:before {
        border-left-color: #36383E;
    }

    .hint--right:before {
        border-right-color: #36383E;
    }

    .hint--top:before {
        margin-bottom: -12px;
    }

    .hint--top:after {
        margin-left: -18px;
    }

    .hint--top:before, .hint--top:after {
        bottom: 100%;
        left: 50%;
    }

    .hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    .hint--bottom:before {
        margin-top: -12px;
    }

    .hint--bottom:after {
        margin-left: -18px;
    }

    .hint--bottom:before, .hint--bottom:after {
        top: 100%;
        left: 50%;
    }

    .hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before {
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
        transform: translateY(8px);
    }

    .hint--right:before {
        margin-left: -12px;
        margin-bottom: -6px;
    }

    .hint--right:after {
        margin-bottom: -14px;
    }

    .hint--right:before, .hint--right:after {
        left: 100%;
        bottom: 50%;
    }

    .hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before {
        -webkit-transform: translateX(8px);
        -moz-transform: translateX(8px);
        transform: translateX(8px);
    }

    .hint--left:before {
        margin-right: -12px;
        margin-bottom: -6px;
    }

    .hint--left:after {
        margin-bottom: -14px;
    }

    .hint--left:before, .hint--left:after {
        right: 100%;
        bottom: 50%;
    }

    .hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before {
        -webkit-transform: translateX(-8px);
        -moz-transform: translateX(-8px);
        transform: translateX(-8px);
    }

    .hint, [data-hint] {
    }

    .hint:after, [data-hint]:after {
        text-shadow: 0 -1px 0px black;
        box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    }

    .hint--error:after {
        background-color: #b34e4d;
        text-shadow: 0 -1px 0px #592726;
    }

    .hint--error.hint--top:before {
        border-top-color: #b34e4d;
    }

    .hint--error.hint--bottom:before {
        border-bottom-color: #b34e4d;
    }

    .hint--error.hint--left:before {
        border-left-color: #b34e4d;
    }

    .hint--error.hint--right:before {
        border-right-color: #b34e4d;
    }

    .hint--warning:after {
        background-color: #c09854;
        text-shadow: 0 -1px 0px #6c5328;
    }

    .hint--warning.hint--top:before {
        border-top-color: #c09854;
    }

    .hint--warning.hint--bottom:before {
        border-bottom-color: #c09854;
    }

    .hint--warning.hint--left:before {
        border-left-color: #c09854;
    }

    .hint--warning.hint--right:before {
        border-right-color: #c09854;
    }

    .hint--info:after {
        background-color: #3986ac;
        text-shadow: 0 -1px 0px #193b4d;
    }

    .hint--info.hint--top:before {
        border-top-color: #3986ac;
    }

    .hint--info.hint--bottom:before {
        border-bottom-color: #3986ac;
    }

    .hint--info.hint--left:before {
        border-left-color: #3986ac;
    }

    .hint--info.hint--right:before {
        border-right-color: #3986ac;
    }

    .hint--success:after {
        background-color: #458746;
        text-shadow: 0 -1px 0px #1a321a;
    }

    .hint--success.hint--top:before {
        border-top-color: #458746;
    }

    .hint--success.hint--bottom:before {
        border-bottom-color: #458746;
    }

    .hint--success.hint--left:before {
        border-left-color: #458746;
    }

    .hint--success.hint--right:before {
        border-right-color: #458746;
    }

    .hint--always:after, .hint--always:before {
        opacity: 1;
        visibility: visible;
    }

    .hint--always.hint--top:after, .hint--always.hint--top:before {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    .hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
        transform: translateY(8px);
    }

    .hint--always.hint--left:after, .hint--always.hint--left:before {
        -webkit-transform: translateX(-8px);
        -moz-transform: translateX(-8px);
        transform: translateX(-8px);
    }

    .hint--always.hint--right:after, .hint--always.hint--right:before {
        -webkit-transform: translateX(8px);
        -moz-transform: translateX(8px);
        transform: translateX(8px);
    }

    .hint--rounded:after {
        border-radius: 2px;
    }

    .hint--no-animate:before, .hint--no-animate:after {
        -webkit-transition-duration: 0ms;
        -moz-transition-duration: 0ms;
        transition-duration: 0ms;
    }

    .hint--bounce:before, .hint--bounce:after {
        -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    }

    .ie6 {
        position: absolute;
    }

    .ie6.top-right {
        right: auto;
        bottom: auto;
        left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
        top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    }

    .ie6.top-left {
        left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
        top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    }

    .ie6.bottom-right {
        left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
        top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    }

    .ie6.bottom-left {
        left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
        top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    }

    .ie6.center {
        left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
        top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
        width: 100%;
    }

    .jGrowl {
        position: fixed;
        font-size: 12px;
        color: #fff;
        z-index: 9999;
    }

    .jGrowl.top-left {
        top: 0;
        left: 0;
    }

    .jGrowl.top-right {
        top: 0;
        right: 0;
    }

    .jGrowl.bottom-left {
        bottom: 0;
        left: 0;
    }

    .jGrowl.bottom-right {
        bottom: 0;
        right: 0;
    }

    .jGrowl.center {
        top: 0;
        left: 25%;
        width: 50%;
    }

    .center .jGrowl-notification, .center .jGrowl-closer {
        margin-left: auto;
        margin-right: auto;
    }

    .jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer {
        display: none;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 10px;
        width: 235px;
        background-color: #36383E;
        border-radius: 2px;
        font-size: 1em;
        text-align: left;
        opacity: .85;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
        zoom: 1;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    }

    .jGrowl .jGrowl-notification {
        min-height: 40px;
    }

    .jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer {
        margin: 10px;
    }

    .jGrowl .jGrowl-notification .jGrowl-header {
        font-size: .85em;
        font-weight: bold;
    }

    .jGrowl .jGrowl-notification .jGrowl-close {
        float: right;
        font-size: 1em;
        font-weight: bold;
        cursor: pointer;
        z-index: 99;
    }

    .jGrowl .jGrowl-closer {
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: .9em;
        font-weight: bold;
        text-align: center;
        cursor: pointer;
    }

    @media print {
        .jGrowl {
            display: none;
        }
    }

    .modal {
        display: none;
        width: 400px;
        text-align: left;
        background: #36383E;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 10px rgba(54, 56, 62, 0.8);
        -moz-box-shadow: 0 0 10px rgba(54, 56, 62, 0.8);
        -o-box-shadow: 0 0 10px rgba(54, 56, 62, 0.8);
        -ms-box-shadow: 0 0 10px rgba(54, 56, 62, 0.8);
        box-shadow: 0 0 10px rgba(54, 56, 62, 0.8);
    }

    .modal a.close-modal {
        position: absolute;
        top: -12.5px;
        right: -12.5px;
        display: block;
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        background: url(../../../images/close.png) no-repeat 0 0;
    }

    .modal-spinner {
        display: none;
        width: 64px;
        height: 64px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-right: -32px;
        margin-top: -32px;
        background: url(../../../images/spinner_big.gif) no-repeat center center;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
    }

    .blocker {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        z-index: 9999;
        padding: 20px;
        box-sizing: border-box;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.75);
        text-align: center;
    }

    .blocker:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.05em;
    }

    .blocker.behind {
        background-color: transparent;
    }

    .modal {
        width: 400px;
        text-align: left;
        background: #36383E;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 10px rgba(54, 56, 62, 0.8);
        -moz-box-shadow: 0 0 10px rgba(54, 56, 62, 0.8);
        -o-box-shadow: 0 0 10px rgba(54, 56, 62, 0.8);
        -ms-box-shadow: 0 0 10px rgba(54, 56, 62, 0.8);
        box-shadow: 0 0 10px rgba(54, 56, 62, 0.8);
        transform: translateX(-50%) translateY(-50%);
    }

    .modal a.close-modal {
        position: absolute;
        top: -12.5px;
        right: -12.5px;
        display: block;
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        background: url(../../../images/close.png) no-repeat 0 0;
    }

    .modal-spinner {
        display: none;
        width: 64px;
        height: 64px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-right: -32px;
        margin-top: -32px;
        background: url(../../../images/spinner_big.gif) no-repeat center center;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
    }

    /** jQuery-Impromptu - v6.2.1 - 2015-05-10
    * http://trentrichardson.com/Impromptu
    * Copyright (c) 2015 Trent Richardson; Licensed MIT
    **/

    .jqifade {
        position: absolute;
        background-color: #36383E;
    }

    iframe.jqifade {
        display: block;
        z-index: -1;
    }

    div.jqi {
        width: 400px;
        max-width: 90%;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        position: absolute;
        background-color: #36383E;
        font-size: 11px;
        text-align: left;
        border: solid 1px #2a2b30;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        padding: 7px;
    }

    div.jqi .jqicontainer {
    }

    div.jqi .jqiclose {
        position: absolute;
        top: 4px;
        right: -2px;
        width: 18px;
        cursor: default;
        color: #fff;
        font-weight: bold;
    }

    div.jqi .jqistate {
        background-color: #36383E;
    }

    div.jqi .jqititle {
        padding: 5px 10px;
        font-size: 16px;
        line-height: 20px;
        border-bottom: solid 1px #eeeeee;
    }

    div.jqi .jqimessage {
        padding: 10px;
        line-height: 20px;
        color: #fff;
        overflow: auto;
    }

    div.jqi .jqibuttonshide {
        display: none;
    }

    div.jqi .jqibuttons {
        text-align: right;
        margin: 0 -7px -7px -7px;
        border-top: solid 1px #e4e4e4;
        background-color: #36383E;
        border-radius: 0 0 2px 2px;
        -moz-border-radius: 0 0 2px 2px;
        -webkit-border-radius: 0 0 2px 2px;
    }

    div.jqi .jqibuttons button {
        margin: 0;
        padding: 15px 20px;
        background-color: transparent;
        font-weight: normal;
        border: none;
        border-left: solid 1px #e4e4e4;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
    }

    div.jqi .jqibuttons button.jqidefaultbutton {
        color: #fff;
    }

    div.jqi .jqibuttons button:hover, div.jqi .jqibuttons button:focus {
        color: #fff;
        outline: none;
    }

    div.jqi .jqibuttons button[disabled] {
        color: #fff;
    }

    .jqiwarning .jqi .jqibuttons {
        background-color: #e52b2c;
    }

    div.jqi .jqiparentstate::after {
        background-color: #36383E;
        opacity: 0.6;
        filter: alpha(opacity=60);
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
    }

    div.jqi .jqisubstate {
        position: absolute;
        top: 0;
        left: 20;
        width: 60%;
        padding: 7px;
        border: solid 1px #2a2b30;
        border-top: none;
        border-radius: 0 0 2px 2px;
        -moz-border-radius: 0 0 2px 2px;
        -webkit-border-radius: 0 0 2px 2px;
    }

    div.jqi .jqisubstate .jqibuttons button {
        padding: 10px 18px;
    }

    .jqi .jqiarrow {
        position: absolute;
        height: 0;
        width: 0;
        line-height: 0;
        font-size: 0;
        border: solid 10px transparent;
    }

    .jqi .jqiarrowtl {
        left: 10px;
        top: -20px;
        border-bottom-color: #36383E;
    }

    .jqi .jqiarrowtc {
        left: 50%;
        top: -20px;
        border-bottom-color: #36383E;
        margin-left: -10px;
    }

    .jqi .jqiarrowtr {
        right: 10px;
        top: -20px;
        border-bottom-color: #36383E;
    }

    .jqi .jqiarrowbl {
        left: 10px;
        bottom: -20px;
        border-top-color: #36383E;
    }

    .jqi .jqiarrowbc {
        left: 50%;
        bottom: -20px;
        border-top-color: #36383E;
        margin-left: -10px;
    }

    .jqi .jqiarrowbr {
        right: 10px;
        bottom: -20px;
        border-top-color: #36383E;
    }

    .jqi .jqiarrowlt {
        left: -20px;
        top: 10px;
        border-right-color: #36383E;
    }

    .jqi .jqiarrowlm {
        left: -20px;
        top: 50%;
        border-right-color: #36383E;
        margin-top: -10px;
    }

    .jqi .jqiarrowlb {
        left: -20px;
        bottom: 10px;
        border-right-color: #36383E;
    }

    .jqi .jqiarrowrt {
        right: -20px;
        top: 10px;
        border-left-color: #36383E;
    }

    .jqi .jqiarrowrm {
        right: -20px;
        top: 50%;
        border-left-color: #36383E;
        margin-top: -10px;
    }

    .jqi .jqiarrowrb {
        right: -20px;
        bottom: 10px;
        border-left-color: #36383E;
    }

    /* DVZ Shoutbox Plugin Styles */
    #shoutbox {
        background: #36383E !important;
        border: 1px solid #2a2b30 !important;
        border-radius: 2px !important;
        margin: 10px 0 !important;
        font-family: "Red Hat Display", "Segoe UI", Arial, sans-serif !important;
    }

    #shoutbox.front {
        position: relative;
    }

    #shoutbox.front.collapsed .body {
        display: none;
    }

    /* Ensure shoutbox body is always visible when not collapsed */
    #shoutbox:not(.collapsed) .body,
    #shoutbox.front:not(.collapsed) .body,
    #shoutbox .body {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #shoutbox:not(.collapsed) .window,
    #shoutbox.front:not(.collapsed) .window,
    #shoutbox .window {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        min-height: 100px !important;
        opacity: 1 !important;
    }

    #shoutbox:not(.collapsed) .data,
    #shoutbox.front:not(.collapsed) .data,
    #shoutbox .data {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }


    #shoutbox .head {
        background: #2a2b30 !important;
        padding: 10px 15px !important;
        border-bottom: 1px solid #2a2b30 !important;
        border-radius: 2px 2px 0 0 !important;
    }

    #shoutbox .head strong {
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
    }

    #shoutbox .head p {
        margin: 0;
    }

    #shoutbox .head p.right {
        float: right;
    }

    #shoutbox .head a {
        color: #fff;
        font-size: 12px;
    }

    #shoutbox .head a:hover {
        color: #e52b2c;
    }

    #shoutbox .body {
        padding: 10px !important;
        background: #36383E !important;
    }

    #shoutbox .panel {
        margin-bottom: 10px;
    }

    #shoutbox .panel form {
        display: flex;
        gap: 5px;
    }

    #shoutbox .panel input.text {
        background: #2a2b30;
        border: 1px solid #2a2b30;
        color: #fff;
        padding: 8px 12px;
        border-radius: 1px;
        font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        font-size: 13px;
        width: 100%;
        flex: 1;
    }

    #shoutbox .panel input.text:focus {
        outline: none;
        border-color: #e52b2c;
        background: #36383E;
    }

    #shoutbox .panel input.text::placeholder {
        color: #999;
    }

    #shoutbox .panel.blocked,
    #shoutbox .panel.minposts {
        padding: 10px;
        background: #ffe6e6;
        border: 1px solid #e52b2c;
        border-radius: 1px;
        color: #c21e1f;
    }

    #shoutbox .panel.blocked p,
    #shoutbox .panel.minposts p {
        margin: 0;
        color: #c21e1f;
        font-size: 13px;
    }

    #shoutbox .window {
        background: #2a2b30 !important;
        border: 1px solid #2a2b30 !important;
        border-radius: 1px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        min-height: 100px !important;
        display: block !important;
        visibility: visible !important;
    }

    #shoutbox .window::-webkit-scrollbar {
        width: 8px;
    }

    #shoutbox .window::-webkit-scrollbar-track {
        background: #36383E;
    }

    #shoutbox .window::-webkit-scrollbar-thumb {
        background: #e52b2c;
        border-radius: 1px;
    }

    #shoutbox .window::-webkit-scrollbar-thumb:hover {
        background: #c21e1f;
    }

    #shoutbox .data {
        padding: 5px !important;
        min-height: 50px !important;
        display: block !important;
        visibility: visible !important;
    }

    #shoutbox .entry {
        background: #36383E !important;
        padding: 8px !important;
        margin-bottom: 5px !important;
        border-radius: 1px !important;
        border-left: 2px solid transparent !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        transition: background 0.2s ease !important;
    }

    #shoutbox .entry:hover {
        background: rgba(229, 43, 44, 0.1);
    }

    #shoutbox .entry.unread {
        background: rgba(229, 43, 44, 0.15);
        border-left-color: #e52b2c;
    }

    #shoutbox .entry .avatar {
        width: 32px;
        height: 32px;
        flex-shrink: 0;
    }

    #shoutbox .entry .avatar img {
        width: 100%;
        height: 100%;
        border-radius: 2px;
        border: 1px solid #2a2b30;
        object-fit: cover;
    }

    #shoutbox .entry .user {
        flex: 1;
        min-width: 100px;
        font-weight: bold;
        font-size: 13px;
        color: #fff;
    }

    #shoutbox .entry .user a {
        color: #fff;
        text-decoration: none;
    }

    #shoutbox .entry .user a:hover {
        color: #e52b2c;
    }

    #shoutbox .entry .text {
        flex: 1 1 100%;
        color: #fff;
        font-size: 13px;
        line-height: 1.4;
        word-wrap: break-word;
    }

    #shoutbox .entry .text a {
        color: #e52b2c;
    }

    #shoutbox .entry .text a:hover {
        color: #c21e1f;
    }

    #shoutbox .entry .info {
        flex: 1 1 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 5px;
        font-size: 11px;
        color: #999;
    }

    #shoutbox .entry .info .date {
        color: #999;
    }

    #shoutbox .entry .info a {
        color: #999;
        text-decoration: none;
    }

    #shoutbox .entry .info a:hover {
        color: #e52b2c;
    }

    #shoutbox .entry .info .ip {
        color: #999;
        font-size: 11px;
        margin-right: 5px;
    }

    #shoutbox .entry .info .mod {
        display: inline-block;
        margin-left: 5px;
        padding: 2px 6px;
        background: #2a2b30;
        color: #fff;
        border-radius: 1px;
        text-decoration: none;
        font-size: 11px;
        font-weight: bold;
        cursor: pointer;
        transition: background 0.2s ease;
    }

    #shoutbox .entry .info .mod.edit:hover {
        background: #e52b2c;
    }

    #shoutbox .entry .info .mod.del:hover {
        background: #c21e1f;
    }

    /* Archive Page Styles */
    #shoutbox .data .entry {
        border-bottom: 1px solid #2a2b30;
    }

    #shoutbox .data .entry:last-child {
        border-bottom: none;
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
        #shoutbox .entry {
            flex-direction: column;
        }
        
        #shoutbox .entry .avatar {
            width: 40px;
            height: 40px;
        }
    }

    /* Shoutbox Sidebar Positioning */
    .main-aside {
        position: relative;
        z-index: 1;
    }

    .main-aside .tborder {
        z-index: 0 !important;
    }

    .main-aside #shoutbox {
        width: 100% !important;
        margin: 15px 0 !important;
        margin-top: 20px !important;
        position: relative;
        z-index: 1 !important;
    }

    /* Shoutbox in sidebar - compact view */
    .main-aside #shoutbox .head {
        padding: 8px 12px !important;
        font-size: 12px !important;
    }

    .main-aside #shoutbox .head strong {
        font-size: 12px !important;
    }

    .main-aside #shoutbox .body {
        padding: 8px !important;
    }

    .main-aside #shoutbox .window {
        max-height: 300px !important;
    }

    .main-aside #shoutbox .entry {
        padding: 6px !important;
        margin-bottom: 4px !important;
    }

    .main-aside #shoutbox .entry .avatar {
        width: 24px !important;
        height: 24px !important;
    }

    .main-aside #shoutbox .entry .user {
        font-size: 12px !important;
    }

    .main-aside #shoutbox .entry .text {
        font-size: 12px !important;
    }

    .main-aside #shoutbox .entry .info {
        font-size: 10px !important;
        margin-top: 3px !important;
    }

.main-aside #shoutbox .panel input.text {
	padding: 6px 10px !important;
	font-size: 12px !important;
}



    /* Force all dropdowns above everything */
    .user-drop,
    .user-panel,
    .dropit {
        z-index: 999999 !important;
    }

    .user-drop *,
    .user-panel *,
    .dropit * {
        z-index: 999999 !important;
    }

    .user-panel ul.dropit-open,
    .user-panel ul.dropit-submenu {
        z-index: 999999 !important;
        position: absolute !important;
    }

    /* Ensure news table is below */
    .main-aside table,
    .main-aside .tborder,
    .main-aside .thead,
    .main-aside .trow1 {
        z-index: 0 !important;
        position: relative !important;
    }

/* Additional positioning for user dropdown in main menu */
/* User dropdown info - header içinde - büyütülmüş ve height olarak ortalanmış */
.main-header .user-drop .user-info,
.welcomeblock .user-drop .user-info {
	display: flex !important;
	align-items: center !important; /* Dikey ortalama - height olarak ortala */
	justify-content: center !important; /* Yatay ortalama */
	height: 50px !important; /* User dropdown yüksekliği (50px) */
	line-height: 50px !important; /* User dropdown yüksekliği (50px) */
	max-width: 100% !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	gap: 0 !important; /* Username olmayacağı için gap gerek yok */
	cursor: pointer !important; /* Tıklanabilir olduğunu göster */
	font-size: 0 !important; /* Tüm text içeriği gizlensin */
	color: transparent !important; /* Text rengi şeffaf */
	text-indent: -9999px !important; /* Text gizlensin */
	text-shadow: none !important; /* Text shadow yok */
}

/* ÖNCE: .user-info içindeki TÜM elementleri gizle - img hariç */
.main-header .user-drop .user-info span,
.main-header .user-drop .user-info div,
.main-header .user-drop .user-info p,
.main-header .user-drop .user-info a,
.main-header .user-drop .user-info strong,
.main-header .user-drop .user-info em,
.main-header .user-drop .user-info b,
.main-header .user-drop .user-info i,
.main-header .user-drop .user-info .username,
.main-header .user-drop .user-info .user-name,
.welcomeblock .user-drop .user-info span,
.welcomeblock .user-drop .user-info div,
.welcomeblock .user-drop .user-info p,
.welcomeblock .user-drop .user-info a,
.welcomeblock .user-drop .user-info strong,
.welcomeblock .user-drop .user-info em,
.welcomeblock .user-drop .user-info b,
.welcomeblock .user-drop .user-info i,
.welcomeblock .user-drop .user-info .username,
.welcomeblock .user-drop .user-info .user-name {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	font-size: 0 !important;
	line-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	left: -9999px !important;
	top: -9999px !important;
	pointer-events: none !important;
}

/* SONRA: Sadece img'yi görünür yap - EN YÜKSEK ÖNCELİK */
.main-header .user-drop .user-info img,
.welcomeblock .user-drop .user-info img,
.main-header .user-drop .user-info > img,
.welcomeblock .user-drop .user-info > img,
.main-header .user-drop img,
.welcomeblock .user-drop img {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	width: 40px !important;
	height: 40px !important;
	max-width: 40px !important;
	min-width: 40px !important;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
	z-index: 9999 !important;
	border-radius: 8px !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	flex-shrink: 0 !important;
	background: transparent !important;
	overflow: visible !important;
	content: none !important;
	text-indent: 0 !important;
	color: transparent !important;
	text-shadow: none !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	word-spacing: 0 !important;
	white-space: normal !important;
}

/* User-info içindeki tüm text node'ları gizle - en agresif yöntem */
.main-header .user-drop .user-info::before,
.main-header .user-drop .user-info::after,
.welcomeblock .user-drop .user-info::before,
.welcomeblock .user-drop .user-info::after {
	display: none !important;
	content: '' !important;
}

/* User-info içindeki tüm text content'i gizle */
.main-header .user-drop .user-info {
	text-indent: -9999px !important;
	overflow: hidden !important;
	white-space: nowrap !important;
}

.welcomeblock .user-drop .user-info {
	text-indent: -9999px !important;
	overflow: hidden !important;
	white-space: nowrap !important;
}

/* Bu kural yukarıdaki genel kural tarafından kapsanıyor - duplicate removed */

/* Sadece img görünsün - diğer her şey gizli - en yüksek öncelik */
.main-header .user-drop .user-info img,
.welcomeblock .user-drop .user-info img {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	width: 40px !important;
	height: 40px !important;
	max-width: 40px !important;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
	z-index: 999 !important;
	border-radius: 8px !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	flex-shrink: 0 !important;
}

/* Bu kural yukarıdaki genel kural tarafından kapsanıyor - duplicate removed */

/* Username ve tüm text elementleri tamamen kaldırıldı - avatar yanında isim gösterilmesin */
/* Bu kural yukarıdaki genel kural tarafından kapsanıyor, tekrar tanımlamaya gerek yok */

/* Sadece avatar görünsün - username ve tüm text elementleri gizli */
.main-header .user-drop .user-info img,
.welcomeblock .user-drop .user-info img {
	margin-top: 0 !important;
	margin-right: 0 !important; /* Flexbox gap kullanıldığı için margin'e gerek yok */
	height: 40px !important; /* Avatar büyütüldü (32px'ten 40px'e) */
	width: 40px !important; /* Avatar büyütüldü (32px'ten 40px'e) */
	max-width: 40px !important; /* Ekrandan dışarı çıkmaması için */
	flex-shrink: 0 !important;
	border-radius: 8px !important; /* Biraz rounded (circle değil) */
	border: none !important; /* Border kaldırıldı */
	outline: none !important; /* Outline kaldırıldı */
	box-shadow: none !important; /* Box-shadow kaldırıldı */
	cursor: pointer !important; /* Avatar'a tıklanabilir olduğunu göster */
	transition: transform 0.2s ease, opacity 0.2s ease !important; /* Hover efekti için */
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	pointer-events: auto !important;
}

/* Avatar hover efekti */
.main-header .user-drop .user-info img:hover,
.welcomeblock .user-drop .user-info img:hover {
	transform: scale(1.05) !important; /* Hover'da biraz büyüsün */
	opacity: 0.9 !important; /* Hover'da biraz şeffaflaşsın */
}

/* Username ve tüm text elementleri tamamen kaldırıldı - avatar yanında isim gösterilmesin */
/* Bu kural yukarıdaki genel kural tarafından kapsanıyor, tekrar tanımlamaya gerek yok */

/* Sadece avatar görünsün - tüm diğer elementler gizli (duplicate removed - yukarıda tanımlı) */

.main-body-menu .user-drop .user-info {
	display: flex !important;
	align-items: center !important;
	height: 54px !important;
	line-height: 54px !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.main-body-menu .user-drop .user-info img {
	margin-top: 0 !important;
	margin-right: 10px !important;
	height: 32px !important;
	width: 32px !important;
	max-width: 32px !important;
	flex-shrink: 0 !important;
	border-radius: 8px !important; /* Biraz rounded (circle değil) */
	border: none !important; /* Border kaldırıldı */
	outline: none !important; /* Outline kaldırıldı */
	box-shadow: none !important; /* Box-shadow kaldırıldı */
}

/* Username span gizlendi - header'da sadece avatar görünüyor */
.main-body-menu .user-drop .user-info span,
.main-header .user-drop .user-info span,
.welcomeblock .user-drop .user-info span {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	line-height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	left: -9999px !important;
	top: -9999px !important;
	text-indent: -9999px !important;
	white-space: nowrap !important;
	content: '' !important;
	pointer-events: none !important;
	color: transparent !important;
	background: transparent !important;
}

/* EN SON KURAL - Username yazısını tamamen gizle - TÜM olasılıklar */
.main-header .user-drop .user-info *:not(img),
.welcomeblock .user-drop .user-info *:not(img),
.main-header .user-drop *:not(img):not(.dropit-submenu):not(ul):not(li):not(a),
.welcomeblock .user-drop *:not(img):not(.dropit-submenu):not(ul):not(li):not(a),
.main-header .user-drop span,
.main-header .user-drop .username,
.main-header .user-drop .user-name,
.welcomeblock .user-drop span,
.welcomeblock .user-drop .username,
.welcomeblock .user-drop .user-name,
.main-header .user-drop .user-info span,
.main-header .user-drop .user-info .username,
.main-header .user-drop .user-info .user-name,
.main-header .user-drop .user-info div,
.main-header .user-drop .user-info p,
.main-header .user-drop .user-info strong,
.main-header .user-drop .user-info em,
.main-header .user-drop .user-info b,
.main-header .user-drop .user-info i,
.welcomeblock .user-drop .user-info span,
.welcomeblock .user-drop .user-info .username,
.welcomeblock .user-drop .user-info .user-name,
.welcomeblock .user-drop .user-info div,
.welcomeblock .user-drop .user-info p,
.welcomeblock .user-drop .user-info strong,
.welcomeblock .user-drop .user-info em,
.welcomeblock .user-drop .user-info b,
.welcomeblock .user-drop .user-info i {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	line-height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	left: -9999px !important;
	top: -9999px !important;
	text-indent: -9999px !important;
	white-space: nowrap !important;
	content: '' !important;
	pointer-events: none !important;
	color: transparent !important;
	background: transparent !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	word-spacing: 0 !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
}

/* Sadece avatar görünsün - en son kural */
.main-header .user-drop .user-info img,
.welcomeblock .user-drop .user-info img {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	width: 40px !important;
	height: 40px !important;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
}

/* ================================================
   EN SON KURAL - Username'i tamamen gizle, Avatar'ı göster
   ================================================ */
/* Avatar'ı ÖNCE görünür yap - en yüksek öncelik */
.main-header .user-drop .user-info img,
.welcomeblock .user-drop .user-info img,
.main-header .user-drop .user-info > img,
.welcomeblock .user-drop .user-info > img,
.main-header .user-drop .user-info img[src],
.welcomeblock .user-drop .user-info img[src] {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	width: 40px !important;
	height: 40px !important;
	max-width: 40px !important;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
	z-index: 999 !important;
	border-radius: 8px !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	flex-shrink: 0 !important;
	background: transparent !important;
}

/* Şimdi username elementlerini gizle - img hariç */
/* Username elementlerini gizle - direkt child'lar, img hariç */
.main-header .user-drop .user-info > span,
.main-header .user-drop .user-info > div,
.main-header .user-drop .user-info > p,
.main-header .user-drop .user-info > a:not(:has(img)),
.main-header .user-drop .user-info > strong,
.main-header .user-drop .user-info > em,
.main-header .user-drop .user-info > b,
.main-header .user-drop .user-info > i,
.welcomeblock .user-drop .user-info > span,
.welcomeblock .user-drop .user-info > div,
.welcomeblock .user-drop .user-info > p,
.welcomeblock .user-drop .user-info > a:not(:has(img)),
.welcomeblock .user-drop .user-info > strong,
.welcomeblock .user-drop .user-info > em,
.welcomeblock .user-drop .user-info > b,
.welcomeblock .user-drop .user-info > i,
.main-header .user-drop .user-info span,
.main-header .user-drop .user-info div,
.main-header .user-drop .user-info p,
.main-header .user-drop .user-info a:not(:has(img)),
.main-header .user-drop .user-info strong,
.main-header .user-drop .user-info em,
.main-header .user-drop .user-info b,
.main-header .user-drop .user-info i,
.main-header .user-drop .user-info .username,
.main-header .user-drop .user-info .user-name,
.main-header .user-drop span:not(img):not(.dropit-submenu),
.welcomeblock .user-drop .user-info span,
.welcomeblock .user-drop .user-info div,
.welcomeblock .user-drop .user-info p,
.welcomeblock .user-drop .user-info a:not(:has(img)),
.welcomeblock .user-drop .user-info strong,
.welcomeblock .user-drop .user-info em,
.welcomeblock .user-drop .user-info b,
.welcomeblock .user-drop .user-info i,
.welcomeblock .user-drop .user-info .username,
.welcomeblock .user-drop .user-info .user-name,
.welcomeblock .user-drop span:not(img):not(.dropit-submenu) {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	line-height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	left: -9999px !important;
	top: -9999px !important;
	text-indent: -9999px !important;
	white-space: nowrap !important;
	content: '' !important;
	pointer-events: none !important;
	color: transparent !important;
	background: transparent !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	word-spacing: 0 !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	z-index: -1 !important;
}

/* ================================================
   AVATAR GÖRÜNÜRLÜĞÜ - EN SON KURAL - EN YÜKSEK ÖNCELİK
   ================================================ */
/* Avatar'ı kesinlikle görünür yap - tüm diğer kuralları override et */
.main-header .user-drop .user-info img,
.welcomeblock .user-drop .user-info img,
.main-header .user-drop .user-info > img,
.welcomeblock .user-drop .user-info > img,
.main-header .user-drop .user-info img[src],
.welcomeblock .user-drop .user-info img[src],
.main-header .user-drop img,
.welcomeblock .user-drop img,
.main-header img[src*="avatar"],
.welcomeblock img[src*="avatar"],
.main-header .user-drop img[src*="avatar"],
.welcomeblock .user-drop img[src*="avatar"] {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	width: 40px !important;
	height: 40px !important;
	max-width: 40px !important;
	min-width: 40px !important;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
	z-index: 9999 !important;
	border-radius: 8px !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	flex-shrink: 0 !important;
	background: transparent !important;
	text-indent: 0 !important;
	font-size: 0 !important;
	color: transparent !important;
	text-shadow: none !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	word-spacing: 0 !important;
	content: none !important;
	white-space: normal !important;
	overflow: visible !important;
}

/* ================================================
   AVATAR GÖRÜNÜRLÜĞÜ - DOSYANIN EN SONU - EN YÜKSEK ÖNCELİK
   ================================================ */
/* Avatar'ı kesinlikle görünür yap - TÜM diğer kuralları override et */
.main-header .user-drop .user-info img,
.welcomeblock .user-drop .user-info img,
.main-header .user-drop .user-info > img,
.welcomeblock .user-drop .user-info > img,
.main-header .user-drop img,
.welcomeblock .user-drop img,
.main-header .user-drop .user-info img[src],
.welcomeblock .user-drop .user-info img[src],
.main-header img[src*="avatar"],
.welcomeblock img[src*="avatar"],
.main-header .user-drop img[src*="avatar"],
.welcomeblock .user-drop img[src*="avatar"],
.main-header .user-drop .user-info img[src*="avatar"],
.welcomeblock .user-drop .user-info img[src*="avatar"] {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	width: 40px !important;
	height: 40px !important;
	max-width: 40px !important;
	min-width: 40px !important;
	max-height: 40px !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
	z-index: 99999 !important;
	border-radius: 8px !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	flex-shrink: 0 !important;
	background: transparent !important;
	text-indent: 0 !important;
	font-size: 0 !important;
	color: transparent !important;
	text-shadow: none !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	word-spacing: 0 !important;
	content: none !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	line-height: normal !important;
	vertical-align: middle !important;
	object-fit: cover !important;
	object-position: center !important;
}

/* Font: Red Hat Display - Tüm sayfa için (icon fontları hariç) */
body,
html,
body *:not([class*="icon"]):not([class*="fa"]):not([class*="glyphicon"]):not([class*="material-icons"]):not([class*="icon-"]):not(.cat-icon):not(.cat-icon *):not(.subforumicon):not(.subforumicon *),
html *:not([class*="icon"]):not([class*="fa"]):not([class*="glyphicon"]):not([class*="material-icons"]):not([class*="icon-"]):not(.cat-icon):not(.cat-icon *):not(.subforumicon):not(.subforumicon *),
.main-header,
.main-header *:not([class*="icon"]):not([class*="fa"]):not([class*="glyphicon"]):not([class*="material-icons"]):not([class*="icon-"]):not(.cat-icon):not(.cat-icon *):not(.subforumicon):not(.subforumicon *),
.welcomeblock,
.welcomeblock *:not([class*="icon"]):not([class*="fa"]):not([class*="glyphicon"]):not([class*="material-icons"]):not([class*="icon-"]):not(.cat-icon):not(.cat-icon *):not(.subforumicon):not(.subforumicon *),
.user-drop,
.user-drop *:not([class*="icon"]):not([class*="fa"]):not([class*="glyphicon"]):not([class*="material-icons"]):not([class*="icon-"]):not(.cat-icon):not(.cat-icon *):not(.subforumicon):not(.subforumicon *),
.user-info,
.user-info *:not([class*="icon"]):not([class*="fa"]):not([class*="glyphicon"]):not([class*="material-icons"]):not([class*="icon-"]):not(.cat-icon):not(.cat-icon *):not(.subforumicon):not(.subforumicon *),
.user-panel,
.user-panel *:not([class*="icon"]):not([class*="fa"]):not([class*="glyphicon"]):not([class*="material-icons"]):not([class*="icon-"]):not(.cat-icon):not(.cat-icon *):not(.subforumicon):not(.subforumicon *) {
	font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Icon fontları için özel font-family tanımları - icon fontları korunsun */
/* Icon fontları Red Hat Display'i kullanmamalı - kendi font-family'lerini kullanmalı */
[class*="icon"]:not([class*="button"]),
[class*="fa"],
[class*="glyphicon"],
[class*="material-icons"],
[class*="icon-"],
.cat-icon,
.cat-icon i,
.cat-icon::before,
.subforumicon,
.subforumicon i,
.subforumicon::before,
.posticons_label,
.posticons_label *,
.stats_icon,
.stats_icon *,
i[class],
span[class*="icon"]:not([class*="button"]),
div[class*="icon"]:not([class*="button"]),
.txt-icon {
	font-family: unset !important; /* Icon fontlarının kendi font-family'sini kullan - Red Hat Display'i override et */
}

/* Kategori ve forum ikonları için font-family koruma - icon font'un kendi font-family'sini kullan */
/* Icon font'lar için Red Hat Display'i devre dışı bırak - icon font'un kendi font-family'sini kullan */
.cat-icon,
.cat-icon *,
.cat-icon i,
.cat-icon::before,
.subforumicon,
.subforumicon *,
.subforumicon i,
.subforumicon::before {
	/* Icon font'un kendi font-family'sini kullan - Red Hat Display'i override etme */
	/* Icon font genellikle Font Awesome, Material Icons vb. kullanır */
	/* font-family: inherit yerine icon font'un gerçek font-family'si kullanılmalı */
	/* Ancak hangi icon font kullanıldığını bilmediğimiz için, Red Hat Display'i devre dışı bırakıyoruz */
	/* font-family: unset Red Hat Display'i kaldırır ve icon font'un kendi font-family'sini kullanır */
	font-family: unset !important; /* Red Hat Display'i override et, icon font'un kendi font-family'sini kullan */
}

/* Avatar görünürlüğü - EN SON KURAL - TÜM olasılıkları kapsa */
.main-header .user-drop .user-info img,
.main-header .user-drop .user-info > img,
.main-header .user-drop img,
.main-header .user-drop .user-info img[src],
.main-header .user-drop img[src],
.main-header img[src*="avatar"],
.main-header img[src*="user"],
.main-header img[src*="profile"],
.welcomeblock .user-drop .user-info img,
.welcomeblock .user-drop .user-info > img,
.welcomeblock .user-drop img,
.welcomeblock .user-drop .user-info img[src],
.welcomeblock .user-drop img[src],
.welcomeblock img[src*="avatar"],
.welcomeblock img[src*="user"],
.welcomeblock img[src*="profile"],
.user-drop .user-info img,
.user-drop .user-info > img,
.user-drop img,
.user-info img,
.user-info > img {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	width: 40px !important;
	height: 40px !important;
	max-width: 40px !important;
	min-width: 40px !important;
	max-height: 40px !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
	z-index: 999999 !important;
	border-radius: 8px !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	flex-shrink: 0 !important;
	background: transparent !important;
	text-indent: 0 !important;
	font-size: 0 !important;
	color: transparent !important;
	text-shadow: none !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	word-spacing: 0 !important;
	content: none !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	line-height: normal !important;
	vertical-align: middle !important;
	object-fit: cover !important;
	object-position: center !important;
}

/* Login/Register butonlarını görünür yap - EN SON KURAL - TÜM olasılıkları kapsa */
.welcomeblock a[href*="login"],
.welcomeblock a[href*="register"],
.welcomeblock a[href*="sign"],
.welcomeblock a[href*="Login"],
.welcomeblock a[href*="Register"],
.welcomeblock a[href*="Sign"],
.welcomeblock .user-log,
.welcomeblock .user-log *,
.welcomeblock .user-log ul,
.welcomeblock .user-log ul li,
.welcomeblock .user-log ul li a,
.welcomeblock .user-log-panel,
.welcomeblock .user-log-panel *,
.user-log:not(.main-header .user-log),
.user-log-panel:not(.main-header .user-log-panel) {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
}

/* LOGO GÖRÜNÜRLÜĞÜ - EN SON KURAL - MAKSİMUM ÖNCELİK */
.p-header-logo,
.p-header-logo--image,
.p-header .p-header-logo,
.p-header .p-header-logo--image,
.p-header-inner .p-header-logo,
.p-header-inner .p-header-logo--image,
.p-header-content .p-header-logo,
.p-header-content .p-header-logo--image,
.p-navSticky .p-header-logo,
.p-navSticky .p-header-logo--image,
.p-nav .p-header-logo,
.p-nav .p-header-logo--image,
.p-nav-inner .p-header-logo,
.p-nav-inner .p-header-logo--image {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	width: auto !important;
	height: 60px !important;
	min-height: 60px !important;
	max-height: 60px !important;
	align-items: center !important;
	flex-shrink: 0 !important;
	z-index: 10000 !important;
	margin: 0 !important;
	margin-left: 0 !important;
	margin-right: auto !important;
	padding: 0 !important;
	overflow: visible !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
}

.p-header-logo a,
.p-header-logo--image a,
.p-header-logo .uix_logo,
.p-header-logo--image .uix_logo,
.p-header .p-header-logo a,
.p-header .p-header-logo--image a,
.p-header .p-header-logo .uix_logo,
.p-header .p-header-logo--image .uix_logo,
.p-navSticky .p-header-logo a,
.p-navSticky .p-header-logo--image a,
.p-navSticky .p-header-logo .uix_logo,
.p-navSticky .p-header-logo--image .uix_logo {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	width: auto !important;
	height: 60px !important;
	align-items: center !important;
	flex-shrink: 0 !important;
	z-index: 10001 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
	text-decoration: none !important;
}

.p-header-logo picture,
.p-header-logo--image picture,
.p-header-logo .uix_logo picture,
.p-header-logo--image .uix_logo picture,
.p-header .p-header-logo picture,
.p-header .p-header-logo--image picture,
.p-navSticky .p-header-logo picture,
.p-navSticky .p-header-logo--image picture {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	width: auto !important;
	height: auto !important;
	z-index: 10002 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
}

.p-header-logo img,
.p-header-logo--image img,
.p-header-logo .uix_logo img,
.p-header-logo--image .uix_logo img,
.p-header-logo picture img,
.p-header-logo--image picture img,
.p-header .p-header-logo img,
.p-header .p-header-logo--image img,
.p-header .p-header-logo .uix_logo img,
.p-header .p-header-logo--image .uix_logo img,
.p-navSticky .p-header-logo img,
.p-navSticky .p-header-logo--image img,
.p-navSticky .p-header-logo .uix_logo img,
.p-navSticky .p-header-logo--image .uix_logo img {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	height: 50px !important;
	width: auto !important;
	max-height: 50px !important;
	max-width: 200px !important;
	min-width: auto !important;
	object-fit: contain !important;
	object-position: center !important;
	transition: transform 0.3s ease !important;
	z-index: 10003 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.p-header-logo img:hover,
.p-header-logo--image img:hover,
.p-header-logo .uix_logo img:hover,
.p-header-logo--image .uix_logo img:hover {
	transform: scale(1.05) !important;
}

/* LOGO GÖRÜNÜRLÜĞÜ - GENEL KURAL - TÜM LOGO İMGELERİ */
img[src*="logo"],
img[src*="Logo"],
img[alt*="logo"],
img[alt*="Logo"],
img[alt*="Civil Networks"],
.p-header img,
.p-header-inner img,
.p-header-content img,
.p-navSticky img,
.p-nav img {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	z-index: 10004 !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
}

/* LOGO GÖRÜNÜRLÜĞÜ - EN SON KURAL - TÜM OLASILIKLAR */
*[class*="logo"],
*[class*="Logo"],
*[id*="logo"],
*[id*="Logo"],
div[class*="header-logo"],
div[class*="Header-logo"],
a[class*="logo"],
a[class*="Logo"],
picture[class*="logo"],
picture[class*="Logo"] {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	width: auto !important;
	height: auto !important;
	z-index: 10005 !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
	overflow: visible !important;
}

*[class*="logo"] img,
*[class*="Logo"] img,
*[id*="logo"] img,
*[id*="Logo"] img,
div[class*="header-logo"] img,
div[class*="Header-logo"] img,
a[class*="logo"] img,
a[class*="Logo"] img,
picture img[src*="logo"],
picture img[src*="Logo"] {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	width: auto !important;
	height: auto !important;
	max-width: 200px !important;
	max-height: 50px !important;
	z-index: 10006 !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
	object-fit: contain !important;
}

/* LOGO PARENT CONTAINER'LAR - GÖRÜNÜR OLMALI */
.p-header,
.p-header-inner,
.p-header-content,
.p-navSticky,
.p-nav,
.p-nav-inner {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* LOGO GÖRÜNÜRLÜĞÜ - MUTLAK ÖNCELİK - TÜM OLASILIKLAR */
html body .p-header-logo.p-header-logo--image,
html body .p-header .p-header-logo.p-header-logo--image,
html body .p-header-inner .p-header-logo.p-header-logo--image,
html body .p-header-content .p-header-logo.p-header-logo--image,
html body .p-navSticky .p-header-logo.p-header-logo--image,
html body .p-nav .p-header-logo.p-header-logo--image,
html body .p-nav-inner .p-header-logo.p-header-logo--image {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	width: auto !important;
	height: 60px !important;
	min-height: 60px !important;
	max-height: 60px !important;
	align-items: center !important;
	flex-shrink: 0 !important;
	z-index: 99999 !important;
	margin: 0 !important;
	margin-left: 0 !important;
	margin-right: auto !important;
	padding: 0 !important;
	overflow: visible !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
	transform: none !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
}

html body .p-header-logo.p-header-logo--image a.uix_logo,
html body .p-header .p-header-logo.p-header-logo--image a.uix_logo,
html body .p-navSticky .p-header-logo.p-header-logo--image a.uix_logo {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	width: auto !important;
	height: 60px !important;
	align-items: center !important;
	flex-shrink: 0 !important;
	z-index: 99999 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
	text-decoration: none !important;
	transform: none !important;
}

html body .p-header-logo.p-header-logo--image picture,
html body .p-header-logo.p-header-logo--image a.uix_logo picture,
html body .p-header .p-header-logo.p-header-logo--image picture,
html body .p-navSticky .p-header-logo.p-header-logo--image picture {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	width: auto !important;
	height: auto !important;
	z-index: 99999 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
	transform: none !important;
}

html body .p-header-logo.p-header-logo--image img,
html body .p-header-logo.p-header-logo--image a.uix_logo img,
html body .p-header-logo.p-header-logo--image picture img,
html body .p-header .p-header-logo.p-header-logo--image img,
html body .p-navSticky .p-header-logo.p-header-logo--image img,
html body img[src*="logo"][src*="cn_logo"],
html body img[src*="logo"][src*="cn_logo_full"],
html body img[alt*="Civil Networks"],
html body img[alt*="Civil Networks Community"] {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	width: auto !important;
	height: 50px !important;
	max-width: 200px !important;
	max-height: 50px !important;
	min-width: auto !important;
	object-fit: contain !important;
	object-position: center !important;
	z-index: 99999 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	pointer-events: auto !important;
	clip: auto !important;
	clip-path: none !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	transform: none !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
}

/* Login ve Register Butonları - Header'da görünür olmalı */
.p-navSticky .p-nav-opposite,
.p-navSticky .p-navgroup,
.p-navSticky .p-navgroup.p-account,
.p-navSticky .p-navgroup.p-account.p-navgroup--guest {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center !important;
	gap: 0.5rem !important;
	margin-right: 2rem !important; /* Biraz daha sola almak için */
}

.p-navSticky .p-navgroup-link,
.p-navSticky .p-navgroup-link--logIn,
.p-navSticky .p-navgroup-link--register,
.p-navSticky .p-navgroup-link--textual {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.5rem 1rem !important;
	text-decoration: none !important;
	color: #fff !important;
	background: rgba(255, 255, 255, 0.15) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 4px !important;
	transition: background 0.3s ease, transform 0.2s ease, border-color 0.3s ease !important;
	font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
	margin-right: 0.5rem !important;
	min-height: 36px !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.p-navSticky .p-navgroup-link i,
.p-navSticky .p-navgroup-link--logIn i,
.p-navSticky .p-navgroup-link--register i {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: inherit !important;
	font-size: 14px !important;
	margin-right: 0.5rem !important;
}

.p-navSticky .p-navgroup-link:hover,
.p-navSticky .p-navgroup-link--logIn:hover,
.p-navSticky .p-navgroup-link--register:hover {
	background: rgba(255, 255, 255, 0.25) !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

.p-navSticky .p-navgroup-linkText {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: inherit !important;
}

/* Staff Bar'daki Login/Register Butonları */
.p-staffBar .p-navgroup,
.p-staffBar .p-navgroup.p-account,
.p-staffBar .p-navgroup.p-account.p-navgroup--guest {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center !important;
	gap: 0.5rem !important;
	margin-right: 2rem !important; /* Biraz daha sola almak için */
}

.p-staffBar .p-navgroup-link,
.p-staffBar .p-navgroup-link--logIn,
.p-staffBar .p-navgroup-link--register,
.p-staffBar .p-navgroup-link--textual {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.5rem 1rem !important;
	text-decoration: none !important;
	color: #fff !important;
	background: rgba(255, 255, 255, 0.15) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 4px !important;
	transition: background 0.3s ease, transform 0.2s ease, border-color 0.3s ease !important;
	font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
	margin-right: 0.5rem !important;
	min-height: 36px !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.p-staffBar .p-navgroup-link i,
.p-staffBar .p-navgroup-link--logIn i,
.p-staffBar .p-navgroup-link--register i {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: inherit !important;
	font-size: 14px !important;
	margin-right: 0.5rem !important;
}

.p-staffBar .p-navgroup-link:hover,
.p-staffBar .p-navgroup-link--logIn:hover,
.p-staffBar .p-navgroup-link--register:hover {
	background: rgba(255, 255, 255, 0.25) !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

.p-staffBar .p-navgroup-linkText {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: inherit !important;
}

/* Navigation Butonları - Header Panelindeki Menü - AGGRESİF SELECTOR'LAR */
.p-navSticky,
.p-navSticky .p-nav,
.p-navSticky .p-nav-inner,
.p-navSticky .p-nav-list,
.p-navSticky ul.p-nav-list,
.p-navSticky .p-nav-list li,
body .p-navSticky .p-nav,
body .p-navSticky .p-nav-inner,
body .p-navSticky .p-nav-list {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center !important;
	gap: 0.5rem !important;
	flex-wrap: nowrap !important;
}

.p-navSticky .p-navEl,
.p-navSticky .p-navEl-link,
.p-navSticky .p-navEl a,
.p-navSticky li.p-navEl,
.p-navSticky .p-nav-list .p-navEl,
.p-navSticky .p-nav-list li .p-navEl,
body .p-navSticky .p-navEl,
body .p-navSticky .p-navEl-link,
body .p-navSticky .p-navEl a {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.5rem 1rem !important;
	text-decoration: none !important;
	color: #fff !important;
	background: rgba(255, 255, 255, 0.1) !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	border-radius: 4px !important;
	transition: background 0.3s ease, transform 0.2s ease, border-color 0.3s ease !important;
	font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
	margin: 0 0.25rem !important;
	min-height: 36px !important;
	max-height: 40px !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
	cursor: pointer !important;
	position: relative !important;
	z-index: 1 !important;
}

.p-navSticky .p-navEl:hover,
.p-navSticky .p-navEl-link:hover,
.p-navSticky .p-navEl a:hover,
.p-navSticky .p-navEl.is-selected,
.p-navSticky .p-navEl-link.is-selected,
body .p-navSticky .p-navEl:hover,
body .p-navSticky .p-navEl-link:hover {
	background: rgba(255, 255, 255, 0.2) !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

.p-navSticky .p-navEl-link span,
.p-navSticky .p-navEl a span,
.p-navSticky .p-navEl-link span span,
body .p-navSticky .p-navEl-link span {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: inherit !important;
	white-space: nowrap !important;
}

.p-navSticky .p-navEl.is-selected .p-navEl-link,
.p-navSticky .p-navEl-link.is-selected,
.p-navSticky .p-navEl.is-selected a,
body .p-navSticky .p-navEl.is-selected .p-navEl-link {
	background: rgba(255, 255, 255, 0.25) !important;
	border-color: rgba(255, 255, 255, 0.4) !important;
	font-weight: 600 !important;
}

/* Navigation List Items - Tüm li elementleri */
.p-navSticky .p-nav-list li,
.p-navSticky ul.p-nav-list li,
.p-navSticky .p-nav-list > li,
body .p-navSticky .p-nav-list li {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

/* Navigation scroller içindeki butonlar */
.p-navSticky .p-nav-scroller,
.p-navSticky .hScroller,
.p-navSticky .hScroller-scroll,
body .p-navSticky .p-nav-scroller {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center !important;
	overflow: visible !important;
}

/* Navigation Butonları - EN AGRESİF KURALLAR - TÜM YAPILAR İÇİN */
.p-navSticky .p-nav a,
.p-navSticky .p-navEl a,
.p-navSticky .p-navEl-link,
.p-navSticky .p-nav-list a,
.p-navSticky .p-nav-list li a,
.p-navSticky .p-nav-list .p-navEl a,
.p-navSticky .p-nav-inner a,
.p-navSticky .p-nav-scroller a,
.p-navSticky .hScroller a,
.p-navSticky .hScroller-scroll a,
body .p-navSticky .p-nav a,
body .p-navSticky .p-navEl a,
body .p-navSticky .p-navEl-link,
html body .p-navSticky .p-nav a,
html body .p-navSticky .p-navEl a {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.5rem 1rem !important;
	text-decoration: none !important;
	color: #fff !important;
	background: rgba(255, 255, 255, 0.1) !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	border-radius: 4px !important;
	transition: background 0.3s ease, transform 0.2s ease, border-color 0.3s ease !important;
	font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
	margin: 0 0.25rem !important;
	min-height: 36px !important;
	max-height: 40px !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
	cursor: pointer !important;
	position: relative !important;
	z-index: 1 !important;
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	min-width: auto !important;
	overflow: visible !important;
	clip: auto !important;
	clip-path: none !important;
	text-indent: 0 !important;
	text-shadow: none !important;
	pointer-events: auto !important;
}

.p-navSticky .p-nav a:hover,
.p-navSticky .p-navEl a:hover,
.p-navSticky .p-navEl-link:hover,
.p-navSticky .p-nav-list a:hover,
body .p-navSticky .p-nav a:hover,
body .p-navSticky .p-navEl a:hover {
	background: rgba(255, 255, 255, 0.2) !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

.p-navSticky .p-navEl.is-selected a,
.p-navSticky .p-navEl-link.is-selected,
body .p-navSticky .p-navEl.is-selected a {
	background: rgba(255, 255, 255, 0.25) !important;
	border-color: rgba(255, 255, 255, 0.4) !important;
	font-weight: 600 !important;
}

.p-navSticky .p-nav a span,
.p-navSticky .p-navEl a span,
.p-navSticky .p-navEl-link span,
body .p-navSticky .p-nav a span {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: inherit !important;
	white-space: nowrap !important;
	width: auto !important;
	height: auto !important;
}

/* .p-navEl elementlerinin kendisi için de stil */
.p-navSticky .p-navEl,
.p-navSticky .p-nav-list .p-navEl,
.p-navSticky .p-nav-list li .p-navEl,
body .p-navSticky .p-navEl,
html body .p-navSticky .p-navEl {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 0.25rem !important;
	padding: 0 !important;
	position: relative !important;
	z-index: 1 !important;
}

/* Tüm navigation yapısını zorla görünür yap */
.p-navSticky,
.p-navSticky .p-nav,
.p-navSticky .p-nav-inner,
.p-navSticky .p-nav-list,
.p-navSticky ul.p-nav-list,
body .p-navSticky,
body .p-navSticky .p-nav,
html body .p-navSticky {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center !important;
	gap: 0.5rem !important;
	flex-wrap: nowrap !important;
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	min-width: auto !important;
	overflow: visible !important;
	clip: auto !important;
	clip-path: none !important;
}

/* ============================================
   NAVIGATION BUTONLARI - EN SON AGRESİF KURALLAR
   ============================================ */
/* Navigation yapısını görünür yap */
.p-navSticky .p-nav,
.p-navSticky .p-nav-inner,
.p-navSticky .p-nav-scroller,
.p-navSticky .p-nav-scroller .hScroller-scroll,
.p-navSticky .p-nav-list,
.p-navSticky ul.p-nav-list,
body .p-navSticky .p-nav,
body .p-navSticky .p-nav-inner,
body .p-navSticky .p-nav-list,
html body .p-navSticky .p-nav {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center !important;
	gap: 0.5rem !important;
}

.p-navSticky .p-nav-list li,
.p-navSticky ul.p-nav-list li,
body .p-navSticky .p-nav-list li {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.p-navSticky .p-navEl,
.p-navSticky .p-nav-list .p-navEl,
.p-navSticky .p-nav-list li .p-navEl,
body .p-navSticky .p-navEl,
html body .p-navSticky .p-navEl {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 0.25rem !important;
	padding: 0 !important;
	position: relative !important;
}

/* Navigation link'leri için buton stili - EN SPESİFİK */
.p-navSticky .p-navEl-link,
.p-navSticky .p-navEl a,
.p-navSticky .p-navEl-link.p-navEl-link--splitMenu,
.p-navSticky .p-navEl a.p-navEl-link,
.p-navSticky .p-navEl a.p-navEl-link--splitMenu,
.p-navSticky .p-nav-list a,
.p-navSticky .p-nav-list li a,
.p-navSticky .p-nav-list .p-navEl a,
.p-navSticky .p-nav-list .p-navEl .p-navEl-link,
.p-navSticky .p-nav-list .p-navEl .p-navEl-link.p-navEl-link--splitMenu,
body .p-navSticky .p-navEl-link,
body .p-navSticky .p-navEl a,
body .p-navSticky .p-nav-list .p-navEl a,
html body .p-navSticky .p-navEl-link,
html body .p-navSticky .p-navEl a,
html body .p-navSticky .p-nav-list .p-navEl a {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.5rem 1rem !important;
	text-decoration: none !important;
	color: #fff !important;
	background: rgba(255, 255, 255, 0.1) !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	border-radius: 4px !important;
	transition: background 0.3s ease, transform 0.2s ease, border-color 0.3s ease !important;
	font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
	margin: 0 0.25rem !important;
	min-height: 36px !important;
	max-height: 40px !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
	cursor: pointer !important;
	position: relative !important;
	z-index: 9999 !important;
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	min-width: auto !important;
	overflow: visible !important;
	clip: auto !important;
	clip-path: none !important;
	text-indent: 0 !important;
	text-shadow: none !important;
	pointer-events: auto !important;
	line-height: normal !important;
}

.p-navSticky .p-navEl-link:hover,
.p-navSticky .p-navEl a:hover,
.p-navSticky .p-nav-list a:hover,
body .p-navSticky .p-navEl-link:hover,
body .p-navSticky .p-navEl a:hover {
	background: rgba(255, 255, 255, 0.2) !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

.p-navSticky .p-navEl.is-selected .p-navEl-link,
.p-navSticky .p-navEl.is-selected a,
.p-navSticky .p-navEl-link.is-selected,
body .p-navSticky .p-navEl.is-selected .p-navEl-link {
	background: rgba(255, 255, 255, 0.25) !important;
	border-color: rgba(255, 255, 255, 0.4) !important;
	font-weight: 600 !important;
}

.p-navSticky .p-navEl-link span,
.p-navSticky .p-navEl a span,
body .p-navSticky .p-navEl-link span {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: inherit !important;
	white-space: nowrap !important;
	width: auto !important;
	height: auto !important;
}


/* ============================================
   RESPONSIVE TASARIM - Navigation Butonları
   ============================================ */

/* Desktop - Normal görünüm */
@media (min-width: 1024px) {
	.p-navSticky .p-navEl-link,
	.p-navSticky .p-navEl a,
	.p-navSticky .p-nav-list .p-navEl a {
		padding: 0.5rem 1rem !important;
		font-size: 14px !important;
		min-height: 36px !important;
		min-width: auto !important;
		margin: 0 0.25rem !important;
	}
	
	.p-navSticky .p-nav,
	.p-navSticky .p-nav-list {
		gap: 0.5rem !important;
		flex-wrap: nowrap !important;
	}
}

/* Tablet - Orta ekran */
@media (min-width: 768px) and (max-width: 1023px) {
	.p-navSticky .p-navEl-link,
	.p-navSticky .p-navEl a,
	.p-navSticky .p-nav-list .p-navEl a {
		padding: 0.4rem 0.8rem !important;
		font-size: 13px !important;
		min-height: 34px !important;
		margin: 0 0.2rem !important;
	}
	
	.p-navSticky .p-nav,
	.p-navSticky .p-nav-list {
		gap: 0.4rem !important;
		flex-wrap: wrap !important;
	}
	
	.p-navSticky .p-navEl-link span,
	.p-navSticky .p-navEl a span {
		font-size: 13px !important;
	}
}

/* Mobile - Küçük ekran */
@media (max-width: 767px) {
	.p-navSticky .p-nav,
	.p-navSticky .p-nav-inner,
	.p-navSticky .p-nav-scroller,
	.p-navSticky .p-nav-list {
		flex-direction: column !important;
		gap: 0.3rem !important;
		width: 100% !important;
		align-items: stretch !important;
	}
	
	.p-navSticky .p-navEl-link,
	.p-navSticky .p-navEl a,
	.p-navSticky .p-nav-list .p-navEl a {
		padding: 0.6rem 1rem !important;
		font-size: 14px !important;
		min-height: 40px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0.1rem !important;
		justify-content: flex-start !important;
		border-radius: 6px !important;
	}
	
	.p-navSticky .p-nav-list li {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.p-navSticky .p-navEl {
		width: 100% !important;
		margin: 0 !important;
	}
	
	.p-navSticky .p-navEl-link span,
	.p-navSticky .p-navEl a span {
		font-size: 14px !important;
	}
	
	/* Mobile'de navigation butonları scroll edilebilir */
	.p-navSticky .p-nav-scroller {
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch !important;
		scrollbar-width: thin !important;
	}
	
	.p-navSticky .p-nav-scroller::-webkit-scrollbar {
		height: 4px !important;
	}
	
	.p-navSticky .p-nav-scroller::-webkit-scrollbar-track {
		background: rgba(255, 255, 255, 0.1) !important;
	}
	
	.p-navSticky .p-nav-scroller::-webkit-scrollbar-thumb {
		background: rgba(255, 255, 255, 0.3) !important;
		border-radius: 2px !important;
	}
}

/* Çok küçük ekranlar */
@media (max-width: 480px) {
	.p-navSticky .p-navEl-link,
	.p-navSticky .p-navEl a,
	.p-navSticky .p-nav-list .p-navEl a {
		padding: 0.5rem 0.8rem !important;
		font-size: 13px !important;
		min-height: 38px !important;
	}
	
	.p-navSticky .p-navEl-link span,
	.p-navSticky .p-navEl a span {
		font-size: 13px !important;
	}
}

/* Header için responsive */
@media (max-width: 767px) {
	.main-header {
		padding: 0.5rem 1rem !important;
		height: auto !important;
		min-height: 60px !important;
		max-height: none !important;
		flex-wrap: wrap !important;
	}
	
	.p-navSticky {
		position: relative !important;
		width: 100% !important;
	}
}

/* Login/Register butonları için responsive - AGRESİF KURALLAR */
@media (max-width: 1024px) {
	.p-navSticky .p-nav-opposite,
	.p-navSticky .p-navgroup,
	.p-navSticky .p-navgroup.p-account,
	.p-navSticky .p-navgroup.p-account.p-navgroup--guest,
	body .p-navSticky .p-nav-opposite,
	body .p-navSticky .p-navgroup,
	body .p-navSticky .p-navgroup.p-account {
		margin-right: 1.5rem !important;
		display: flex !important;
		align-items: center !important;
		gap: 0.4rem !important;
	}
	
	.p-navSticky .p-navgroup-link,
	.p-navSticky .p-navgroup-link--logIn,
	.p-navSticky .p-navgroup-link--register,
	.p-navSticky .p-navgroup-link--textual,
	.p-navSticky .p-navgroup.p-account .p-navgroup-link,
	body .p-navSticky .p-navgroup-link,
	body .p-navSticky .p-navgroup-link--logIn,
	body .p-navSticky .p-navgroup-link--register {
		padding: 0.45rem 0.9rem !important;
		font-size: 13px !important;
		min-height: 35px !important;
		max-height: 38px !important;
		width: auto !important;
		min-width: auto !important;
	}
	
	.p-navSticky .p-navgroup-linkText {
		font-size: 13px !important;
	}
}

@media (max-width: 767px) {
	.p-navSticky .p-nav-opposite,
	.p-navSticky .p-navgroup,
	.p-navSticky .p-navgroup.p-account,
	.p-navSticky .p-navgroup.p-account.p-navgroup--guest,
	body .p-navSticky .p-nav-opposite,
	body .p-navSticky .p-navgroup,
	body .p-navSticky .p-navgroup.p-account {
		margin-right: 1rem !important;
		width: auto !important;
		max-width: none !important;
		flex-wrap: wrap !important;
		gap: 0.3rem !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
	}
	
	.p-navSticky .p-navgroup-link,
	.p-navSticky .p-navgroup-link--logIn,
	.p-navSticky .p-navgroup-link--register,
	.p-navSticky .p-navgroup-link--textual,
	.p-navSticky .p-navgroup.p-account .p-navgroup-link,
	body .p-navSticky .p-navgroup-link,
	body .p-navSticky .p-navgroup-link--logIn,
	body .p-navSticky .p-navgroup-link--register {
		padding: 0.4rem 0.8rem !important;
		font-size: 13px !important;
		min-height: 34px !important;
		max-height: 36px !important;
		margin: 0.2rem 0.1rem !important;
		white-space: nowrap !important;
		flex-shrink: 0 !important;
		width: auto !important;
		min-width: auto !important;
		max-width: none !important;
	}
	
	.p-navSticky .p-navgroup-linkText,
	.p-navSticky .p-navgroup-link--logIn .p-navgroup-linkText,
	.p-navSticky .p-navgroup-link--register .p-navgroup-linkText {
		font-size: 13px !important;
		white-space: nowrap !important;
		overflow: visible !important;
		text-overflow: clip !important;
	}
	
	.p-navSticky .p-navgroup-link i,
	.p-navSticky .p-navgroup-link--logIn i,
	.p-navSticky .p-navgroup-link--register i {
		font-size: 13px !important;
		margin-right: 0.4rem !important;
	}
}

@media (max-width: 480px) {
	.p-navSticky .p-nav-opposite,
	.p-navSticky .p-navgroup,
	.p-navSticky .p-navgroup.p-account,
	.p-navSticky .p-navgroup.p-account.p-navgroup--guest,
	body .p-navSticky .p-nav-opposite,
	body .p-navSticky .p-navgroup,
	body .p-navSticky .p-navgroup.p-account {
		margin-right: 0.5rem !important;
		gap: 0.25rem !important;
		flex-wrap: wrap !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
	}
	
	.p-navSticky .p-navgroup-link,
	.p-navSticky .p-navgroup-link--logIn,
	.p-navSticky .p-navgroup-link--register,
	.p-navSticky .p-navgroup-link--textual,
	.p-navSticky .p-navgroup.p-account .p-navgroup-link,
	body .p-navSticky .p-navgroup-link,
	body .p-navSticky .p-navgroup-link--logIn,
	body .p-navSticky .p-navgroup-link--register {
		padding: 0.35rem 0.6rem !important;
		font-size: 12px !important;
		min-height: 32px !important;
		max-height: 34px !important;
		margin: 0.15rem 0.05rem !important;
		width: auto !important;
		min-width: auto !important;
		max-width: none !important;
	}
	
	.p-navSticky .p-navgroup-linkText,
	.p-navSticky .p-navgroup-link--logIn .p-navgroup-linkText,
	.p-navSticky .p-navgroup-link--register .p-navgroup-linkText {
		font-size: 12px !important;
		white-space: nowrap !important;
	}
	
	.p-navSticky .p-navgroup-link i,
	.p-navSticky .p-navgroup-link--logIn i,
	.p-navSticky .p-navgroup-link--register i {
		font-size: 12px !important;
		margin-right: 0.3rem !important;
	}
}

/* Staff Bar Login/Register butonları için responsive - AGRESİF KURALLAR */
@media (max-width: 1024px) {
	.p-staffBar .p-navgroup,
	.p-staffBar .p-navgroup.p-account,
	.p-staffBar .p-navgroup.p-account.p-navgroup--guest,
	body .p-staffBar .p-navgroup,
	body .p-staffBar .p-navgroup.p-account {
		margin-right: 1.5rem !important;
		display: flex !important;
		align-items: center !important;
		gap: 0.4rem !important;
	}
	
	.p-staffBar .p-navgroup-link,
	.p-staffBar .p-navgroup-link--logIn,
	.p-staffBar .p-navgroup-link--register,
	.p-staffBar .p-navgroup-link--textual,
	.p-staffBar .p-navgroup.p-account .p-navgroup-link,
	body .p-staffBar .p-navgroup-link,
	body .p-staffBar .p-navgroup-link--logIn,
	body .p-staffBar .p-navgroup-link--register {
		padding: 0.45rem 0.9rem !important;
		font-size: 13px !important;
		min-height: 35px !important;
		max-height: 38px !important;
		width: auto !important;
		min-width: auto !important;
	}
	
	.p-staffBar .p-navgroup-linkText {
		font-size: 13px !important;
	}
}

@media (max-width: 767px) {
	.p-staffBar .p-navgroup,
	.p-staffBar .p-navgroup.p-account,
	.p-staffBar .p-navgroup.p-account.p-navgroup--guest,
	body .p-staffBar .p-navgroup,
	body .p-staffBar .p-navgroup.p-account {
		margin-right: 1rem !important;
		width: auto !important;
		max-width: none !important;
		flex-wrap: wrap !important;
		gap: 0.3rem !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
	}
	
	.p-staffBar .p-navgroup-link,
	.p-staffBar .p-navgroup-link--logIn,
	.p-staffBar .p-navgroup-link--register,
	.p-staffBar .p-navgroup-link--textual,
	.p-staffBar .p-navgroup.p-account .p-navgroup-link,
	body .p-staffBar .p-navgroup-link,
	body .p-staffBar .p-navgroup-link--logIn,
	body .p-staffBar .p-navgroup-link--register {
		padding: 0.4rem 0.8rem !important;
		font-size: 13px !important;
		min-height: 34px !important;
		max-height: 36px !important;
		margin: 0.2rem 0.1rem !important;
		white-space: nowrap !important;
		flex-shrink: 0 !important;
		width: auto !important;
		min-width: auto !important;
		max-width: none !important;
	}
	
	.p-staffBar .p-navgroup-linkText,
	.p-staffBar .p-navgroup-link--logIn .p-navgroup-linkText,
	.p-staffBar .p-navgroup-link--register .p-navgroup-linkText {
		font-size: 13px !important;
		white-space: nowrap !important;
		overflow: visible !important;
		text-overflow: clip !important;
	}
	
	.p-staffBar .p-navgroup-link i,
	.p-staffBar .p-navgroup-link--logIn i,
	.p-staffBar .p-navgroup-link--register i {
		font-size: 13px !important;
		margin-right: 0.4rem !important;
	}
}

@media (max-width: 480px) {
	.p-staffBar .p-navgroup,
	.p-staffBar .p-navgroup.p-account,
	.p-staffBar .p-navgroup.p-account.p-navgroup--guest,
	body .p-staffBar .p-navgroup,
	body .p-staffBar .p-navgroup.p-account {
		margin-right: 0.5rem !important;
		gap: 0.25rem !important;
		flex-wrap: wrap !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
	}
	
	.p-staffBar .p-navgroup-link,
	.p-staffBar .p-navgroup-link--logIn,
	.p-staffBar .p-navgroup-link--register,
	.p-staffBar .p-navgroup-link--textual,
	.p-staffBar .p-navgroup.p-account .p-navgroup-link,
	body .p-staffBar .p-navgroup-link,
	body .p-staffBar .p-navgroup-link--logIn,
	body .p-staffBar .p-navgroup-link--register {
		padding: 0.35rem 0.6rem !important;
		font-size: 12px !important;
		min-height: 32px !important;
		max-height: 34px !important;
		margin: 0.15rem 0.05rem !important;
		width: auto !important;
		min-width: auto !important;
		max-width: none !important;
	}
	
	.p-staffBar .p-navgroup-linkText,
	.p-staffBar .p-navgroup-link--logIn .p-navgroup-linkText,
	.p-staffBar .p-navgroup-link--register .p-navgroup-linkText {
		font-size: 12px !important;
		white-space: nowrap !important;
	}
	
	.p-staffBar .p-navgroup-link i,
	.p-staffBar .p-navgroup-link--logIn i,
	.p-staffBar .p-navgroup-link--register i {
		font-size: 12px !important;
		margin-right: 0.3rem !important;
	}
}

/* Logo için responsive */
@media (max-width: 767px) {
	.p-navSticky .p-header-logo,
	.p-navSticky .p-header-logo img,
	.p-navSticky .uix_logo,
	.p-navSticky .uix_logo img,
	body .p-navSticky .p-header-logo img,
	html body .p-navSticky .p-header-logo img {
		max-width: 120px !important;
		max-height: 40px !important;
		width: auto !important;
		height: auto !important;
		object-fit: contain !important;
	}
	
	.main-header .main_logo img,
	.main-header .logo img,
	body .main-header .main_logo img {
		max-width: 120px !important;
		max-height: 40px !important;
		width: auto !important;
		height: auto !important;
	}
}

@media (max-width: 480px) {
	.p-navSticky .p-header-logo,
	.p-navSticky .p-header-logo img,
	.p-navSticky .uix_logo,
	.p-navSticky .uix_logo img {
		max-width: 100px !important;
		max-height: 35px !important;
	}
	
	.main-header .main_logo img,
	.main-header .logo img {
		max-width: 100px !important;
		max-height: 35px !important;
	}
}

/* ============================================
   INDEX.HTML RESPONSIVE TASARIM
   ============================================ */

/* Header responsive */
@media (max-width: 767px) {
	.header {
		padding: 0.5rem 1rem !important;
		flex-wrap: wrap !important;
		height: auto !important;
		min-height: 60px !important;
	}
	
	.header .main_logo,
	.header .main_logo img {
		max-width: 120px !important;
		max-height: 40px !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
	}
	
	.header .nav {
		width: 100% !important;
		order: 3 !important;
		margin-top: 0.5rem !important;
	}
	
	.header .menu {
		flex-direction: column !important;
		gap: 0.5rem !important;
		width: 100% !important;
	}
	
	.header .nav-button {
		width: 100% !important;
		padding: 0.6rem 1rem !important;
		font-size: 14px !important;
		text-align: left !important;
	}
	
	.header .hamb {
		order: 2 !important;
	}
}

@media (max-width: 480px) {
	.header {
		padding: 0.5rem 0.8rem !important;
	}
	
	.header .main_logo,
	.header .main_logo img {
		max-width: 100px !important;
		max-height: 35px !important;
	}
	
	.header .nav-button {
		padding: 0.5rem 0.8rem !important;
		font-size: 13px !important;
	}
}

/* Content container responsive */
@media (max-width: 767px) {
	.content_container {
		padding: 1rem !important;
	}
	
	.content {
		padding: 1rem !important;
	}
	
	.main_section {
		padding: 1rem !important;
	}
	
	.main_section .logo {
		max-width: 200px !important;
		max-height: 72px !important;
		width: auto !important;
		height: auto !important;
	}
	
	.main_section h2 {
		font-size: 16px !important;
		line-height: 1.5 !important;
		padding: 1rem !important;
	}
}

@media (max-width: 480px) {
	.content_container {
		padding: 0.5rem !important;
	}
	
	.content {
		padding: 0.5rem !important;
	}
	
	.main_section {
		padding: 0.5rem !important;
	}
	
	.main_section .logo {
		max-width: 150px !important;
		max-height: 54px !important;
	}
	
	.main_section h2 {
		font-size: 14px !important;
		line-height: 1.4 !important;
		padding: 0.8rem !important;
	}
}

/* Footer responsive */
@media (max-width: 767px) {
	footer {
		padding: 1rem !important;
	}
	
	footer .logo-container img,
	footer .cn {
		max-width: 150px !important;
		max-height: 54px !important;
		width: auto !important;
		height: auto !important;
	}
}

@media (max-width: 480px) {
	footer .logo-container img,
	footer .cn {
		max-width: 120px !important;
		max-height: 43px !important;
	}
}

/* Subnav responsive */
@media (max-width: 767px) {
	.subnav-content {
		position: static !important;
		width: 100% !important;
		box-shadow: none !important;
		margin-top: 0.5rem !important;
	}
	
	.subnav-content a {
		display: block !important;
		padding: 0.6rem 1rem !important;
		width: 100% !important;
	}
}

/* ============================================
   LOGIN/REGISTER BUTONLARI - EN AGRESİF RESPONSIVE KURALLAR
   ============================================ */

/* Tablet responsive */
@media (max-width: 1024px) {
	.p-navSticky .p-navgroup-link--logIn,
	.p-navSticky .p-navgroup-link--register,
	.p-navSticky .p-navgroup-link--textual,
	.p-navSticky .p-navgroup.p-account.p-navgroup--guest .p-navgroup-link,
	.p-staffBar .p-navgroup-link--logIn,
	.p-staffBar .p-navgroup-link--register,
	body .p-navSticky .p-navgroup-link--logIn,
	body .p-navSticky .p-navgroup-link--register,
	html body .p-navSticky .p-navgroup-link--logIn,
	html body .p-navSticky .p-navgroup-link--register {
		padding: 0.45rem 0.9rem !important;
		font-size: 13px !important;
		min-height: 35px !important;
		max-height: 38px !important;
		width: auto !important;
		min-width: auto !important;
		max-width: none !important;
		display: inline-flex !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	.p-navSticky .p-navgroup-link--logIn .p-navgroup-linkText,
	.p-navSticky .p-navgroup-link--register .p-navgroup-linkText {
		font-size: 13px !important;
	}
}

/* Mobile responsive */
@media (max-width: 767px) {
	.p-navSticky .p-navgroup-link--logIn,
	.p-navSticky .p-navgroup-link--register,
	.p-navSticky .p-navgroup-link--textual,
	.p-navSticky .p-navgroup.p-account.p-navgroup--guest .p-navgroup-link,
	.p-staffBar .p-navgroup-link--logIn,
	.p-staffBar .p-navgroup-link--register,
	body .p-navSticky .p-navgroup-link--logIn,
	body .p-navSticky .p-navgroup-link--register,
	html body .p-navSticky .p-navgroup-link--logIn,
	html body .p-navSticky .p-navgroup-link--register {
		padding: 0.4rem 0.8rem !important;
		font-size: 13px !important;
		min-height: 34px !important;
		max-height: 36px !important;
		width: auto !important;
		min-width: auto !important;
		max-width: none !important;
		margin: 0.2rem 0.1rem !important;
		white-space: nowrap !important;
		flex-shrink: 0 !important;
		display: inline-flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		overflow: visible !important;
		text-overflow: clip !important;
	}
	
	.p-navSticky .p-navgroup-link--logIn .p-navgroup-linkText,
	.p-navSticky .p-navgroup-link--register .p-navgroup-linkText {
		font-size: 13px !important;
		white-space: nowrap !important;
		overflow: visible !important;
		text-overflow: clip !important;
	}
	
	.p-navSticky .p-navgroup-link--logIn i,
	.p-navSticky .p-navgroup-link--register i {
		font-size: 13px !important;
		margin-right: 0.4rem !important;
	}
}

/* Çok küçük ekranlar */
@media (max-width: 480px) {
	.p-navSticky .p-navgroup-link--logIn,
	.p-navSticky .p-navgroup-link--register,
	.p-navSticky .p-navgroup-link--textual,
	.p-navSticky .p-navgroup.p-account.p-navgroup--guest .p-navgroup-link,
	.p-staffBar .p-navgroup-link--logIn,
	.p-staffBar .p-navgroup-link--register,
	body .p-navSticky .p-navgroup-link--logIn,
	body .p-navSticky .p-navgroup-link--register,
	html body .p-navSticky .p-navgroup-link--logIn,
	html body .p-navSticky .p-navgroup-link--register {
		padding: 0.35rem 0.6rem !important;
		font-size: 12px !important;
		min-height: 32px !important;
		max-height: 34px !important;
		margin: 0.15rem 0.05rem !important;
		width: auto !important;
		min-width: auto !important;
		max-width: none !important;
		display: inline-flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		white-space: nowrap !important;
		overflow: visible !important;
		text-overflow: clip !important;
	}
	
	.p-navSticky .p-navgroup-link--logIn .p-navgroup-linkText,
	.p-navSticky .p-navgroup-link--register .p-navgroup-linkText {
		font-size: 12px !important;
		white-space: nowrap !important;
		overflow: visible !important;
		text-overflow: clip !important;
	}
	
	.p-navSticky .p-navgroup-link--logIn i,
	.p-navSticky .p-navgroup-link--register i {
		font-size: 12px !important;
		margin-right: 0.3rem !important;
	}
}