/* ===================================================
   AVUKAT ENGİN DİRİK - ANA CSS
   =================================================== */

:root {
    --primary-red: #7b1113;
    --accent-gold: #c5a059;
    --text-dark: #212529;
    --text-light: #f8f9fa;
    --bg-light: #ffffff;
    --bg-off-white: #f4f7f6;
    --section-padding: 80px 0;
    --transition: all 0.3s ease;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
body { font-family:'Montserrat',sans-serif; color:var(--text-dark); line-height:1.6; background:var(--bg-light); }

h1,h2,h3,h4 { font-family:'Playfair Display',serif; color:var(--primary-red); font-weight:700; }
a { text-decoration:none; transition:var(--transition); }
img { max-width:100%; }

.container { width:90%; max-width:1200px; margin:0 auto; }

.btn {
    display:inline-block; padding:14px 32px;
    background:var(--primary-red); color:var(--text-light);
    font-weight:600; border-radius:2px; border:2px solid var(--primary-red);
    text-transform:uppercase; letter-spacing:1px; font-size:.9rem;
}
.btn:hover { background:transparent; color:var(--primary-red); }
.btn-gold { background:var(--accent-gold); border-color:var(--accent-gold); color:var(--text-dark); }
.btn-gold:hover { background:transparent; color:var(--accent-gold); }

.section-title {
    text-align:center; font-size:2.5rem;
    margin-bottom:50px; position:relative; padding-bottom:20px;
}
.section-title::after {
    content:''; position:absolute; bottom:0; left:50%;
    transform:translateX(-50%); width:80px; height:3px;
    background:var(--accent-gold);
}

/* --- HEADER --- */
header {
    background:var(--bg-light);
    box-shadow:0 2px 10px rgba(0,0,0,.1);
    position:fixed; width:100%; top:0; z-index:1000;
}
nav { display:flex; justify-content:space-between; align-items:center; padding:20px 0; }
.logo { font-family:'Playfair Display',serif; font-size:1.8rem; font-weight:700; color:var(--primary-red); }
.logo span { color:var(--accent-gold); }

.nav-links { list-style:none; display:flex; }
.nav-links li { margin-left:30px; }
.nav-links a { color:var(--text-dark); font-weight:600; font-size:.95rem; position:relative; }
.nav-links a::after {
    content:''; position:absolute; width:0; height:2px;
    bottom:-5px; left:0; background:var(--primary-red); transition:width .3s;
}
.nav-links a:hover::after { width:100%; }

.hamburger {
    display:none; flex-direction:column; justify-content:space-between;
    width:28px; height:20px; background:none; border:none; cursor:pointer; padding:0;
}
.hamburger span { display:block; height:2px; background:var(--text-dark); transition:var(--transition); }
.hamburger.active span:nth-child(1) { transform:rotate(45deg) translate(6px,6px); }
.hamburger.active span:nth-child(2) { opacity:0; }
.hamburger.active span:nth-child(3) { transform:rotate(-45deg) translate(6px,-6px); }

/* --- HERO --- */
#hero {
    background:linear-gradient(rgba(33,37,41,.8),rgba(123,17,19,.7)), url('https://images.unsplash.com/photo-1589829545856-d10d557cf95f?auto=format&fit=crop&w=1920&q=80') no-repeat center/cover;
    height:100vh; display:flex; align-items:center;
    text-align:left; color:var(--text-light); margin-top:80px;
}
.hero-content { max-width:800px; }
.hero-content h1 { font-size:3.5rem; color:var(--text-light); margin-bottom:20px; line-height:1.2; }
.hero-subtitle {
    font-size:1.2rem; margin-bottom:40px;
    border-left:4px solid var(--accent-gold); padding-left:20px;
}

/* İstatistikler Bandı */
.stats-band { background:var(--primary-red); padding:30px 0; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; text-align:center; }
.stat-item h3 { color:var(--accent-gold); font-size:2.5rem; }
.stat-item p { color:var(--text-light); font-size:.9rem; }

/* --- HAKKIMDA --- */
#hakkimda { padding:var(--section-padding); background:var(--bg-light); }
.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
.about-img { height:500px; position:relative; border-radius:4px; overflow:hidden; }
.about-img::before {
    content:''; position:absolute; top:-20px; left:-20px;
    width:100px; height:100px;
    border-top:4px solid var(--primary-red);
    border-left:4px solid var(--primary-red);
    z-index:-1;
}
.about-img img { width:100%; height:100%; object-fit:contain; object-position:top center; border-radius:4px; background:#f4f7f6; }
.about-text p { margin-bottom:20px; font-size:1.05rem; }

/* --- UZMANLIKLAR --- */
#uzmanliklar { padding:var(--section-padding); background:var(--bg-off-white); }
.grid-3 { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:30px; }
.practice-card {
    background:var(--bg-light); padding:40px; border-radius:4px;
    box-shadow:0 5px 15px rgba(0,0,0,.05);
    transition:transform .3s, border-bottom .3s;
    border-bottom:4px solid transparent; text-align:center;
}
.practice-card:hover { transform:translateY(-10px); border-bottom:4px solid var(--primary-red); }
.practice-icon { font-size:3rem; color:var(--accent-gold); margin-bottom:25px; }
.practice-card h3 { font-size:1.5rem; margin-bottom:15px; }

/* --- NEDEN BİZ --- */
#neden-biz { padding:var(--section-padding); background:var(--primary-red); color:var(--text-light); text-align:center; }
#neden-biz .section-title { color:var(--text-light); }
#neden-biz .section-title::after { background:var(--text-light); }
.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:50px; }
.trust-item h4 { color:var(--accent-gold); margin-bottom:15px; font-size:1.3rem; }
.trust-item i { font-size:2.5rem; margin-bottom:20px; color:var(--text-light); }

/* --- BLOG ÖN İZLEME --- */
#blog-onizleme { padding:var(--section-padding); background:var(--bg-off-white); }
.blog-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:30px; }
.blog-card {
    background:var(--bg-light); border-radius:4px;
    overflow:hidden; box-shadow:0 5px 15px rgba(0,0,0,.05);
    transition:transform .3s;
}
.blog-card:hover { transform:translateY(-5px); }
.blog-card-img { height:200px; background:#ddd; overflow:hidden; }
.blog-card-img img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.blog-card:hover .blog-card-img img { transform:scale(1.05); }
.blog-card-body { padding:25px; }
.blog-kategori { color:var(--accent-gold); font-size:.85rem; font-weight:600; text-transform:uppercase; margin-bottom:10px; }
.blog-card-body h3 { font-size:1.2rem; margin-bottom:10px; }
.blog-card-body h3 a { color:var(--primary-red); }
.blog-card-body h3 a:hover { color:var(--accent-gold); }
.blog-meta { color:#999; font-size:.85rem; margin-top:15px; }

/* --- İLETİŞİM FORMU --- */
#iletisim-form { padding:var(--section-padding); background:var(--bg-light); }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }
.contact-form-wrap .form-group { margin-bottom:20px; }
.contact-form-wrap label { display:block; font-weight:600; margin-bottom:8px; font-size:.9rem; }
.contact-form-wrap input,
.contact-form-wrap select,
.contact-form-wrap textarea {
    width:100%; padding:14px; border:2px solid #e0e0e0;
    border-radius:2px; font-family:'Montserrat',sans-serif;
    font-size:.95rem; transition:border-color .3s;
}
.contact-form-wrap input:focus,
.contact-form-wrap select:focus,
.contact-form-wrap textarea:focus { outline:none; border-color:var(--primary-red); }
.contact-form-wrap textarea { height:150px; resize:vertical; }
.form-success { padding:15px; background:#d4edda; border:1px solid #c3e6cb; border-radius:4px; color:#155724; margin-bottom:20px; }
.form-error { padding:15px; background:#f8d7da; border:1px solid #f5c6cb; border-radius:4px; color:#721c24; margin-bottom:20px; }

.contact-info-box h3 { margin-bottom:20px; }
.contact-info-item { display:flex; align-items:flex-start; margin-bottom:25px; }
.contact-info-item i { color:var(--primary-red); font-size:1.3rem; margin-right:15px; margin-top:3px; }

/* --- FOOTER --- */
footer { background:#1a1a1a; color:#aaa; padding:60px 0 20px; }
.footer-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:40px; margin-bottom:40px; }
.footer-col h4 { color:var(--text-light); margin-bottom:25px; font-size:1.2rem; }
.footer-col ul { list-style:none; }
.footer-col ul li { margin-bottom:10px; }
.footer-col ul li a { color:#aaa; }
.footer-col ul li a:hover { color:var(--accent-gold); }
.contact-info li { display:flex; align-items:center; margin-bottom:15px; }
.contact-info i { color:var(--primary-red); margin-right:15px; font-size:1.1rem; }
.copyright { text-align:center; padding-top:20px; border-top:1px solid #333; font-size:.9rem; }

.social-links { margin-top:15px; }
.social-links a { color:#aaa; font-size:1.3rem; margin-right:15px; }
.social-links a:hover { color:var(--accent-gold); }

/* WhatsApp Butonu */
.whatsapp-btn {
    position:fixed; bottom:30px; right:30px;
    background:#25d366; color:#fff; width:60px; height:60px;
    border-radius:50%; display:flex; align-items:center; justify-content:center;
    font-size:1.8rem; box-shadow:0 5px 20px rgba(37,211,102,.4);
    z-index:999; transition:transform .3s;
}
.whatsapp-btn:hover { transform:scale(1.1); color:#fff; }

/* --- BLOG SAYFA --- */
.blog-hero { background:var(--primary-red); padding:80px 0; text-align:center; margin-top:80px; }
.blog-hero h1 { color:var(--text-light); font-size:3rem; }
.blog-hero p { color:rgba(255,255,255,.8); margin-top:15px; }

.blog-content { padding:60px 0; }
.blog-main { display:grid; grid-template-columns:2fr 1fr; gap:50px; }
.sidebar-widget { background:var(--bg-off-white); padding:25px; border-radius:4px; margin-bottom:30px; }
.sidebar-widget h4 { color:var(--primary-red); margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid var(--accent-gold); }
.category-list li { list-style:none; margin-bottom:10px; }
.category-list li a { color:var(--text-dark); font-weight:600; }
.category-list li a:hover { color:var(--primary-red); }

/* --- BLOG DETAY SAYFA --- */
.article-header { padding:100px 0 60px; background:var(--bg-off-white); margin-top:80px; }
.article-kategori { color:var(--accent-gold); font-weight:600; text-transform:uppercase; font-size:.9rem; margin-bottom:15px; }
.article-header h1 { font-size:2.5rem; max-width:800px; }
.article-meta { color:#999; font-size:.9rem; margin-top:15px; }
.article-body { padding:60px 0; }
.article-body .icerik { font-size:1.05rem; line-height:1.9; max-width:800px; }
.article-body .icerik p { margin-bottom:20px; }
.article-body .icerik h2,
.article-body .icerik h3 { margin:30px 0 15px; }

/* --- ADMIN --- */
.admin-login-page {
    min-height:100vh; display:flex; align-items:center;
    justify-content:center; background:var(--bg-off-white);
}
.login-box {
    background:#fff; padding:50px; border-radius:8px;
    box-shadow:0 20px 60px rgba(0,0,0,.1); width:100%; max-width:450px;
}
.login-box h2 { text-align:center; margin-bottom:30px; }

/* Admin Panel */
.admin-wrapper { display:flex; min-height:100vh; }
.admin-sidebar {
    width:260px; background:#1a1a1a; color:#fff;
    padding:0; position:fixed; height:100vh; overflow-y:auto;
    z-index:100; flex-shrink:0;
}
.admin-sidebar-header {
    padding:25px 20px; background:var(--primary-red);
    border-bottom:2px solid var(--accent-gold);
}
.admin-sidebar-header .logo { font-size:1.3rem; }
.admin-nav { padding:20px 0; }
.admin-nav a {
    display:flex; align-items:center; padding:13px 25px;
    color:#ccc; font-size:.9rem; font-weight:600;
    border-left:3px solid transparent; transition:var(--transition);
}
.admin-nav a i { width:22px; margin-right:12px; }
.admin-nav a:hover, .admin-nav a.active {
    background:rgba(255,255,255,.08); color:#fff;
    border-left-color:var(--accent-gold);
}
.admin-nav .nav-section {
    padding:15px 25px 8px; color:#666; font-size:.75rem;
    text-transform:uppercase; letter-spacing:1px;
}

.admin-main { margin-left:260px; flex:1; background:var(--bg-off-white); }
.admin-topbar {
    background:#fff; padding:15px 30px;
    display:flex; align-items:center; justify-content:space-between;
    box-shadow:0 2px 10px rgba(0,0,0,.08); position:sticky; top:0; z-index:50;
}
.admin-topbar h2 { font-size:1.3rem; }
.admin-topbar .topbar-right a { color:var(--text-dark); font-weight:600; font-size:.9rem; }
.admin-topbar .topbar-right a:hover { color:var(--primary-red); }

.admin-content { padding:30px; }

.stats-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; margin-bottom:30px; }
.stat-card {
    background:#fff; padding:25px; border-radius:8px;
    box-shadow:0 2px 10px rgba(0,0,0,.06);
    display:flex; align-items:center; gap:20px;
    border-left:4px solid var(--primary-red);
}
.stat-card.gold { border-left-color:var(--accent-gold); }
.stat-card.green { border-left-color:#28a745; }
.stat-card.blue { border-left-color:#007bff; }
.stat-card-icon { font-size:2rem; color:var(--primary-red); }
.stat-card.gold .stat-card-icon { color:var(--accent-gold); }
.stat-card.green .stat-card-icon { color:#28a745; }
.stat-card.blue .stat-card-icon { color:#007bff; }
.stat-card-info h3 { font-size:1.8rem; color:var(--text-dark); }
.stat-card-info p { color:#999; font-size:.85rem; }

.card {
    background:#fff; border-radius:8px;
    box-shadow:0 2px 10px rgba(0,0,0,.06); margin-bottom:25px;
}
.card-header {
    padding:20px 25px; border-bottom:1px solid #eee;
    display:flex; align-items:center; justify-content:space-between;
}
.card-header h3 { font-size:1.1rem; color:var(--text-dark); }
.card-body { padding:25px; }

.table { width:100%; border-collapse:collapse; }
.table th { background:var(--bg-off-white); padding:12px 15px; text-align:left; font-size:.85rem; color:#666; text-transform:uppercase; letter-spacing:.5px; }
.table td { padding:15px; border-bottom:1px solid #f0f0f0; font-size:.9rem; }
.table tr:last-child td { border-bottom:none; }
.table tr:hover td { background:var(--bg-off-white); }

.badge { padding:4px 12px; border-radius:20px; font-size:.78rem; font-weight:600; }
.badge-success { background:#d4edda; color:#155724; }
.badge-danger { background:#f8d7da; color:#721c24; }
.badge-warning { background:#fff3cd; color:#856404; }
.badge-info { background:#d1ecf1; color:#0c5460; }

.btn-sm { padding:7px 16px; font-size:.82rem; }
.btn-danger { background:#dc3545; border-color:#dc3545; color:#fff; }
.btn-danger:hover { background:transparent; color:#dc3545; }
.btn-success { background:#28a745; border-color:#28a745; color:#fff; }
.btn-success:hover { background:transparent; color:#28a745; }
.btn-secondary { background:#6c757d; border-color:#6c757d; color:#fff; }
.btn-secondary:hover { background:transparent; color:#6c757d; }

.form-group { margin-bottom:20px; }
.form-group label { display:block; font-weight:600; margin-bottom:8px; font-size:.9rem; color:var(--text-dark); }
.form-control {
    width:100%; padding:12px; border:2px solid #e0e0e0;
    border-radius:4px; font-family:'Montserrat',sans-serif; font-size:.95rem;
    transition:border-color .3s;
}
.form-control:focus { outline:none; border-color:var(--primary-red); }
textarea.form-control { height:180px; resize:vertical; }

.alert { padding:15px 20px; border-radius:4px; margin-bottom:20px; }
.alert-success { background:#d4edda; border:1px solid #c3e6cb; color:#155724; }
.alert-danger { background:#f8d7da; border:1px solid #f5c6cb; color:#721c24; }
.alert-info { background:#d1ecf1; border:1px solid #bee5eb; color:#0c5460; }

.okunmamis { font-weight:700; background:rgba(197,160,89,.08); }

/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
    .admin-sidebar { width:220px; }
    .admin-main { margin-left:220px; }
    .blog-main { grid-template-columns:1fr; }
}

@media (max-width: 768px) {
    .hamburger { display:flex; }
    .nav-links {
        display:none; flex-direction:column; position:fixed;
        top:80px; left:0; width:100%; background:#fff;
        padding:20px 0; box-shadow:0 10px 20px rgba(0,0,0,.1);
    }
    .nav-links.open { display:flex; }
    .nav-links li { margin:0; }
    .nav-links a { display:block; padding:12px 30px; }
    .hero-content h1 { font-size:2.2rem; }
    .about-grid, .contact-grid { grid-template-columns:1fr; }
    .about-img { height:300px; }
    .trust-grid { grid-template-columns:1fr; }
    .stats-grid { grid-template-columns:repeat(2,1fr); }
    .admin-sidebar { transform:translateX(-100%); transition:transform .3s; }
    .admin-sidebar.open { transform:translateX(0); }
    .admin-main { margin-left:0; }
}