/*
 ETICARET1 - KADEME 6.1.7
 Tüm WebForms sayfaları için ortak modern içerik düzeni.
*/

body.modern-commerce {
    background: #f5f6f8 !important;
}

/* Eski demo başlığı, kırmızı menü ve kitap projesi görsel alanları */
body.modern-commerce #ust,
body.modern-commerce #ustAlan,
body.modern-commerce #header-eski,
body.modern-commerce .header-eski,
body.modern-commerce .eski-header,
body.modern-commerce .old-header,
body.modern-commerce #menu-eski,
body.modern-commerce .menu-eski,
body.modern-commerce .old-menu,
body.modern-commerce .legacy-header,
body.modern-commerce .legacy-menu {
    display: none !important;
}

/* Site.Master içindeki modern ortak header kullanıldığı için eski yatay kırmızı menüler gizlenir */
body.modern-commerce table[bgcolor="#990000"],
body.modern-commerce table[bgcolor="#990000"] *,
body.modern-commerce [style*="background-color:#990000"],
body.modern-commerce [style*="background-color: #990000"],
body.modern-commerce [style*="background:#990000"],
body.modern-commerce [style*="background: #990000"] {
    border-color: transparent !important;
}

/* İçerik alanını ana sayfayla aynı genişliğe getir */
body.modern-commerce form > div:not(.mc-topbar):not(.mc-site-header):not(.mc-category-nav):not(.mc-benefits):not(.mc-site-footer),
body.modern-commerce .page,
body.modern-commerce .page-content,
body.modern-commerce .main-content,
body.modern-commerce .icerik,
body.modern-commerce .orta,
body.modern-commerce #orta,
body.modern-commerce #content,
body.modern-commerce .content {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

/* Eski 800-900 px sabit tabloları modern genişliğe taşı */
body.modern-commerce table[width="800"],
body.modern-commerce table[width="850"],
body.modern-commerce table[width="900"],
body.modern-commerce table[width="950"],
body.modern-commerce table[width="980"],
body.modern-commerce table[width="1000"] {
    width: 100% !important;
    max-width: 1200px !important;
}

/* Merkez içerik kartı */
body.modern-commerce .modernized-page-shell,
body.modern-commerce [data-modern-page-shell="true"] {
    width: min(calc(100% - 32px), 1200px);
    margin: 24px auto;
}

/* İçerikteki temel kutular */
body.modern-commerce .modernized-page-shell > table,
body.modern-commerce .modernized-page-shell > div,
body.modern-commerce .modernized-page-shell > section,
body.modern-commerce [data-modern-page-shell="true"] > table,
body.modern-commerce [data-modern-page-shell="true"] > div,
body.modern-commerce [data-modern-page-shell="true"] > section {
    border-radius: 14px;
}

/* Eski kırmızı panel başlıklarını modern turuncu/gri karta dönüştür */
body.modern-commerce td[bgcolor="#990000"],
body.modern-commerce td[bgcolor="#9b0000"],
body.modern-commerce td[bgcolor="#a00000"],
body.modern-commerce th[bgcolor="#990000"],
body.modern-commerce .baslik,
body.modern-commerce .panelBaslik,
body.modern-commerce .panel-baslik {
    color: #23242a !important;
    background: #fff4eb !important;
    border-color: #ffd6b5 !important;
    font-weight: 800 !important;
}

/* Eski yan kolonları daha modern kart görünümüne getir */
body.modern-commerce .sol,
body.modern-commerce .sag,
body.modern-commerce .left,
body.modern-commerce .right,
body.modern-commerce #sol,
body.modern-commerce #sag,
body.modern-commerce .sidebar,
body.modern-commerce .leftbar,
body.modern-commerce .rightbar {
    background: transparent !important;
}

body.modern-commerce .sol > *,
body.modern-commerce .sag > *,
body.modern-commerce .left > *,
body.modern-commerce .right > *,
body.modern-commerce #sol > *,
body.modern-commerce #sag > *,
body.modern-commerce .sidebar > * {
    margin-bottom: 14px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 5px 18px rgba(17, 24, 39, .04);
}

/* Eski link listeleri */
body.modern-commerce .kategori-listesi a,
body.modern-commerce .menuKategori a,
body.modern-commerce .solmenu a,
body.modern-commerce .yanmenu a {
    display: flex;
    min-height: 40px;
    align-items: center;
    padding: 8px 12px;
    color: #374151;
    border-bottom: 1px solid #f0f1f3;
}

body.modern-commerce .kategori-listesi a:hover,
body.modern-commerce .menuKategori a:hover,
body.modern-commerce .solmenu a:hover,
body.modern-commerce .yanmenu a:hover {
    color: #f27a1a;
    background: #fff8f2;
}

/* Form ve üyelik kutuları */
body.modern-commerce .login,
body.modern-commerce .giris,
body.modern-commerce .uyegiris,
body.modern-commerce .uye-giris,
body.modern-commerce .sepet,
body.modern-commerce .uye-sepeti {
    padding: 16px !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
}

/* Ürün listeleme alanları */
body.modern-commerce .urunler,
body.modern-commerce .urun-listesi,
body.modern-commerce .product-list,
body.modern-commerce .products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

body.modern-commerce .urun,
body.modern-commerce .urunKart,
body.modern-commerce .urun-kart,
body.modern-commerce .product,
body.modern-commerce .product-card {
    min-width: 0;
    padding: 14px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
}

/* Başlıklar */
body.modern-commerce .sayfaBaslik,
body.modern-commerce .page-title,
body.modern-commerce .icerikBaslik,
body.modern-commerce h1 {
    margin: 0 0 18px;
    color: #23242a;
    font-weight: 900;
    letter-spacing: -.02em;
}

/* Eski inline kırmızı renkleri yumuşat */
body.modern-commerce font[color="#990000"],
body.modern-commerce font[color="red"],
body.modern-commerce [style*="color:#990000"],
body.modern-commerce [style*="color: #990000"] {
    color: #f27a1a !important;
}

/* Kitap/demo ibarelerini son savunma olarak görselde de gizle */
body.modern-commerce [data-legacy-disclaimer],
body.modern-commerce .legacy-disclaimer,
body.modern-commerce .book-disclaimer,
body.modern-commerce .kodlab-disclaimer {
    display: none !important;
}

/* Mobil */
@media (max-width: 1024px) {
    body.modern-commerce .urunler,
    body.modern-commerce .urun-listesi,
    body.modern-commerce .product-list,
    body.modern-commerce .products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    body.modern-commerce .modernized-page-shell,
    body.modern-commerce [data-modern-page-shell="true"] {
        width: min(calc(100% - 20px), 1200px);
        margin-top: 14px;
    }

    body.modern-commerce .urunler,
    body.modern-commerce .urun-listesi,
    body.modern-commerce .product-list,
    body.modern-commerce .products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.modern-commerce table {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    body.modern-commerce .urunler,
    body.modern-commerce .urun-listesi,
    body.modern-commerce .product-list,
    body.modern-commerce .products {
        grid-template-columns: 1fr;
    }
}