/**
 * Layout Fix - Frame/Çerçeve Sorunlarını Gider
 * Footer, header ve içerik birleşimindeki boşlukları düzeltir
 */

/* Body ve HTML tam genişlik */
html,
body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
    background: var(--color-cream) !important;
}

/* Ana site wrapper - frame kaldır */
#page,
.site {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Container'lar - gereksiz padding/margin kaldır */
.container {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* WooCommerce container düzeltmeleri */
.woocommerce,
.woocommerce-page {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* WooCommerce içerik alanı */
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
    background: transparent !important;
    padding: 2rem 1.5rem !important;
    border-radius: 0 !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* İçerik alanı - frame kaldır */
#content,
.site-content,
main {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* WooCommerce sayfa içeriği */
.woocommerce-page #content,
.woocommerce #content {
    padding: 2rem 0 !important;
}

/* Footer düzeltmeleri */
.site-footer {
    margin: 0 !important;
    width: 100% !important;
    background: var(--color-cream-dark) !important;
    border-top: 2px solid var(--color-border) !important;
    padding: 4rem 0 2rem 0 !important;
}

/* Footer container */
.site-footer .container {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

/* Header düzeltmeleri */
.modern-header,
.site-header,
.growzy-header {
    margin: 0 !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
}

/* Gereksiz wrapper'ları kaldır */
.wrapper,
.page-wrapper,
.content-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: transparent !important;
}

/* Grid sistemleri */
.grid {
    width: 100% !important;
    margin: 0 !important;
}

/* WooCommerce form düzeltmeleri */
.woocommerce form.checkout {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
}

/* Cart totals */
.woocommerce .cart_totals {
    margin: 0 !important;
}

/* Checkout review */
.woocommerce-checkout-review-order {
    position: sticky !important;
    top: 100px !important;
}

/* Tüm section'lar */
section {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Hero section */
.hero-section {
    width: 100% !important;
    margin: 0 !important;
    padding: 4rem 0 !important;
}

/* Responsive düzeltmeler */
@media (max-width: 1440px) {
    .container {
        max-width: 100% !important;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media (max-width: 1024px) {
    .container {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    
    .woocommerce form.checkout {
        grid-template-columns: 1fr !important;
        padding: 0 1rem !important;
    }
}

@media (max-width: 768px) {
    .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    .site-footer {
        padding: 3rem 0 1.5rem 0 !important;
    }
    
    .woocommerce-cart .woocommerce,
    .woocommerce-checkout .woocommerce {
        padding: 1rem 0 !important;
    }
}

/* İçerik ve footer arası boşluk */
.site-content {
    min-height: calc(100vh - 70px - 400px) !important;
    padding-bottom: 0 !important;
}

/* Footer'dan önceki son element */
.site-content > *:last-child {
    margin-bottom: 0 !important;
}

/* WooCommerce table wrapper */
.woocommerce table.shop_table {
    width: 100% !important;
    margin: 0 !important;
}

/* Gereksiz box-shadow'ları kaldır */
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce,
.woocommerce-account .woocommerce {
    box-shadow: none !important;
}

/* Sayfa içi kartlar - sadece bunlar shadow alsın */
.card,
.woocommerce .cart_totals,
.woocommerce-checkout-review-order,
.woocommerce-billing-fields,
.woocommerce-shipping-fields {
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}

/* Body padding - header için */
body:not(.admin-bar) {
    padding-top: 70px !important;
}

body.admin-bar {
    padding-top: 102px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar {
        padding-top: 116px !important;
    }
}

@media screen and (max-width: 600px) {
    body:not(.admin-bar) {
        padding-top: 60px !important;
    }
    
    body.admin-bar {
        padding-top: 106px !important;
    }
}

/* Tüm gereksiz border'ları temizle */
#page {
    border: none !important;
    outline: none !important;
}

/* WordPress admin bar ile uyumluluk */
#wpadminbar {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
}