/* =========================
   GENEL STİLLER & RENKLER
   ========================= */
:root {
    --rolpa-dark: #223447;   /* daha soft, laciverte yakın bir ton */
    --rolpa-blue: #3498db;
    --rolpa-light: #ecf0f1;
}


body {
    font-family: 'Roboto', sans-serif;
    color: #444;
    background-color: #f9f9f9;
}

/* =========================
   NAVBAR
   ========================= */
.navbar-custom {
    background: linear-gradient(
        90deg,
        rgba(34, 52, 71, 0.96),
        rgba(40, 70, 95, 0.96)
    );
    padding: 1rem 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}


.nav-link {
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 500;
    margin-left: 15px;
    transition: 0.3s;
}

.nav-link:hover,
.nav-link.active {
    color: var(--rolpa-blue) !important;
}

/* =========================
   HERO & HAKKIMIZDA (INDEX)
   ========================= */
.hero-section,
.about-section {
    position: relative;
    color: #ffffff;
}

.hero-section::before,
.about-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(0, 0, 0, 0.75),
        rgba(0, 0, 0, 0.55)
    );
    z-index: 0;
}

.hero-section .container,
.about-section .container {
    position: relative;
    z-index: 1;
}

.about-logo {
    max-height: 300px;
    width: auto;
    filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.45));
}

@media (max-width: 767.98px) {
    .about-logo {
        max-height: 220px;
    }
}

/* =========================
   SAYFA BAŞLIKLARI (KURUMSAL, HİZMETLER)
   ========================= */

/* Kurumsal sayfasına özel breadcrumb header */
.page-header-kurumsal {
    position: relative;
    color: #ffffff;
    background-image: url('/assets/img/site/kurumsal-header-breadcrumb.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.page-header-kurumsal::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(0, 0, 0, 0.75),
        rgba(0, 0, 0, 0.5)
    );
    z-index: 0;
}

.page-header-kurumsal .container {
    position: relative;
    z-index: 1;
}

.page-header-kurumsal h1 {
    color: #ffffff;
}

.page-header-kurumsal .breadcrumb-item a {
    color: #e0e0e0;
}

.page-header-kurumsal .breadcrumb-item.active {
    color: #66b2ff;
}

.page-header-kurumsal .breadcrumb-item + .breadcrumb-item::before {
    color: #cccccc;
}

/* Hizmetler sayfasına özel breadcrumb header */
.page-header-hizmetler {
    position: relative;
    color: #ffffff;
    background-image: url('/assets/img/site/hizmetler-header-breadcrumb.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.page-header-hizmetler::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(0, 0, 0, 0.75),
        rgba(0, 0, 0, 0.5)
    );
    z-index: 0;
}

.page-header-hizmetler .container {
    position: relative;
    z-index: 1;
}

.page-header-hizmetler h1 {
    color: #ffffff;
}

.page-header-hizmetler .breadcrumb-item a {
    color: #e0e0e0;
}

.page-header-hizmetler .breadcrumb-item.active {
    color: #66b2ff;
}

.page-header-hizmetler .breadcrumb-item + .breadcrumb-item::before {
    color: #cccccc;
}

/* =========================
   HİZMETLER – CTA BÖLÜMÜ
   ========================= */
.cta-project-section {
    position: relative;
    color: #ffffff;
    background-image: url('/assets/img/site/hizmetler-cta-proje.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cta-project-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(0, 0, 0, 0.75),
        rgba(0, 0, 0, 0.55)
    );
    z-index: 0;
}

.cta-project-section .container {
    position: relative;
    z-index: 1;
}

.cta-project-section h3 {
    color: #ffffff;
}

.cta-project-section p {
    color: #f0f0f0;
}

/* =========================
   FOOTER
   ========================= */
footer {
    background-color: var(--rolpa-dark);
    color: #bbb;
}

footer a {
    color: #bbb;
    text-decoration: none;
    transition: 0.3s;
}

footer a:hover {
    color: var(--rolpa-blue);
}

/* Staj / Kariyer sayfasına özel breadcrumb header */
.page-header-staj {
    position: relative;
    color: #ffffff;
    background-image: url('/assets/img/site/staj-header-breadcrumb.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.page-header-staj::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(0, 0, 0, 0.75),
        rgba(0, 0, 0, 0.5)
    );
    z-index: 0;
}

.page-header-staj .container {
    position: relative;
    z-index: 1;
}

.page-header-staj h1 {
    color: #ffffff;
}

.page-header-staj .breadcrumb-item a {
    color: #e0e0e0;
}

.page-header-staj .breadcrumb-item.active {
    color: #66b2ff;
}

.page-header-staj .breadcrumb-item + .breadcrumb-item::before {
    color: #cccccc;
}

/* İletişim sayfasına özel breadcrumb header */
.page-header-iletisim {
    position: relative;
    color: #ffffff;
    background-image: url('/assets/img/site/iletisim-header-breadcrumb.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.page-header-iletisim::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(0, 0, 0, 0.75),
        rgba(0, 0, 0, 0.5)
    );
    z-index: 0;
}

.page-header-iletisim .container {
    position: relative;
    z-index: 1;
}

.page-header-iletisim h1 {
    color: #ffffff;
}

.page-header-iletisim .breadcrumb-item a {
    color: #e0e0e0;
}

.page-header-iletisim .breadcrumb-item.active {
    color: #66b2ff;
}

.page-header-iletisim .breadcrumb-item + .breadcrumb-item::before {
    color: #cccccc;
}

/* Gizlilik Politikası / KVKK sayfasına özel breadcrumb header */
.page-header-gizlilik {
    position: relative;
    color: #ffffff;
    background-image: url('/assets/img/site/gizlilik-header-breadcrumb.png'); /* kendi görsel yolunu burada kullan */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.page-header-gizlilik::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(0, 0, 0, 0.75),
        rgba(0, 0, 0, 0.5)
    );
    z-index: 0;
}

.page-header-gizlilik .container {
    position: relative;
    z-index: 1;
}

.page-header-gizlilik h1 {
    color: #ffffff;
}

.page-header-gizlilik .breadcrumb-item a {
    color: #e0e0e0;
}

.page-header-gizlilik .breadcrumb-item.active {
    color: #66b2ff;
}

.page-header-gizlilik .breadcrumb-item + .breadcrumb-item::before {
    color: #cccccc;
}