/* Font preload */
@font-face {
    font-family: "Totally Glyphic Regular";
    src: url(https://tatangalar.org/fonts/Totally%20Glyphic%20Regular.otf) format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: block; /* swap yerine block kullan */
}

/* Font fallback sistemi */
.logo,
#logo,
.site-title,
.header-title {
    font-family: "Totally Glyphic Regular", "Impact", "Arial Black", Arial, sans-serif !important;
    font-display: block !important;
}

body {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
    background: 
        /* Ana fotoğraf overlay */ 
        linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(45, 90, 61, 0.5)),
        /* Stadyum fotoğrafı - kendi fotoğrafınızın URL'sini buraya koyun */
        url(../../../images/stadium.jpg),
        /* Fallback gradients */
        linear-gradient(
            180deg,
            rgba(20, 30, 20, 0.9) 0%,
            rgba(10, 20, 15, 0.95) 15%,
            rgba(5, 15, 10, 1) 40%,
            rgba(15, 25, 20, 0.98) 65%,
            rgba(25, 35, 30, 0.95) 85%,
            rgba(35, 45, 40, 0.9) 100%
        ) !important;
    background-size: cover, cover, 100% 100% !important;
    background-position: center, center, center center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    color: #ffffff !important;
    text-align: center;
    line-height: 1.4;
    margin: 0;
    overflow-y: scroll;
    text-decoration: none;
    font-size: 13px;
    min-height: 100vh !important;
}

/* Forum satırlarındaki text'leri sola yaslı */
.trow1 td,
.trow2 td {
    text-align: left !important;
    color: #ffffff !important;
}

/* Header'ı merkez tut */
#header,
.forum-header,
.logo-container {
    text-align: center !important; /* Bunlar merkez kalacak */
}

/* Stats kolonları merkez */
td[align="center"] {
    text-align: center !important; /* İstatistik kolonları */
}

/* ===== 13. İSTATİSTİK VE ONLİNE PANEL DÜZELTMELERİ ===== */
/* İstatistik paneli */
.stats,
.boardstats,
#boardstats {
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(76, 175, 80, 0.3) !important;
    color: #ffffff !important;
    padding: 15px !important;
    margin-bottom: 15px !important;
}

/* Online users listesi */
.online_users,
.onlinebit {
    background: rgba(0, 0, 0, 0.6) !important;
    border-radius: 8px !important;
    padding: 10px !important;
    margin: 5px 0 !important;
}

/* ===== 14. GENEL ŞEFFAFLIK DÜZELTMELERİ ===== */
/* Tüm beyaz div'leri transparan yap */
div[style*="background-color: #ffffff"],
div[style*="background: #ffffff"],
div[style*="background-color: white"],
div[style*="background: white"] {
    background: rgba(0, 0, 0, 0.7) !important;
    border-radius: 8px !important;
}

/* Panel alt kısmı */
#panel .lower {
    background: rgba(0, 0, 0, 0.8) !important; /* eski: #efefef */
    color: #ffffff !important; /* eski: #999 */
    border-top: 1px solid rgba(76, 175, 80, 0.3) !important; /* eski: #fff */
    border-bottom: 1px solid rgba(76, 175, 80, 0.5) !important; /* eski: #ccc */
    padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
    color: #4caf50 !important; /* eski: #666 */
}

html{
	min-height: 100%;
	position: relative;
}

body {
	margin: 0;
	margin-bottom: 180px;
}

.post_flexible
{
	display:flex;
}

.wo_title {
	color: #2C3E50;
	margin-left: 15px;
	display: block;
	margin-top: 20px;
	
	font-family: Source Sans Pro;
	font-size: 25px;
}

.wo_desc {
	color: rgb(58, 58, 59);
	display: inline-block;
	margin: 15px 15px 40px;
	font-size: 15px;
}

#hb_title {
	color: white; font-size: 45px; position: relative; font-family: 'Lobster', cursive; left: 85px; top: 20px;
}

#hb_desc {
	font-size: 20px; text-align: left; font-family: Source Sans Pro;
}

#home_bit {
	color: #FFF;
	padding: 15px 18px;
	position: relative;
	cursor: pointer;
	font-size: 17px;
	transition: all 150ms;
	border-bottom: 2px solid rgba(0, 0, 0, 0.14);
}


.nav_link {
   text-decoration: none;
	color: #4caf50;
	float: right;
	position: relative;
	font-size: 15px;
	padding: 16px;
	transition: background 200ms;
	cursor: pointer;
}

.nav_link:hover {
	background: transparent !important;
	border-bottom: none !important;
}

.nav_link a:link, a:hover, a {
	text-decoration: none;
}

.subforum_miniofflock i:before {
	content: "\f148";
}

.subforum_miniofflink i:before {
	content: "\f148";
}

#nav_mobile {
	display:none;
}

.forum {
	float: left; width: 81%;
}

a:link {
	color: #4caf50 !important;
	text-decoration: none;
}

a:visited {
	color: #4caf50 !important;
	text-decoration: none;
}

a:hover,
a:active {
	color: #66bb6a !important;
	text-decoration: underline;
}

#container 
	background: transparent !important;
	color: #ffffff !important;
	text-align: left;
	line-height: 1.4;
	margin: 0;
	font-family: Roboto;
	font-size: 13px;
}

.wrapper {
    width: 95%; /* %90'dan %95'e çıkar */
    max-width: 1400px; /* Maksimum genişlik sınırı */
    margin: 0 auto; /* Merkeze hizala */
    min-width: 320px; /* Minimum genişlik */
}



#content {
	background: transparent !important; 
	width: auto !important;
	padding: 20px 10px;
	overflow: hidden;
	margin-bottom:-75px;
}

/* Forum bit container'ları */
.forumbit,
.forumbit_depth1,
.forumbit_depth2 {
    background:  rgba(0, 0, 0, 0.7) !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    border: 1px solid rgba(76, 175, 80, 0.3) !important;
}

.who_online,
.online_today,
#whos_online,
#panel {
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(76, 175, 80, 0.3) !important;
    color: #ffffff !important;
}

.breadcrumb,
.navigation {
    background: rgba(0, 0, 0, 0.7) !important;
    border-radius: 15px !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(76, 175, 80, 0.3) !important;
}

/* Wrapper */
.wrapper {
    background: transparent !important;
}

/* ===== 12. TEXT ALIGN DÜZELTMELER ===== */
/* Forum isimlerini sola yaslı yap */
.forumbit .foruminfo,
.forumbit .forum_name,
.forum_name,
td.foruminfo {
    text-align: left !important; /* eski: center */
}

#header ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header ul.menu li {
	margin: 0 7px;
	display: inline;
}

#header ul.menu li a {
	padding-left: 20px;
	background-image: url(../../../images/headerlinks_sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 16px;
}

#logo ul.top_links {
	font-weight: bold;
	text-align: right;
	margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
	background-position: 0 0;
}

#logo ul.top_links a.memberlist {
	background-position: 0 -20px;
}

#logo ul.top_links a.calendar {
	background-position: 0 -40px;
}

#logo ul.top_links a.help {
	background-position: 0 -60px;
}

#logo ul.top_links a.portal {
	background-position: 0 -180px;
}

#panel .upper a.logout {
	font-weight: bold;
	background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
	background: url(../../../images/headerlinks_sprite.png) 0 -100px no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .upper a.register {
	background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .lower ul.panel_links {
	float: left;
}

#panel .lower ul.panel_links a.usercp {
	background-position: 0 -120px;
}

#panel .lower ul.panel_links a.modcp {
	background-position: 0 -140px;
}

#panel .lower ul.panel_links a.admincp {
	background-position: 0 -160px;
}

#panel .lower ul.user_links {
	float: right;
}

#panel .lower ul.user_links li a {
	padding: 0;
	background-image: none;
}

#panel .upper {
	background: rgb(15, 121, 242) none repeat scroll 0% 0%;
	color: #fff;
	padding: 2px;
	clear: both;
}

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

#panel .lower {
	background: #efefef;
	color: #999;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	display:none;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
	color: #666;
}

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

#search input.button,
#search input.textbox {
	border-color: rgba(0, 0, 0, 0.36);
}

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

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

#quick_login .remember_me input {
	vertical-align: middle;
	margin: -3px 0 0 5px;
}






#debug {
	float: right;
	text-align: right;
	margin-top: 20px;
	font-size: 11px;
}

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

/* FORUM İKONLARI - TATANGALAR LOGOSU */
/* FORUM SİMGELERİ - TATANGALAR LOGO - DÜZELTİLMİŞ */
.forumstatus {
    width: 50px !important;
    height: 50px !important;
    background: transparent !important;
    border: none !important;
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
}

/* Eski simgeleri tamamen gizle */
.forumstatus * {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Tatangalar logosu - TEMEL */
.forumstatus::before {
    content: '';
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url(https://tatangalar.org/forum/images/tatangalar-logo.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block !important;
    z-index: 5 !important;
}

/* YENİ MESAJ YOK - Soluk/Gri */
.forumoff::before {
    opacity: 0.3 !important;
    filter: grayscale(100%) brightness(0.4) !important;
}

/* YENİ MESAJ VAR - Renkli/Parlak */
.forumon::before {
    opacity: 1 !important;
    filter: brightness(1.1) saturate(1.2) !important;
}

/* Hover efekti */
.forumstatus:hover::before {
    transform: scale(1.1) !important;
    transition: all 0.3s ease !important;
}






.forum_off i {
}

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

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

.subforumicon {
	display: inline-block;
	margin: 0 5px;
}

.subforum_minion {
	color: #27ae60;
}

.subforum_minioff {
	color: #27ae60;
}

.subforum_miniofflock {
	color: #27ae60;
}

.subforum_miniofflink {
	color: #27ae60;
}

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

.tborder {
	background: rgba(0, 0, 0, 0.8) !important;;
	width: 100%;
	margin: auto auto;
	border-bottom: 3px solid rgba(76, 175, 80, 0.3) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

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

.thead {
    background: linear-gradient(135deg, #27ae60, #66bb6a) !important;
	color: #FFF;
    border-bottom: 1px solid rgba(39, 174, 96, 0.5) !important;
	padding: 14px 17px;
	font-size: 15px;
}

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

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

.thead a:hover,
.thead a:active {
	color: #ffffff;
	text-decoration: underline;
}

.theadtest {
    border-bottom: 1px solid rgba(39, 174, 96, 0.5) !important;
	padding: 4px 7px;
	font-size: 8px;
}

.tcat {
	background: rgba(76, 175, 80, 0.3) !important;
	color: #FFF;
	padding: 9px;
	border-bottom: 1px solid rgba(76, 175, 80, 0.5) !important;
	font-size: 15px;
}

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

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

.trow1 {
	background: rgba(0, 0, 0, 0.5) !important;
	border: 1px solid rgba(76, 175, 80, 0.3) !important;
	padding: 13px;
	border-bottom: 1px solid rgba(76, 175, 80, 0.2) !important; /* eski: #F9F9F9 */
    color: #ffffff !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
}

.trow2 {
	background: rgba(0, 0, 0, 0.5) !important;
	border: 1px solid rgba(76, 175, 80, 0.3) !important;
	padding: 13px;
	border-bottom: 1px solid rgba(76, 175, 80, 0.2) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
}

.trow_shaded {
	background: #ffdde0;
	border: 1px solid;
	border-color: #fff #ffb8be #ffb8be #fff;
}

.no_bottom_border {
	border-bottom: 0;
}

.post.unapproved_post {
	background: #ffdde0;
}

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

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

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

.trow_deleted,
.post.deleted_post {
	background: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
	background: #FFE9EB;
	color: #333;
	border-bottom-color: #F6D1D6;
}

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

.trow_sep {
	background: #ddd;
	color: #333;
	border-bottom: 1px solid #c5c5c5;
	padding: 6px;
	font-size: 12px;
	font-weight: bold;
}

.tfoot {
    color: #e0e0e0 !important; 
    background: rgba(0, 0, 0, 0.7) !important; 
    padding: 11px;
    border-radius: 8px !important;
}

.tfoot a:link {
	color: rgb(58, 58, 59);
	text-decoration: none;
}

.tfoot a:visited {
	color: rgb(58, 58, 59);
	text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
	color: rgb(58, 58, 59, 0.5);
	text-decoration: none;
}

.thead input.textbox,
.thead select {
	border: 1px solid #263c30;
}

.bottommenu {
	background: #efefef;
	color: #333;
	border: 1px solid #4874a3;
	padding: 10px;
}

.navigation {
	background: rgba(0, 0, 0, 0.7) !important;
	color: #ffffff !important;
	padding: 15px 0px;
	border-bottom: 2px solid rgba(76, 175, 80, 0.3) !important;
	font-family: Open Sans;
	font-size: 13px;
    border-radius: 15px !important;
    backdrop-filter: blur(10px) !important;
}

.advice {
	background: #E74C3C;
	width: 86%;
	color: #FFF;
	text-align: center;
	border-radius: 0px;
	padding: 13px;
	margin-top: 25px;
	font-size: 14px;
}

#mobile_member {
	width: 86%;
	text-align: center;
	border-radius: 0px;
	padding: 13px;
	margin-top: 25px;
	display: none;
	font-size: 14px;
	color: #FFF;
	display: none !important;
}

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

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

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

.navigation .active {
	font-size: 14px;
	font-weight: bold;
}

.smalltext {
	font-size: 12px;
}

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

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

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

fieldset.align_right {
	text-align: right;
}

input.textbox {
	background: rgba(0, 0, 0, 0.8) !important;
	color: #ffffff !important;
	border: 1px solid rgba(76, 175, 80, 0.3) !important;
	padding: 9px;
	outline: 0;
	font-size: 13px;
    border-radius: 6px !important;
}

textarea {
	background: rgba(0, 0, 0, 0.8) !important;
	color: #ffffff !important;
	border: 1px solid rgba(76, 175, 80, 0.3) !important;
	padding: 2px;
	line-height: 1.4;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
    border-radius: 6px !important;
}

select {
	background: rgba(0, 0, 0, 0.8) !important;
    color: #ffffff !important;
	padding: 9px;
	border: 1px solid #ccc;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
    border-radius: 6px !important;
}

button,
input.button {
	background: linear-gradient(135deg, #4caf50, #66bb6a) !important;
	color: #FFF;
	padding: 10px 15px;
	cursor: pointer;
	border: none;
	border-radius: 2px;
	outline: 0;
	transition: 600ms;
	
	font-family: Roboto;
	font-size: 15px;
}

button:hover,
input.button:hover {
	background: linear-gradient(135deg, #66bb6a, #81c784) !important;
	color: white;
}

form {
	margin: 0;
	padding: 0;
}

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

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

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

form #message {
    width: 500px;
}

.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.editor_control_bar {
	background: #fff;
	border: 1px solid #ccc;
}

.post .editor_control_bar {
	background: #f5f5f5;
}

.popup_menu {
	background: #fff;
	border: 1px solid #ccc;
	z-index: 100;
}

.popup_menu .popup_item {
	background: #efefef;
	color: #333;
}

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

.trow_reputation_positive {
	background: #ccffcc;
}

.trow_reputation_negative {
	background: #ffcccc;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

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

._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #FDD2D1;
	color: #CB0200;
	border:1px solid #980201;
}

._plus {
	background-color:#E8FCDC;
	color: #008800;
	border:1px solid #008800;
}

img {
	border: none;
}

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

hr {
	background-color: #000000;
	color: #000000;
	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: #FFFBD9;
	border-bottom: 1px solid #F7E86A;
	color: #333;
	text-align: center;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
}

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

blockquote {
	background: rgba(249, 249, 249, 0.62) none repeat scroll 0% 0%;
	color: #696969;
	margin: 10px;
	padding: 10px;
	border-left: 3px solid rgba(102, 102, 102, 0.21);
}

blockquote cite {
	display: block;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
	
	font-style: normal;
	font-weight: bold;
}

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

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

.codeblock {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
}

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

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	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 .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 4px;
	white-space: nowrap;
	text-decoration: none;
}

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

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
	background: #FFF6BF;
	text-align: center;
	padding: 12px 20px;
	margin-bottom: 15px;
	border-radius:2px;
	
	font-size: 13px;
}

.red_alert {
	background: #FBE3E4;
	color: #A5161A;
	text-align: center;
	padding: 12px 20px;
	margin-bottom: 15px;
	word-wrap: break-word;
	border-radius: 2px;
	
	font-size: 13px;
}

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

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

div.error {
	padding: 5px 10px;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #333;
	font-weight: normal;
}

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

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

.pagination {
	padding-top: 5px;
	margin-bottom: 5px;
	display: block;
	
	font-size: 13px;
}

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

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

.pagination .pagination_current,
.pagination a {
	background: #f5f5f5;
	border: 1px solid #27AE60;
	padding: 5px 8px;
	transition:200ms;
}

.pagination a {
	background: #f5f5f5;
	border: 1px solid #27AE60;
}

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

.pagination a:hover {
	background: #27AE60;
	color: #fff;
	border-color: #27AE60;
	
	text-decoration: none;
}

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

.drop_go_page {
	background: #f5f5f5;
	padding: 4px;
}

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

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

.thread_legend,
.thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

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

.forum_legend,
.forum_legend dt,
.forum_legend dd {
	margin: 0;
position: relative;
top: 11px;
	padding: 0;
}

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

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

.success_message {
	color: #00b200;
	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;
	background: rgb(246, 246, 246);
}

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

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

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

.post {
	background: #FFF;
	overflow: hidden;
	border-radius: 2px;
	border: 2px solid #34495E;
}

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

.post .post_author {
	background: #F6F6F6 none repeat scroll 0% 0%;
	overflow: hidden;
}

.post.classic .post_author {
	width: 20%;
	border-left: none;
	float: left;
	padding: 20px 20px;
	border-right: 1px dashed #34495E;
}

.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-top: 14px;
}

.post .post_author div.author_avatar img {
	background: #FFF none repeat scroll 0% 0%;
	border-radius: 50%;
	box-shadow: 0px 0px 2px #696969;
}

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

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

.post .post_author div.author_statistics {
	float: none;
	font-size: 13px;
	padding: 17px 19px;
	color: #666;
	line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
	margin: 2px;
	padding: 17px 19px;
	float: none;
	margin-bottom: 10px;
}

.post .post_head {
	font-size: 11px;
	padding-bottom: 4px;
	margin-bottom: 15px;
}

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

.post .post_head span.edited_post {
	font-size: 10px;
	color: #999;
}

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

.post_ {
	font-size: 14px;
	padding: 12px 0;
}

.post.classic .post_content {
	width: 90%;
	position:relative;
	padding-left: 25px;
	padding-right: 25px;
}

.post_content {
	padding: 22px 13px;
}

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

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

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

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

.post_controls {
	clear: both;
	padding: 5px 10px;
	overflow: hidden;
	border-top: 1px dashed #34495E;
	background:#f6f6f6;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	color: #2C3E50;
	display: inline-block;
	margin: 2px;
	padding: 7px;
	transition:200ms;
	font-size: 15px;
}

.postbit_buttons > a:hover {
	opacity: 0.8;
}

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

.postbit_buttons a.postbit_find span {
	background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
	background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
	background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
	background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
	background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
	background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
	background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
	background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
	background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
	background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
	background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
	background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
	background-position: 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
	background-position: 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
	background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
	background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
	background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
	background-position: 0 -320px;
}

a.button:link,
a.button:visited,
a.button:active {
	background: #2C3E50;
	color: #FFF;
	margin: 2px;
	border-radius: 2px;
	padding: 11px 15px;
	transition: all 600ms;
	border: none;
	
	text-decoration: none;
	font-size: 14px;
}

a.button:hover {
	background: #2ECC71;
	color: #FFF;
	text-decoration: none;
	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 {
}

.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;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.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 Styling **/
.jGrowl {
	z-index: 9999;
	color: #fff;
	font-size: 12px;
	position: fixed;
}

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

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

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

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

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

/** Cross Browser Styling **/

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

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
	background-color: #000;
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	zoom: 1;
	width: 235px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	display: none;
	border-radius: 5px;
}

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

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

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

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

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

/** Hide jGrowl when printing **/
@media print {
	.jGrowl {
		display: none;
}


}

/** jGrowl End **/

/** Modal Start **/
.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: rgba(0, 0, 0, 0.65);
    text-align: center;
}

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

.modal {
    width: 400px;
    text-align: left;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

.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: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v5.2.4 - 2014-05-26
* http://trentrichardson.com/Impromptu
* Copyright (c) 2014 Trent Richardson; Licensed MIT */

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

div.jqi {
	width: 400px;
	max-width:90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 1px #eeeeee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 7px;
}

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

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

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: #444444;
}

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

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

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

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

/* sub states */

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

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

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

/* arrows for tooltips/tours */

.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: #ffffff;
}

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

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

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

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

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

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

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

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

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

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

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

		



/* ===== 15. HEADER DÜZENLEMELERİ - TEMİZLENDİ ===== */

/* Özel font tanımı ekleyin */
@font-face {
    font-family: "Totally Glyphic Regular";
    src: url(https://tatangalar.org/fonts/Totally%20Glyphic%20Regular.otf) format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* LOGO ANİMASYONU */
@keyframes titleGlow {
    0% {
        background-position: 0% 50%;
        text-shadow: 0 0 30px rgba(39, 174, 96, 0.8);
        filter: drop-shadow(0 0 15px rgba(39, 174, 96, 0.6));
    }
    50% {
        background-position: 50% 50%;
        text-shadow: 0 0 40px rgba(39, 174, 96, 1.0);
        filter: drop-shadow(0 0 25px rgba(39, 174, 96, 0.8));
    }
    100% {
        background-position: 100% 50%;
        text-shadow: 0 0 50px rgba(39, 174, 96, 1.2);
        filter: drop-shadow(0 0 35px rgba(39, 174, 96, 1.0));
    }
}

/* LOGO HOVER EFEKTİ */
#logo:hover {
    transform: scale(1.05) !important;
    animation-duration: 1s !important;
    text-shadow: 0 0 50px rgba(39, 174, 96, 1.0) !important;
}


/* Header düzeltmesi - GİZLEME! */
#header {
    background: transparent !important; /* Sadece arka planı transparan yap */
    display: block !important; /* Gizleme! */
}

/* ===== 16. BİLDİRİM KUTULARI DÜZELTMESİ ===== */

/* Admin bildirimleri (user activation vb.) */
.red_alert,
.notice,
#panel .upper,
div[style*="background-color: #FFF4E5"],
div[style*="background: #FFF4E5"],
div[style*="border: 1px solid #DDD"] {
    background: rgba(76, 175, 80, 0.1) !important;
    border: 1px solid rgba(76, 175, 80, 0.3) !important;
    border-radius: 8px !important;
    padding: 12px 20px !important;
    margin: 10px 0 !important;
    color: #4caf50 !important;
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
    backdrop-filter: blur(5px) !important;
}

/* Admin paneline git linki */
.red_alert a,
.notice a,
div[style*="background-color: #FFF4E5"] a {
    color: #66bb6a !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(102, 187, 106, 0.3) !important;
    transition: all 0.3s ease !important;
}

.red_alert a:hover,
.notice a:hover {
    color: #81c784 !important;
    border-bottom-color: #81c784 !important;
}

/* Pending users notification özel stil */
div[style*="background-color: #FFF4E5"],
div[style*="background: #FFF4E5"] {
    background: linear-gradient(135deg, rgba(76, 175, 80, 0.1), rgba(129, 199, 132, 0.1)) !important;
    border-left: 4px solid #4caf50 !important;
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.1) !important;
}

/* Header ile bildirim arasında boşluk */
.haut + div,
.haut + .red_alert,
.haut + .notice {
    margin-top: 15px !important;
}

/* Bildirim kutularını header'dan uzaklaştır */
body > div[style*="background"],
#container::before {
    margin-top: 120px !important; /* Header yüksekliği + boşluk */
}

/* Z-index düzeltmesi - bildirim header'ın altında */
.red_alert,
.notice {
    z-index: 10 !important; /* Header'dan düşük */
}

/* Panel upper */
#panel .upper {
    background: rgba(76, 175, 80, 0.8) !important;
    color: #fff;
    padding: 2px;
    clear: both;
    border-radius: 8px 8px 0 0 !important;
}

/* Container düzeltmesi */
#container {
    margin-top: 0 !important; /* Header'dan sonra boşluk kaldır */
    padding-top: 0 !important;
    display: block !important; /* Görünür olduğundan emin ol */
    visibility: visible !important;
    opacity: 1 !important;
}

/* Content düzeltmesi */
#content {
    background: transparent !important; /* eski: #F6F6F6 */
    width: auto !important;
    padding: 20px 10px;
    overflow: visible !important; /* hidden'den visible'a */
    margin-bottom: -75px;
    display: block !important; /* Görünür olduğundan emin ol */
    visibility: visible !important;
    opacity: 1 !important;
}

/* Wrapper düzeltmesi */
.wrapper {
    background: transparent !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Forum content alanları */
.tborder,
.forumbit,
table {
    display: table !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ===== 17. HEADER CSS DÜZELTMESİ - TEMİZ VERSİYON ===== */

/* Ana header container */
.haut {
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(76, 175, 80, 0.3) !important;
    padding: 0 !important;
    margin: 10px 0 !important;
	backdrop-filter: blur(10px) !important;
    position: relative !important;    
	box-shadow: 0 4px 15px rgba(76, 175, 80, 0.1) !important;
    z-index: 50 !important;
}

/* Header container içi */
.header-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 20px !important;
    min-height: 80px !important;
    position: relative !important;
}

/* DÜZELTME - LOGO */
#logo {
    color: #ffffff !important;
    font-family: "Totally Glyphic Regular", "Impact", "Arial Black", Arial, sans-serif !important;
    font-size: 3.5rem !important;
    font-weight: bold !important;
    -webkit-text-stroke: 1px #000000 !important; /* Siyah border */
    text-stroke: 1px #000000 !important; /* Siyah border */
    animation: logoGlow 4s ease-in-out infinite alternate !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative !important;
    display: inline-block !important;
    padding: 20px 0 20px 125px !important;
    margin: 0 !important;
    text-decoration: none !important;
    z-index: 200 !important;
    transition: all 0.3s ease !important;
}

@keyframes logoGlow {
    0% { 
        text-shadow: 
            0 0 5px rgba(16, 69, 34, 0.5),
            0 0 10px rgba(16, 69, 34, 0.3);
        filter: drop-shadow(0 0 3px rgba(16, 69, 34, 0.3));
    }
    100% { 
        text-shadow: 
            0 0 15px rgba(16, 69, 34, 0.8),
            0 0 25px rgba(39, 174, 96, 0.6),
            0 0 35px rgba(102, 187, 106, 0.4);
        filter: drop-shadow(0 0 10px rgba(16, 69, 34, 0.5));
    }
}


/* Logo ikonu */
.header-container #logo::before {
    content: '';
    width: 120px !important; 
    height: 120px !important;
    background-image: url(https://tatangalar.org/forum/images/tatangalar-logo.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: absolute !important;
    left: 5px !important; /* 10px'ten 5px'e */
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 101 !important;
}

/* Menü alanı */
.header-container .useroptions {
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}

/* Menü linkleri */
.header-container .useroptions a {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: none !important;
    padding: 10px 18px !important;
    border-radius: 8px !important;
    background: rgba(39, 174, 96, 0.1) !important; /* #27ae60 */
    border: 1px solid rgba(39, 174, 96, 0.2) !important;
    transition: all 0.3s ease !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}

.header-container .useroptions a:hover {
    background: rgba(39, 174, 96, 0.2) !important;
    border-color: rgba(39, 174, 96, 0.4) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(39, 174, 96, 0.1) !important;
}

/* Welcome block düzeltmesi */
.haut .welcomeblock {
    background: rgba(0, 0, 0, 0.4) !important;
    border-radius: 8px !important;
    border: 1px solid rgba(76, 175, 80, 0.2) !important;
    margin: 10px 20px 20px 20px !important;
    padding: 15px !important;
}






/* ===== 18. SOL YASLA DÜZELTMELERİ ===== */


/* 1. Home simgesi ve TATANGALAR - Forum sola yaslı */
.navigation,
.breadcrumb {
    text-align: left !important;
    padding-left: 20px !important;
}

/* Navigation içindeki öğeler */
.navigation a,
.navigation strong {
    text-align: left !important;
}

/* 2. GÜÇLÜ FORUM İSİMLERİ SOLA YASLA */
/* Forum satırları */
.trow1,
.trow2 {
    text-align: left !important;
    border: 1px solid rgba(39, 174, 96, 0.3) !important;
    border-bottom: 1px solid rgba(39, 174, 96, 0.2) !important;
}

/* Forum isimleri - tüm mögliche selectorlar */
.trow1 td:first-child,
.trow2 td:first-child,
td.foruminfo,
.forumbit .foruminfo,
.forum_name,
.forumbit .forum_name,
.forumbit_depth1 .foruminfo,
.forumbit_depth2 .foruminfo {
    text-align: left !important;
   
}

/* Forum isimlerinin içindeki linkler */
.trow1 td:first-child a,
.trow2 td:first-child a,
td.foruminfo a,
.forumbit .foruminfo a,
.forum_name a,
.forumbit .forum_name a {
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

/* Forum strong elementleri */
.trow1 strong,
.trow2 strong,
td.foruminfo strong {
    text-align: left !important;
    display: block !important;
}

/* Alt Forumlar yazısı */
.subforums,
.subforums a,
.trow1 .smalltext,
.trow2 .smalltext,
td.foruminfo .smalltext {
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Forum açıklamaları */
.trow1 .forum_desc,
.trow2 .forum_desc,
td.foruminfo .forum_desc {
    text-align: left !important;
}

/* GENEL FORUM TABLE SOLA YASLA */
.tborder td {
    text-align: left !important;
}

/* Sadece istatistikleri merkez tut */
.tborder td[align="center"].thead,
.tborder td[align="center"].tcat,
.tborder .thead,
.tborder .tcat {
    text-align: center !important;
}

/* Konu ve Yorum sayıları merkez */
.tborder td:nth-child(2),
.tborder td:nth-child(3) {
    text-align: center !important;
}


@media (max-width: 768px) {
    .header-container {
        flex-direction: column !important;
        gap: 20px !important;
        padding: 20px 15px !important;
        min-height: auto !important;
    }
    
    .header-container #logo {
        font-size: 3rem !important;
        letter-spacing: 2px !important;
        padding-left: 70px !important;
    }
    
    .header-container #logo::before {
        width: 50px !important;
        height: 50px !important;
    }
    
    .header-container .useroptions {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
    }
    
    .header-container .useroptions a {
        padding: 8px 15px !important;
        font-size: 0.9rem !important;
    }
}

@media (max-width: 480px) {
    .header-container #logo {
        font-size: 2.5rem !important;
        letter-spacing: 1px !important;
        padding-left: 60px !important;
    }
    
    .header-container #logo::before {
        width: 45px !important;
        height: 45px !important;
    }
    
    .header-container .useroptions {
        flex-direction: column !important;
        width: 100% !important;
    }
    
    .header-container .useroptions a {
        width: 100% !important;
        text-align: center !important;
        padding: 12px !important;
    }
}






/* 5. Tüm Border ve Background Düzeltmeleri */
.haut,
.tborder,
.forumbit,
.forumbit_depth1,
.forumbit_depth2,
.who_online,
.online_today,
#whos_online,
#panel,
.stats,
.boardstats,
#boardstats,
.breadcrumb,
.navigation {
    border: 1px solid rgba(39, 174, 96, 0.3) !important;
}

/* Hamburger Menu CSS - FORCED VERSION */
.hamburger-menu {
    display: none !important;
    background: #27ae60 !important;
    color: white !important;
    border: none !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
    cursor: pointer !important;
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    z-index: 1000 !important;
    border-radius: 3px !important;
}

.hamburger-menu:before {
    content: "☰" !important;
}

.hamburger-menu.active:before {
    content: "✕" !important;
}

/* Mobil görünümde hamburger göster */
@media screen and (max-width: 768px) {
    .hamburger-menu {
        display: block !important;
    }
    
    /* DESKTOP NAVIGATION ZORLA GİZLE */
    .useroptions,
    .useroptions *,
    span.useroptions,
    .header-container .useroptions,
    .haut .useroptions {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    .desktop-nav {
        display: none !important;
        visibility: hidden !important;
    }
    
	/* 8. Input ve Form Elementleri */
input.textbox,
textarea,
select {
    border: 1px solid rgba(39, 174, 96, 0.3) !important;
}

/* 9. Butonlar */
button,
input.button,
a.button:link,
a.button:visited,
a.button:active {
    background: linear-gradient(135deg, #27ae60, #66bb6a) !important;
}

button:hover,
input.button:hover,
a.button:hover {
    background: linear-gradient(135deg, #66bb6a, #27ae60) !important;
}

/* 10. Forum Status Icons */
.forum_on,
.forum_off, 
.forum_offlock, 
.forum_offlink,
.subforum_minion,
.subforum_minioff,
.subforum_miniofflock,
.subforum_miniofflink {
    color: #27ae60 !important;
}

/* 11. Links */
a:link,
a:visited {
    color: #27ae60 !important;
}

a:hover,
a:active {
    color: #66bb6a !important;
}

/* 12. Pagination */
.pagination .pagination_current,
.pagination a {
    border: 1px solid #27ae60 !important;
}

.pagination a:hover {
    background: #27ae60 !important;
    border-color: #27ae60 !important;
}

/* 13. Red Alert ve Notice */
.red_alert,
.notice,
#panel .upper {
    background: rgba(39, 174, 96, 0.1) !important;
    border: 1px solid rgba(39, 174, 96, 0.3) !important;
    color: #27ae60 !important;
}

.red_alert a,
.notice a {
    color: #66bb6a !important;
    border-bottom: 1px solid rgba(102, 187, 106, 0.3) !important;
}

/* 14. Tfoot düzeltmesi */
.tfoot {
    border: 1px solid rgba(39, 174, 96, 0.3) !important;
}

/* 15. Navigation düzeltmesi */
.navigation {
    border-bottom: 2px solid rgba(39, 174, 96, 0.3) !important;
}

/* 16. TBORDER düzeltmesi */
.tborder {
    border-bottom: 3px solid rgba(39, 174, 96, 0.3) !important;
}
	
    /* Mobile navigation - başlangıçta gizli */
    .mobile-nav {
        display: none !important;
    	background: #2c5530 !important; /* tutarlı */
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 999;
        box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    }
    
    /* Menü açıkken göster */
    .mobile-nav.show {
        display: block !important;
    }
    
    .mobile-nav a {
        display: block !important;
        padding: 15px 20px !important;
        color: white !important;
        text-decoration: none !important;
        border-bottom: 1px solid #1a3d1e !important;
        text-align: center !important;
        font-size: 14px !important;
        background: transparent !important;
    }
    
    .mobile-nav a:hover {
    	background: #1a3d1e !important; /* tutarlı */
    }
    
    /* Header container responsive */
    .header-container {
        position: relative !important;
    }
    
    #logo {
        display: block !important;
        text-align: center !important;
        padding: 10px !important;
    }
}

/* Desktop görünümde normal göster */
@media screen and (min-width: 769px) {
    .hamburger-menu {
        display: none !important;
    }
    
    .mobile-nav {
        display: none !important;
    }
    
    .useroptions {
        display: block !important;
    }
    
    .desktop-nav {
        display: block !important;
    }
}







/* ===== THEAD CLASS BEYAZ TEXT DÜZELTMESİ ===== */

/* Ana sayfa kategori başlıkları için */
.thead,
td.thead,
th.thead,
.tborder .thead,
table .thead {
    color: #ffffff !important;
    background: linear-gradient(135deg, #27ae60, #66bb6a) !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
    border-bottom: 1px solid rgba(39, 174, 96, 0.5) !important;
    padding: 14px 17px !important;
    font-size: 15px !important;
}

/* THEAD içindeki tüm elementler beyaz olsun */
.thead *,
.thead strong,
.thead span,
.thead a,
td.thead *,
td.thead strong,
td.thead span,
td.thead a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

/* THEAD linkleri */
.thead a:link,
.thead a:visited {
    color: #ffffff !important;
}

.thead a:hover,
.thead a:active {
    color: #e8f5e8 !important;
    text-decoration: underline !important;
}

/* Özel strong override */
td.thead strong,
.thead strong {
    color: #ffffff !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}

/* MyBB spesifik thead */
table.tborder td.thead,
table.tborder th.thead,
.tborder td.thead,
.tborder th.thead {
    color: #ffffff !important;
    background: linear-gradient(135deg, #27ae60, #66bb6a) !important;
    font-weight: bold !important;
}

/* Hem TCAT hem THEAD için birleşik */
.tcat,
.thead,
td.tcat,
td.thead,
th.tcat,
th.thead {
    color: #ffffff !important;
    background: linear-gradient(135deg, #27ae60, #66bb6a) !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}

/* İçerideki tüm elementler */
.tcat *,
.thead *,
td.tcat *,
td.thead * {
    color: #ffffff !important;
}









/* ===== FORUM ARKAPLAN TRANSPARAN YAPMA ===== */

/* Forum satırları daha az transparan */
.trow1,
.trow2 {
    background: rgba(0, 0, 0, 0.4) !important; /* Biraz daha koyu */
    border: 1px solid rgba(39, 174, 96, 0.3) !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
}

/* Forum bit container'ları daha az transparan */
.forumbit,
.forumbit_depth1,
.forumbit_depth2 {
    background: rgba(0, 0, 0, 0.4) !important; /* Biraz daha koyu */
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    border: 1px solid rgba(39, 174, 96, 0.3) !important;
    font-size: 18px !important; 
}

/* Ana forum table transparan */
.tborder {
    background: transparent !important;
    border: none !important;
    border-radius: 12px !important;
    overflow: visible !important;
}

/* Forum listesi transparan */
table.tborder,
.tborder table {
    background: transparent !important;
    border: none !important;
}

/* Forum satırlarındaki tüm TD'ler transparan */
.trow1 td,
.trow2 td {
    background: transparent !important;
    color: #ffffff !important;
    text-align: left !important;
}

/* Forum iconları transparan zemin */
.forum_status {
    background: transparent !important;
}

/* Alt forumlar linki transparan */
.subforums {
    background: transparent !important;
}

/* Son mesaj bilgileri transparan */
.lastpost {
    background: transparent !important;
}

/* Forum istatistikleri transparan */
.forumstats {
    background: transparent !important;
}

/* Hover efekti biraz daha koyu */
.trow1:hover,
.trow2:hover,
.forumbit:hover,
.forumbit_depth1:hover,
.forumbit_depth2:hover {
    background: rgba(0, 0, 0, 0.5) !important; /* Hover'da biraz daha koyu */
    transition: all 0.3s ease !important;
}

/* Forum isimleri beyaz kalacak */
.forum_name,
.forum_name a,
.forumbit .forum_name,
.forumbit .forum_name a {
    color: #ffffff !important;
    background: transparent !important;
}

/* Alt forum linkleri yeşil kalacak */
.subforums a,
.trow1 .subforums a,
.trow2 .subforums a {
    color: #27ae60 !important;
    background: transparent !important;
}

/* Kategori başlıkları daha transparan (GENEL, DİĞERLERİ) */
.thead,
.tcat {
    background: rgba(39, 174, 96, 0.6) !important; /* Transparan yeşil */
    color: #ffffff !important;
    backdrop-filter: blur(5px) !important; /* Hafif bulanıklaştırma efekti */
    border-radius: 8px !important;
    border: 1px solid rgba(39, 174, 96, 0.4) !important;
}

/* Son yorum bilgileri transparan */
.lastpost,
.lastpost a {
    background: transparent !important;
    color: #ffffff !important;
}

/* Sayılar (konu/mesaj sayıları) transparan zemin */
.trow1 td[align="center"],
.trow2 td[align="center"] {
    background: transparent !important;
    color: #ffffff !important;
}










/* ===== TUTARLI YEŞİL RENK PALETİ ===== */
:root {
    --main-green: #27ae60;
    --green-transparent: rgba(39, 174, 96, 0.6);
    --green-dark: rgba(39, 174, 96, 0.8);
    --green-light: rgba(39, 174, 96, 0.3);
}

/* ===== TÜM BAŞLIKLAR AYNI STİL - SİYAH GRADIENT ===== */

/* HER ŞEY SİYAH GRADIENT (GENEL, FORUM, DİĞERLERİ, KONU, YORUM, SON YORUM) */
.thead td,
.tcat td,
td.thead,
td.tcat,
.thead[colspan],
.tcat[colspan],
td.thead[colspan],
td.tcat[colspan] {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6)) !important;
    border: 1px solid var(--green-light) !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8) !important;
    padding: 12px 15px !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    backdrop-filter: blur(8px) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    border-radius: 0 !important; /* Köşe yuvarlaması yok */
}

/* ===== LOGO VE HEADER RENK BİRLİĞİ ===== */

/* TATANGALAR logo rengi */
.logo,
.site-title,
h1 a,
.header-title {
    color: var(--main-green) !important;
}

/* Home butonu ve navigation */
.navigation,
.nav-button,
.home-button,
.header-nav {
    background: var(--green-dark) !important;
    border: 1px solid var(--green-light) !important;
}

/* ===== FORUM LİSTESİ RENK BİRLİĞİ ===== */

/* Forum isimleri tek renk */
.forum_name a,
.forumbit .forum_name a,
.forum-title a {
    color: var(--main-green) !important;
}

/* Alt forum linkleri */
.subforums a,
.subforum-link {
    color: var(--main-green) !important;
}

/* ===== GENEL TEMA UYUMU ===== */

/* Tüm yeşil butonlar */
.button,
.btn,
.submit-button {
    background: linear-gradient(145deg, var(--green-dark), var(--green-transparent)) !important;
    border: 1px solid var(--green-light) !important;
    color: #ffffff !important;
}

/* Link hover efektleri */
a:hover {
    color: var(--main-green) !important;
}

/* ===== HOVER EFEKTLERİNİ KALDIR ===== */

/* Hiçbir hover efekti yok */
.thead td:hover,
.tcat td:hover,
.thead[colspan]:hover,
.tcat[colspan]:hover {
    /* Hover efekti yok - hepsi siyah kalacak */
}

/* ===== SUBTLE EFFECTS ===== */

/* Subtle glow efekti */
.thead,
.tcat {
    box-shadow: 0 2px 8px rgba(39, 174, 96, 0.2) !important;
}

/* ===== RESPONSIVE ÖZELLIKLER ===== */

/* Küçük ekranlarda daha compact */
@media (max-width: 768px) {
    .thead td,
    .tcat td {
        padding: 8px 10px !important;
        font-size: 12px !important;
    }
}





/* ===== NAVİGASYON YAZILARI BEYAZ ===== */

/* Navigation container */
.navigation {
    background: var(--green-dark) !important;
    color: #ffffff !important;
}

/* Navigation içindeki tüm linkler beyaz */
.navigation a,
.navigation .nav_link a,
.nav_link a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Navigation içindeki span'lar beyaz */
.navigation span,
.navigation .nav_link {
    color: #ffffff !important;
}

/* Icon'lar da beyaz */
.navigation i,
.navigation .fa {
    color: #ffffff !important;
}

/* Hover efekti - açık mavi */
.navigation a:hover,
.navigation .nav_link a:hover {
    color: #FFD700 !important;
    text-decoration: none !important;
}

/* Home icon özel */
#home_bit,
#home_bit i {
    color: #ffffff !important;
}

/* Active nav bit */
#nav_bit_complet,
#nav_active {
    color: #ffffff !important;
}

/* Tüm navigation text'leri için genel kural */
.navigation * {
    color: #ffffff !important;
}









/* YENİ MESAJ İKONU - LOGO + EFEKTLERİ */

.forum_status {
    width: 70px !important;
    height: 52px !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    display: inline-block !important;
}

/* Tüm eski içerikleri tamamen gizle */
.forum_status > *,
.forum_status i,
.forum_status::before,
.forum_status span,
.forum_status div {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    content: none !important;
}

/* Logo ekleme */
.forum_status::after {
    content: '';
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url(https://tatangalar.org/forum/images/tatangalar-logo.png) !important;
    background-size: 70px 52px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important;
    z-index: 10 !important;
    display: block !important;
}

/* Yeni mesaj YOK - soluk */
.forum_status.forum_off::after {
    opacity: 0.4 !important;
    filter: grayscale(100%) brightness(0.6) !important;
}

/* Yeni mesaj VAR - parlak + yeşil hava */
.forum_status.forum_new::after,
.forum_status.forum_on::after {
    opacity: 1 !important;
    filter: drop-shadow(0 0 8px rgba(0, 255, 127, 0.8)) 
            drop-shadow(0 0 15px rgba(0, 255, 127, 0.6)) 
            drop-shadow(0 0 25px rgba(0, 255, 127, 0.4)) !important;
    animation: logoGlow 2.5s ease-in-out infinite !important;
}

/* Yeşil hava animasyonu */
@keyframes logoGlow {
    0% { 
        filter: drop-shadow(0 0 8px rgba(0, 255, 127, 0.8)) 
                drop-shadow(0 0 15px rgba(0, 255, 127, 0.6)) 
                drop-shadow(0 0 25px rgba(0, 255, 127, 0.4));
    }
    50% { 
        filter: drop-shadow(0 0 12px rgba(0, 255, 127, 1)) 
                drop-shadow(0 0 20px rgba(0, 255, 127, 0.8)) 
                drop-shadow(0 0 30px rgba(0, 255, 127, 0.5));
    }
    100% { 
        filter: drop-shadow(0 0 8px rgba(0, 255, 127, 0.8)) 
                drop-shadow(0 0 15px rgba(0, 255, 127, 0.6)) 
                drop-shadow(0 0 25px rgba(0, 255, 127, 0.4));
    }
}







/* TATANGALAR YAZISI - LOGO YEŞİLİ */

/* Eğer başlık ise */
h1, h2, h3 {
    color: #104522 !important;
}

/* Eğer site adı/logo metni ise */
.site-title,
.logo-text,
.forum-title {
    color: #104522 !important;
}

/* Genel TATANGALAR yazısı için */
[title*="TATANGALAR"],
[alt*="TATANGALAR"],
.tatangalar-text {
    color: #104522 !important;
}

/* Spesifik element varsa (size göre ayarlayın) */
.header-title,
.main-title,
.brand-name {
    color: #104522 !important;
}




/* Header alanını transparan yap */
.haut {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.header-container {
    background: transparent !important;
}

#logo {
    background: transparent !important;
}

.haut .useroptions {
    background: transparent !important;
    border: none !important;
}

.header-container .useroptions a {
    background: rgba(39, 174, 96, 0.2) !important;
    border: 1px solid rgba(39, 174, 96, 0.3) !important;
}

.haut .welcomeblock {
    background: transparent !important;
    border: none !important;
}

/* Alt navigation bar'ı transparan yap */
div.navigation,
.navigation {
    background: transparent !important;
    border: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

/* Navigation içindeki linkler için hafif arka plan */
.navigation a {
    background: rgba(39, 174, 96, 0.2) !important;
    border: 1px solid rgba(39, 174, 96, 0.3) !important;
    border-radius: 6px !important;
    margin: 0 5px !important;
    padding: 8px 15px !important;
}





/* Mobil görünümde forum logoları küçült */
@media (max-width: 768px) {
    .forum_status {
        width: 45px !important;
        height: 35px !important;
    }
    
    .forum_status::after {
        width: 100% !important;
        height: 100% !important;
        background-size: 45px 35px !important;
    }
    
    /* Forum satırlarında daha az padding */
    .trow1,
    .trow2 {
        padding: 8px !important;
    }
    
    /* Forum bilgileri alanı daha geniş */
    .trow1 td:first-child,
    .trow2 td:first-child {
        padding-left: 55px !important; /* Logo genişliği + 10px */
    }
}

/* Çok küçük ekranlar için daha da küçült */
@media (max-width: 480px) {
    .forum_status {
        width: 35px !important;
        height: 28px !important;
    }
    
    .forum_status::after {
        background-size: 35px 28px !important;
    }
    
    .trow1 td:first-child,
    .trow2 td:first-child {
        padding-left: 45px !important;
    }
}









/* Online kullanıcılar - yeşil kategori stili düzeltmesi */
span.wo_title {
    background: linear-gradient(135deg, #27ae60, #66bb6a) !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
    border-bottom: 1px solid rgba(39, 174, 96, 0.5) !important;
    padding: 14px 17px !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-radius: 0 !important; /* Köşe yuvarlaması kaldır */
    display: block !important;
    margin: 15px 0 0 0 !important;
    text-align: left !important;
    padding-left: 20px !important;
    width: 100% !important; /* Tam genişlik */
    box-sizing: border-box !important;
}

/* Online kullanıcı container'ı tam genişlik */
span.wo_title,
span.wo_desc {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* Alt bölüm de tam genişlik */
span.wo_desc {
    background: rgba(0, 0, 0, 0.4) !important;
    color: #ffffff !important;
    padding: 12px 17px !important; /* Padding'i eşitle */
    border-radius: 0 !important; /* Köşe yuvarlaması kaldır */
    border: 1px solid rgba(76, 175, 80, 0.3) !important;
    border-top: none !important;
    margin: 0 0 15px 0 !important;
    text-align: left !important;
    padding-left: 20px !important;
    width: 100% !important; /* Tam genişlik */
    box-sizing: border-box !important;
}

/* Container div'ini de kontrol et */
div[style*="wo_title"],
.wo_container {
    width: 100% !important;
    display: block !important;
}







/* Sağ sidebar butonları stilize et */
div[style*="float: right"] {
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 8px !important;
    border: 1px solid rgba(76, 175, 80, 0.3) !important;
    overflow: hidden !important;
}

/* Sidebar içindeki tüm linkler */
div[style*="float: right"] a {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 12px 20px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-bottom: 1px solid rgba(76, 175, 80, 0.3) !important;
    transition: all 0.3s ease !important;
    display: block !important;
    margin: 0 !important;
}

/* Son link'in alt border'ını kaldır */
div[style*="float: right"] a:last-child {
    border-bottom: none !important;
}

/* Hover efekti */
div[style*="float: right"] a:hover {
    background: linear-gradient(145deg, #27ae60, #66bb6a) !important;
    color: #ffffff !important;
    transform: translateX(3px) !important;
}

/* Sidebar başlıkları */
div[style*="float: right"] .thead,
div[style*="float: right"] .tcat {
    background: linear-gradient(135deg, #27ae60, #66bb6a) !important;
    margin: 0 !important;
    border-radius: 0 !important;
}









/* Sol breadcrumb navigation - basit stil */

.breadcrumb-nav {
    display: inline-block !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 8px !important;
    border: 1px solid rgba(76, 175, 80, 0.3) !important;
    float: left !important;
    margin-right: 15px !important;
    padding: 12px 15px !important;
    min-height: 20px !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    clear: both !important; /* Üstteki elementlerden temiz başla */
}

/* GIRIŞ BUTONLARI SABIT YÜKSEKLİK DÜZELTMESİ */

div.welcome-buttons {
    display: inline-block !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 8px !important;
    border: 1px solid rgba(76, 175, 80, 0.3) !important;
    float: right !important;
    overflow: hidden !important;
    font-size: 0 !important;
    height: 48px !important; /* SABIT YÜKSEKLİK */
}







/* MyBB Bildirim Stilleri - Global.css'e eklenecek */

.custom_alert.repositioned {
    position: fixed !important;
    top: 60px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9999 !important;
    background: linear-gradient(135deg, #b8860b, #daa520) !important;
    color: #2c2c2c !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: default !important;
    animation: slideInFromTop 0.3s ease-out !important;
    max-width: 400px !important;
    text-align: center !important;
    border: 2px solid #cd853f !important;
    margin: 0 !important;
    text-shadow: 1px 1px 2px rgba(255,255,255,0.3) !important;
}

.custom_alert.repositioned:hover {
    background: linear-gradient(135deg, #cd853f, #f0e68c) !important;
    transform: translateX(-50%) translateY(-2px) !important;
}

.custom_alert.repositioned * {
    color: #8b4513 !important;
}

.custom_alert.repositioned::after {
    content: "×" !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 18px !important;
    font-weight: bold !important;
    opacity: 0.6 !important;
    color: #2c2c2c !important;
    cursor: pointer !important;
    width: 25px !important;
    height: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.custom_alert.repositioned::after:hover {
    opacity: 1 !important;
    background: rgba(139, 0, 0, 0.1) !important;
    border-radius: 50% !important;
}

@keyframes slideInFromTop {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-30px);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes slideOutToTop {
    0% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(-30px);
    }
}










/* KONU SİMGELERİ - TATANGALAR LOGO SADECE - SADECE TABLO İÇİN */

/* ESKİ SİMGELERİ TAMAMEN GİZLE - SADECE TABLO İÇİNDE */
table.tborder .thread_status > * {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    z-index: -1 !important;
}

table.tborder .thread_status img,
table.tborder .thread_status i,
table.tborder .thread_status span {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* TEMEL AYARLAR - SADECE TABLO İÇİN */
table.tborder .thread_status {
    width: 50px !important;
    height: 50px !important;
    background: transparent !important;
    border: none !important;
    position: relative !important;
    display: inline-block !important;
    overflow: visible !important;
}

/* TEMEL TATANGALAR LOGOSU - SADECE TABLO İÇİN */
table.tborder .thread_status::before {
    content: '';
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 50px !important;
    height: 50px !important;
    background-image: url(https://tatangalar.org/forum/images/tatangalar-logo.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block !important;
    z-index: 5 !important;
}

/* YENİ MESAJ VAR - Renkli logo */
table.tborder .newfolder::before,
table.tborder .newhotfolder::before,
table.tborder .dot_folder::before {
    opacity: 1 !important;
    filter: brightness(1) saturate(1) !important;
}

/* YENİ MESAJ YOK - Renksiz logo */
table.tborder .folder::before,
table.tborder .hotfolder::before,
table.tborder .lockfolder::before {
    opacity: 0.4 !important;
    filter: grayscale(100%) brightness(0.6) !important;
}

/* SICAK KONU - Alev simgesi */
table.tborder .newhotfolder::after,
table.tborder .hotfolder::after {
    content: '?' !important;
    position: absolute !important;
    bottom: -8px !important;
    right: -8px !important;
    font-size: 16px !important;
    z-index: 10 !important;
}

/* SİZİN YORUMUNUZ - Mavi nokta */
table.tborder .dot_folder::after {
    content: '●' !important;
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    color: #3498db !important;
    font-size: 14px !important;
    z-index: 10 !important;
}

/* KİLİTLİ KONU - Kilit simgesi */
table.tborder .lockfolder::after {
    content: '?' !important;
    position: absolute !important;
    bottom: -8px !important;
    right: -8px !important;
    font-size: 14px !important;
    z-index: 10 !important;
}

/* Hover efekti - SADECE TABLO İÇİN */
table.tborder .thread_status:hover::before {
    transform: scale(1.1) !important;
    transition: all 0.3s ease !important;
}

/* LEGEND SİMGELERİ İÇİN AYRI STİL */
.thread_legend .thread_status {
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important;
    background: transparent !important;
    margin-right: 4px !important;
}

.thread_legend .thread_status::before {
    content: '';
    width: 16px !important;
    height: 16px !important;
    background-image: url(https://tatangalar.org/forum/images/tatangalar-logo.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block !important;
    opacity: 0.8 !important;
    filter: brightness(0.8) !important;
}

/* Legend'daki eski simgeleri gizle */
.thread_legend .thread_status > * {
    display: none !important;
}





/* LEGEND SİMGELERİ İÇİN GÜÇLÜ STİL - DÜZELTİLMİŞ */

/* Legend'daki eski simgeleri tamamen gizle */
.thread_legend .thread_status * {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.thread_legend .thread_status {
    width: 18px !important;
    height: 18px !important;
    display: inline-block !important;
    background: transparent !important;
    margin-right: 6px !important;
    position: relative !important;
    vertical-align: middle !important;
}

.thread_legend .thread_status::before {
    content: '';
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url(https://tatangalar.org/forum/images/tatangalar-logo.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block !important;
    z-index: 5 !important;
}

/* Legend'da farklı durumlar için */
.thread_legend .newfolder::before,
.thread_legend .newhotfolder::before,
.thread_legend .dot_folder::before {
    opacity: 1 !important;
    filter: brightness(1) saturate(1) !important;
}

.thread_legend .folder::before,
.thread_legend .hotfolder::before,
.thread_legend .lockfolder::before {
    opacity: 0.5 !important;
    filter: grayscale(80%) brightness(0.7) !important;
}

/* Legend'da emoji'ler */
.thread_legend .newhotfolder::after,
.thread_legend .hotfolder::after {
    content: '?' !important;
    position: absolute !important;
    bottom: -2px !important;
    right: -2px !important;
    font-size: 10px !important;
    z-index: 10 !important;
}

.thread_legend .dot_folder::after {
    content: '●' !important;
    position: absolute !important;
    top: -2px !important;
    right: -2px !important;
    color: #3498db !important;
    font-size: 8px !important;
    z-index: 10 !important;
}

.thread_legend .lockfolder::after {
    content: '?' !important;
    position: absolute !important;
    bottom: -1px !important;
    right: -1px !important;
    font-size: 8px !important;
    z-index: 10 !important;
}






/* YENİ LEGEND SİMGELERİ */
.tatangalar_legend {
    width: 18px !important;
    height: 18px !important;
    display: inline-block !important;
    background-image: url(https://tatangalar.org/forum/images/tatangalar-logo.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-right: 6px !important;
    vertical-align: middle !important;
    position: relative !important;
}

.tatangalar_legend.newfolder,
.tatangalar_legend.newhotfolder,
.tatangalar_legend.dot_folder {
    opacity: 1 !important;
}

.tatangalar_legend.folder,
.tatangalar_legend.hotfolder,
.tatangalar_legend.lockfolder {
    opacity: 0.5 !important;
    filter: grayscale(80%) !important;
}

.tatangalar_legend.newhotfolder::after,
.tatangalar_legend.hotfolder::after {
    content: '?' !important;
    position: absolute !important;
    bottom: -2px !important;
    right: -2px !important;
    font-size: 10px !important;
}

.tatangalar_legend.dot_folder::after {
    content: '●' !important;
    position: absolute !important;
    top: -2px !important;
    right: -2px !important;
    color: #3498db !important;
    font-size: 8px !important;
}

.tatangalar_legend.lockfolder::after {
    content: '?' !important;
    position: absolute !important;
    bottom: -1px !important;
    right: -1px !important;
    font-size: 8px !important;
}








/* DUYURULAR VE İSTATİSTİKLER TRANSPARAN */
.tborder .side {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Ya da daha güçlü kural */
div.side[style] {
    background: transparent !important;
}



/* SCROLL BUTONLARI VE FOOTER ÜST ÇİZGİ RENGİ */
.scrollToTop,
.scrollToDown {
    border-color: #27ae60 !important;
    border-top-color: #27ae60 !important;
    border-bottom-color: #27ae60 !important;
    border-left-color: #27ae60 !important;
    border-right-color: #27ae60 !important;
}


/* Scroll butonlarının hover efektleri de aynı renk olsun */
.scrollToTop:hover,
.scrollToDown:hover {
    border-color: #27ae60 !important;
    box-shadow: 0 0 10px rgba(39, 174, 96, 0.5) !important;
}



/* MOBİL FOOTER GİZLE */
@media screen and (max-width: 768px) {
    .footer-distributed {
        display: none !important;
    }
}






/* ===== EKRAN GENİŞLETME SORUNU ÇÖZÜMÜ - CSS EN SONUNA EKLE ===== */

/* Wrapper güçlü düzeltme */
.wrapper {
    width: 95% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    min-width: 320px !important;
}

/* Container genişlik kontrolü */
#container {
    max-width: 1400px !important;
    margin: 0 auto !important;
    width: 100% !important;
    overflow-x: hidden !important;
}

/* Body genişlik kontrolü */
body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

/* Forum tabloları genişlik kontrolü - EN GÜÇLÜ KURAL */
.tborder {
    max-width: 100% !important;
    overflow-x: auto !important;
    width: 100% !important;
}

/* Header container genişlik */
.header-container {
    max-width: 1400px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* Responsive genişlik kontrolü */
@media screen and (min-width: 1600px) {
    .wrapper {
        width: 90% !important;
        max-width: 1400px !important;
    }
    
    #container {
        max-width: 1400px !important;
    }
    
    .header-container {
        max-width: 1400px !important;
    }
}

@media screen and (max-width: 768px) {
    .wrapper {
        width: 95% !important;
        max-width: none !important;
    }
    
    #container {
        max-width: none !important;
    }
}

@media screen and (max-width: 480px) {
    .wrapper {
        width: 98% !important;
        max-width: none !important;
    }
}









/* ===== BASİT VE ETKİLİ ÇÖZÜMLER - ÖNCEKİ KODLARIN YERİNE ===== */

/* 1. LOGO HİZALAMA DÜZELTMESİ - SADECE BU */
/* ===== SADECE LOGO DÜZELTMESİ ===== */
.header-container #logo {
    padding-left: 20px !important;
}

.header-container #logo img {
    margin-right: 15px !important;
    vertical-align: middle !important;
}

.header-container #logo .logo-text {
    vertical-align: middle !important;
    display: inline !important;
}


/* 2. SCROLL BAR SORUNU - SADECE BODY İÇİN */
body {
    overflow-x: hidden !important;
}

/* Gereksiz overflow kurallarını kaldır */
.side,
#container,
.wrapper,
#content {
    overflow: visible !important;
}


/* 4. HEADER HİZALAMA DESTEĞI */
.haut {
    margin: 10px 0 !important;
    border-radius: 12px !important;
}





/* ===== EN BASİT LOGO DÜZELTMESİ ===== */

/* ===== EN BASİT LOGO DÜZELTMESİ ===== */

/* Logo container - Desktop */
.header-container #logo {
    display: flex !important;
    align-items: center !important;
    padding-left: 120px !important;
    gap: 15px !important; /* Logo ile yazı arası boşluk */
}

/* Logo resmi */
.header-container #logo img {
    width: 60px !important;
    height: 60px !important;
    flex-shrink: 0 !important; /* Logo küçülmesin */
}

/* TATANGALAR yazısı */
.header-container #logo span,
.header-container #logo a {
    white-space: nowrap !important; /* Yazı alt satıra geçmesin */
    font-size: 36px !important;
    font-weight: bold !important;
    color: white !important;
    text-decoration: none !important;
}

/* RESPONSIVE: Mobil cihazlar için */
@media (max-width: 768px) {
    .header-container #logo {
        padding-left: 60px !important; /* Mobilde orta hizalama */
        gap: 10px !important; /* Mobilde daha az boşluk */
    }
    
    .header-container #logo img {
        width: 40px !important; /* Mobilde daha küçük logo */
        height: 40px !important;
    }
    
    .header-container #logo span,
    .header-container #logo a {
        font-size: 24px !important; /* Mobilde daha küçük yazı */
    }
}











/* ===== WELCOME BLOCK ÖZELLEŞTİRME ===== */
.welcome-new {
    text-align: center;
    padding: 10px 0;
    margin: 10px 0;
    background: rgba(39, 174, 96, 0.1);
    border-radius: 8px;
    display: none; /* Varsayılan olarak gizli (masaüstü) */
}
.welcome-new a {
    color: #27ae60;
    text-decoration: none;
    font-weight: bold;
    margin: 0 8px; /* Mesafeyi artırdık */
    padding: 0; /* Padding'i sıfırladık */
    transition: all 0.3s ease;
    display: inline;
}

/* Kayıt Ol Butonu */
.welcome-new .register-link {
    color: #27ae60 !important;
}
.welcome-new .register-link:hover {
    color: #219a52 !important;
    text-decoration: underline;
}

/* Giriş Butonu */
.welcome-new .login-link {
    color: #27ae60 !important;
}
.welcome-new .login-link:hover {
    color: #219a52 !important;
    text-decoration: underline;
}

/* Özel Mesajlar */
.welcome-new .pm-link {
    color: #27ae60 !important;
}
.welcome-new .pm-link:hover {
    color: #219a52 !important;
    text-decoration: underline;
}

/* Kontrol Paneli */
.welcome-new .usercp-link {
    color: #27ae60 !important;
}
.welcome-new .usercp-link:hover {
    color: #219a52 !important;
    text-decoration: underline;
}

/* Çıkış Butonu */
.welcome-new .logout-link {
    color: #27ae60 !important;
}
.welcome-new .logout-link:hover {
    color: #219a52 !important;
    text-decoration: underline;
}


/* Mobil için responsive - SADECE MOBİLDE GÖRÜN */
@media (max-width: 768px) {
    .welcome-new {
        display: block !important; /* Mobilde göster */
        padding: 8px;
        margin: 8px 10px;
    }
    
    .welcome-new a {
        font-size: 14px;
        margin: 0 5px;
        display: inline;
    }
}

/* Tablet için - gizli kalsın */
@media (max-width: 992px) and (min-width: 769px) {
    .welcome-new {
        display: none !important; /* Tablet'te gizli */
    }
}













/* ===== MOBİL GÖRÜNÜM: BASİT VE TEMİZ LAYOUT ===== */

/* Mobil cihazlar için */
@media (max-width: 768px) {
    
    /* Ana kullanıcı container'ı - basit flex */
    .post_author {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 15px !important;
        padding: 15px !important;
        margin-bottom: 10px !important;
        background: transparent !important;
        border: none !important;
    }
    
    /* Avatar - sol tarafta */
    .post_author .author_avatar {
        flex: 0 0 60px !important;
        width: 60px !important;
        height: 60px !important;
        margin: 0 !important;
    }
    
    /* Avatar resmi */
    .post_author .author_avatar img {
        width: 60px !important;
        height: 60px !important;
        border-radius: 50% !important;
        display: block !important;
    }
    
    /* Kullanıcı bilgileri - sağ tarafta */
    .post_author .author_information {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 3px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Kullanıcı adı */
    .post_author .author_information strong {
        font-size: 16px !important;
        font-weight: bold !important;
        color: #27ae60 !important;
        margin: 0 !important;
        display: block !important;
    }
    
    /* Üye grubu */
    .post_author .author_information .group {
        font-size: 12px !important;
        color: #FFD700 !important;
        margin: 0 !important;
        display: block !important;
    }
    
    /* Yıldızlar */
    .post_author .author_information .rating {
        color: #FFD700 !important;
        font-size: 12px !important;
        margin: 2px 0 !important;
        display: block !important;
    }
    
    /* İstatistikler */
    .post_author .author_statistics {
        margin-top: 5px !important;
        padding: 0 !important;
        background: transparent !important;
    }
    
    .post_author .author_statistics div {
        font-size: 11px !important;
        color: rgba(255, 255, 255, 0.7) !important;
        margin: 1px 0 !important;
        display: block !important;
    }
    
    /* Çevrimiçi durumu */
    .post_author .buddy_status {
        font-size: 10px !important;
        color: #4CAF50 !important;
        margin-top: 3px !important;
        display: block !important;
    }
}

/* Çok küçük ekranlar için */
@media (max-width: 480px) {
    .post_author .author_avatar {
        flex: 0 0 50px !important;
        width: 50px !important;
        height: 50px !important;
    }
    
    .post_author .author_avatar img {
        width: 50px !important;
        height: 50px !important;
    }
}










/* ----- Genel Stil ----- */
body {
  font-family: "Segoe UI", Tahoma, Arial, sans-serif; /* okuyan bir font aile */
  color: #e0e0e0;       /* açık gri metin */
  background: transparent; /* arka plan resmi görünür kalsın */
}
a {
  color: #2ecc71;       /* yeşil link rengi */
}
a:hover {
  color: #27ae60;
}

/* ----- Post Kutusu (Cam Efekti) ----- */
.postbit, .forumbg, .postarea {
  background: rgba(255,255,255,0.1);        /* yarı saydam arka plan */
  backdrop-filter: blur(10px);              /* arka planı flu yap */
  -webkit-backdrop-filter: blur(10x);
  border: 1px solid rgba(255,255,255,0.2);  /* ince yarı saydam kenar */
  border-radius: 8px;                       /* köşe yuvarlatma */
  box-shadow: 0 1px 6px rgba(0,0,0,0.3);     /* hafif gölge ile derinlik */
  margin-bottom: 15px;
  padding: 10px;
}

/* ----- Avatar ve Kullanıcı Bilgileri ----- */
.postbit .postbit_avatar, .postbit .postbit_author {
  display: flex;
  align-items: center;
}
.postbit .postbit_avatar img {
  border-radius: 50%;
  width: 48px; height: 48px;
  margin-right: 10px;
}
.postbit_username {
  font-weight: bold;
}
.postbit_stats { margin-left: auto; text-align: right; }

/* ----- Butonlar ve İkonlar ----- */
.button, input[type="submit"], .button_small {
  background-color: #2ecc71;
  color: #fff; border: none;
  padding: 6px 12px; border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  transition: background-color 0.3s;
}
.button:hover, input[type="submit"]:hover {
  background-color: #27ae60;
}

/* ----- Yorum Alanı ve Kontroller ----- */
.post_controls {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

/* ----- Mobil Düzenlemeler ----- */
@media only screen and (max-width: 600px) {
  .postbit {
    padding: 8px; font-size: 14px;
  }
  .postbit .postbit_avatar img {
    width: 40px; height: 40px;
  }
  .button, input[type="submit"] {
    width: 100%; margin: 5px 0;
  }
}







/* Yorum ve konu sayıları beyaz renk */
.author_statistics,
.author_statistics div,
.postbit_stats,
.user_info,
span[style*="float:left"],
span[style*="float:right"] {
  color: #ffffff !important;
  font-size: 12px !important;
}

/* Beyazlık sorunlarını çöz */
.postbit, .forumbg, .postarea {
  background: rgba(255,255,255,0.08) !important;        /* daha az saydam */
  backdrop-filter: blur(15px) !important;              
  -webkit-backdrop-filter: blur(15px) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;  /* daha az görünür kenar */
  border-radius: 12px !important;                       
  box-shadow: 0 4px 12px rgba(0,0,0,0.25) !important;   
  margin-bottom: 15px;
  padding: 12px !important;
}

/* Post author bilgileri temizle */
.post_author,
.author_information {
  background: transparent !important;
  border: none !important;
}

/* Kullanıcı adı ve grup bilgileri */
.author_information strong,
.postbit_username {
  color: #2ecc71 !important;
  font-weight: bold !important;
}

.author_information .group {
  color: #FFD700 !important;
}

/* Mobil için özel düzenleme */
@media only screen and (max-width: 600px) {
  .postbit {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
  }
  
  .author_statistics div {
    color: rgba(255,255,255,0.9) !important;
    margin: 2px 0 !important;
  }
}










/* ----- Post Kutusu (Çok Az Transparan, Arka Plan Çok Görünür) ----- */
.postbit, .forumbg, .postarea, .post.classic {
  background: rgba(255,255,255,0.03) !important;        /* çok az saydam */
  backdrop-filter: blur(2px) !important;              
  -webkit-backdrop-filter: blur(2px) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;  /* çok hafif kenar */
  border-radius: 12px !important;                       
  box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;   /* daha az gölge */
  margin-bottom: 15px;
  padding: 12px !important;
}

/* Template'e göre özel düzenlemeler */
.post_author {
  background: rgba(255,255,255,0.02) !important;
  border: none !important;
  padding: 15px !important;
  text-align: center !important;
}

.user_info {
  margin-top: 10px !important;
}

.author_information {
  background: transparent !important;
  border: none !important;
  margin-bottom: 8px !important;
}

.author_statistics {
  background: transparent !important;
  border: none !important;
}

.author_statistics div,
.author_statistics span {
  color: rgba(255,255,255,0.9) !important;
  font-size: 12px !important;
  margin: 2px 0 !important;
}

/* Post content alanı */
.post_content {
  background: rgba(255,255,255,0.01) !important;
  border: none !important;
  padding: 8px 12px !important;
}

.post_head {
  background: transparent !important;
  border: none !important;
  padding: 8px 0 !important;
}

.post_body {
  background: transparent !important;
  padding: 12px 0 !important;
  color: rgba(255,255,255,0.95) !important;
}

/* Post controls */
.post_controls {
  background: rgba(255,255,255,0.02) !important;
  border: none !important;
  padding: 10px !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
}

/* Mobil için daha da az transparan */
@media only screen and (max-width: 600px) {
  .postbit, .post.classic {
    background: rgba(255,255,255,0.02) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    backdrop-filter: blur(2px) !important;
  }
}







/* ===== YILDIZ BOYUTLARI KÜÇÜLTME ===== */

/* Genel yıldız küçültme */
img[src*="star"],
img[alt*="*"],
.rating img,
.userstars img {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
}

/* Post author alanındaki yıldızlar */
.post_author img[src*="star"],
.post_author .userstars img,
.author_information img[src*="star"] {
    width: 14px !important;
    height: 14px !important;
    margin: 1px !important;
}

/* Mobil cihazlarda daha da küçük */
@media (max-width: 768px) {
    img[src*="star"],
    img[alt*="*"],
    .rating img,
    .userstars img {
        width: 12px !important;
        height: 12px !important;
    }
    
    .post_author img[src*="star"],
    .post_author .userstars img {
        width: 10px !important;
        height: 10px !important;
    }
}

/* Yıldızlar yan yana dizilsin */
.userstars {
    display: inline-flex !important;
    gap: 2px !important;
    flex-wrap: wrap !important;
    margin: 2px 0 !important;
}










/* ===== SHOWTHREAD BEYAZ KUTU SORUNUNU ÇÖZ ===== */
@media (max-width: 768px) {
  /* Tüm showthread sayfasındaki beyaz arka planları yok et */
  body[class*="showthread"] *,
  .showthread * {
    background-color: transparent !important;
    background-image: none !important;
  }
  
  /* Sadece post kutularına koyu arka plan ver */
  body[class*="showthread"] .postbit,
  body[class*="showthread"] .post_classic,
  body[class*="showthread"] div[id*="post_"] {
    background: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(76, 175, 80, 0.3) !important;
  }
}







/* ===== YORUM/KONU SAYILARI DÜZELTMESİ ===== */
@media (max-width: 768px) {
  
  /* İstatistik satırlarını düzenle */
  .author_statistics div {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 11px !important;
    margin: 2px 0 !important;
    text-align: left !important;
    line-height: 1.4 !important;
  }
  
  /* Eğer rakamlar bitişikse - MyBB'nin user_details formatı */
  .author_statistics div:before {
    content: attr(data-label) ": " !important;
  }
  
  /* Ya da genel olarak noktalı virgül ile ayır */
  .author_statistics {
    font-size: 11px !important;
  }
  
  /* Template'teki {$post['user_details']} formatını düzenle */
  .post_author .author_statistics > div,
  .post_author .user_details {
    word-spacing: 2px !important;
    letter-spacing: 0.5px !important;
  }
}



/* ===== İSTATİSTİK : İŞARETLERİNİ KALDIR ===== */
@media (max-width: 768px) {
  .author_statistics div:before {
    content: none !important;
  }
  
  /* Eğer template'te başında : varsa onu gizle */
  .author_statistics div:first-child:before {
    display: none !important;
  }
  
  /* İstatistik satırları düzenle */
  .author_statistics div {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 11px !important;
    margin: 2px 0 !important;
    text-align: left !important;
    padding-left: 0 !important;
  }
}







/* ===== DESKTOP İÇİN TRANSPARAN RENKLER - MOBİL GİBİ ===== */

@media (min-width: 769px) {
  
  /* Post kutuları - Daha az transparan (daha görünür) */
  .postbit,
  .post_classic,
  .post,
  div[id*="post_"] {
    background: rgba(0, 0, 0, 0.7) !important; /* 0.4'ten 0.7'ye */
    border: 1px solid rgba(76, 175, 80, 0.5) !important; /* 0.3'ten 0.5'e */
    border-radius: 12px !important;
    backdrop-filter: blur(2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important; /* 0.2'den 0.4'e */
  }

  /* Kullanıcı alanı - Daha koyu */
  .post_author {
    background: rgba(0, 0, 0, 0.5) !important; /* 0.3'ten 0.5'e */
    border-bottom: 1px solid rgba(76, 175, 80, 0.4) !important; /* 0.2'den 0.4'e */
  }

  /* KULLANICI ADI VE ÇEVRİM DURUMU - ORTALANMIŞ ALT ALTA */
  .post_author .user_name_row {
    display: flex !important;
    flex-direction: column !important; /* Alt alta */
    align-items: center !important; /* Ortalanmış */
    justify-content: center !important;
    margin-bottom: 15px !important;
    width: 100% !important;
    text-align: center !important;
    gap: 5px !important; /* Aralarında 5px boşluk */
  }

  /* Kullanıcı adı yeşil - ortalanmış */
  .post_author .largetext,
  .post_author .largetext a,
  .post_author strong {
    color: #4CAF50 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    margin: 0 !important;
    text-align: center !important;
    display: block !important;
  }

  /* Çevrimiçi durumu - ortalanmış alt satır */
  .post_author .online_status {
    color: #4CAF50 !important;
    font-size: 12px !important;
    margin: 0 !important;
    text-align: center !important;
    font-weight: normal !important;
    display: block !important;
  }

  /* Grup bilgileri altın sarısı */
  .author_information {
    text-align: center !important; /* Grup bilgileri de ortalanmış */
  }

  .author_information .smalltext {
    color: #FFD700 !important;
    text-align: center !important;
  }

  /* İstatistikler beyaz - ortalanmış */
  .author_statistics {
    text-align: center !important;
  }

  .author_statistics div {
    color: rgba(255, 255, 255, 0.9) !important;
    text-align: center !important;
  }

  /* Mesaj content alanı transparan */
  .post_content {
   background: transparent !important;

  }

  /* Tarih alanı - Daha koyu */
  .post_head {
    background: rgba(0, 0, 0, 0.8) !important; /* 0.6'dan 0.8'e */
    border-bottom: 1px solid rgba(76, 175, 80, 0.4) !important; /* 0.2'den 0.4'e */
  }

  /* Tarih yazısı yeşil */
  .post_head .post_date {
    color: #4CAF50 !important;
  }

  /* Mesaj alanı transparan */
  .post_body {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.95) !important;
  }

  /* Kontrol alanı - Daha koyu */
  .post_controls {
    background: rgba(0, 0, 0, 0.5) !important; /* 0.3'ten 0.5'e */
    border-top: 1px solid rgba(76, 175, 80, 0.4) !important; /* 0.2'den 0.4'e */
  }

  /* Butonlar yeşil transparan - daha koyu */
  .postbit_buttons a {
    background: rgba(76, 175, 80, 0.3) !important; /* 0.2'den 0.3'e */
    color: #ffffff !important;
    border: 1px solid rgba(76, 175, 80, 0.5) !important; /* 0.3'ten 0.5'e */
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
  }

  .postbit_buttons a:hover {
    background: rgba(76, 175, 80, 0.6) !important; /* 0.4'ten 0.6'ya */
    transform: translateY(-1px) !important;
  }

  /* Genel transparan zorla */
  #posts_container {
    background: transparent !important;
  }

  /* Post flexible transparan */
  .post_flexible {
    background: transparent !important;
  }

  /* BR etiketlerini gizle */
  .post_author br {
    display: none !important;
  }

  /* Center etiketini yok et */
  .post_author center {
    display: contents !important;
  }
}

/* Post header alanı için padding ekleme */
.post_head {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

/* Alternatif olarak sadece tarih ve mesaj numarası için */
.post_head .post_date,
.post_head .post_number,
.post_head a[name] {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

/* Eğer daha spesifik kontrol istiyorsanız */
.post_head td:first-child {
  padding-left: 7px !important;
}

.post_head td:last-child {
  padding-right: 7px !important;
}







/* ===== CHECKBOX YAN YANA GETİRME CSS ===== */

/* ÇÖZÜM 1 İÇİN: checkbox-row div'i */
.checkbox-row {
  display: flex !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  margin: 10px 0 !important;
}

.checkbox-inline {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  white-space: nowrap !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

.checkbox-inline input[type="checkbox"] {
  margin-right: 5px !important;
  vertical-align: middle !important;
}

/* ÇÖZÜM 2 İÇİN: Label'ları inline yap */
.quick_reply_form label,
#quick_reply label {
  display: inline-block !important;
  margin-right: 20px !important;
  vertical-align: middle !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

/* ÇÖZÜM 3 İÇİN: BR etiketlerini gizle */
.inline-checkboxes br {
  display: none !important;
}

.inline-checkboxes {
  display: flex !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  margin: 10px 0 !important;
}

.inline-checkboxes label {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  white-space: nowrap !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

/* GENEL CHECKBOX STİLİ */
.checkbox {
  width: 16px !important;
  height: 16px !important;
  border: 2px solid rgba(76, 175, 80, 0.5) !important;
  background: rgba(0, 0, 0, 0.3) !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  margin: 0 !important;
}

.checkbox:checked {
  background: rgba(76, 175, 80, 0.7) !important;
  border-color: #4CAF50 !important;
}

/* MOBİL UYUMLULUK */
@media (max-width: 768px) {
  .checkbox-row,
  .inline-checkboxes {
    flex-direction: column !important;
    gap: 10px !important;
  }
  
  .checkbox-inline,
  .inline-checkboxes label {
    margin-bottom: 8px !important;
  }
}

/* HIZLI CEVAP FORMU İÇİN ÖZEL */
.quick_reply_form .checkbox-row,
#quick_reply .checkbox-row {
  background: rgba(0, 0, 0, 0.2) !important;
  padding: 10px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(76, 175, 80, 0.2) !important;
}