/* ==========================================================================
   Dizayn Makina — KARİYER page layer (loaded after sinematik.css)
   Every rule is scoped to body.theme-sinematik[data-page="kariyer"] (alias below: K)
   and page classes use the kr- prefix, so nothing here can leak to other pages.
   Uses only sinematik tokens (--sn-*, surface tokens --tx-*, --line, --accent-tx).

   Rhythm:  hero (dark photo) → 01 why (paper) → 02 positions (night band)
            → 03 application (paper, white form sheet) → footer (ink)
   ========================================================================== */

/* ---------------------------------------------------------------- HERO */
/* lead + actions share one foot row under a hairline (same grammar as the home hero / CTA foot) */
body.theme-sinematik[data-page="kariyer"] .kr-hero__foot{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px 56px;
  margin-top:clamp(24px,3vw,40px);padding-top:24px;border-top:1px solid rgba(255,255,255,.16);
}
body.theme-sinematik[data-page="kariyer"] .kr-hero__foot .lead{margin:0;padding:0;border:0;max-width:36rem;}
body.theme-sinematik[data-page="kariyer"] .kr-hero__actions{display:flex;flex-wrap:wrap;gap:12px;}
/* the hands-at-work photo carries the page (IMG_2739: hand, grinder and red flap disc on a welded tray):
   a lighter grade through the middle than the default page-hero shade (type still sits on ≥.8 black at the
   foot and on the dark left edge), a touch more colour, framed on the gripping hand and the tool */
body.theme-sinematik[data-page="kariyer"] .kr-hero .page-hero__media img{object-position:50% 48%;filter:saturate(.9) contrast(1.06);}
body.theme-sinematik[data-page="kariyer"] .kr-hero .page-hero__shade{
  background:
    linear-gradient(0deg,rgba(5,9,15,.96) 0%,rgba(5,9,15,.84) 26%,rgba(5,9,15,.5) 50%,rgba(5,9,15,.26) 74%,rgba(5,9,15,.46) 100%),
    linear-gradient(90deg,rgba(5,9,15,.72) 0%,rgba(5,9,15,.3) 50%,rgba(5,9,15,.04) 100%);
}

/* ---------------------------------------------------------------- 01 · WHY */
body.theme-sinematik[data-page="kariyer"] .kr-why__grid{
  display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px clamp(40px,7vw,120px);align-items:end;
}
body.theme-sinematik[data-page="kariyer"] .kr-why h2{max-width:13em;}
/* 981–1279: the reasons list is taller than heading + photo, so bottom alignment would start it above the eyebrow */
@media (min-width:981px) and (max-width:1279px){
  body.theme-sinematik[data-page="kariyer"] .kr-why__grid{align-items:start;}
}

/* photo: a team member reading a height-gauge measurement (IMG_2513, 1200×1000 native crop + 800w).
   Desktop/tablet: a wide band on the hand, readout and gauge. Phones: a full-bleed square. */
body.theme-sinematik[data-page="kariyer"] .kr-why__photo{
  position:relative;overflow:hidden;margin:clamp(40px,4.4vw,64px) 0 0;
  width:100%;max-width:673px;aspect-ratio:673/365;background:var(--sn-navy-2);
}
body.theme-sinematik[data-page="kariyer"] .kr-why__photo img{
  position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:62% 30%;
  filter:saturate(.85) contrast(1.05);
}
body.theme-sinematik[data-page="kariyer"] .kr-why__photo::before{content:"";position:absolute;left:0;top:0;z-index:2;width:72px;height:3px;background:var(--sn-green);}
body.theme-sinematik[data-page="kariyer"] .kr-why__photo::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(5,9,15,.28) 0%,rgba(5,9,15,0) 42%);}

/* list = the home "why" list (.sn-why__list rules in sinematik.css) + a mono index per item */
body.theme-sinematik[data-page="kariyer"] .kr-why__list{counter-reset:krwhy;}
body.theme-sinematik[data-page="kariyer"] .kr-why__list .card{counter-increment:krwhy;}
body.theme-sinematik[data-page="kariyer"] .kr-why__list .card::after{
  content:counter(krwhy,decimal-leading-zero);position:absolute;right:0;top:33px;
  font-family:var(--sn-f-mono);font-size:12px;font-weight:500;letter-spacing:.14em;line-height:1;color:var(--sn-i-lo);
}
body.theme-sinematik[data-page="kariyer"] .kr-why__list .card h3{padding-right:44px;}

/* ---------------------------------------------------------------- 02 · OPEN POSITIONS */
body.theme-sinematik[data-page="kariyer"] .kr-positions{position:relative;isolation:isolate;overflow:hidden;background:var(--sn-night);}
/* faint static grain, same layer as the photo bands */
body.theme-sinematik[data-page="kariyer"] .kr-positions::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("../img/sinematik/grain.png") repeat;background-size:160px 160px;opacity:.05;}
body.theme-sinematik[data-page="kariyer"] .kr-positions__grid{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px clamp(40px,6vw,104px);align-items:end;
}
/* dark band → band-title grammar (uppercase display, like the process / CTA bands) */
body.theme-sinematik[data-page="kariyer"] .kr-positions h2{
  margin:0;max-width:9em;color:#fff;text-transform:uppercase;
  font-size:clamp(2.4rem,.9rem + 4.4vw,5.6rem);line-height:1;letter-spacing:-.01em;
}

body.theme-sinematik[data-page="kariyer"] .kr-notice{
  position:relative;padding:clamp(28px,3.2vw,48px);
  background:linear-gradient(180deg,rgba(255,255,255,.035) 0%,rgba(255,255,255,.01) 100%);
  box-shadow:inset 0 0 0 1px var(--sn-line-d);
}
body.theme-sinematik[data-page="kariyer"] .kr-notice::before{content:"";position:absolute;left:0;top:0;width:72px;height:3px;background:var(--sn-green);}
body.theme-sinematik[data-page="kariyer"] .kr-notice__top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 clamp(22px,2.4vw,32px);}
body.theme-sinematik[data-page="kariyer"] .kr-notice__icon{
  display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none;
  color:var(--sn-green-lt);box-shadow:inset 0 0 0 1px var(--sn-line-d);
}
body.theme-sinematik[data-page="kariyer"] .kr-notice__icon svg{width:22px;height:22px;}
body.theme-sinematik[data-page="kariyer"] .kr-notice__loc{color:var(--sn-t-lo);}
body.theme-sinematik[data-page="kariyer"] .kr-notice p{
  margin:0 0 clamp(28px,3vw,40px);max-width:34em;
  font-size:clamp(1.04rem,.97rem + .3vw,1.22rem);line-height:1.62;color:rgba(235,240,246,.88);
}

/* ---------------------------------------------------------------- 03 · APPLICATION */
body.theme-sinematik[data-page="kariyer"] .kr-apply__grid{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px clamp(40px,6vw,104px);align-items:start;
}
/* the intro stays in view while the form scrolls past (desktop only) */
body.theme-sinematik[data-page="kariyer"] .kr-apply__intro{position:sticky;top:124px;}
body.theme-sinematik[data-page="kariyer"] .kr-apply h2{margin:0;}
body.theme-sinematik[data-page="kariyer"] .kr-apply h2:focus:not(:focus-visible){outline:none;}
body.theme-sinematik[data-page="kariyer"] .kr-apply__lead{
  margin:22px 0 0;max-width:30rem;font-size:clamp(1.02rem,.96rem + .22vw,1.14rem);line-height:1.66;color:var(--tx-md);
}

/* direct contact rows (existing contact keys) */
body.theme-sinematik[data-page="kariyer"] .kr-contact{margin-top:clamp(36px,4vw,56px);border-top:1px solid var(--line);max-width:30rem;}
body.theme-sinematik[data-page="kariyer"] .kr-contact__row{
  display:flex;align-items:center;gap:16px;min-height:76px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--tx-hi);
  transition:color .25s;
}
body.theme-sinematik[data-page="kariyer"] .kr-contact__ic{
  display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;
  color:var(--accent-tx);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .25s,color .25s,box-shadow .25s;
}
body.theme-sinematik[data-page="kariyer"] .kr-contact__ic svg{width:19px;height:19px;}
body.theme-sinematik[data-page="kariyer"] .kr-contact__txt{display:flex;flex-direction:column;gap:3px;min-width:0;}
body.theme-sinematik[data-page="kariyer"] .kr-contact__txt b{font-family:var(--sn-f-mono);font-weight:500;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;line-height:1.3;color:var(--tx-lo);}
body.theme-sinematik[data-page="kariyer"] .kr-contact__txt span{font-size:1.06rem;line-height:1.4;overflow-wrap:anywhere;}
body.theme-sinematik[data-page="kariyer"] .kr-contact__go{width:20px;height:12px;flex:none;margin-left:auto;color:var(--tx-lo);transition:transform .35s var(--sn-ease),color .25s;}
@media (hover:hover) and (pointer:fine){
  body.theme-sinematik[data-page="kariyer"] .kr-contact__row:hover{color:var(--accent-tx);}
  body.theme-sinematik[data-page="kariyer"] .kr-contact__row:hover .kr-contact__ic{background:var(--sn-green-btn);color:#fff;box-shadow:none;}
  body.theme-sinematik[data-page="kariyer"] .kr-contact__row:hover .kr-contact__go{transform:translateX(5px);color:var(--accent-tx);}
}

/* form sheet: white paper on the paper-grey section, green rule like the home about card */
body.theme-sinematik[data-page="kariyer"] .kr-sheet{
  position:relative;background:#fff;padding:clamp(28px,3.6vw,56px);
  box-shadow:inset 0 0 0 1px var(--sn-line-l),0 44px 88px -52px rgba(5,9,15,.34);
}
body.theme-sinematik[data-page="kariyer"] .kr-sheet::before{content:"";position:absolute;left:0;top:0;width:72px;height:3px;background:var(--sn-green);}
body.theme-sinematik[data-page="kariyer"] .kr-sheet .form-grid{gap:26px 20px;}
body.theme-sinematik[data-page="kariyer"] .kr-sheet .field textarea{min-height:176px;}
/* (field scroll-margin for native validation: shared rule in sinematik.css) */
/* required fields: a small green mark (hidden from assistive tech — `required` already announces it) */
body.theme-sinematik[data-page="kariyer"] .kr-sheet .field:has(> [required]) > label::after{
  content:"*";content:"*" / "";margin-left:5px;color:var(--sn-green-dk);letter-spacing:0;
}

/* CV drop zone: a wide, obvious tap target — icon tile · label + limit · arrow */
body.theme-sinematik[data-page="kariyer"] .kr-cv .cv-drop{
  flex-direction:row;align-items:center;justify-content:flex-start;gap:18px;
  min-height:104px;padding:20px 22px;text-align:left;
  background:var(--sn-paper);border:1px dashed var(--sn-field-line);
}
body.theme-sinematik[data-page="kariyer"] .kr-cv .cv-drop.is-over{background:#eef6f1;border-color:var(--sn-green-dk);}
@media (hover:hover) and (pointer:fine){
  body.theme-sinematik[data-page="kariyer"] .kr-cv .cv-drop:hover{background:#eef6f1;border-color:var(--sn-green-dk);}
}
/* touch: no sticky hover tint after returning from the file picker (overrides the shared .cv-drop:hover) */
@media (hover:none){
  body.theme-sinematik[data-page="kariyer"] .kr-cv .cv-drop:not(.is-over):not(.has-file):hover{background:var(--sn-paper);border-color:var(--sn-field-line);}
}
body.theme-sinematik[data-page="kariyer"] .kr-cv .cv-drop.has-file{background:#fff;border-style:solid;border-color:var(--sn-green-dk);box-shadow:inset 0 0 0 1px var(--sn-green-dk);}
body.theme-sinematik[data-page="kariyer"] .kr-cv__icon{
  display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;flex:none;
  background:#fff;color:var(--sn-green-dk);box-shadow:inset 0 0 0 1px var(--sn-line-l);
  transition:background-color .3s var(--sn-ease),color .3s var(--sn-ease),box-shadow .3s var(--sn-ease);
}
body.theme-sinematik[data-page="kariyer"] .kr-cv__icon svg{width:24px;height:24px;transition:transform .45s var(--sn-ease);}
body.theme-sinematik[data-page="kariyer"] .kr-cv__ok{display:none;}
body.theme-sinematik[data-page="kariyer"] .kr-cv .cv-drop.has-file .kr-cv__up{display:none;}
body.theme-sinematik[data-page="kariyer"] .kr-cv .cv-drop.has-file .kr-cv__ok{display:block;}
body.theme-sinematik[data-page="kariyer"] .kr-cv .cv-drop.has-file .kr-cv__icon{background:var(--sn-green-btn);color:#fff;box-shadow:none;}
body.theme-sinematik[data-page="kariyer"] .kr-cv__text{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;}
body.theme-sinematik[data-page="kariyer"] .kr-cv .cv-drop__label{display:block;font-size:1.1rem;line-height:1.15;text-wrap:balance;}
body.theme-sinematik[data-page="kariyer"] .kr-cv .cv-drop__note{display:block;text-transform:none;letter-spacing:.04em;}
body.theme-sinematik[data-page="kariyer"] .kr-cv a.cv-drop{border-style:solid;}
body.theme-sinematik[data-page="kariyer"] .kr-cv__title{font-family:var(--sn-f-mono);font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;color:var(--tx-lo);}
/* a long chosen file name breaks only where it must (not mid-token at every glyph) and stops at two lines */
body.theme-sinematik[data-page="kariyer"] .kr-cv .cv-drop.has-file .cv-drop__label{
  overflow-wrap:break-word;text-wrap:wrap;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
body.theme-sinematik[data-page="kariyer"] .kr-cv__go{width:20px;height:12px;flex:none;color:var(--sn-i-lo);transition:transform .35s var(--sn-ease),color .25s;}
body.theme-sinematik[data-page="kariyer"] .kr-cv .cv-drop.has-file .kr-cv__go{display:none;}
@media (hover:hover) and (pointer:fine){
  body.theme-sinematik[data-page="kariyer"] .kr-cv .cv-drop:hover .kr-cv__up{transform:translateY(-3px);}
  body.theme-sinematik[data-page="kariyer"] .kr-cv .cv-drop:hover .kr-cv__go{transform:translateX(5px);color:var(--sn-green-dk);}
}

body.theme-sinematik[data-page="kariyer"] .kr-submit{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:clamp(32px,3.4vw,44px);}

/* deep links (header menu: kariyer.html#apply / #positions, hero buttons): land on the heading, not on padding */
body.theme-sinematik[data-page="kariyer"] #apply{scroll-margin-top:calc(124px - var(--sn-sec));}
body.theme-sinematik[data-page="kariyer"] #positions{scroll-margin-top:60px;}

/* ---------------------------------------------------------------- ≤980: tablets — single column */
@media (max-width:980px){
  body.theme-sinematik[data-page="kariyer"] .kr-why__grid{grid-template-columns:minmax(0,1fr);gap:0;}
  body.theme-sinematik[data-page="kariyer"] .kr-why h2{max-width:16em;}
  body.theme-sinematik[data-page="kariyer"] .kr-why__photo{max-width:none;margin-bottom:clamp(40px,6vw,56px);}

  body.theme-sinematik[data-page="kariyer"] .kr-positions__grid{grid-template-columns:minmax(0,1fr);gap:36px;}
  body.theme-sinematik[data-page="kariyer"] .kr-positions h2{max-width:none;}

  /* intro, form, then the direct-contact rows (intro wrapper dissolves into the grid) */
  body.theme-sinematik[data-page="kariyer"] .kr-apply__grid{grid-template-columns:minmax(0,1fr);gap:0;}
  body.theme-sinematik[data-page="kariyer"] .kr-apply__intro{display:contents;}
  body.theme-sinematik[data-page="kariyer"] .kr-apply__intro>.eyebrow{order:1;}
  body.theme-sinematik[data-page="kariyer"] .kr-apply__intro>h2{order:2;max-width:16em;}
  body.theme-sinematik[data-page="kariyer"] .kr-apply__lead{order:3;max-width:40rem;}
  body.theme-sinematik[data-page="kariyer"] .kr-apply__form{order:4;margin-top:clamp(36px,5vw,48px);}
  body.theme-sinematik[data-page="kariyer"] .kr-contact{order:5;max-width:none;}
}
@media (min-width:601px) and (max-width:980px){
  /* four reasons as a 2×2 grid on tablets */
  body.theme-sinematik[data-page="kariyer"] .kr-why__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,40px);}
  body.theme-sinematik[data-page="kariyer"] .kr-why__list .card:nth-last-child(-n+2){border-bottom:1px solid var(--sn-line-l);}
  body.theme-sinematik[data-page="kariyer"] .kr-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,40px);border-top:0;}
  body.theme-sinematik[data-page="kariyer"] .kr-contact__row{border-top:1px solid var(--line);}
}

/* ---------------------------------------------------------------- ≤600: phones */
@media (max-width:600px){
  /* hero: lead, then two full-width buttons (primary first, thumb-reachable) */
  body.theme-sinematik[data-page="kariyer"] .kr-hero__foot{display:block;margin-top:22px;padding-top:20px;}
  body.theme-sinematik[data-page="kariyer"] .kr-hero__actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:26px;}
  body.theme-sinematik[data-page="kariyer"] .kr-hero .page-hero__media img{object-position:50% 30%;}
  body.theme-sinematik[data-page="kariyer"] .kr-hero .page-hero__shade{background:
    linear-gradient(0deg,rgba(5,9,15,.97) 0%,rgba(5,9,15,.9) 36%,rgba(5,9,15,.62) 60%,rgba(5,9,15,.36) 82%,rgba(5,9,15,.58) 100%);}

  /* why: full-bleed square photo, then the list */
  body.theme-sinematik[data-page="kariyer"] .kr-why__photo{
    aspect-ratio:1/1;margin:36px calc(var(--sn-g) * -1) 44px;width:auto;
  }
  body.theme-sinematik[data-page="kariyer"] .kr-why__photo img{object-position:70% 50%;}
  body.theme-sinematik[data-page="kariyer"] .kr-why__list .card{padding:24px 0 26px;}
  body.theme-sinematik[data-page="kariyer"] .kr-why__list .card::after{top:28px;}
  body.theme-sinematik[data-page="kariyer"] .kr-why__list .card h3{font-size:clamp(1.45rem,6.6vw,1.75rem);margin-bottom:8px;}
  body.theme-sinematik[data-page="kariyer"] .kr-why__list .card p{font-size:.98rem;}

  /* positions */
  body.theme-sinematik[data-page="kariyer"] .kr-positions__grid{gap:30px;}
  body.theme-sinematik[data-page="kariyer"] .kr-positions h2{font-size:clamp(2.2rem,10.4vw,3.1rem);}
  body.theme-sinematik[data-page="kariyer"] .kr-notice{padding:26px 22px 24px;}
  body.theme-sinematik[data-page="kariyer"] .kr-notice__icon{width:48px;height:48px;}
  body.theme-sinematik[data-page="kariyer"] .kr-notice p{font-size:1.02rem;margin-bottom:26px;}

  /* application: the sheet runs edge to edge so fields get the full phone width */
  body.theme-sinematik[data-page="kariyer"] .kr-apply__lead{margin-top:18px;font-size:1rem;}
  body.theme-sinematik[data-page="kariyer"] .kr-apply__form{margin:36px calc(var(--sn-g) * -1) 0;}
  body.theme-sinematik[data-page="kariyer"] .kr-sheet{padding:34px var(--sn-g) 32px;box-shadow:inset 0 1px 0 var(--sn-line-l),inset 0 -1px 0 var(--sn-line-l);}
  body.theme-sinematik[data-page="kariyer"] .kr-sheet .form-grid{gap:22px;}
  body.theme-sinematik[data-page="kariyer"] .kr-sheet .field textarea{min-height:152px;}
  body.theme-sinematik[data-page="kariyer"] .kr-cv .cv-drop{min-height:96px;padding:18px 16px;gap:14px;}
  body.theme-sinematik[data-page="kariyer"] .kr-cv__icon{width:52px;height:52px;}
  body.theme-sinematik[data-page="kariyer"] .kr-cv .cv-drop__label{font-size:1.02rem;}
  body.theme-sinematik[data-page="kariyer"] .kr-submit{margin-top:30px;}
  body.theme-sinematik[data-page="kariyer"] .kr-contact{margin-top:40px;}
  body.theme-sinematik[data-page="kariyer"] .kr-contact__row{min-height:72px;}

  body.theme-sinematik[data-page="kariyer"] #positions{scroll-margin-top:44px;}
  body.theme-sinematik[data-page="kariyer"] #apply{scroll-margin-top:calc(108px - var(--sn-sec));}
}
@media (max-width:600px) and (max-height:760px){
  body.theme-sinematik[data-page="kariyer"] .kr-hero__actions{margin-top:22px;}
}

/* ---------------------------------------------------------------- reduced motion */
@media (prefers-reduced-motion: reduce){
  body.theme-sinematik[data-page="kariyer"] :is(.kr-contact__row,.kr-contact__ic,.kr-contact__go,.kr-cv__icon,.kr-cv__icon svg,.kr-cv__go){transition:none!important;}
}