/* UNG Kurumsal - Bootstrap + Siyah Beyaz Tema */
:root {
    --ung-bg: #fff;
    --ung-bg-alt: #f8f9fa;
    --ung-text: #212529;
    --ung-muted: #6c757d;
    --ung-border: #dee2e6;
    --ung-primary: #000;
    --ung-primary-rgb: 0, 0, 0;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--ung-text);
    background: var(--ung-bg);
}

/* Navbar */
.site-header .navbar { box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.site-logo { height: 48px; width: auto; }
.site-header .nav-link:hover { color: var(--ung-primary) !important; }
.site-header .nav-link.active { color: var(--ung-primary) !important; }

/* Kataloglarımız - hover dropdown */
.site-header .dropdown-hover .dropdown-menu { margin-top: 0; border-radius: 0 0 8px 8px; min-width: 220px; }
.site-header .dropdown-hover:hover .dropdown-menu { display: block; }
.site-header .dropdown-hover .dropdown-item:hover { background: var(--ung-bg-alt); color: var(--ung-primary); }
.site-header .dropdown-hover .dropdown-item { border-bottom: 1px solid var(--ung-border); }
.site-header .dropdown-hover .dropdown-item:last-child { border-bottom: 0; }
@media (min-width: 992px) {
    .site-header .dropdown-hover .dropdown-menu { position: absolute; }
}

/* Main content area */
.main { padding: 0; }

/* Hero section */
.hero-ung {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 4rem 0;
    border-bottom: 3px solid var(--ung-primary);
}
.hero-ung h1 { font-size: 2.5rem; font-weight: 700; color: var(--ung-primary); }
.hero-ung .lead { font-size: 1.2rem; color: var(--ung-muted); }
.hero-ung .btn-ung {
    background: var(--ung-primary);
    color: #fff;
    border: 2px solid var(--ung-primary);
    padding: 0.6rem 1.5rem;
    font-weight: 600;
}
.hero-ung .btn-ung:hover {
    background: #333;
    border-color: #333;
    color: #fff;
}
.hero-ung .btn-outline-ung {
    background: transparent;
    color: var(--ung-primary);
    border: 2px solid var(--ung-primary);
    padding: 0.6rem 1.5rem;
    font-weight: 600;
}
.hero-ung .btn-outline-ung:hover {
    background: var(--ung-primary);
    color: #fff;
}

/* Section spacing */
.section-ung { padding: 4rem 0; }
.section-ung .section-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--ung-primary);
    margin-bottom: 1rem;
}
.section-ung .section-subtitle { color: var(--ung-muted); margin-bottom: 2rem; }

/* Cards - Material style elevation */
.card-ung {
    border: 1px solid var(--ung-border);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
    transition: box-shadow .25s, transform .2s;
    height: 100%;
}
.card-ung:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,.1);
    transform: translateY(-2px);
}
.card-ung .card-body { padding: 1.5rem; }
.card-ung .card-title { font-weight: 700; color: var(--ung-primary); margin-bottom: 0.75rem; }
.card-ung .card-text { color: var(--ung-muted); font-size: 0.95rem; }
.card-ung .bi { font-size: 2rem; color: var(--ung-primary); margin-bottom: 0.5rem; }

/* Service grid (legacy class from DB content) */
.service-grid, .project-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
}
.service-card, .project-card {
    border: 1px solid var(--ung-border);
    border-radius: 8px;
    padding: 1.5rem;
    background: var(--ung-bg-alt);
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
    transition: box-shadow .25s, transform .2s;
    height: 100%;
}
.service-card:hover, .project-card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,.1);
    transform: translateY(-2px);
}
.service-card h2, .project-card h3 { font-size: 1.15rem; font-weight: 700; color: var(--ung-primary); margin-bottom: 0.5rem; }
.service-card p, .project-card p { margin: 0; color: var(--ung-muted); font-size: 0.95rem; }

/* Business vector on Kurumsal */
.business-vector { max-width: 100%; height: auto; }

/* Welcome / about content from DB */
.main .welcome, .main .about { padding: 3rem 0; }
.main .welcome h1, .main .about h1 { font-size: 2rem; font-weight: 700; color: var(--ung-primary); margin-bottom: 1.5rem; }
.main .welcome p, .main .about p { margin-bottom: 1rem; color: var(--ung-text); line-height: 1.7; }
.main .welcome .btn, .main .about .btn {
    background: var(--ung-primary);
    color: #fff !important;
    border: 2px solid var(--ung-primary);
    padding: 0.6rem 1.25rem;
    font-weight: 600;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
}
.main .welcome .btn:hover, .main .about .btn:hover {
    background: #333;
    border-color: #333;
    color: #fff !important;
}

/* Services / projects section from DB */
.main .services, .main .projects { padding: 3rem 0; }
.main .services h1, .main .projects h1 { font-size: 2rem; font-weight: 700; color: var(--ung-primary); margin-bottom: 0.5rem; }
.main .services .lead, .main .projects .lead { color: var(--ung-muted); margin-bottom: 2rem; }

/* Contact form */
.main .contact { padding: 3rem 0; }
.main .contact h1 { font-size: 2rem; font-weight: 700; color: var(--ung-primary); margin-bottom: 0.5rem; }
.main .contact .lead { margin-bottom: 2rem; }
.contact-form .form-control, .contact-form .form-select {
    border: 2px solid var(--ung-border);
    border-radius: 6px;
    padding: 0.6rem 0.75rem;
}
.contact-form .form-control:focus {
    border-color: var(--ung-primary);
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,.15);
}
.contact-form .btn-ung {
    background: var(--ung-primary);
    color: #fff;
    border: 2px solid var(--ung-primary);
    padding: 0.6rem 1.5rem;
    font-weight: 600;
}
.contact-form .btn-ung:hover { background: #333; border-color: #333; color: #fff; }

/* Bootstrap overrides - primary = black */
.btn-primary { background-color: var(--ung-primary); border-color: var(--ung-primary); }
.btn-primary:hover { background-color: #333; border-color: #333; }
.text-primary { color: var(--ung-primary) !important; }
.border-primary { border-color: var(--ung-primary) !important; }

/* Footer link hover */
.site-footer a.text-white-50:hover { color: #fff !important; }

/* Page content wrapper - give inner content max-width when no container in content */
.main .container { max-width: 960px; }

@media (max-width: 991.98px) {
    .hero-ung h1 { font-size: 1.75rem; }
    .hero-ung { padding: 2.5rem 0; }
    .section-ung { padding: 2.5rem 0; }
}