/* wwwroot/css/site.css — custom (Bootstrap'in karsilayamadigi kisimlar) */
body { font-family: var(--font-base); }

/* ---- renk yardimcilari (token'a bagli — markup'ta inline hex yok) ---- */
.bg-delta-blue   { background-color: var(--delta-blue) !important; }
.bg-landing-dark { background-color: var(--landing-bg-dark) !important; }
.bg-light-gray   { background-color: var(--surface-muted) !important; }
.bg-placeholder  { background-color: var(--placeholder) !important; }
.text-delta-navy { color: var(--delta-navy) !important; }
.text-delta-blue { color: var(--delta-blue) !important; }
.text-delta-cyan { color: var(--delta-cyan) !important; }
.text-light-1    { color: var(--text-light) !important; }
.text-soft       { color: var(--text-soft) !important; }
.text-muted-2    { color: var(--text-muted) !important; }
.link-on-dark    { color: var(--color-on-dark); text-decoration: none; transition: color .15s ease; }
.link-on-dark:hover, .link-on-dark:focus { color: var(--delta-cyan); }
.fw-medium-x     { font-weight: 500; }   /* Roboto Medium — Bootstrap <5.3'te .fw-medium yok */

/* ---- ikon sistemi: tek SVG dosyasi/ikon, currentColor ile renklenir (IE11 disi tum tarayicilar) ---- */
.icon {
    display: inline-block; width: 1em; height: 1em; vertical-align: -.125em;
    background-color: currentColor;
    -webkit-mask: var(--ic) center / contain no-repeat;
            mask: var(--ic) center / contain no-repeat;
}
.icon-search    { --ic: url("../img/icons/search.svg"); }
.icon-linkedin  { --ic: url("../img/icons/linkedin.svg"); }
.icon-x         { --ic: url("../img/icons/x.svg"); }
.icon-instagram { --ic: url("../img/icons/instagram.svg"); }
.icon-youtube   { --ic: url("../img/icons/youtube.svg"); }

/* ================= header (hero gorselinin uzerine bindirilmis; tum sayfalarda ortak) ================= */
.site-header { z-index: 1030; }
.site-header .navbar-brand img { height: 56px; }
.site-header .icon { width: 14px; height: 14px; }
.site-header .icon-search { width: 13px; height: 13px; }

/* varsayilan (koyu metin) varyant — acik hero uzerinde: lacivert logo/menu/ikon */
.site-header__link { color: var(--delta-navy); transition: color .15s ease; }
.site-header__link:hover, .site-header__link:focus { color: var(--delta-blue); }
.site-header .nav-link { color: var(--delta-navy); }
.site-header .nav-link:hover, .site-header .nav-link:focus, .site-header .nav-link.show { color: var(--delta-blue); }

/* nav dropdown panelleri (Figma: lacivert zemin + beyaz ogeler) */
.site-header .dropdown-menu { background-color: var(--delta-blue); border: 0; border-radius: 0; }
.site-header .dropdown-item { color: var(--color-on-dark); }
.site-header .dropdown-item:hover, .site-header .dropdown-item:focus { background-color: var(--delta-navy); color: var(--delta-cyan); }

/* "light" varyant — koyu hero uzerinde: beyaz logo/menu/ikon */
.site-header--light .site-header__link,
.site-header--light .navbar-brand { color: var(--color-on-dark); }
.site-header--light .site-header__link:hover, .site-header--light .site-header__link:focus { color: var(--delta-cyan); }
.site-header--light .nav-link { color: var(--color-on-dark); }
.site-header--light .nav-link:hover, .site-header--light .nav-link:focus, .site-header--light .nav-link.show { color: var(--delta-cyan); }
.site-header--light .navbar-toggler { border-color: rgba(255, 255, 255, .4); }
.site-header--light .navbar-toggler-icon { filter: invert(1); }

@media (max-width: 991.98px) {                  /* acilir menu hero metnini kapatinca okunur kalsin */
    .site-header:not(.site-header--light) { background-color: var(--color-on-dark); }
    .site-header--light { background-color: var(--landing-bg-dark); }
}

/* ================= anasayfa hero (full-bleed) ================= */
.hero { min-height: 757px; background-size: cover; background-position: center; }
.hero__title { font-size: 40px; line-height: 1.15; }
@media (max-width: 991.98px) { .hero { min-height: 70vh; } .hero__title { font-size: 28px; } }

/* ================= sayfa-ici hero / banner ================= */
.page-hero { min-height: 450px; background-size: cover; background-position: center; }
.page-hero__title { font-size: 48px; font-weight: 600; }      /* Roboto SemiBold */
.page-hero__lead { font-size: 36px; font-weight: 300; line-height: 1.2; }  /* Roboto Light */
.page-hero__rule { border: 0; border-top: 1px solid currentColor; opacity: .35; margin: .75rem 0; }
.page-hero__links li { margin-bottom: .35rem; }
.page-hero__link { font-size: 30px; font-weight: 600; color: currentColor; text-decoration: none; }   /* References hero alt linkleri */
.page-hero__link:hover, .page-hero__link:focus { text-decoration: underline; }
@media (max-width: 767.98px) {
    .page-hero { min-height: 60vh; }
    .page-hero__title { font-size: 32px; }
    .page-hero__lead { font-size: 24px; }
    .page-hero__link { font-size: 22px; }
}

/* ================= references — filtre cubugu + referans kartlari ================= */
.filter-label { font-size: 13px; font-weight: 500; margin-bottom: .25rem; }
.filter-select { border: 0; border-bottom: 1px solid var(--delta-cyan); border-radius: 0; padding-left: 0; padding-right: 1.25rem; font-size: 13px; background-position: right .25rem center; }
.filter-select:focus { box-shadow: none; border-color: var(--delta-blue); }
.references-actions { font-size: 12px; }
.references-actions a { color: inherit; text-decoration: none; }
.references-actions a:hover, .references-actions a:focus { color: var(--delta-blue); }
.references-actions .form-check-label { font-size: 12px; }
.references-search { font-size: 13px; font-weight: 500; }
.references-toolbar .text-muted-2 { font-size: 12px; }
.reference-card__img { width: 100%; aspect-ratio: 305 / 180; object-fit: cover; }
.reference-card__title { font-size: 24px; font-weight: 500; }
.reference-card__title-link { color: inherit; text-decoration: none; }
.reference-card__title-link:hover, .reference-card__title-link:focus { color: var(--delta-blue); }
.reference-card__meta { font-size: 13px; }
.reference-card__meta .text-muted-2 { font-size: 12px; }

/* ================= referans detay sayfasi ================= */
.below-header { padding-top: 9rem; }                                  /* sabit ust menu altinda baslayan sayfalar */
@media (max-width: 991.98px) { .below-header { padding-top: 6rem; } }
.ref-detail__title { font-size: 48px; font-weight: 600; }
@media (max-width: 767.98px) { .ref-detail__title { font-size: 32px; } }
.ref-detail__meta { font-size: 13px; }
.ref-detail__meta-item { max-width: 230px; }
.ref-detail__meta-item .text-muted-2 { font-size: 12px; }
.ref-detail__meta-link { font-size: 13px; }
.ref-detail__hero { aspect-ratio: 600 / 354; object-fit: cover; }
.ref-detail__thumb { width: 144px; height: 90px; object-fit: cover; }
.ref-detail__desc p { font-size: 17px; line-height: 1.4; }
.ref-detail__desc { font-size: 17px; line-height: 1.4; }
.ref-detail__list { font-size: 17px; }
.ref-detail__list li { line-height: 1.9; }
.spec-table th, .spec-table td { padding: .55rem 0; border-bottom: 1px solid rgba(0, 0, 0, .1); vertical-align: middle; }
.spec-table th { font-weight: 400; color: var(--text-muted); font-size: 12px; text-align: left; }
.spec-table td { font-size: 13px; text-align: right; }

/* ================= Media / Delta Academy ================= */
.text-accent-cyan { color: var(--accent-cyan) !important; }
/* "Get the Newsletter" formu */
.newsletter-form { font-size: 13px; }
.newsletter-form__label { line-height: 1.2; }
.newsletter-form__input { border: 0; border-bottom: 1px solid var(--accent-cyan); background: transparent; font-size: 12px; padding: .25rem 0; min-width: 130px; }
.newsletter-form__input::placeholder { color: var(--text-light); }
.newsletter-form__input:focus { outline: 0; border-color: var(--delta-blue); }
.media-social .icon { width: 14px; height: 14px; }
/* media list (haber-tarzi) */
.media-card__title { font-size: 20px; font-weight: 500; }
.media-card__body p { font-size: 14px; line-height: 1.25; }
/* media detay / makale */
.media-detail__title { font-size: 36px; font-weight: 400; line-height: 1.2; }
@media (max-width: 767.98px) { .media-detail__title { font-size: 26px; } }
.media-detail__hero { aspect-ratio: 412 / 265; object-fit: cover; }
.media-detail__inline { aspect-ratio: 600 / 268; object-fit: cover; }
.media-detail__body p { font-size: 14px; line-height: 1.5; }
.media-detail__body .lead-18 { font-size: 18px; line-height: 1.4; }
/* delta academy */
.academy-list p { font-size: 14px; line-height: 18px; }
.academy-item__link { font-size: 13px; color: var(--text-muted); }
.academy-item__link:hover, .academy-item__link:focus { color: var(--delta-blue); }

/* ================= Careers ================= */
/* landing */
.careers-list__title { font-size: 48px; }
@media (max-width: 767.98px) { .careers-list__title { font-size: 32px; } }
.career-row__title { font-size: 24px; font-weight: 400; }
.career-row__date { font-size: 11px; }
.career-row__apply { font-size: 14px; }
.career-row__apply:hover, .career-row__apply:focus { color: var(--delta-blue); }
/* detay */
.career-detail__title { font-size: 24px; font-weight: 400; }
.career-detail__body p { font-size: 14px; line-height: 1.5; }

/* ---- basvuru formu ---- */
.apply-form__section { font-size: 20px; font-weight: 400; text-transform: capitalize; }
.apply-form__label { font-size: 14px; color: var(--text-dark, #000); margin-bottom: .25rem; display: block; }
.apply-form__sublabel { font-size: 14px; }
.apply-form__input { border: 0; border-bottom: 1px solid var(--accent-cyan); background: transparent; font-size: 14px; padding: .35rem 0; width: 100%; margin-bottom: 1rem; }
.apply-form__input:focus { outline: 0; border-color: var(--delta-blue); }
.apply-form__textarea { border: 1px solid var(--accent-cyan); border-radius: 5px; background: transparent; font-size: 14px; padding: .75rem; width: 100%; resize: vertical; }
.apply-form__textarea:focus { outline: 0; border-color: var(--delta-blue); }
.apply-form__phone { padding: .35rem 0; border-bottom: 1px solid var(--accent-cyan); margin-bottom: 1rem; }
.apply-form__phone .apply-form__input { border: 0; padding: 0; margin: 0; }
.apply-form__flag { font-size: 16px; line-height: 1; }
.apply-form__checks .form-check-label { font-size: 14px; }
.apply-form__check .form-check-input { border-color: #616060; border-radius: 2px; }
.apply-form__check .form-check-input:checked { background-color: var(--delta-blue); border-color: var(--delta-blue); }
.apply-form__file-btn { font-size: 14px; padding: .35rem .75rem; min-width: 99px; border: 1px solid var(--accent-cyan); border-radius: 5px; background: transparent; color: inherit; }
.apply-form__file-btn:hover { background-color: var(--accent-cyan); color: #fff; }
.apply-form__add-new { font-size: 14px; }
.apply-form__submit { font-size: 14px; padding: .5rem 2rem; min-width: 170px; border-radius: 5px; border: 0; background-color: var(--delta-blue); color: #fff; }
.apply-form__submit:hover, .apply-form__submit:focus { background-color: var(--delta-navy); }
.apply-form__picture { width: 200px; height: 200px; border-radius: 50%; border: 1px solid rgba(0,0,0,.15); background: transparent; position: relative; display: flex; align-items: center; justify-content: center; }
.apply-form__picture-label { background-color: var(--surface-muted); padding: .25rem .75rem; border-radius: 5px; font-size: 14px; color: var(--text-dark, #000); }
.apply-form__picture-plus { position: absolute; right: 1.25rem; top: 50%; transform: translate(50%, -50%); width: 25px; height: 25px; border-radius: 50%; background: var(--text-muted); color: #fff; line-height: 1; display: flex; align-items: center; justify-content: center; font-size: 18px; }

/* ================= ortak bolum basligi (News / References) ================= */
.section-title { font-size: 48px; }
@media (max-width: 767.98px) { .section-title { font-size: 32px; } }
.see-all, .read-more { font-size: 13px; font-weight: 500; }

/* ================= services seridi (anasayfa) ================= */
.service-title { font-size: 22px; font-weight: 500; }
.services-strip p { font-size: 14px; line-height: 18px; }

/* ================= services sayfasi — 4 servis karti ================= */
.service-card__img { width: 100%; aspect-ratio: 260 / 180; object-fit: cover; }
.service-card p { font-size: 14px; line-height: 18px; }

/* ================= news ================= */
.news-title { font-size: 20px; font-weight: 500; color: var(--text-light); }
.news-date  { font-size: 11px; }
.news-thumb { width: 210px; height: 138px; object-fit: cover; }
@media (max-width: 575.98px) { .news-thumb { width: 120px; height: 80px; } }
.news-body p { font-size: 14px; line-height: 1.25; }

/* ================= references ================= */
.ref-title { font-size: 30px; font-weight: 500; }
.ref-lead  { font-size: 18px; }
.ref-img   { aspect-ratio: 487 / 278; object-fit: cover; }

/* ================= ortak icerik bolumu (About, Our Story, Principles & Policies …) ================= */
.content-section p { font-size: 14px; line-height: 18px; }
.content-section__lead { font-size: 30px; font-weight: 500; line-height: 40px; }   /* Roboto Medium 30 / 40 (Figma "spot") */
.content-section__intro { font-size: 28px; font-weight: 400; line-height: 40px; }   /* Principles bloklarindaki buyuk lead paragraf */
@media (max-width: 991.98px) {
    .content-section__lead { font-size: 24px; line-height: 1.3; }
    .content-section__intro { font-size: 22px; line-height: 1.3; }
}
.content-section__img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.partner-logo { max-width: 200px; max-height: 86px; width: auto; height: auto; }
.policy-link { color: var(--text-muted); text-decoration: underline; font-size: 18px; font-weight: 500; }
.policy-link:hover, .policy-link:focus { color: var(--delta-navy); }
.quality-thumb { width: 100%; max-width: 230px; aspect-ratio: 1; }   /* Quality Policies — yer tutucu kareler (Figma 230x230) */

/* servis alt sayfalari (Design vb.) — blok basligi / lead / alt-konu basligi */
.block-title { font-size: 40px; font-weight: 400; }                  /* Roboto Regular 40 */
.block-lead  { font-size: 24px; font-weight: 500; line-height: 30px; } /* Roboto Medium 24 / 30 */
.topic-title { font-size: 30px; font-weight: 400; }                  /* Roboto Regular 30 */
@media (max-width: 767.98px) {
    .block-title { font-size: 28px; }
    .block-lead  { font-size: 20px; line-height: 1.3; }
    .topic-title { font-size: 22px; }
}

/* ================= footer ================= */
.site-footer { font-size: 13px; }
.site-footer .footer-title { font-size: 20px; }
.site-footer .footer-links a { font-weight: 500; }
.site-footer .icon { width: 14px; height: 14px; }
.site-footer .copyright { font-size: 11px; }

/* acik gri footer varyanti (About / Our Story — Figma) */
.site-footer--light .text-soft { color: var(--delta-navy) !important; }
.site-footer--light .link-on-dark { color: var(--delta-navy); }
.site-footer--light .link-on-dark:hover, .site-footer--light .link-on-dark:focus { color: var(--delta-blue); }
.site-footer--light .border-secondary { border-color: rgba(0, 0, 0, .12) !important; }

/* ================= contact (Figma 2:4955) ================= */
.office-card__photo { width: 130px; height: 95px; object-fit: cover; flex-shrink: 0; }
.office-card__title { font-size: 32px; font-weight: 400; line-height: 1; }
.office-card__heading { font-size: 16px; }
.office-card__address { font-size: 13px; line-height: 1.4; }
@media (max-width: 575.98px) {
    .office-card { flex-direction: column; }
    .office-card__photo { width: 100%; height: auto; aspect-ratio: 3 / 2; }
    .office-card__title { font-size: 24px; }
}
.contact-map { width: 100%; height: auto; display: block; aspect-ratio: 1231 / 569; object-fit: cover; }
.contact-form__title { font-size: 48px; font-weight: 400; text-transform: capitalize; }
@media (max-width: 767.98px) { .contact-form__title { font-size: 32px; } }
.contact-form__select { border: 0; border-bottom: 1px solid var(--accent-cyan); background: transparent; font-size: 14px; padding: .35rem 0; width: 100%; color: var(--text-dark, #000); appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--accent-cyan) 50%), linear-gradient(135deg, var(--accent-cyan) 50%, transparent 50%); background-position: calc(100% - 14px) center, calc(100% - 9px) center; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; padding-right: 24px; }
.contact-form__select:focus { outline: 0; border-color: var(--delta-blue); }