/*
Theme Name: Newspro Theme
Theme URI: https://newspro.com
Author: Newspro Team
Author URI: https://newspro.com
Description: Modern, hızlı ve SEO dostu haber teması.
Version: 1.0.5 (Fix: Header Border & Spacing)
*/

/* 1. MODERN FONT AİLESİ (Inter & Merriweather) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&display=swap');

/* 2. GENEL SIFIRLAMALAR VE KURUMSAL AYARLAR */
:root {
    --primary-color: #cc0000; /* Newspro Kırmızısı */
    --dark-bg: #111;
    --text-main: #111;
    --text-light: #555;
    --news-radius: 0px; /* Jilet gibi köşeler */
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--text-main);
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden; /* Yatay taşmayı engeller */
}

/* Seçilen Metin Rengi */
::selection {
    background-color: var(--primary-color);
    color: #fff;
}

/* 3. HTML YAPISINDAKİ YUVARLAKLIKLARI SIFIRLAMA (Keskin Hatlar) */
.rounded-xl, .rounded-lg, .rounded-2xl, .rounded-full, .rounded {
    border-radius: var(--news-radius) !important;
}

/* İstisna: İkon butonları hafif yumuşak kalabilir */
button.rounded-full, .w-8.rounded-full, .w-10.rounded-full {
    border-radius: 2px !important; 
}

/* 4. TİPOGRAFİ DETAYLARI */
h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1.15;
    color: #000;
}
.text-white h1, .text-white h2 {
    color: #fff !important;
}

p {
    font-family: 'Merriweather', serif;
    line-height: 1.7;
    margin-bottom: 1.2rem;
    color: #333;
}

a {
    transition: color 0.2s ease;
    text-decoration: none;
}

/* 5. HEADER DÜZENLEMELERİ (KIRMIZI ÇİZGİ AYARI) */
header {
    /* Siyah yerine Temanın Ana Rengi (Kırmızı) */
    border-bottom: 3px solid var(--primary-color) !important; 
    position: sticky;
    top: 0;
    z-index: 50;
    background-color: #fff;
}

/* Header linklerinin altı */
.menu-item { position: relative; }
.menu-item a { font-weight: 800 !important; color: #000 !important; }
.menu-item a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -23px; /* Çizgiye tam otursun */
    left: 0;
    background-color: var(--primary-color);
    transition: width 0.2s ease;
}
.menu-item:hover a:after, .menu-item.current-menu-item a:after { width: 100%; }

/* 6. KART VE GÖLGE AYARLARI (Borderlı Yapı) */
.shadow-sm, .shadow-md, .shadow-xl, .shadow-lg {
    box-shadow: none !important;
    border: 1px solid #e5e7eb; /* İnce gri çerçeve */
}
/* Koyu arkaplandaki kartların borderını gizle veya ayarla */
.bg-gray-900 .shadow-lg {
    border: none !important; /* Koyu zeminde beyaz çizgi sırıtır */
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

/* 7. SWIPER SLIDER (Kare Oklar) */
.swiper-button-next, .swiper-button-prev {
    color: #fff !important;
    width: 44px !important;
    height: 44px !important;
    background: rgba(0,0,0,0.6) !important;
    border-radius: 0 !important;
    transition: all 0.2s ease;
    border: 1px solid rgba(255,255,255,0.1);
}
.swiper-button-next:after, .swiper-button-prev:after { font-size: 16px !important; }
.swiper-button-next:hover, .swiper-button-prev:hover {
    background: var(--primary-color) !important;
    border-color: var(--primary-color);
}
.swiper-pagination-bullet {
    background: #fff !important;
    opacity: 0.4 !important;
    width: 30px !important;
    height: 4px !important;
    border-radius: 0 !important;
    margin: 0 4px !important;
}
.swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: var(--primary-color) !important;
    width: 30px !important;
}

/* 8. DİĞER DETAYLAR */
.bg-red-600, .bg-blue-600, .label { border-radius: 0 !important; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #eee; }
::-webkit-scrollbar-thumb { background: #555; border-radius: 0; }
::-webkit-scrollbar-thumb:hover { background: #000; }
#mobile-menu-panel { border-right: 4px solid var(--primary-color); }

/* Admin Bar Fix */
body.admin-bar header { top: 32px !important; }
@media screen and (max-width: 782px) { body.admin-bar header { top: 46px !important; } }

/*
Theme Name: Newspro Theme
Theme URI: https://newspro.com
Description: Modern, esnek header yapılı haber teması.
Version: 1.0.6 (Header Update)
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&family=Merriweather:ital,wght@0,300;0,400;1,400&display=swap');

:root {
    --primary-color: #cc0000;
    --header-border-color: #e5e7eb;
}

body {
    font-family: 'Inter', sans-serif;
    color: #111;
    overflow-x: hidden;
}

/* HEADER STYLE RESET */
header.site-header {
    border-bottom: 3px solid var(--primary-color);
    transition: background-color 0.3s ease, padding 0.3s ease;
}

/* Menü Link Efektleri */
.menu-item { position: relative; }

/* Dinamik renkler functions.php'den basılsa da, hover efekti burada */
.menu-item a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -10px; /* Inline için varsayılan */
    left: 0;
    background-color: var(--primary-color);
    transition: width 0.2s ease;
}
/* Stacked layout için alt çizgiyi biraz daha aşağı itelim */
header .border-t .menu-item a:after {
    bottom: -19px; /* Container paddingine göre ayarlı */
}

.menu-item:hover a:after, .menu-item.current-menu-item a:after {
    width: 100%;
}

/* Arama ve Butonlar */
.action-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
}

/* Mobil Panel */
#mobile-menu-panel {
    border-right: 4px solid var(--primary-color);
}