/* ============================================================
   ONSA Elektrik — Özel CSS (Tailwind dışı)
   ============================================================ */

html { font-family: 'Inter', system-ui, sans-serif; }

.container { max-width: 1200px; }

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

img { max-width: 100%; height: auto; }
*:focus { outline: 2px solid transparent; outline-offset: 2px; }

/* ============================================================
   FOOTER ve ÜST BAND koyu arka plan (Tailwind ink-900 yerine kesin CSS)
   ============================================================ */
.site-topbar {
    background-color: #1c1917 !important;
    color: #f1f5f9 !important;
}
.site-footer {
    background-color: #1c1917 !important;
    color: #cbd5e1 !important;
    margin-top: 4rem;
}
.site-footer h4 {
    color: #ffffff !important;
}
.site-footer a {
    color: #cbd5e1;
    transition: color 0.2s ease;
}
.site-footer a:hover {
    color: #fb923c !important;
}
.site-footer p,
.site-footer li,
.site-footer ul {
    color: #94a3b8;
}
.site-footer ul li a {
    color: #cbd5e1 !important;
}
.footer-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.site-footer-copy {
    color: #94a3b8 !important;
}

/* Footer grid layout — Tailwind class'ı yüklenmese bile çalışır */
.site-footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}
@media (min-width: 640px) {
    .site-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px) {
    .site-footer-grid { grid-template-columns: repeat(4, 1fr); }
}

/* Sosyal medya butonları */
.social-btn {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    transition: background-color 0.2s ease;
}
.social-btn:hover {
    background-color: #ea580c !important;
    color: #ffffff !important;
}

@media print {
    header, footer, aside { display: none !important; }
}