/* default login css */

/* intro css */
#intro_top { 
    width: 100%; 
    z-index: 1; 
    position: relative; 
    height: auto; 
    padding: 80px 0; 
    background: none !important; /* Arka plan bandı kaldırıldı */
}
#login_wrap { 
    width: 100%; 
    height: 100%; 
}
#login_all { 
    width: 800px; 
    max-width: 94%; 
    border-radius: 20px; 
    display: block; 
    margin: 0 auto; 
    color: #fff; 
}
.intro_social_container { 
    width: 100%; 
    height: auto; 
    text-align: center; 
    padding-top: 20px; 
}
.intro_social_btn { 
    display: inline-block; 
    width: 40px; 
    height: 40px; 
    margin: 0 3px; 
    border-radius: 50%; 
}
.login_not_member { 
    text-align: center; 
    padding-top: 5px; 
}

/* Logo ortalı ve responsive */
.head_logo {
    text-align: center;        /* Ortala */
    margin: 20px 0;            /* Üst-alt boşluk */
}
.head_logo img {
    display: inline-block;     /* Ortalanması için */
    max-width: 70vw;           /* Ekrana göre genişlik */
    max-height: 22vh;          /* Ekrana göre yükseklik */
    width: auto;               /* Oranlı genişlik */
    height: auto;              /* Oranlı yükseklik */
}

/* Dil flag sağ üstte */
#open_login_menu {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

/* active_user intro */
#intro_section_user { 
    padding: 72px 0; 
}
.active_user { 
    height: 110px; 
    text-align: center; 
    float: left; 
    overflow: hidden; 
}
#last_active { 
    width: 100%; 
    height: 110px; 
    margin: 0 auto; 
}
.active_avatar { 
    width: 110px; 
    height: 110px; 
    border-radius: 50%; 
}
#last_active .left-arrow,
#last_active .right-arrow { 
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;  
    border-bottom: 10px solid transparent;  
    cursor: pointer; 
    margin-top: 40px; 
}
#last_active .left-arrow {  
    float: left; 
    border-right: 10px solid #ccc; 
    display: none;
}
#last_active .left-arrow:hover { 
    border-right: 10px solid #000; 
}
#last_active .right-arrow { 
    float: right;  
    border-left: 10px solid #ccc; 
    display: none; 
}
#last_active .right-arrow:hover { 
    border-left: 10px solid #000; 
}
#last_active .last-clip {  
    margin: 0 20px; 
    overflow: hidden; 
    position: relative; 
}
#last_active .last_10 { 
    height: 110px; 
    width: 10000%;  
    overflow: hidden;  
    position: relative; 
}

/* section css */
.section { 
    width: 100%; 
    height: auto; 
    margin: 0 auto; 
}
.section_content { 
    width: 100%; 
    max-width: 1100px; 
    margin: 0 auto; 
}
.section_inside { 
    margin: 0 auto; 
}

/* Responsive */
@media screen and (max-width: 1120px){
    .section_inside { width: 96%; }
}
@media screen and (min-width: 1121px){
    #intro_top { background-attachment: fixed; }
}
@media screen and (max-width: 1100px){
    #intro_top { background-size: auto 100%; background-position: center 0px; padding: 80px 0; }
}
@media screen and (max-width: 768px){
    #intro_top { background-size: auto 100%; background-position: center 0px;  }
    .head_logo img { max-width: 90vw; max-height: 20vh; }
}