/* 
 * Layout Fix - Sağ Taraf Kayma Sorunu Düzeltmesi
 * Rainey Old Boys RFC
 * Versiyon 2.0 - Agresif Düzeltme
 */

/* Body ve HTML overflow kontrolü */
html {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
}

body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* Tüm container'lar için genişlik kontrolü */
.container,
.wrapper,
.wrapper-inner,
#content-row,
#header-row,
#footer-row,
#top_header,
#header-top-row {
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

/* Wrapper için özel düzeltme */
.wrapper {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    position: relative !important;
}

.wrapper-inner {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    max-width: 100% !important;
}

/* Header içindeki wrapper - tam overflow visible */
#header-row .wrapper,
#header-row .wrapper-inner {
    overflow: visible !important;
}

/* Row elementleri için düzeltme */
.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Bootstrap row negative margin fix */
.row:before,
.row:after {
    display: table !important;
    content: " " !important;
}

.row:after {
    clear: both !important;
}

/* Span elementleri genişlik kontrolü */
[class*="span"] {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Bootstrap span elementleri için özel düzeltme */
.span12 {
    width: 100% !important;
    max-width: 100% !important;
}

.span9 {
    width: 75% !important;
    max-width: 75% !important;
}

.span8 {
    width: 66.666% !important;
    max-width: 66.666% !important;
}

.span6 {
    width: 50% !important;
    max-width: 50% !important;
}

.span4 {
    width: 33.333% !important;
    max-width: 33.333% !important;
}

.span3 {
    width: 25% !important;
    max-width: 25% !important;
}

/* Görseller için responsive düzeltme */
img {
    max-width: 100% !important;
    height: auto !important;
}

/* Header için özel düzeltme */
#header-row {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    z-index: 100 !important;
    padding: 0 !important;
}

#header-row .wrapper,
#header-row .container,
#header-row .row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
}

/* Header içindeki tüm containerlar */
#header-row *,
#header-row header {
    overflow: visible !important;
}

#top_header {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

/* Logo boyutu */
#logo img {
    max-height: 80px !important;
    width: auto !important;
    vertical-align: middle !important;
}

/* Footer için düzeltme */
#footer {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

/* Content area düzeltmesi */
#component {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Table'lar için responsive */
table {
    max-width: 100% !important;
    overflow-x: auto !important;
    display: block !important;
}

/* Navigation menü için düzeltme */
.sf-menu,
.nav {
    max-width: 100% !important;
}

/* Sticky menü düzeltmeleri */
#module-164,
.sf-menu.sticky {
    z-index: 9999 !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Menü itemleri hizalama */
ul.sf-menu {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Alt menüler için dropdown */
ul.sf-menu ul {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 999999 !important;
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
    min-width: 200px !important;
}

/* İkinci seviye alt menüler */
ul.sf-menu ul ul {
    top: 0 !important;
    left: 100% !important;
}

/* Hover'da alt menüleri göster */
ul.sf-menu li:hover > ul,
ul.sf-menu li.sfHover > ul {
    display: block !important;
}

/* Alt menü itemleri */
ul.sf-menu ul li {
    display: block !important;
    width: 100% !important;
    float: none !important;
}

/* Parent li'lerin overflow'u */
ul.sf-menu > li {
    position: relative !important;
    overflow: visible !important;
}

/* ScrollToFixed ile oluşan sticky sınıfı */
.scroll-to-fixed-fixed {
    z-index: 9999 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Header row menü için */
#header-row {
    position: relative !important;
    z-index: 100 !important;
}

/* Header içindeki row - Logo ve menü aynı hizada */
#header-row .row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 80px !important;
}

/* Logo container */
#logo,
.span4#logo {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 10px 0 !important;
}

/* Navigation modül için */
.moduletable.navigation {
    position: relative !important;
    z-index: 1000 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Navigation span8 */
.moduletable.navigation.span8 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

/* Mobil görünümler için ekstra kontrol */
@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden !important;
    }
    
    .container {
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .row {
        margin: 0 !important;
    }
    
    [class*="span"] {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

/* Tablet görünümü */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .container {
        max-width: 95% !important;
    }
}

/* Geniş ekranlar için limit */
@media screen and (min-width: 1200px) {
    .container {
        max-width: 1170px !important;
        margin: 0 auto !important;
    }
}

/* Box-sizing tüm elementler için */
*,
*:before,
*:after {
    box-sizing: border-box !important;
}

/* Tüm elementler için genişlik limiti */
* {
    max-width: 100vw !important;
}

/* Özel elementler için istisna */
html,
body,
.wrapper,
.wrapper-inner,
.container,
.row,
[class*="span"] {
    max-width: 100% !important;
}

/* Horizontal scroll bar'ı gizle */
body::-webkit-scrollbar:horizontal {
    display: none;
}

body {
    -ms-overflow-style: none;
    scrollbar-width: none;
}