/* Sablonda bulunmayan, dinamik site icin gereken ek stiller (sayfalama, form mesajlari, arama sonuclari) */

/* ---- Form bilgi / hata mesaji ---- */
.form-flash {
    margin: 0 0 16px;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.5;
}
.form-flash--ok {
    background: #e8f6ee;
    color: #146c43;
    border: 1px solid #b7e1c8;
}
.form-flash--error {
    background: #fdecee;
    color: #b02a37;
    border: 1px solid #f3c1c7;
}

/* ---- Sayfalama ---- */
.site-pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 40px 0 0;
    padding: 0;
    list-style: none;
}
.site-pager a,
.site-pager span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid #d5dde8;
    color: #071e3e;
    background: #fff;
    text-decoration: none;
    font-weight: 500;
    transition: background-color .2s, color .2s, border-color .2s;
}
.site-pager a:hover {
    background: #071e3e;
    border-color: #071e3e;
    color: #fff;
}
.site-pager .is-current {
    background: #071e3e;
    border-color: #071e3e;
    color: #fff;
}
.site-pager .is-disabled {
    opacity: .4;
    pointer-events: none;
}

/* ---- Arama sonuclari ---- */
.search-results__group {
    margin: 0 0 32px;
}
.search-results__group h2 {
    margin: 0 0 12px;
    font-size: 22px;
}
.search-results__list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.search-results__list li {
    padding: 10px 0;
    border-bottom: 1px solid #e3e8ef;
}
.search-results__list a {
    color: #071e3e;
    font-weight: 500;
    text-decoration: none;
}
.search-results__list a:hover {
    text-decoration: underline;
}
.search-results__list small {
    display: block;
    color: #6b7788;
}

/* ---- Hata sayfalari ---- */
.error-page {
    padding: 80px 0;
    text-align: center;
}
.error-page__code {
    font-size: 96px;
    font-weight: 700;
    line-height: 1;
    color: #071e3e;
}

/* ---- Footer alt cubuk: Heart of Health logosu + sosyal medya ---- */
.footer__bottom-left {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 0 0 auto;
}
.footer__heart {
    display: block;
    width: auto;
    height: 4.5rem;
    flex: 0 0 auto;
    object-fit: contain;
}
@media (max-width: 575.98px) {
    .footer__bottom-left { gap: 0.75rem; }
    .footer__heart { height: 3.5rem; }
}
/* ---- Footer: Online Hizmetler kolonu kaldirildi, 5 kolon ---- */
@media (min-width: 1200px) {
    .footer .footer__nav { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* ---- Responsive header: mobilde logo buyutuldu ---- */
@media (max-width: 767.98px) {
    html body:not(.sticky) header.navbar .logo { width: 11rem; height: 3.1875rem; }
    html body.sticky header.navbar .logo { width: 9rem; height: 2.6rem; }
}
@media (max-width: 575.98px) {
    html body:not(.sticky) header.navbar .logo { width: 9.5rem; height: 2.75rem; }
    html body.sticky header.navbar .logo { width: 7.75rem; height: 2.25rem; }
}
@media (max-width: 439.98px) {
    html body:not(.sticky) header.navbar .logo { width: 8.5rem; height: 2.4625rem; }
    html body.sticky header.navbar .logo { width: 7rem; height: 2.0375rem; }
}
@media (max-width: 359.98px) {
    html body:not(.sticky) header.navbar .logo { width: 7.5rem; height: 2.1625rem; }
    html body.sticky header.navbar .logo { width: 6.25rem; height: 1.8rem; }
}

/* ---- Masaustu ust menu: Kurumsal / Bolumler acilir alt menu ---- */
@media (min-width: 992px) {
    header.navbar .main-nav .nav-item.has-sub { position: relative; }
    header.navbar .main-nav .nav-caret {
        display: inline-block; margin-left: 0.4rem; vertical-align: middle;
        border-top: 0.3em solid currentColor; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent;
        transition: transform 0.25s ease;
    }
    header.navbar .main-nav .has-sub:hover > .nav-link .nav-caret,
    header.navbar .main-nav .has-sub:focus-within > .nav-link .nav-caret { transform: rotate(180deg); }
    header.navbar .main-nav .nav-sub {
        position: absolute; top: 100%; left: -1.25rem; z-index: 1040;
        min-width: 18rem; max-width: 24rem; margin: 0.75rem 0 0; padding: 0.5rem 0; list-style: none;
        background: #ffffff; border: 1px solid rgba(7, 30, 62, 0.08); border-radius: 0.625rem;
        box-shadow: 0 0.75rem 1.75rem rgba(7, 30, 62, 0.14);
        opacity: 0; visibility: hidden; transform: translateY(0.375rem);
        transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s;
    }
    header.navbar .main-nav .nav-sub:before { content: ""; position: absolute; left: 0; right: 0; top: -0.875rem; height: 0.875rem; }
    header.navbar .main-nav .has-sub:hover > .nav-sub,
    header.navbar .main-nav .has-sub:focus-within > .nav-sub {
        opacity: 1; visibility: visible; transform: none; transition-delay: 0s;
    }
    header.navbar .main-nav .nav-sub--scroll { max-height: 70vh; overflow-y: auto; }
    header.navbar .main-nav .nav-sub li { margin: 0; white-space: normal; }
    header.navbar .main-nav .nav-sub a {
        display: block; padding: 0.55rem 1.25rem; font-size: 0.875rem; font-weight: 500; line-height: 1.35;
        color: #081e3f; text-decoration: none; transition: background 0.2s ease, color 0.2s ease;
    }
    header.navbar .main-nav .nav-sub a:hover,
    header.navbar .main-nav .nav-sub a:focus-visible { background: rgba(232, 97, 26, 0.08); color: #e8611a; outline: none; }
}
@media (max-width: 991.98px) {
    header.navbar .main-nav .nav-sub, header.navbar .main-nav .nav-caret { display: none; }
}

/* Slider: gorselin tamami tiklanabilir (buton metni bos olsa da) */
.home-hero__slide { position: relative; }
.home-hero__link { position: absolute; inset: 0; z-index: 2; display: block; }
.home-hero__container { position: relative; z-index: 3; pointer-events: none; }
.home-hero__container a, .home-hero__container h1, .home-hero__container p { pointer-events: auto; }

/* Slider: yazi gorselin icinde oldugu icin turuncu gradyan katmani kapali */
.home-hero__media:after, .home-hero__media--mobile-art:after { display: none !important; content: none !important; }

/* ===== Hekim CV (yapilandirilmis) ===== */
.cv { display: flex; flex-direction: column; gap: 1.25rem; font-size: 0.9375rem; line-height: 1.65; color: #1b2b3a; }
.cv-nav { position: sticky; top: 4.5rem; z-index: 5; display: flex; flex-wrap: wrap; gap: 0.5rem; padding: 0.625rem 0; background: rgba(255,255,255,0.94); backdrop-filter: blur(6px); }
.cv-nav a { padding: 0.375rem 0.875rem; border: 1px solid #e2e8f0; border-radius: 999px; background: #fff; font-size: 0.8125rem; font-weight: 600; color: #071e3e; text-decoration: none; transition: all .2s ease; }
.cv-nav a:hover { border-color: #e8611a; color: #e8611a; background: rgba(232,97,26,.06); }
.cv-intro { padding: 1.25rem 1.5rem; border-left: 4px solid #e8611a; border-radius: 0.5rem; background: #f3f6f9; }
.cv-intro__text { margin: 0; }
.cv-intro__meta { display: flex; flex-wrap: wrap; gap: 0.5rem 2rem; list-style: none; margin: 0.875rem 0 0; padding: 0; font-size: 0.875rem; }
.cv-intro__meta span { display: block; font-size: 0.6875rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #64748b; }
.cv-intro__meta a { color: #e8611a; font-weight: 600; text-decoration: none; word-break: break-all; }
.cv-section { padding: 1.5rem; border: 1px solid #e2e8f0; border-radius: 0.75rem; background: #fff; scroll-margin-top: 8rem; }
.cv-section__title { display: flex; align-items: center; gap: 0.625rem; margin: 0 0 1.125rem; font-family: "Outfit","Roboto",sans-serif; font-size: 1.1875rem; font-weight: 700; color: #071e3e; }
.cv-section__title:before { content: ""; width: 0.375rem; height: 1.25rem; border-radius: 3px; background: #e8611a; }
.cv-section__count { margin-left: auto; padding: 0.125rem 0.625rem; border-radius: 999px; background: #f3f6f9; font-size: 0.75rem; font-weight: 600; color: #64748b; }

/* zaman cizelgesi */
.cv-timeline { position: relative; list-style: none; margin: 0; padding: 0 0 0 1.25rem; }
.cv-timeline:before { content: ""; position: absolute; left: 0.3125rem; top: 0.375rem; bottom: 0.375rem; width: 2px; background: #e2e8f0; }
.cv-timeline__item { position: relative; display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); gap: 1rem; padding: 0 0 1.125rem; }
.cv-timeline__item:last-child { padding-bottom: 0; }
.cv-timeline__item:before { content: ""; position: absolute; left: -1.25rem; top: 0.4375rem; width: 0.75rem; height: 0.75rem; border: 2px solid #e8611a; border-radius: 50%; background: #fff; }
.cv-timeline__date { font-size: 0.8125rem; font-weight: 700; color: #e8611a; padding-top: 0.125rem; }
.cv-timeline__item--nodate { grid-template-columns: minmax(0, 1fr); }
.cv-timeline__title { display: block; font-weight: 700; color: #071e3e; }
.cv-timeline__org { display: block; color: #475569; }
.cv-timeline__text { margin: 0.375rem 0 0; font-size: 0.875rem; color: #475569; }

/* numarali liste (yayinlar, sunumlar, oduller...) */
.cv-list { list-style: none; margin: 0; padding: 0; counter-reset: cvitem; }
.cv-list__item { position: relative; display: flex; gap: 0.875rem; padding: 0.875rem 0 0.875rem 2.75rem; border-bottom: 1px solid #eef2f6; counter-increment: cvitem; font-size: 0.875rem; }
.cv-list__item:last-child { border-bottom: 0; }
.cv-list__item:before { content: counter(cvitem); position: absolute; left: 0; top: 0.875rem; display: grid; place-items: center; min-width: 1.875rem; height: 1.5rem; padding: 0 0.375rem; border-radius: 0.375rem; background: #f3f6f9; font-size: 0.75rem; font-weight: 700; color: #071e3e; }
.cv-list__date { flex: 0 0 auto; font-weight: 700; color: #e8611a; }
.cv-list__body { min-width: 0; }
.cv-list__body strong { display: block; color: #071e3e; }
.cv-list__org { display: block; color: #475569; }
.cv-list__text { display: block; color: #1b2b3a; overflow-wrap: anywhere; }
.cv-link { display: inline-block; margin: 0.375rem 0.5rem 0 0; padding: 0.125rem 0.625rem; border: 1px solid rgba(232,97,26,.4); border-radius: 999px; font-size: 0.75rem; font-weight: 700; color: #e8611a; text-decoration: none; }
.cv-link:hover { background: #e8611a; color: #fff; }

/* etiketler (uyelikler, hakemlikler) */
.cv-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; list-style: none; margin: 0; padding: 0; }
.cv-chips li { padding: 0.375rem 0.875rem; border-radius: 999px; background: #f3f6f9; font-size: 0.8125rem; font-weight: 500; color: #071e3e; }

/* dersler */
.cv-courses { list-style: none; margin: 0; padding: 0; }
.cv-courses li { display: grid; grid-template-columns: 8rem minmax(0, 1fr) auto; gap: 1rem; padding: 0.625rem 0; border-bottom: 1px solid #eef2f6; font-size: 0.875rem; }
.cv-courses li:last-child { border-bottom: 0; }
.cv-courses__term { font-weight: 700; color: #e8611a; }
.cv-courses__name { font-weight: 600; color: #071e3e; }
.cv-courses__meta { color: #64748b; }

/* uzun listelerde "tumunu goster" */
.cv-collapsible:not(.is-open) .cv-list > li:nth-child(n+9),
.cv-collapsible:not(.is-open) .cv-timeline > li:nth-child(n+9),
.cv-collapsible:not(.is-open) .cv-courses > li:nth-child(n+9),
.cv-collapsible:not(.is-open) .cv-chips > li:nth-child(n+25) { display: none; }
.cv-more { margin-top: 1rem; padding: 0.5rem 1.25rem; border: 1px solid #e8611a; border-radius: 999px; background: #fff; font-size: 0.8125rem; font-weight: 700; color: #e8611a; cursor: pointer; }
.cv-more:hover { background: #e8611a; color: #fff; }

@media (max-width: 767.98px) {
    .cv-section { padding: 1.125rem; }
    .cv-timeline__item { grid-template-columns: minmax(0, 1fr); gap: 0.125rem; }
    .cv-courses li { grid-template-columns: minmax(0, 1fr); gap: 0.125rem; }
    .cv-nav { top: 3.75rem; overflow-x: auto; flex-wrap: nowrap; }
    .cv-nav a { white-space: nowrap; }
}

/* ===== Fotografi olmayan hekimler: logo yer tutucu ===== */
.home-doctors__photo img.is-placeholder,
.doctor-detail__photo img.is-placeholder,
img.is-placeholder {
  object-fit: contain !important;
  object-position: center !important;
  padding: 12% !important;
  background: #f3f6f9;
  box-sizing: border-box;
}

/* ===== Ingilizce header: daha uzun metinler icin sikilastirma ===== */
html[lang="en"] header.navbar .main-nav { gap: 1.5rem; }
@media (max-width: 1399.98px) {
  html[lang="en"] header.navbar .main-nav { gap: 1rem; }
  html[lang="en"] header.navbar .main-nav .nav-link { font-size: 0.88rem; }
  html[lang="en"] header.navbar .nav-row { gap: 0.75rem; }
}
@media (max-width: 1199.98px) {
  html[lang="en"] header.navbar .main-nav { gap: 0.75rem; }
  html[lang="en"] header.navbar .main-nav .nav-link { font-size: 0.82rem; }
}

/* ===== UAT duzeltmeleri (Kasim 2026) ===== */

/* Arama: tiklaninca tum ekrani kaplamasin, ustte tek bir arama cubugu acilsin */
.search-overlay {
  inset: 0 0 auto 0;
  height: auto;
  background: rgba(27, 43, 58, 0.96);
  backdrop-filter: none;
  box-shadow: 0 1rem 2rem rgba(7, 30, 62, 0.25);
}
.search-overlay .search-content {
  height: auto;
  padding: 4.5rem 1.5rem 2.5rem;
}
@media (max-width: 767.98px) {
  .search-overlay .search-content { padding: 4rem 1rem 1.75rem; }
}

/* Online Randevu / International Patients: tasarimdaki gibi tam metin (kisaltma yok) */
header.navbar .mini-nav .btn-nav .btn-nav__full { display: inline !important; }
header.navbar .mini-nav .btn-nav .btn-nav__short { display: none !important; }
@media (max-width: 575.98px) {
  header.navbar .mini-nav .btn-nav { white-space: nowrap; padding: 0.1875rem 0.375rem; font-size: 0.5625rem; }
}

/* Responsive hamburger menu: "Nasil Ulasirim?" ikonu (ikon fontuna bagimli kalmadan SVG ile) */
.mobile-nav__icon .icon-menu-4 { display: none; }
.mobile-nav__icon:has(.icon-menu-4)::after {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background-color: currentColor;
  -webkit-mask: url("../svg/menu-4.svg") center / contain no-repeat;
  mask: url("../svg/menu-4.svg") center / contain no-repeat;
}

/* Ingilizce header: uzun metinler tasmasin */
html[lang="en"] header.navbar .nav-row { flex-wrap: nowrap; }
html[lang="en"] header.navbar .main-nav .nav-link { white-space: nowrap; }
html[lang="en"] header.navbar .logo img { max-width: 100%; height: auto; object-fit: contain; }
@media (min-width: 992px) and (max-width: 1399.98px) {
  html[lang="en"] header.navbar .mini-nav { gap: 0.5rem; }
  html[lang="en"] header.navbar .mini-nav .btn-nav { padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.78rem; }
  html[lang="en"] header.navbar .logo { flex-shrink: 0; width: 11rem; height: auto; }
}

/* Mobil slider: slayt yazilari gorselin icinde; "Online Randevu" butonu slider'da gosterilmez */
.home-hero__appointment, .home-hero-appointment { display: none !important; }

/* Mobil header: hamburger butonu her zaman gorunsun.
   Ingilizce buton metinleri uzun oldugu icin mini-nav ekrandan tasip toggler'i disari itiyordu.
   Logo daralabilsin, toggler hic daralmasin; dar telefonlarda EN buton metni iki satira insin. */
@media (max-width: 991.98px) {
  header.navbar .nav-row { flex-wrap: nowrap; gap: 0.5rem; }
  header.navbar .logo { flex: 0 1 auto; min-width: 0; }
  header.navbar .mini-nav { flex: 0 0 auto; min-width: 0; }
  header.navbar .mini-nav > .nav-item:has(.navbar-toggler) { flex-shrink: 0; }
}
@media (max-width: 419.98px) {
  html[lang="en"] header.navbar .mini-nav .nav-item:has(.btn-nav) { white-space: normal; }
  html[lang="en"] header.navbar .mini-nav .btn-nav {
    white-space: normal;
    height: auto;
    min-height: 1.5rem;
    max-width: 4.75rem;
    line-height: 1.1;
    text-align: center;
  }
}

/* YouTube ikonu: ikon fontunda olmadigi icin SVG maske ile cizilir.
   home.css/page.css sonra yuklenip [class^=icon-]:before { width:auto } ile genisligi 0 yapiyordu;
   secici bu yuzden daha ozgul. */
[class^=icon-].icon-youtube::before, .icon-youtube.icon-youtube::before {
  content: "";
  display: inline-block;
  width: 1.15em;
  height: 1em;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: url("../svg/youtube.svg") center / contain no-repeat;
  mask: url("../svg/youtube.svg") center / contain no-repeat;
}

/* =====================================================================
   KARIYER SAYFASI (PageTypeId = 15)  -  Views/Manage/Career.cshtml
   ===================================================================== */
.career { display: flex; flex-direction: column; gap: 2rem; }
.career__intro { margin-bottom: 0; }

.career__perks { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.career__perk {
  display: flex; flex-direction: column; gap: .375rem;
  padding: 1.25rem; background: #fff; border: 1px solid #e2e8f0; border-radius: .875rem;
  box-shadow: 0 .25rem 1rem rgba(27,43,58,.05);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.career__perk:hover { transform: translateY(-2px); border-color: rgba(226,88,19,.35); box-shadow: 0 .75rem 1.75rem rgba(27,43,58,.09); }
.career__perk-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 2.75rem; height: 2.75rem; margin-bottom: .375rem; border-radius: .75rem;
  color: #e25813; background: rgba(226,88,19,.1);
}
.career__perk-title { font-family: "Outfit","Roboto",sans-serif; font-weight: 700; font-size: 1rem; color: #1b2b3a; }
.career__perk-text { font-size: .875rem; line-height: 1.5; color: #64748b; }

.career-form {
  position: relative; display: flex; flex-direction: column; gap: 1.5rem;
  padding: 2rem; background: #fff; border: 1px solid #e2e8f0; border-radius: 1rem;
  box-shadow: 0 1rem 2.5rem rgba(27,43,58,.07); overflow: hidden; scroll-margin-top: 7rem;
}
.career-form::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: linear-gradient(90deg, #071e3e 0%, #e25813 100%); }
.career-form__title { margin: 0 0 .25rem; font-family: "Outfit","Roboto",sans-serif; font-size: 1.5rem; font-weight: 700; color: #1b2b3a; }
.career-form__lead { margin: 0; font-size: .8125rem; color: #64748b; }
.career-form__flash { margin: 0; outline: none; }

.career-form__group { margin: 0; padding: 0; border: 0; min-width: 0; }
.career-form__legend {
  display: flex; align-items: center; gap: .625rem; width: 100%; float: none;
  margin: 0 0 1rem; padding: 0 0 .75rem; border-bottom: 1px solid #eef2f6;
  font-family: "Outfit","Roboto",sans-serif; font-size: 1rem; font-weight: 600; color: #1b2b3a;
}
.career-form__legend span {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
  width: 1.75rem; height: 1.75rem; border-radius: 50%;
  background: #071e3e; color: #fff; font-size: .8125rem; font-weight: 700;
}
.career-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.25rem; }
.career-form__field { display: flex; flex-direction: column; gap: .375rem; min-width: 0; }
.career-form__group > .career-form__field + .career-form__field { margin-top: 1rem; }
.career-form__field--full { grid-column: 1 / -1; }
.career-form__field label, .career-form__label { font-size: .8125rem; font-weight: 500; color: #1b2b3a; }
.career-form__field em { font-style: normal; color: #e25813; }
.career-form__field input[type=text], .career-form__field input[type=email], .career-form__field input[type=tel],
.career-form__field input[type=url], .career-form__field select, .career-form__field textarea {
  width: 100%; padding: .75rem .875rem; border: 1px solid #e2e8f0; border-radius: .5rem; background: #f8fafc;
  font-family: "Roboto",sans-serif; font-size: .9375rem; line-height: 1.4; color: #1b2b3a; outline: none;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.career-form__field textarea { resize: vertical; min-height: 7.5rem; }
.career-form__field input::placeholder, .career-form__field textarea::placeholder { color: #94a3b8; }
.career-form__field input:focus, .career-form__field select:focus, .career-form__field textarea:focus {
  background: #fff; border-color: #e8611a; box-shadow: 0 0 0 .1875rem rgba(232,97,26,.16);
}
.career-form__field select {
  -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 2.25rem; cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, #1b2b3a 50%), linear-gradient(135deg, #1b2b3a 50%, transparent 50%);
  background-position: calc(100% - 1.125rem) 50%, calc(100% - .75rem) 50%;
  background-size: .375rem .375rem, .375rem .375rem; background-repeat: no-repeat;
}
.career-form.was-validated .career-form__field :invalid { border-color: #dc2626; }
.career-form.was-validated .career-upload:has(:invalid) { border-color: #dc2626; background: #fef2f2; }

.career-upload {
  position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .375rem;
  padding: 1.75rem 1rem; text-align: center; cursor: pointer;
  border: 2px dashed #cbd5e1; border-radius: .75rem; background: #f8fafc;
  transition: border-color .2s ease, background-color .2s ease;
}
.career-upload:hover, .career-upload.is-drag, .career-upload:focus-within { border-color: #e25813; background: rgba(226,88,19,.04); }
.career-upload input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.career-upload__icon { color: #071e3e; }
.career-upload__text { font-size: .9375rem; font-weight: 500; color: #1b2b3a; word-break: break-word; }
.career-upload__hint { font-size: .75rem; color: #64748b; }
.career-upload.has-file { border-style: solid; border-color: #16a34a; background: #f0fdf4; }
.career-upload.has-file .career-upload__icon { color: #16a34a; }
.career-upload__error { font-size: .8125rem; color: #dc2626; }

.career-form__check { display: flex; align-items: flex-start; gap: .625rem; font-size: .75rem; line-height: 1.55; color: #64748b; cursor: pointer; }
.career-form__check input { flex: 0 0 auto; width: 1rem; height: 1rem; margin-top: .125rem; accent-color: #e25813; }
.career-form__check a { color: #e25813; text-decoration: underline; }
.career-form__actions { display: flex; justify-content: flex-end; }
.career-form__submit { min-width: 13rem; gap: .5rem; cursor: pointer; }
.career-form__submit svg { transition: transform .2s ease; }
.career-form__submit:hover svg { transform: translateX(3px); }
.career-form__submit.is-loading { opacity: .7; pointer-events: none; }

@media (max-width: 991.98px) {
  .career__perks { grid-template-columns: 1fr; }
  .career__perk { flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: .875rem; }
  .career__perk-icon { margin-bottom: 0; }
  .career__perk-text { flex-basis: 100%; }
}
@media (max-width: 575.98px) {
  .career-form { padding: 1.5rem 1rem; gap: 1.25rem; }
  .career-form__grid { grid-template-columns: 1fr; }
  .career-form__submit { width: 100%; }
}

/* =====================================================================
   ANLASMALI KURUMLAR (PageTypeId = 16)  -  Views/Manage/Partners.cshtml
   ===================================================================== */
.partners { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
.partners__item { display: flex; flex-direction: column; align-items: center; gap: .625rem; min-width: 0; }
.partners__card {
  display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 3 / 2;
  padding: 1.25rem; background: #fff; border: 1px solid #e2e8f0; border-radius: .875rem;
  box-shadow: 0 .25rem 1rem rgba(27,43,58,.05);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.partners__card img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; filter: grayscale(1); opacity: .75; transition: filter .25s ease, opacity .25s ease; }
.partners__item:hover .partners__card { transform: translateY(-3px); border-color: rgba(226,88,19,.35); box-shadow: 0 .875rem 2rem rgba(27,43,58,.1); }
.partners__item:hover .partners__card img, .partners__card:focus-visible img { filter: none; opacity: 1; }
.partners__name { font-size: .8125rem; line-height: 1.35; text-align: center; color: #64748b; }
.partners__empty { padding: 2rem; text-align: center; color: #64748b; background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: .875rem; }
@media (hover: none) { .partners__card img { filter: none; opacity: 1; } }
@media (max-width: 1199.98px) { .partners { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .partners { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .875rem; } .partners__card { padding: .875rem; } }