/* =========================================================
   Ana sayfa bölüm başlıkları — sade / soft görünüm
   (.sc2-card: sekmeli vitrin başlığı, .showcase-header: basit başlık)
   Renkler aktif temadan gelir.
   ========================================================= */

/* --- Kart zemini: çizgili desen ve gradyan kaldırıldı --- */
html[data-theme] body .sc2-card,
html[data-theme] body .showcase-header,
html[data-theme] body .showcase-header.sc2-skin {
    background: var(--card-bg) !important;
    background-image: none !important;
    border: 1px solid color-mix(in srgb, var(--border-color) 70%, transparent) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}
html[data-theme] body .sc2-card::before,
html[data-theme] body .sc2-card::after,
html[data-theme] body .showcase-header::before,
html[data-theme] body .showcase-header::after { display: none !important; }

html[data-theme] body .showcase-header {
    padding: 14px 18px !important;
    align-items: center !important;
}

/* --- İkon kutusu --- */
html[data-theme] body .sc2-ikon,
html[data-theme] body .showcase-title-icon {
    background: rgba(var(--primary-blue-rgb), 0.10) !important;
    border: 0 !important; box-shadow: none !important;
    border-radius: 10px !important;
}
html[data-theme] body .showcase-title-icon {
    width: 36px !important; height: 36px !important;
    display: inline-flex !important; align-items: center; justify-content: center;
}
html[data-theme] body .showcase-title-icon i { color: var(--primary-blue) !important; font-size: 15px !important; text-shadow: none !important; }
html[data-theme] body .showcase-title-icon img { max-width: 24px !important; max-height: 24px !important; }

/* --- Başlıklar --- */
html[data-theme] body .sc2-title,
html[data-theme] body .showcase-title {
    color: var(--text-color) !important;
    font-weight: 700 !important; letter-spacing: 0 !important;
    text-shadow: none !important;
    background: none !important; -webkit-text-fill-color: currentColor !important;
}
html[data-theme] body .sc2-ust {
    color: var(--primary-blue) !important; opacity: .85;
    font-weight: 700 !important; letter-spacing: .4px !important;
}
html[data-theme] body .sc2-desc { color: var(--text-muted, #8a90a0) !important; opacity: .9; }

/* --- "Tüm İlanlar" bağlantısı --- */
html[data-theme] body .sc2-all,
html[data-theme] body .view-all-link {
    display: inline-flex !important; align-items: center; gap: 8px;
    height: 34px !important; padding: 0 14px !important;
    background: rgba(var(--primary-blue-rgb), 0.08) !important;
    background-image: none !important;
    border: 1px solid rgba(var(--primary-blue-rgb), 0.16) !important;
    border-radius: 10px !important; box-shadow: none !important;
    color: var(--text-color) !important;
    font-size: 12px !important; font-weight: 600 !important;
    text-transform: none !important; letter-spacing: 0 !important;
    transform: none !important; transition: background .2s ease, border-color .2s ease;
}
html[data-theme] body .sc2-all::before, html[data-theme] body .sc2-all::after,
html[data-theme] body .view-all-link::before, html[data-theme] body .view-all-link::after { display: none !important; }
html[data-theme] body .sc2-all i,
html[data-theme] body .view-all-link i,
html[data-theme] body .view-all-link .fas {
    width: auto !important; height: auto !important;
    background: none !important; box-shadow: none !important;
    color: var(--primary-blue) !important; font-size: 11px !important;
    transform: none !important;
}
html[data-theme] body .sc2-all:hover,
html[data-theme] body .view-all-link:hover {
    background: rgba(var(--primary-blue-rgb), 0.14) !important;
    border-color: rgba(var(--primary-blue-rgb), 0.28) !important;
    color: var(--text-color) !important;
}

/* --- Sekmeler --- */
html[data-theme] body .sc2-tab {
    background: color-mix(in srgb, var(--text-color) 4%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--border-color) 80%, transparent) !important;
    border-radius: 10px !important; box-shadow: none !important;
    color: color-mix(in srgb, var(--text-color) 80%, transparent) !important;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}
html[data-theme] body .sc2-tab:hover {
    background: rgba(var(--primary-blue-rgb), 0.07) !important;
    border-color: rgba(var(--primary-blue-rgb), 0.18) !important;
}
html[data-theme] body .sc2-tab.active {
    background: rgba(var(--primary-blue-rgb), 0.12) !important;
    border-color: rgba(var(--primary-blue-rgb), 0.35) !important;
    color: var(--text-color) !important;
}
html[data-theme] body .sc2-tab .sc2-tab-ad { color: inherit !important; font-weight: 600 !important; }
html[data-theme] body .sc2-tab .sc2-tab-adet {
    background: color-mix(in srgb, var(--text-color) 8%, transparent) !important;
    color: inherit !important; box-shadow: none !important; border: 0 !important;
}
html[data-theme] body .sc2-tab.active .sc2-tab-adet {
    background: rgba(var(--primary-blue-rgb), 0.2) !important;
    color: var(--text-color) !important;
}
html[data-theme] body .sc2-tab-ikon { background: transparent !important; box-shadow: none !important; }

/* index.php içindeki çizgili "sc2-skin" zeminini bastırır (orada daha özgül seçici var) */
html[data-theme] body .showcase-section.showcase-section .showcase-header.sc2-skin.sc2-skin,
html[data-theme] body .showcase-section.showcase-section .showcase-header.showcase-header {
    background: var(--card-bg) !important;
    background-image: none !important;
}

/* Tema (assets/themes/default/css/theme.css) basit görünüm kurallarını ezmek için */
html[data-theme] body .showcase-section.showcase-section.showcase-section .view-all-link {
    display: inline-flex !important; align-items: center; gap: 8px;
    height: 34px !important; padding: 0 14px !important;
    background: rgba(var(--primary-blue-rgb), 0.08) !important;
    border: 1px solid rgba(var(--primary-blue-rgb), 0.16) !important;
    border-radius: 10px !important; box-shadow: none !important;
    color: var(--text-color) !important;
    font-size: 12px !important; font-weight: 600 !important;
    text-transform: none !important; letter-spacing: 0 !important;
}
html[data-theme] body .showcase-section.showcase-section.showcase-section .view-all-link:hover {
    background: rgba(var(--primary-blue-rgb), 0.14) !important;
    border-color: rgba(var(--primary-blue-rgb), 0.28) !important;
}
html[data-theme] body .showcase-section.showcase-section.showcase-section .view-all-link i {
    width: auto !important; height: auto !important; background: none !important;
    border: 0 !important; color: var(--primary-blue) !important; font-size: 11px !important;
}
html[data-theme] body .showcase-section.showcase-section.showcase-section .showcase-title-icon {
    width: 36px !important; height: 36px !important;
    display: inline-flex !important; align-items: center; justify-content: center;
    background: rgba(var(--primary-blue-rgb), 0.10) !important;
    border: 0 !important; border-radius: 10px !important; box-shadow: none !important;
}
html[data-theme] body .showcase-section.showcase-section.showcase-section .showcase-title {
    font-weight: 700 !important; text-shadow: none !important;
}