/* ============================================================
   Dentcare Now — Careers Page
   Matches site tokens (Onest / CopernicusTrial, red/dark palette)
   ============================================================ */

:root{
  --cr-red:#DC2626;
  --cr-dark:#252525;
  --cr-text:#555555;
  --cr-bg:#FDF6F3;
  --cr-border:#E8E0DC;
}

.cr-wrap{ max-width:760px; margin:0 auto; padding:0 24px; box-sizing:border-box; }

.cr-hero{
  background:var(--cr-bg);
  border-bottom:1px solid var(--cr-border);
  padding:56px 0;
  font-family:'Onest',sans-serif;
  text-align:center;
}
.cr-hero__title{
  font-family:'CopernicusTrial',Georgia,serif;
  font-size:36px;font-weight:800;color:var(--cr-dark);
  margin:0 0 10px;letter-spacing:-.01em;
}
.cr-hero__subtitle{ font-size:16px;color:var(--cr-red);font-weight:600;margin:0 0 16px; }
.cr-hero__intro{ font-size:15px;color:var(--cr-text);line-height:1.7; max-width:600px;margin:0 auto; }
@media (max-width:640px){ .cr-hero__title{font-size:26px} }

.cr-form-section{ padding:48px 0 64px; font-family:'Onest',sans-serif; }

.cr-msg{ padding:14px 18px; border-radius:8px; font-size:14px; margin-bottom:22px; }
.cr-msg--ok{ background:#e8f7ee; color:#1a7a3f; }
.cr-msg--err{ background:#fdeceb; color:var(--cr-red); }

.cr-form{ display:flex; flex-direction:column; gap:18px; }
.cr-row{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.cr-row--addr{ grid-template-columns:2fr 1fr 1fr; }
@media (max-width:600px){ .cr-row, .cr-row--addr{ grid-template-columns:1fr; } }

.cr-field label{ display:block; font-size:13.5px; font-weight:600; color:var(--cr-dark); margin-bottom:6px; }
.cr-field label span{ color:var(--cr-red); }
.cr-field input[type="text"],
.cr-field input[type="tel"],
.cr-field input[type="email"],
.cr-field select,
.cr-field textarea{
  width:100%; box-sizing:border-box; border:1.5px solid var(--cr-border); border-radius:10px;
  padding:11px 14px; font-family:'Onest',sans-serif; font-size:14px; color:var(--cr-dark);
  background:#fff;
}
.cr-field input:focus, .cr-field select:focus, .cr-field textarea:focus{
  outline:none; border-color:var(--cr-red);
}
.cr-field textarea{ resize:vertical; }
.cr-hint{ font-size:12px; color:#999; margin:6px 0 0; }

.cr-logb{
  background:var(--cr-bg); border:1px solid var(--cr-border); border-radius:14px; padding:24px; margin-top:6px;
}
.cr-logb h3{
  font-family:'CopernicusTrial',Georgia,serif; font-size:19px; font-weight:700; color:var(--cr-dark);
  margin:0 0 16px;
}
.cr-logb__grid{ display:grid; grid-template-columns:220px 1fr; gap:24px; align-items:start; }
@media (max-width:600px){ .cr-logb__grid{ grid-template-columns:1fr; } }

.cr-logb__zoom-trigger{
  position:relative; display:block; width:100%; padding:0; margin:0; border:none;
  background:none; cursor:zoom-in; font-family:'Onest',sans-serif;
}
.cr-logb__img{ width:100%; border-radius:10px; border:1px solid var(--cr-border); display:block; }
.cr-logb__zoom-hint{
  position:absolute; left:50%; bottom:8px; transform:translateX(-50%);
  background:rgba(37,37,37,.82); color:#fff; font-size:11.5px; font-weight:600;
  padding:5px 12px; border-radius:999px; white-space:nowrap;
  opacity:0; transition:opacity .2s;
}
.cr-logb__zoom-trigger:hover .cr-logb__zoom-hint,
.cr-logb__zoom-trigger:focus-visible .cr-logb__zoom-hint{ opacity:1; }

/* Lightbox */
.cr-lightbox{
  position:fixed; inset:0; z-index:9999;
  background:rgba(20,10,10,.88);
  display:flex; align-items:center; justify-content:center;
  padding:40px; box-sizing:border-box;
}
.cr-lightbox__img{
  max-width:100%; max-height:100%; border-radius:8px;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
}
.cr-lightbox__close{
  position:absolute; top:20px; right:24px;
  background:rgba(255,255,255,.15); color:#fff; border:none; border-radius:50%;
  width:44px; height:44px; font-size:26px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  transition:background .2s;
}
.cr-lightbox__close:hover{ background:rgba(255,255,255,.28); }
.cr-logb__ranks p{ font-size:13.5px; color:var(--cr-text); margin:0 0 14px; }
.cr-logb__ranks .cr-field{ margin-bottom:12px; }
.cr-logb__ranks .cr-field:last-child{ margin-bottom:0; }

.cr-field input[type="file"]{
  width:100%; box-sizing:border-box; border:1.5px dashed var(--cr-border); border-radius:10px;
  padding:14px; font-family:'Onest',sans-serif; font-size:13.5px; background:#fff;
}

.cr-submit{
  align-self:flex-start; background:var(--cr-red); color:#fff; border:none; border-radius:999px;
  padding:14px 34px; font-family:'Onest',sans-serif; font-weight:600; font-size:15px;
  cursor:pointer; transition:opacity .2s; margin-top:6px;
}
.cr-submit:hover{ opacity:.9; }