/**
 * Layout Fixes - Stable and reliable layout
 */

/* Fix overflow issues */
html {
    overflow-x: hidden;
    width: 100%;
    box-sizing: border-box;
}

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

/* Ensure all elements respect container */
* {
    box-sizing: border-box;
}

/* Container fixes */
.container {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
}

/* Main content area */
.site-content {
    width: 100%;
    overflow-x: hidden;
    position: relative;
}

/* Simple layout - sidebar on right when present */
.site-main {
    display: block;
    width: 100%;
    position: relative;
}

/* When we have sidebar, create wrapper */
.site-main-wrapper {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 3rem;
    align-items: start;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Blog Pages - Remove Sidebar Grid */
.blog-page-main .site-main-wrapper,
.single-article-page .site-main-wrapper,
body:not(.no-sidebar) .site-main:not(.front-page) .site-main-wrapper {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Content area */
.site-main-content {
    min-width: 0; /* Prevent grid overflow */
}

/* Sidebar */
#secondary.sidebar {
    position: sticky;
    top: 100px;
    min-width: 0;
}

/* No sidebar layout */
.no-sidebar .site-main-wrapper {
    grid-template-columns: 1fr;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Blog pages - aligned with header/footer */
.site-main:not(.front-page).no-sidebar .site-main-wrapper {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

/* Front page - full width sections stacked vertically */
.front-page {
    width: 100% !important;
    display: block !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

.front-page .site-main {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-template-columns: none !important;
}

.front-page .site-main-wrapper {
    display: block !important;
    max-width: 100% !important;
    padding: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin: 0 !important;
}

.front-page .site-main-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.front-page .container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

.front-page section,
.front-page .hero-section-white,
.front-page .clients-section,
.front-page .experience-section,
.front-page .ai-success-section,
.front-page .service-packages-section,
.front-page .features-detailed-section,
.front-page .latest-posts-section-white,
.front-page .cta-section-white {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    clear: both !important;
    float: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
   
}

.front-page .hero-layout,
.front-page .experience-content,
.front-page .features-detailed-content,
.front-page .packages-grid,
.front-page .clients-grid,
.front-page .features-detailed-grid {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Fix image overflow */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Fix table overflow */
table {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    display: block;
}

/* Fix pre/code overflow */
pre, code {
    max-width: 100%;
    overflow-x: auto;
    word-wrap: break-word;
}

/* Fix iframe overflow */
iframe, embed, object, video {
    max-width: 100%;
    display: block;
}

/* Ensure no horizontal overflow */
body.front-page,
html.front-page {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
}

/* Prevent any element from causing overflow */
.front-page * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.front-page img,
.front-page video,
.front-page iframe {
    max-width: 100% !important;
    height: auto !important;
}

/* SEO Service Page Layout Fixes */
body.seo-service-page,
html.seo-service-page {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
}

.seo-service-page {
    width: 100% !important;
    overflow-x: hidden !important;
    display: block !important;
    clear: both !important;
}

/* Lawyer SEO Page Layout Fixes */
body.lawyer-seo-page,
html.lawyer-seo-page {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
}

.lawyer-seo-page {
    width: 100% !important;
    overflow-x: hidden !important;
    display: block !important;
    clear: both !important;
}

.lawyer-seo-page section,
.lawyer-seo-page .lawyer-seo-hero-section,
.lawyer-seo-page .why-lawyer-seo-section,
.lawyer-seo-page .lawyer-seo-services-section,
.lawyer-seo-page .lawyer-seo-process-section,
.lawyer-seo-page .lawyer-seo-experience-section,
.lawyer-seo-page .lawyer-seo-cta-section,
.lawyer-seo-page .lawyer-seo-page-content-section {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    clear: both !important;
    float: none !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* E-Ticaret SEO Page Layout Fixes */
body.eticaret-seo-page,
html.eticaret-seo-page {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
}

.eticaret-seo-page {
    width: 100% !important;
    overflow-x: hidden !important;
    display: block !important;
    clear: both !important;
}

.eticaret-seo-page .site-main-wrapper {
    display: block !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
}

.eticaret-seo-page .site-main-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* SEO Analizi Page Layout Fixes */
body.seo-analizi-page,
html.seo-analizi-page {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
}

.seo-analizi-page {
    width: 100% !important;
    overflow-x: hidden !important;
    display: block !important;
    clear: both !important;
}

.seo-analizi-page .site-main-wrapper {
    display: block !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
}

.seo-analizi-page .site-main-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.seo-analizi-page section,
.seo-analizi-page .seo-analizi-hero-section,
.seo-analizi-page .why-seo-analizi-section,
.seo-analizi-page .analizi-process-section,
.seo-analizi-page .analizi-form-section,
.seo-analizi-page .analizi-checklist-section,
.seo-analizi-page .seo-cta-section {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    clear: both !important;
    float: none !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.seo-analizi-page .seo-analizi-hero-section {
    margin-bottom: 0 !important;
}

.seo-analizi-page .why-seo-analizi-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.seo-analizi-page .container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.seo-analizi-page .seo-analizi-hero-content,
.seo-analizi-page .seo-analizi-features-grid,
.seo-analizi-page .analizi-process-steps,
.seo-analizi-page .analizi-form-wrapper,
.seo-analizi-page .analizi-checklist-grid {
    width: 100% !important;
    box-sizing: border-box !important;
}

.eticaret-seo-page section,
.eticaret-seo-page .eticaret-seo-hero-section,
.eticaret-seo-page .infrastructure-seo-section,
.eticaret-seo-page .eticaret-seo-projects-section,
.eticaret-seo-page .marka-incelemesi-section,
.eticaret-seo-page .why-eticaret-seo-section,
.eticaret-seo-page .eticaret-seo-process-section,
.eticaret-seo-page .seo-success-stories-section,
.eticaret-seo-page .seo-cta-section {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    clear: both !important;
    float: none !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.eticaret-seo-page .why-eticaret-seo-section .container,
.eticaret-seo-page .eticaret-seo-process-section .container,
.eticaret-seo-page .seo-success-stories-section .container,
.eticaret-seo-page .seo-cta-section .container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.eticaret-seo-page .container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.seo-service-page .site-main-wrapper {
    display: block !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
}

.seo-service-page .site-main-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.seo-service-page section,
.seo-service-page .seo-hero-section,
.seo-service-page .why-seo-section,
.seo-service-page .specialized-seo-section,
.seo-service-page .seo-services-detail-section,
.seo-service-page .seo-process-section,
.seo-service-page .seo-cta-section,
.seo-service-page .seo-page-content-section {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    clear: both !important;
    float: none !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.seo-service-page .seo-hero-section {
    margin-bottom: 0 !important;
}

.seo-service-page .why-seo-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.seo-service-page .container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.seo-service-page .seo-hero-content,
.seo-service-page .why-seo-grid,
.seo-service-page .seo-services-grid,
.seo-service-page .process-steps {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Responsive - stack sidebar on mobile */
@media (max-width: 1024px) {
    .site-main-wrapper {
        grid-template-columns: 1fr !important;
        gap: 2rem;
    }
    
    #secondary.sidebar {
        position: static;
    }
    
    .front-page .container {
        padding: 0 20px !important;
    }
}

@media (max-width: 768px) {
    .container {
        padding: 0 16px;
    }
    
    .site-main-wrapper {
        padding: 0 16px;
    }
    
    .front-page .container {
        padding: 0 16px !important;
    }
    
    .front-page section,
    .front-page .hero-section-white,
    .front-page .clients-section,
    .front-page .experience-section,
    .front-page .ai-success-section,
    .front-page .service-packages-section,
    .front-page .features-detailed-section,
    .front-page .latest-posts-section-white,
    .front-page .cta-section-white {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    
    .seo-service-page .container,
    .eticaret-seo-page .container,
    .seo-analizi-page .container {
        padding: 0 16px !important;
    }
}

/* Hekim SEO Page Layout Fixes */
body.hekim-seo-page,
html.hekim-seo-page {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
}

.hekim-seo-page {
    width: 100% !important;
    overflow-x: hidden !important;
    display: block !important;
    clear: both !important;
}

.hekim-seo-page .site-main-wrapper {
    display: block !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
}

.hekim-seo-page .site-main-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.hekim-seo-page section,
.hekim-seo-page .seo-hero-section,
.hekim-seo-page .why-hekim-seo-section,
.hekim-seo-page .hekim-seo-page-content-section,
.hekim-seo-page .hekim-seo-experience-section,
.hekim-seo-page .seo-references-section,
.hekim-seo-page .faq-section,
.hekim-seo-page .hekim-seo-cta-section {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    clear: both !important;
    float: none !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.hekim-seo-page .seo-hero-section {
    margin-bottom: 0 !important;
}

.hekim-seo-page .why-hekim-seo-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.hekim-seo-page .container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.hekim-seo-page .seo-hero-content,
.hekim-seo-page .why-hekim-seo-grid,
.hekim-seo-page .why-hekim-seo-top-content-section,
.hekim-seo-page .section-header-center {
    width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    .hekim-seo-page .container {
        padding: 0 16px !important;
    }
}

/* E-Ticaret Ajansı Page Layout Fixes */
body.eticaret-ajansi-page,
html.eticaret-ajansi-page {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
}

.eticaret-ajansi-page {
    width: 100% !important;
    overflow-x: hidden !important;
    display: block !important;
    clear: both !important;
}

.eticaret-ajansi-page .site-main-wrapper {
    display: block !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
}

.eticaret-ajansi-page .site-main-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.eticaret-ajansi-page section,
.eticaret-ajansi-page .seo-hero-section,
.eticaret-ajansi-page .why-eticaret-ajansi-section,
.eticaret-ajansi-page .eticaret-ajansi-page-content-section,
.eticaret-ajansi-page .eticaret-ajansi-experience-section,
.eticaret-ajansi-page .seo-references-section,
.eticaret-ajansi-page .faq-section,
.eticaret-ajansi-page .eticaret-ajansi-cta-section {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    clear: both !important;
    float: none !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.eticaret-ajansi-page .seo-hero-section {
    margin-bottom: 0 !important;
}

.eticaret-ajansi-page .why-eticaret-ajansi-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.eticaret-ajansi-page .container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.eticaret-ajansi-page .seo-hero-content,
.eticaret-ajansi-page .why-eticaret-ajansi-grid,
.eticaret-ajansi-page .why-eticaret-ajansi-top-content-section,
.eticaret-ajansi-page .section-header-center {
    width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    .eticaret-ajansi-page .container {
        padding: 0 16px !important;
    }
}

/* SEO Danışmanı Page Layout Fixes */
body.seo-danismani-page,
html.seo-danismani-page {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
}

.seo-danismani-page {
    width: 100% !important;
    overflow-x: hidden !important;
    display: block !important;
    clear: both !important;
}

.seo-danismani-page .site-main-wrapper {
    display: block !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
}

.seo-danismani-page .site-main-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.seo-danismani-page section,
.seo-danismani-page .seo-hero-section,
.seo-danismani-page .why-seo-danismani-section,
.seo-danismani-page .seo-danismani-page-content-section,
.seo-danismani-page .seo-danismani-experience-section,
.seo-danismani-page .seo-references-section,
.seo-danismani-page .faq-section,
.seo-danismani-page .seo-danismani-cta-section {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    clear: both !important;
    float: none !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.seo-danismani-page .seo-hero-section {
    margin-bottom: 0 !important;
}

.seo-danismani-page .why-seo-danismani-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.seo-danismani-page .container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.seo-danismani-page .seo-hero-content,
.seo-danismani-page .why-seo-danismani-grid,
.seo-danismani-page .why-seo-danismani-top-content-section,
.seo-danismani-page .section-header-center {
    width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    .seo-danismani-page .container {
        padding: 0 16px !important;
    }
}

/* Blog Page Layout Fixes */
.blog-page-main {
    width: 100% !important;
    overflow-x: hidden !important;
    display: block !important;
    clear: both !important;
}

.blog-page-main .blog-hero-section,
.blog-page-main .blog-filters-section {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    clear: both !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.blog-page-main .blog-filters-section {
    margin-top: 0 !important;
}

/* Blog Pages - Remove Sidebar Grid (All Blog Pages) */
body.blog-page .site-main,
body.blog .site-main,
body.archive .site-main,
body.single .site-main,
body.search .site-main,
.blog-page-main,
.single-article-page,
body:not(.no-sidebar) .site-main:not(.front-page) {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
}

body.blog-page .site-main-wrapper,
body.blog .site-main-wrapper,
body.archive .site-main-wrapper,
body.single .site-main-wrapper,
body.search .site-main-wrapper,
.blog-page-main .site-main-wrapper,
.single-article-page .site-main-wrapper,
body:not(.no-sidebar) .site-main:not(.front-page) .site-main-wrapper {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    clear: both !important;
}


.blog-page-main .site-main-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
}

.blog-page-main .container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Blog Pages - Container Width Aligned with Header/Footer */
.site-main:not(.front-page) .site-main-content > .container,
.single-article-page .container {
    max-width: 1280px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

.site-main:not(.front-page) .site-main-wrapper {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

.no-sidebar .site-main {
    max-width: 1280px !important;
}

.single-article-page .container {
    max-width: 1280px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

.article-content-wrapper {
    max-width: 100% !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}