/* assets/css/style.css */

/* Pedagopath Ferah Renk Paleti */
:root { 
    --accent-color: #2563eb; /* Mavi tonu - Eğitim temasına uygun */
    --dark-text: #1e293b; 
    --soft-bg: #f8fafc; 
}

body { 
    background: var(--soft-bg); 
    font-family: 'Inter', sans-serif; 
    color: var(--dark-text); 
}

/* Navbar Styling */
.navbar { background: #ffffff; padding: 1rem 0; box-shadow: 0 4px 20px rgba(0,0,0,0.03); }
.navbar-brand { font-weight: 800; letter-spacing: -0.5px; font-size: 1.6rem; color: var(--dark-text) !important; }
.nav-link { font-weight: 600; font-size: 0.85rem; letter-spacing: 0.5px; color: #64748b !important; transition: 0.3s; white-space: nowrap; padding: 8px 12px !important; }
.nav-link:hover, .nav-link.active { color: var(--accent-color) !important; }

/* News Cards (Makale Kartları) */
.news-card { 
    border: 1px solid #e2e8f0; border-radius: 20px; 
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); 
    background: #fff; display: flex; flex-direction: column;
    overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.01); height: 100%;
}
.news-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(37, 99, 235, 0.08); }
.news-image { width: 100%; height: 220px; object-fit: cover; border-bottom: 1px solid #f8f9fa; }

/* Content Styling */
.news-content-padding { padding: 1.5rem; flex-grow: 1; display: flex; flex-direction: column; }
.source-badge { background: #eff6ff; color: var(--accent-color); font-weight: 700; font-size: 0.75rem; text-transform: uppercase; padding: 5px 14px; border-radius: 50px; display: inline-block; }
.news-title { font-weight: 700; line-height: 1.4; margin: 15px 0; font-size: 1.2rem; }
.news-title a { color: var(--dark-text); text-decoration: none; transition: 0.2s; }
.news-title a:hover { color: var(--accent-color); }

/* Buttons */
.btn-read { border: 2px solid var(--accent-color); color: var(--accent-color); font-weight: 600; border-radius: 50px; padding: 6px 20px; font-size: 0.85rem; transition: 0.3s; }
.btn-read:hover { background: var(--accent-color); color: #fff; }

/* Arama Kutusu */
.search-box-custom { background-color: #f8fafc; border: 1px solid #e2e8f0; color: var(--dark-text); font-size: 0.85rem; border-radius: 50px 0 0 50px; padding-left: 18px; box-shadow: none; transition: 0.3s; min-width: 150px; }
.search-box-custom:focus { background-color: #fff; border-color: var(--accent-color); box-shadow: none; outline: none; }
.btn-search-custom { background-color: var(--accent-color); border: 1px solid var(--accent-color); border-radius: 0 50px 50px 0; color: white; padding: 0 20px; transition: 0.3s; }
.btn-search-custom:hover { background-color: #1d4ed8; border-color: #1d4ed8; }
/* Footer Styles */
.main-footer { background-color: #f8fafc; padding: 60px 0 25px; border-top: 1px solid #e2e8f0; color: #475569; margin-top: 50px; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; margin-bottom: 40px; }
@media (max-width: 768px) { .footer-grid { grid-template-columns: 1fr; text-align: center; } }
.footer-info h3 { color: var(--dark-text); font-weight: 800; font-size: 24px; margin-bottom: 15px; letter-spacing: -0.5px; }
.footer-info p { line-height: 1.6; font-size: 15px; color: #64748b; max-width: 400px; }
@media (max-width: 768px) { .footer-info p { margin: 0 auto; } }
.footer-links h4 { color: var(--dark-text); font-weight: 700; font-size: 18px; margin-bottom: 20px; }
.footer-links ul { list-style: none; padding: 0; margin: 0; }
.footer-links ul li { margin-bottom: 12px; }
.footer-links ul li a { color: #64748b; text-decoration: none; transition: 0.3s ease; font-size: 15px; font-weight: 500; }
.footer-links ul li a:hover { color: var(--accent-color); padding-left: 5px; }
.footer-bottom { border-top: 1px solid #e2e8f0; padding-top: 25px; text-align: center; font-size: 14px; color: #64748b; font-weight: 500; }
.legal-disclaimer { display: block; font-size: 11px; color: #94a3b8; margin-top: 15px; line-height: 1.6; max-width: 800px; margin-left: auto; margin-right: auto; font-weight: normal; }