body {
    background: #f4f4f4;
    transition: background 0.3s, color 0.3s;
}

.reklam {
    background: #eee;
    border: 1px dashed #bbb;
    padding: 30px 0;
    text-align: center;
    color: #888;
    font-size: 1.1rem;
    border-radius: 6px;
}

.card {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.card-title {
    color: #222;
}

.list-group-item a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s;
}

.list-group-item a:hover {
    color: #ff9800;
}

.hoverable:hover {
    background-color: rgba(0,0,0,0.1);
    cursor: pointer;
}

.banner {
    background-image: url('https://images.unsplash.com/photo-1600891964599-f61ba0e24092');
    background-size: cover;
    background-position: center;
    min-height: 300px;
}

/* Kategori linkleri için - dinamik renk kullanılacak */
.fw-bold > a {
    transition: color 0.2s;
}

body, .navbar, .dropdown-menu, .btn, .form-control, h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
}

.kategori-baslik, .sidebar-left h3, .border h3 {
  font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
  font-size: 1.1rem;
  font-weight: 600;
}
#categoryList a, .fw-bold > a, .list-unstyled a {
  font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
  font-size: 1rem;
}
.card-title, .card-text, .card-link {
  font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
}
.card-title {
  font-size: 1.08rem;
  font-weight: 600;
}
.card-text {
  font-size: 0.98rem;
}

/* Sosyal medya ikonları için hover efekti */
.btn-outline-secondary.rounded-circle:hover {
  background: #f0f0f0;
  color: #222 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Modern social links */
.social-links {
    display: inline-flex;
    gap: 12px;
}

.social-btn {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #555;
    border: 1px solid #e7e7e7;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
    text-decoration: none;
    overflow: hidden;
}

.social-btn i {
    font-size: 1.25rem;
}

.social-btn::after {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary, #3a6191), var(--secondary, #27446b));
    opacity: .12;
    filter: blur(8px);
    z-index: -1;
    transition: opacity .25s ease;
}

.social-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.16);
    background: linear-gradient(135deg, var(--primary, #3a6191) 0%, var(--secondary, #27446b) 100%);
    color: #fff;
    border-color: transparent;
}

.social-btn:hover::after {
    opacity: .28;
}

.social-btn:focus-visible {
    outline: 3px solid var(--primary, #3a6191);
    outline-offset: 2px;
}

/* Brand hover overrides (if platform class is present) */
.social-btn.is-facebook:hover { background: #1877f2; }
.social-btn.is-instagram:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.social-btn.is-twitter:hover { background: #1da1f2; }
.social-btn.is-linkedin:hover { background: #0a66c2; }
.social-btn.is-youtube:hover { background: #ff0000; }
.social-btn.is-tiktok:hover { background: #000000; }