@media screen and (max-width: 1120px), screen and (max-device-width: 1120px) {
	.usercp, .modcp{
		flex-direction:column-reverse
}

.usercp_content{
		margin-right:0;
		margin-top: 2rem
}

.newthread-container{
		flex-direction:column
}

.wrapper{
		width: 86%
}

.index_content-forumlist{
		flex:0 1 100%
}

html[sidebar="visible"] .index_content-sidebar{
		opacity:1!important
}


}

.sidebar-item_content.sidebar-item_ads_content div a img{
    width:100%
}

@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
	#index-page navigation{
		display:none
}

navigation{
		flex-direction:column;
		align-items:flex-start;
}

navigation i{
		display:none!important
}

.header-menu-help-link{
		display:none!important
}

navigation a, navigation .active{
		display:inline-flex;
		align-items:center;
		margin:.75rem 0
}

navigation a:before, navigation .active:before{
		content:'';
		box-sizing:content-box;
		background:var(--main-cyan);
		border:5px solid var(--body-bg);
		width:.375rem;
		height:.375rem;
		margin: 0 calc(var(--default-margin) / 2);
		display:inline-flex;
		border-radius:50%;
}

navigation .active:before{
		background:var(--body-bg);
		border-color: var(--main-cyan)
}

navigation .navigation-sep{
		display:none;
}

.memberlist-item{
		flex-basis:calc(100% / 3 - 1rem);
		flex-grow:1
}

.header > .wrapper > .left > .header_menu{
        display:none
}

.trends_title{
        display:block
}

.trends_ads {
        justify-content: space-between;
        margin-top: 1em;
}

.index_boardstats{
		flex-direction: column
}

.index_boardstats_item{
		width: 100%;
		margin: .5em 0;
}

#container, #content {
      min-width: 0px !important;
      width:100%  !important;
}

.wrapper {
      width: 100% !important;
	  padding:0 1rem;
      min-width: 0px !important;
}

.topmenu ul{
  	clear:both;
  	width: 100%;
}

.topmenu form{
  	display:none
}

#footer > .upper > .wrapper.contents{
		display: block
}

#footer > .upper > .wrapper.contents > .menu.bottom_links{
		margin-top: 1rem;
		justify-content: center;
		flex-wrap: wrap
}

#footer ul.menu li{
		margin: .5rem
}

#footer .upper .wrapper > div:first-child{
    flex-direction:column
}

#footer .upper .wrapper > div:first-child > span{
    text-align:center
}

.pmspace{
		margin-bottom: 1rem
}

.pmspace, .pmspace_container{
		width: 100%
}

.pm_search > div:first-child{
		margin-bottom: 1rem
}

.profile_tab_items{
		flex-direction:column
}


}

@media screen and (max-width: 900px),screen and (max-device-width:900px) {
	.header_quicksearch,
	.postbit_buttons > a > span,
	.postbit_buttons > .popup_holder > a > span,
	.post_head .post_onlinestatus,
	.postbit section.postbit_showstatistics,
	.post-hide-sep{
		display:none
}

.index_welcomeback{
        margin-top: 2em
}

.thread_info > div{
		flex: 100%;
		margin-top:1rem
}

.showthread-poll-image{
		flex: 1 1 40%
}

.showthread-poll-buttons {
		display: flex;
		flex-direction: column;
		margin:0
}

.showthread-poll-buttons > * {
		flex: 1 1 100%;
		margin: var(--default-margin) 0 0 0!important
}

/*POSTBIT KODLARI START*/
	.post_container{
		flex-wrap:wrap
}

.postbit{
		flex-wrap: wrap;
		flex: 1 1 auto;
		display: flex;
		align-items:center;
		padding: calc(var(--default-padding) / 4 * 3);
		border-bottom: 1px solid var(--default-border-color);
}

.postbit_avatar{
		margin-top:0;
		margin-right: calc(var(--default-padding) / 2)
}

.postbit_information_userstars,.postbit-rank, .postbit-ranks{
		display:none
}

.postbit_both{
		margin-left:var(--default-margin)
}

.postbit .author_avatar{
		width:4rem;
		height:4rem;
}

.postbit section.postbit_information{
		flex-wrap: wrap;
		flex: 1 1 auto;
		display: flex;
		align-items:flex-start;
}

.postbit_information_userstars,
	.postbit_information_groupimg{
		margin-top: calc(var(--default-margin) / 4)
}

.postbit div.author_information{
		text-align:unset
}

.postbit_avatar .postbit-mstatus{
		display:inline-flex !important
}

.post .post_head{
		flex-wrap:wrap;
		padding:var(--default-padding)
}

.post_time{
		order:1;
		flex:1 1 75%
}

.post .post_head span.edited_post{
		display:none
}

.post_time img{
		display:none
}

.post_modbit{
		order:2;
		margin-left:auto
}

.post_head .post_controls{
		order:3;
		flex-wrap:wrap;
		margin: calc(var(--default-margin) / 2) auto 0 auto;
}

.showthread_userbrowsing{
		margin-bottom: var(--default-margin)
}


}

@media screen and (max-width: 768px),screen and (max-device-width:768px) {
	.index_onlinelist_icon,
	.reputation-replist-row-buttons a span,
	ul.topmenu > li > a > span,
	.custom-nav_inner > p,
	.forumbit_forum_forumicon,
	.forumdisplay_thread_rating,
	.search_post_profilelink,
	.search_post_forumlink,
	.calendar-weekrow_day_eventbit span,
	.showthread_threadinfo_content-item:nth-child(2),
	.forumdisplay_thread_lastpost,
	.index_teamlist_items,
	.header-welcomeblock-sep,
	.header-welcomeblock > a[disabled],
	.usercp-content-header_info_content,
	.member-profile-content_tabname_babutton#prev,
	.member-profile-content_tabname_babutton#next,
	.usercp_private_messagebit_date,
	.forumdisplay_tfoot_links a span,
	.postbit section.postbit_statistics,
	.postbit section.postbit_showstatistics,
	.newthread-content_options_row_info-desc,
	.portal-thread_info > .portal-thread_info_subject > div:nth-child(2),
	.index_social_announcement,
	.topmenu-togglebuttons{
        display:none
}

#index-page .mnightmode{
		display:flex;
}

ul.topmenu{
		justify-content:center;
}

.footer-bottom_content{
		flex-direction:column;
		align-items:center;
}

.footer-bottom_copyright{
		margin-bottom: calc(var(--default-margin) / 2);
}

.header-welcomeblock-modalform{
		min-width:unset;
		padding: calc(var(--default-padding) * 2.5)
}

#header > .wrapper > div{
		justify-content:center
}

#header .logo{
		margin-right:0
}

/*.member-profile-content_tabname_tabnames_item{
		border-top:3px solid transparent;
}

.member-profile-content_tabname_tabnames_item:hover,.member-profile-content_tabname_tabnames_item.active {
		border-top: 3px solid #23d2e2
}

*/
	
	.usercp_private_headbar_controls > *,
	.usercp_private_headbar_search > *,
	.usercp_private_headbar_search > * select,
	.usercp_private_headbar_search > * input[type="text"]{
		flex:1
}

.usercp-content-header_info{
		justify-content:center
}

.usercp-content_row_content{
		flex-direction:column;
		align-items:flex-start;
}

.usercp-content_row_content_info{
		text-align:left;
		flex-wrap:wrap;
		/*flex-direction:row;*/
		justify-content: flex-start;
		border: 0;
		padding: calc(var(--default-padding)) 0;
}

.usercp-content_row_content_content{
		width:100%
}

.usercp-content_row_content_content > input{
		/*margin: var(--default-margin) 0 0 0 !important;
		width:100%*/
}

.usercp-content_row_content_content select, .usercp-content_row_content_content input[type="text"]{
		width:100%;
		padding-right:0;
		margin-bottom: 5px;
}

.usercp-content_submitrow, .search-content_submitrow{
		flex-wrap:wrap
}

.usercp-content_submitrow input, .search-content_submitrow input{
		flex:1;
		margin-left:0 !important
}

.usercp-content_submitrow input:not(:first-child){
		margin-bottom:var(--default-margin)
}

.calendar-actions .flex-wbox-item:first-child{
		display:flex;
		width:100%
}

.calendar-actions .flex-wbox-item:first-child input{
		flex:1
}

.calendar-actions a{
		width:100%;
		margin-left:0 !important;
		margin-top: var(--default-margin);
}

.calendar-actions a:first-child{
		margin-top:0!important
}

.stabilizer-message-list{
		bottom: 4rem
}

.index_onlinelist_fullist{
		flex: 1 1 100%
}

.forumdisplay_newthread, .showthread_newreply, .thread-movetotop{
        margin-left: 0 !important;
        flex: 1 1 100%
}

.thread-movetotop{
        margin: .8rem 0 0 0 !important;
        flex: 1 1 100%
}

.forumdisplay_thread_main_mlastpost{
		display:block
}

.forumdisplay_thread_avatar .hexagon-avatar{
		width:3rem;
		height:3rem;
}

.forumdisplay_thread_statusicon{
		padding: .125rem
}

.forumdisplay_tfoot_links a i{
		font-size:1.25rem
}

.forumdisplay_actions .flex-wbox-container{
		flex:1;
		margin-right:0
}

.forumdisplay_actions form, .showthread_actions form{
		display: flex;
		flex-direction: column;
		align-items: stretch;
		flex: 1 1 100%;
		margin: 1rem 0;
}

.forumdisplay_actions form optn select,
	.showthread_actions form optn select{
		width: 100%;
		margin-bottom: 1rem;
}

.forumdisplay_actions form optn ~ input.button,
	.showthread_actions form optn ~ input.button{
		margin: 0 0 var(--default-margin) 0 !important
}

.quickreply-content-alt_options label{
		margin-bottom:calc(var(--default-margin) / 2);
}

.quickreply-content-alt_buttons input{
		flex:1 1 100%;
		margin: 0 0 var(--default-margin) 0 !important
}

.reputation-replist-row-buttons a i,
	ul.topmenu > li > a > svg{
        margin:0
}

.header-welcomeblock{
		position:fixed;
		position: fixed;
		justify-content: space-evenly;
		left: 0;
		bottom: 0;
		z-index: 9;
		width: 100%;
		background: var(--main-bg);
		padding:calc(var(--default-padding) / 2) 0;
		transition:250ms ease
}

.header-welcomeblock-hide{
		/*transform:translateY(100%)*/
}

.header-welcomeblock > div{
		margin-right:calc(var(--default-margin) * 1.25);
		/*padding: .8rem;*/
}

.header-welcomeblock > div:last-child{
		margin-right:0
}

.header-welcomeblock-login {
	padding: .8rem;
}

.member-register-section-content_info {
	display: none;
}

#myalerts_headericon:after,
	.headerpm-popup_icon:after,
	.header-welcomeblock-popup_holder:after,
	.header-welcomeblock-popup_icon:after{
		top: unset;
		bottom: 100%;
		height:2rem;
}

.headerpm-popup,
	.myalerts-popup,
	.header-welcomeblock-popup{
		margin-bottom: calc(var(--default-margin) / 2);
		position: fixed;
		top: unset;
		bottom: 5rem;
		left:1rem;
		right:1rem !important;
}

#myalerts-popup_holder:hover .myalerts-popup, 
	.popups_menu:hover, 
	.headerpm-popup_holder:hover .headerpm-popup, 
	.header-welcomeblock-popup_holder:hover .header-welcomeblock-popup{
		top: unset;
		bottom: 4.5rem;
}

.footer-top-tabcontent{
		overflow:hidden;
		transition:250ms ease
}

.footer-top-tabcontent.close{
		max-height:0!important;
		padding:0
}

.footer-top_nav_head_collapse{
		display:flex;
}

.member-register-section{
		display:block
}

.member-register-section-icon{
		margin: var(--default-margin) 0;
		padding: calc(var(--default-padding) * 2);
		font-size: 1rem;
}

.footer-top{
		display:block
}

.footer-top_info_logo{
		display:flex;
		justify-content:center;
}

.footer-top_backtop_inner{
		display:none
}

section.postbit_mstatistics{
		display:flex;
		flex-basis: 3rem
}

.popups_menu .postbit_statistics_content > ul > li{
		padding: calc(var(--default-padding) / 2) 0
}

.popups_menu .postbit_user_details li a{
		display:inline-flex;
		padding:0;
		min-width:10rem
}

.popups_menu .postbit_statistics_content > ul > li > span:nth-child(2){
		flex-basis:unset
}

.newthead-content_about_subject select{
		margin-right:0;
		flex:1;
}

.forumbit_moderators {
	display:none;
}

.newthread-content_options_row_content label{
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
}

.newthread-content_options_row{
		flex-direction: column;
}

.newthread-content_options_row_info{
		align-items:flex-start;
		margin-bottom:var(--default-margin)
}

.newthread-content_buttons{
		flex-direction:column;
}

.newthread-content_buttons input, .private-send-row_content input[type="text"], .private-send-row_content .select2-container{
		width:100% !important
}

.newthread-content_buttons input:first-child, .private-send-row_info, .newthread-content_buttons input.button{
		margin: 0 0 var(--default-margin) 0 !important;
}

.member-register-section-content_content_row_captchaimg, .member-register-section-content_content_row_questioninput, .private-send-row, .private-send-row_info {
		display:flex;
		flex-direction:column;
		align-items:flex-start;
}

.member-register-section-content_content_row_captchaimg input.button, .member-register-section-content_content_row_questioninput input.button{
		margin: var(--default-margin) 0 0 0;
		width:100%;
}

.private-send-row_info{
		text-align: left;
}

.portal-thread_body{
		flex-direction:column;
}

.portal-thread_body_image{
		margin: 0 0 var(--default-margin) 0;
}

.portal-thread-head{
		flex-direction:column;
		align-items:unset
}

.portal-thread-head_gothread{
		margin: var(--default-margin) 0 0 0;
}

.portal-thread-head_gothread a{
		border-radius: calc(var(--default-border-radius) / 4)
			calc(var(--default-border-radius) / 4)
			var(--default-border-radius)
			var(--default-border-radius) !important
}

.portal-thread_info{
		border-radius: var(--default-border-radius)
			var(--default-border-radius)
			calc(var(--default-border-radius) / 4)
			calc(var(--default-border-radius) / 4) !important
}

.help-section-bit{
		flex:1 1 auto
}

popupblocker {
		width: 100vw;
		height: 100vh;
		opacity: 0;
		transition: .25s ease;
		position: fixed;
		visibility: hidden;
		left: 0;
		top: 0;
		background: rgba(0,0,0,0.5);
		z-index: 998
}

popupblocker.popupopen{
		visibility: visible;
		opacity: 1
}

.popups_menu{
		position:fixed;
		z-index:999;
		top:auto!important;
		bottom:.5rem;
		left:5% !important;
		right:5% !important;
		max-height:75%;
		overflow-y:overlay
}

.calendar-weekrow_day{
        padding:0;
        height:3rem;
        border:0;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        background:unset
}

.calendar-weekrow_day > div.smalltext{
        display:flex;
        justify-content:center;
        align-items:center;
        width:1.5rem;
        height:1.5rem;
        border-radius:50%;
}

.calendar-weekrow_day > .trow1-i{
         background:#fcfcfd
}

.calendar-weekrow_day > .trow1-i a{
		color:var(--default-light-color)
}

.calendar-weekrow_day > .trow_sep-i{
         background:#fff;
         box-shadow:0px 0px 10px 0 rgba(97,93,250,0.1)
}

.calendar-weekrow_day_events{
		display:block;
		position:absolute;
		bottom:0;
}

.calendar-weekrow_day_eventbit{
		display:inline-flex;
		padding:calc(var(--default-padding) / 8);
		margin:0;
}

.member-profile-head_content{
		flex-direction: column;
}

.member-profile-head_content_avatar{
		margin-top:calc(var(--default-margin) * -3)
}

.member-profile-head_content_info,
	.member-profile-head_content_buttons{
		order: 2;
		margin: 1rem 0;
		justify-content: center;
		flex-wrap: wrap
}

.member-profile-head_content_info_item:nth-child(7),
	.member-profile-head_content_info_item-sep:nth-child(6),
	.member-profile-head_content_info_item-sep:nth-child(8){
	display:none
}

.help-search form{
		flex:1;
		display:flex;
		flex-direction:column;
}

.help-search form input[type="text"]{
		flex:1;
		margin: 0 0 var(--default-margin) 0 !important
}

.help-search form input.button{
		margin: var(--default-margin) 0 0 0 !important
}

.forumdisplay_threadlist_container_head .tcat:nth-child(3),
	.forumdisplay_threadlist_container_head .tcat:nth-child(4),
	.forumdisplay_thread_posts,
	.forumdisplay_thread_views{
	display:none
}

.member-profile-content_tabname_tabnames_item-icon{
		display:unset
}

.member-profile-content_tabname_tabnames_item > span{
		display:none
}

.usercp-content-dial-item{
		padding:calc(var(--default-padding) * 1.25) calc(var(--default-padding) * 3)
}

.navigation > div, .header_welcome_index > div{
        width: 100%
}

a.header_button{
        display:none
}

.trends_item_info{
		font-size: calc(1rem - 10px)
}

.trends_item_info span:first-child{
		font-size: calc(1rem - 9px);
		text-align: center
}

.trends_item_info img{
		width:15px
}


}

@media screen and (max-width: 600px), screen and (max-device-width: 600px) {
	.forumbit_forum_lastpost{
		display:none
}

/*.logo .logo-text{
		display:none
}

*/
	
	.memberlist-item{
		flex-grow:1
}

html, body{
	/*overflow-y: scroll;*/
	width: 100vw;
}

#container, #content {
      min-width: 0px !important;
      width:100vw  !important;
}

.wrapper {
      /*width: calc(100vw - 20px)  !important;*/
      min-width: 0px !important;
}

.footer_upper_social span{
		display: none
}

#footer{
        margin-bottom: 4.5rem !important;
}

.header > .wrapper > .left{
        justify-content: space-between;
        flex: 1;
}

.header_welcomeblock > *{
        display:none
}

.index_welcomeback_links{
		font-size: calc(1em + 1px);
}

.user_member{
		display:none;
}

.profile_tab_buttons{
		justify-content:space-around
}

.profile_tab_button > span{
		display:none
}


}

@media screen and (max-width: 500px), screen and (max-device-width: 500px) {
	[id^="cat"] tr td:nth-child(3), [id^="cat"] tr td:nth-child(4){
	display:none
}


}

@media screen  and (max-width: 470px), screen and (max-device-width: 470px) {
	.mobile_remove{
		display:none
}

.custom-nav{
		height:6rem
}

.custom-nav:before{
		width:2rem;
		height:2rem;
		left:4.5rem
}

.custom-nav_inner{
		margin-left: 7rem;
		white-space: nowrap;
		text-overflow: ellipsis;
    	overflow: hidden;
    	width: 170px;
}

.custom-nav span {
	text-overflow: ellipsis;
    font-size: 1.1rem;
    white-space: normal;
    line-height: 1.125;
}

.index_welcome:before{
		left:3.5rem
}

.index_welcome_inner{
		margin-left: 6rem;
}

.forumbit_stats{
		display:none
}

.forum_status{
		width:25px;
		height:25px;
}

.index_announce{
        font-size: calc(1em - 2px)
}

.index_announce i{
        font-size: calc(1em + 2px)
}

.lpavatar {
        width: 35px!important;
        height: 35px!important
}

.avatar {
		width:35px!important;
		height:35px!important;
}

.avatar img{
		width:35px;
		height:35px;
}

.table_wrap{
		table-layout:unset
}

.h-avatar{
		width:30px;
		height:30px
}

.thread_topbuttons{
    font-size: calc(1em - .5px)
}

.thread_topbuttons a.iconbutton{
    width:29px;
    height:29px
}

.usercp .usrnm{
		font-size: .8em;
}


}

@media screen and (min-width : 360px) and (max-width:400px) {
	#container{
	font-size: calc(1em - 1px)
}

.thread_modoptions{
		display:none
}

.h-avatar{
		width:35px!important;
		height:35px!important
}


}

@media screen and (max-width: 344px) , screen and (max-device-width: 347px) {
	.forumbit_lastpost > div > span > span:nth-child(2){
	display:none
}


}

.sidebar-item_content.sidebar-item_ads_content div a img {
    width: 100%
}

/* ============================================================================
   B) LOGIN MODAL — Kayıt Ol butonu + satır içi "Şifremi Unuttum" akışı
   ============================================================================ */

/* Kayıt Ol butonu (giriş butonunun üstünde, aynı boyutlarda) */
#quick_login .header-welcomeblock-registerrow .button{
        width: 100%;
        box-sizing: border-box;
        min-height: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: calc(1em + 2px);
        font-weight: 600;
}


/* Çift butonlar birbirine yakın dursun */
#quick_login .header-welcomeblock-registerrow{
        margin: 2rem 0 .75rem;
}

#quick_login .header-welcomeblock-registerrow + .header-welcomeblock-submitrow{
        margin-top: .75rem;
}
/* Şifremi Unuttum: modal içinde form değiştirme modu */
#quick_login form .lostpw-only{
        display: none !important;
}

#quick_login form.lostpw-mode .lostpw-only{
        display: block !important;
}

#quick_login form.lostpw-mode .login-only{
        display: none !important;
}

.header-welcomeblock-loginform-lostpwinfo_text{
        margin: 0;
        font-size: .9rem;
        line-height: 1.6;
        color: var(--default-light-color);
}

#quick_login .header-welcomeblock-loginform-backtologin{
        text-align: center;
}

#quick_login .header-welcomeblock-loginform-backtologin a{
        font-size: .9rem;
        color: var(--default-light-color);
}

#quick_login .header-welcomeblock-loginform-backtologin a:hover{
        color: var(--main-cyan);
}

/* Mobil ince ayar: kayıt butonu da 48px dokunma alanında */
@media screen and (max-width: 768px), screen and (max-device-width: 768px){

        #quick_login .header-welcomeblock-registerrow .button{
                min-height: 3rem;
                font-size: 1rem;
        }

        #quick_login .header-welcomeblock-registerrow{
                margin: 1.125rem 0 .75rem;
        }
}
/* ============================================================
   QUICK LOGIN MODAL (#quick_login) — MOBİL RESPONSIVE DÜZELTME
   ============================================================ */

@media screen and (max-width: 768px), screen and (max-device-width: 768px) {

    /* 1) MODAL KABI: ekrana tam otursun, klavye açılınca kesilmesin */
    .blocker .c-modal#quick_login{
        width: 100%;
        max-width: 26rem;
        box-sizing: border-box;
        max-height: calc(100vh - 2.5rem);
        max-height: calc(100dvh - 2.5rem);
        margin: auto;                    /* güvenli ortlama: taşarsa kaydırılabilir */
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    /* 2) FORM KABI: modalın tamamını kaplasın, boşluklar mobilde kısaltsın */
    #quick_login .header-welcomeblock-modalforms-container{
        width: 100%;
    }

    #quick_login .header-welcomeblock-modalform{
        flex: 1 1 100%;
        min-width: 0;
        box-sizing: border-box;
        padding: 1.5rem 1.25rem;
    }

    #quick_login .header-welcomeblock-loginform-title{
        font-size: 1.375rem;
        margin: 0 0 1.25rem;
    }

    #quick_login .header-welcomeblock-loginform-row{
        margin: 1.125rem 0;
    }

    /* 3) INPUTLAR: tam genişlik + 16px font (iOS zoom engeli) + 48px yükseklik */
    #quick_login .header-welcomeblock-loginform-row optn{
        width: 100%;
    }

    #quick_login .header-welcomeblock-loginform-row input.textbox{
        width: 100%;
        box-sizing: border-box;
        font-size: 16px;
        height: 3rem;
        padding: 0 1rem;
    }

    /* 4) BENİ HATIRLA / ŞİFREMİ UNUTTUM: sıkışmasın, hizalı dursun */
    #quick_login .header-welcomeblock-loginform-lostpass{
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: .5rem 1rem;
    }

    #quick_login .header-welcomeblock-loginform-lostpass > div:first-child{
        display: inline-flex;
        align-items: center;
    }

    #quick_login .header-welcomeblock-loginform-lostpass label{
        cursor: pointer;
    }

    #quick_login input#quick_login_remember{
        width: 1.125rem;
        height: 1.125rem;
        margin: 0 .5rem 0 0;
        accent-color: var(--main-cyan);
    }

    /* 5) BUTON: tam genişlik + 48px dokunma alanı */
    #quick_login .header-welcomeblock-submitrow button{
        width: 100%;
        min-height: 3rem;
        font-size: 1rem;
    }

    /* 6) SOSYAL İKONLAR: 320px'te bile tek sıraya sığsın */
    #quick_login .header-welcomeblock-loginform-social{
        margin-top: 1.5rem;
    }

    #quick_login .header-welcomeblock-loginform-social_links ul.sidebar_social_icons{
        padding: 0;
        margin-right: -.5rem;
        margin-bottom: -.25rem;
        justify-content: center;
    }

    #quick_login .header-welcomeblock-loginform-social_links .sidebar_social_icons li a{
        width: 2.25rem;
        height: 2.25rem;
    }
}

/* Çok küçük ekranlar (≤400px) için son rötuşlar */
@media screen and (max-width: 400px), screen and (max-device-width: 400px) {

    #quick_login .header-welcomeblock-modalform{
        padding: 1.25rem 1rem;
    }

    #quick_login .header-welcomeblock-loginform-title{
        font-size: 1.25rem;
    }

    #quick_login .header-welcomeblock-loginform-row{
        margin: 1rem 0;
    }
}
@media screen and (min-width: 769px){

        .blocker .c-modal#quick_login .header-welcomeblock-modalform{
                max-width: 26vw;
        }
}
#quick_login form .register-only{
        display: none !important;
}

#quick_login form.register-mode .register-only{
        display: block !important;
}

#quick_login form.register-mode .login-only{
        display: none !important;
}

/* (lostpw-only kuralları önceki dosyada var; kayıt modundayken de yalnızca
   gizli kalırlar, ek kural gerekmez) */

/* Kayıt modunda satır araları biraz daha kompakt */
#quick_login form.register-mode .header-welcomeblock-loginform-row{
        margin: .875rem 0;
}

/* MyBB honeypot alanları (regcheck1/2) yerkaplamasın — POST'a yine de girerler */
#quick_login .header-welcomeblock-loginform-regusername input[name="regcheck1"],
#quick_login .header-welcomeblock-loginform-regusername input[name="regcheck2"]{
        display: none;
}


/* ----------------------------------------------------------------------------
   2) SÖZLEŞME ONAY SATIRI + HATA KUTUSU
   ---------------------------------------------------------------------------- */

#quick_login .header-welcomeblock-loginform-regagree{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: .5rem .625rem;
        font-size: .85rem;
        line-height: 1.4;
}

/* display:block !important kuralını yenerek flex kalsın */
#quick_login form.register-mode .header-welcomeblock-loginform-regagree{
        display: flex !important;
}

#quick_login .header-welcomeblock-loginform-regagree input.checkbox{
        flex: 0 0 auto;
        width: 1.125rem;
        height: 1.125rem;
        margin: 0;
        cursor: pointer;
        accent-color: var(--main-cyan);
}

#quick_login .header-welcomeblock-loginform-regagree label{
        flex: 1 1 auto;
        min-width: 0;
        cursor: pointer;
}

#quick_login .header-welcomeblock-loginform-regagree .quick_reg_agree_link{
        flex: 0 0 auto;
        font-size: .8rem;
        color: var(--main-cyan);
        text-decoration: none;
        white-space: nowrap;
}

#quick_login .header-welcomeblock-loginform-regagree .quick_reg_agree_link:hover{
        text-decoration: underline;
}

/* İstemci tarafı kontrol hata kutusu (yalnızca JS doldurunca görünür) */
#quick_login .quick-form-error{
        display: none;
        margin: .875rem 0 0;
        padding: .625rem .875rem;
        border: 1px solid #f3c2c9;
        border-radius: calc(var(--default-border-radius) / 1.5);
        background: #fdecef;
        color: #b02a37;
        font-size: .85rem;
        line-height: 1.45;
}


/* ----------------------------------------------------------------------------
   3) MASAÜSTÜ MODAL GENİŞLİK TAVANI
   (Şifremi Unuttum açıklama metni modalı yatayda şişirmesin diye;
    mobilde etkisizdir — mobilde modal zaten width:100% + max-width:26rem)
   ---------------------------------------------------------------------------- */

@media screen and (min-width: 769px){

        .blocker .c-modal#quick_login .header-welcomeblock-modalform{
                max-width: 26vw;
        }

        /* Güvenli ortalama + modal içi kaydırma:
           kayıt modu (627px) bazı ekranlarda modal kabını aştığında
           başlık kesilmesin; sığdığında görünüm aynı kalır */
        .blocker .c-modal#quick_login{
                margin: auto;
                max-height: 100%;
                overflow-y: auto;
        }
}