/* PROGEM Görsel Sistem V4 — mevcut site entegrasyon katmanı
   Yükleme sırası: main.css → default.css → progem-fonts.css → progem-tokens.css → progem-v4.css
   Bu dosya mevcut temanın üzerine yalnız V4 sözleşmesini uygular. */

/* --- Tipografi: Lato ana, Poppins yardımcı --- */
:root {
    --p-font: 'Lato', Helvetica, Arial, sans-serif;
    --h1-font: 'Poppins', Helvetica, Arial, sans-serif;
    --h2-font: 'Poppins', Helvetica, Arial, sans-serif;

    /* Mobilde ust gezinme cubugu saydamdir ve banner icerigiyle ayni alani paylasir.
       Banner metni logonun ve menu dugmesinin altindan baslasin diye ayrilan yukseklik. */
    --pg-banner-ust-bosluk-m: 96px;
}

/* --- Wordmark: oran ve güvenli alan korunur --- */
header .navbar-expand .navbar-brand img.brand,
footer .navbar-brand img.brand {
    width: auto;
    aspect-ratio: 2448 / 655;
    object-fit: contain;
    align-self: flex-start;
    flex: none;
}
header .navbar-expand .navbar-brand img.brand { height: 40px; }
footer .navbar-brand img.brand { height: 52px; }
@media (max-width: 1023px) {
    header .navbar-expand .navbar-brand img.brand { height: 34px; }
    footer .navbar-brand img.brand { height: 44px; }
}
@media (max-width: 767px) {
    header .navbar-expand .navbar-brand img.brand { height: 30px; }
    footer .navbar-brand img.brand { height: 40px; }
}

/* Header wordmark yüzeye göre değişir:
   saydam durumda (açık banner üzerinde) renkli, yapışkan lacivert durumda beyaz. */
header .navbar-brand .pg-logo--disi { display: none; }
header .navbar.navbar-sticky.visible .navbar-brand .pg-logo--renkli { display: none; }
header .navbar.navbar-sticky.visible .navbar-brand .pg-logo--disi { display: block; }

/* Saydam header artık açık zeminli V4 bannerının üzerinde durur.
   Bu durumda menü bağlantıları ve menü düğmesi lacivert olur; yapışkan lacivert
   yüzeyde temanın açık rengi korunur. */
header .navbar.sub:not(.visible) .navbar-nav .nav-link,
header .navbar.sub:not(.visible) .navbar-nav .nav-link i,
header .navbar.sub:not(.visible) .navbar-nav.toggle .nav-link i {
    color: var(--pg-navy);
}
header .navbar.sub:not(.visible) .navbar-nav .nav-link:hover,
header .navbar.sub:not(.visible) .navbar-nav .nav-link:hover i {
    color: var(--pg-accent-strong);
}

/* --- Ana sayfa banner sistemi (otomatik geçiş yoktur) --- */
.pg-carousel { position: relative; background: var(--pg-page); }
.pg-carousel:focus-visible { outline: 3px solid var(--pg-focus); outline-offset: -3px; }
.pg-slide { position: relative; display: block; }
.pg-slide[hidden] { display: none; }
.pg-slide__media {
    display: block; width: 100%; height: 520px;
    object-fit: cover; object-position: right center; aspect-ratio: 1600 / 520;
}
.pg-slide__copy {
    position: absolute; inset: 0;
    display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
    width: min(660px, 47%);
    padding: clamp(32px, 5vw, 76px);
}
.pg-slide__eyebrow {
    margin: 0 0 16px; color: var(--pg-accent-strong);
    font: 700 13px/1.2 var(--pg-font-alt); letter-spacing: .13em; text-transform: uppercase;
}
.pg-slide__title {
    margin: 0; max-width: 640px; color: var(--pg-navy);
    font: 700 clamp(32px, 3.2vw, 54px)/1.07 var(--pg-font-alt); letter-spacing: -.035em;
}
.pg-slide__lead {
    margin: 20px 0 26px; max-width: 580px; color: var(--pg-text);
    font: 400 clamp(16px, 1.3vw, 20px)/1.55 var(--pg-font-sans);
}
.pg-slide__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.pg-slide__actions a {
    min-height: 48px; display: inline-flex; align-items: center; justify-content: center;
    padding: 0 20px; border: 1px solid var(--pg-navy); text-decoration: none;
    font: 700 15px/1 var(--pg-font-alt);
}
.pg-slide__actions .pg-cta--primary { background: var(--pg-navy); color: #fff; }
.pg-slide__actions .pg-cta--secondary { background: #fff; color: var(--pg-navy); }
.pg-slide__actions a:hover { text-decoration: none; }

.pg-carousel__controls {
    min-height: 64px; display: flex; align-items: center; justify-content: center; gap: 18px;
    padding: 10px 16px; background: #fff;
    border: 1px solid var(--pg-line); border-top: 0;
}
.pg-carousel__controls button {
    display: inline-grid; place-items: center; min-width: 44px; min-height: 44px;
    border: 1px solid var(--pg-navy); background: #fff; color: var(--pg-navy);
    font: 700 18px/1 var(--pg-font-alt); cursor: pointer;
}
.pg-carousel__dots { display: flex; align-items: center; gap: 10px; }
.pg-carousel__dots button {
    min-width: 16px; min-height: 16px; width: 16px; height: 16px; padding: 0;
    border-radius: 50%; border: 2px solid var(--pg-navy); background: #fff;
}
.pg-carousel__dots button[aria-current="true"] { background: var(--pg-navy); }
.pg-carousel__counter {
    min-width: 42px; color: var(--pg-text-2);
    font: 700 12px/1 var(--pg-font-alt); text-align: center;
}
.pg-sr-only {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

@media (max-width: 767px) {
    .pg-slide__media { height: auto; aspect-ratio: 480 / 640; object-position: center; }
    .pg-slide__copy {
        position: absolute; inset: 0; width: 100%;
        padding: var(--pg-banner-ust-bosluk-m) 22px 96px; justify-content: flex-start;
        background: linear-gradient(180deg, rgba(238,244,250,.98) 0%, rgba(238,244,250,.94) 47%, rgba(238,244,250,.18) 68%, rgba(238,244,250,0) 78%);
    }
    .pg-slide__title { font-size: clamp(30px, 9vw, 42px); }
    .pg-slide__actions { width: 100%; }
    .pg-slide__actions a { flex: 1 1 100%; }
    .pg-carousel__controls { gap: 12px; padding-inline: 10px; }
}

/* --- Alt sayfa bannerı --- */
.pg-page-banner { position: relative; background: var(--pg-page); }
.pg-page-banner__media {
    display: block; width: 100%; height: 360px;
    object-fit: cover; object-position: right center; aspect-ratio: 1600 / 360;
}
.pg-page-banner__copy {
    position: absolute; inset: 0; display: flex; flex-direction: column;
    justify-content: center; align-items: flex-start;
    width: min(720px, 55%); padding: clamp(24px, 4vw, 64px);
}
.pg-page-banner__title {
    margin: 0; color: var(--pg-navy);
    font: 700 clamp(28px, 2.6vw, 42px)/1.1 var(--pg-font-alt); letter-spacing: -.03em;
}
.pg-page-banner__crumbs { margin: 12px 0 0; font: 400 15px/1.4 var(--pg-font-sans); color: var(--pg-text); }
.pg-page-banner__crumbs a { color: var(--pg-accent-strong); text-decoration: none; }
.pg-page-banner__crumbs a:hover { text-decoration: underline; }
@media (max-width: 767px) {
    .pg-page-banner__media { height: auto; aspect-ratio: 480 / 420; object-position: center bottom; }
    .pg-page-banner__copy {
        position: absolute; inset: 0; width: 100%;
        padding: var(--pg-banner-ust-bosluk-m) 20px 24px; justify-content: flex-start;
        background: linear-gradient(180deg, rgba(238,244,250,.97) 0%, rgba(238,244,250,.9) 50%, rgba(238,244,250,0) 78%);
    }
    .pg-page-banner__title { font-size: clamp(24px, 7.5vw, 34px); }
}

/* --- Footer: açık zemin, renkli wordmark --- */
footer #footer.footer {
    background-color: var(--pg-footer) !important;
    background-image: none !important;
    color: var(--pg-text);
    border-top: 1px solid var(--pg-line);
}
footer #footer.footer h4,
footer #footer.footer .footer-left p { color: var(--pg-text); }
footer #footer.footer a,
footer #footer.footer .nav-link { color: var(--pg-accent-strong); }
footer #footer.footer a:hover,
footer #footer.footer .nav-link:hover { color: var(--pg-navy); text-decoration: underline; }
footer #footer.footer .card,
footer #footer.footer .footer-card-mobile {
    background: #fff; border: 1px solid var(--pg-line);
}
footer #copyright.copyright {
    background-color: var(--pg-footer) !important;
    background-image: none !important;
    color: var(--pg-text-2); border-top: 1px solid var(--pg-line);
}
footer #copyright.copyright p { color: var(--pg-text-2); font-family: var(--pg-font-alt); font-size: 13px; }

/* Çerez tercihleri düğmesi — mevcut JS işlevi korunur, yalnız görünüm V4 */
#copyright .progem-cookie-settings {
    padding: 7px 11px; background: #fff; border: 1px solid var(--pg-line-ui);
    color: var(--pg-navy); font: 600 12px/1 var(--pg-font-alt);
    text-decoration: none; cursor: pointer;
}
#copyright .progem-cookie-settings:hover { background: var(--pg-navy); color: #fff; border-color: var(--pg-navy); }

/* --- Atlama bağlantısı --- */
.pg-skip-link {
    position: absolute; left: -9999px; top: 0; z-index: 100;
    padding: 10px 16px; background: var(--pg-navy); color: #fff;
    font: 700 14px/1 var(--pg-font-alt); text-decoration: none;
}
.pg-skip-link:focus { left: 8px; top: 8px; }

/* --- Yatay taşma koruması --- */
html, body { overflow-x: hidden; }