/**
 * Hosting Companies Section - Overflow Fix
 * Kurumsal tasarım için scroll bar sorunlarını düzeltir
 */

/* Container ve Section Düzeltmeleri */
section.py-5.bg-white {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
}

section.py-5.bg-white .container {
    max-width: 100%;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
    position: relative;
}

/* Best Overall Hosting Card */
#bestOverallHosting {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

#bestOverallHosting .card-body {
    padding: 1.5rem;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

#bestOverallHosting .row {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

#bestOverallHosting .row > [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    word-wrap: break-word;
    max-width: 100%;
}

#bestOverallHosting .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
    max-width: 16.66666667%;
}

#bestOverallHosting .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
    max-width: 25%;
}

#bestOverallHosting .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
    max-width: 33.33333333%;
}

/* Hosting Listings Container */
#hostingListings {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

#hostingListings .card {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

#hostingListings .card-body {
    padding: 1.5rem;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

#hostingListings .row {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

#hostingListings .row > [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    word-wrap: break-word;
    max-width: 100%;
}

/* Text Overflow Düzeltmeleri */
#bestOverallHosting small,
#hostingListings small {
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
    display: inline-block;
}

#bestOverallHosting strong,
#hostingListings strong {
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

/* Badge Düzeltmeleri */
#bestOverallHosting .badge,
#hostingListings .badge {
    white-space: normal;
    word-wrap: break-word;
    display: inline-block;
    max-width: 100%;
}

/* Button Düzeltmeleri */
#bestOverallHosting .btn,
#hostingListings .btn {
    white-space: normal;
    word-wrap: break-word;
    max-width: 100%;
}

/* Responsive Düzeltmeler */
@media (max-width: 991.98px) {
    #bestOverallHosting .col-md-2,
    #bestOverallHosting .col-md-3,
    #bestOverallHosting .col-md-4 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 1rem;
    }
    
    #hostingListings .col-md-2,
    #hostingListings .col-md-3,
    #hostingListings .col-md-4 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 1rem;
    }
    
    #bestOverallHosting .row,
    #hostingListings .row {
        flex-direction: column !important;
    }
    
    #bestOverallHosting .row > [class*="col-"],
    #hostingListings .row > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 767.98px) {
    section.py-5.bg-white .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #bestOverallHosting .card-body,
    #hostingListings .card-body {
        padding: 1rem;
    }
    
    #bestOverallHosting .h4,
    #hostingListings .h5 {
        font-size: 1.1rem;
    }
    
    #bestOverallHosting .display-4,
    #hostingListings .display-4 {
        font-size: 1.5rem;
    }
}

/* Kurumsal Tasarım İyileştirmeleri */
#bestOverallHosting .card,
#hostingListings .card {
    border-radius: 8px;
    transition: box-shadow 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

#bestOverallHosting .card:hover,
#hostingListings .card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px);
}

/* Header Section Düzeltmeleri */
section.py-5.bg-white header {
    margin-bottom: 2rem;
}

section.py-5.bg-white header h2 {
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

section.py-5.bg-white header p {
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

/* Scroll Bar kaldırıldı - overflow kaldırılarak scrollbar oluşması engellendi */

/* Features Section - Scroll Bar Gizleme ve Overflow Düzeltme */
.features-section {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    width: 100%;
    max-width: 100%;
}

.features-section .container,
.features-section .row,
.features-section .card,
.features-section .card-body,
.features-section [class*="col-"] {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    width: 100%;
    max-width: 100%;
}

/* Feature Card Özel - Overflow kaldırıldı */
.features-section .feature-card,
.feature-card,
.features-section .card.feature-card,
.features-section .card,
.features-section .feature-card .card-body,
.feature-card .card-body,
.features-section .card-body {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

/* Price Comparison Section - Scroll Bar Gizleme ve Overflow Düzeltme */
.price-comparison-section {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    width: 100%;
    max-width: 100%;
}

.price-comparison-section .container,
.price-comparison-section .row,
.price-comparison-section .card,
.price-comparison-section .card-body,
.price-comparison-section .card-footer,
.price-comparison-section [class*="col-"] {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    width: 100%;
    max-width: 100%;
}

/* Table Responsive - overflow kaldırıldı */
.price-comparison-section .table-responsive {
    /* overflow-x kaldırıldı - scrollbar olmaması için */
}

/* Image Düzeltmeleri */
#bestOverallHosting img,
#hostingListings img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Link Düzeltmeleri */
#bestOverallHosting a,
#hostingListings a {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* ========== DARK MODE SUPPORT ========== */

/* Section Background - Dark Mode */
[data-theme="dark"] section.py-5.bg-white {
    background-color: var(--bg-color) !important;
}

/* Best Overall Hosting Card - Dark Mode */
[data-theme="dark"] #bestOverallHosting .card {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] #bestOverallHosting .card:hover {
    box-shadow: var(--shadow-lg) !important;
}

/* Hosting Listings - Dark Mode */
[data-theme="dark"] #hostingListings .card {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] #hostingListings .card:hover {
    box-shadow: var(--shadow-lg) !important;
}

/* Header Text - Dark Mode */
[data-theme="dark"] section.py-5.bg-white header h2 {
    color: var(--text-primary);
}

[data-theme="dark"] section.py-5.bg-white header p {
    color: var(--text-secondary);
}