/* ====== Ausbildung theme overlay ====== */
.azubi-theme{
  --accent:#FF7A1A;
  --accent-ink:#3A1A00;
  --accent-2:#E56200;
  --blue:#2B5BF0;
  --blue-soft:#EAF0FF;
}
.azubi-theme .btn--primary{
  background:linear-gradient(135deg,#FF7A1A 0%,#FF5C4A 100%);
  color:#fff;
  box-shadow:0 4px 14px rgba(255,122,26,.35);
}
.azubi-theme .btn--primary:hover{background:linear-gradient(135deg,#E56200 0%,#E5412F 100%)}
.azubi-theme .toggle input:checked + .toggle__track{background:#FF7A1A}
.azubi-theme .tag--money{background:#FFF0E2;color:#9A3F00}
.azubi-theme .tag--hit{background:#E7FBF2;color:#076B48}

.brand__mark--azubi{
  background:conic-gradient(from 210deg,#FF7A1A,#FF5C8A,#2B5BF0,#18E0A0,#FF7A1A) !important;
}

/* Live-dot pulse */
.results__live-dot{
  color:#18E0A0;margin:0 .25rem;font-size:.6rem;animation:pulse 1.8s infinite ease-in-out;
  display:inline-block;vertical-align:middle
}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* Loading / empty states */
.job-loading,.job-error{
  padding:1.6rem 1.2rem;text-align:center;color:var(--muted);
  border:1px dashed var(--line);border-radius:14px;list-style:none;background:var(--soft)
}
.preview__empty{padding:3rem 1.6rem;text-align:center;color:var(--muted);font-size:.92rem}

.preview__footer-nav{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem;
  padding:1.2rem 0;margin-top:1rem;border-top:1px solid var(--line-2);
}

/* ====== RESPONSIVE HARDENING ====== */

/* Tablet (below 1100px): preview sticks to right but narrower list */
@media (max-width:1100px){
  .workspace--two{grid-template-columns:minmax(320px,380px) 1fr}
  .view{padding:1rem .9rem 4rem}
}

/* Below 900px: stack list on top of preview */
@media (max-width:900px){
  .workspace--two{grid-template-columns:1fr !important;gap:.8rem}
  .preview{order:2}
  .results{order:1}
  .filters{margin:0 -.9rem;padding-left:.9rem;padding-right:.9rem}
  .nav__links{display:none}
  .nav__link--hide-md{display:none}
  .header__row{flex-direction:column;align-items:stretch;gap:.6rem}
  .header__aside{justify-content:flex-start}
  .searchbar{flex-wrap:wrap}
  .searchbar__sep{display:none}
  .searchbar__field{flex:1 1 100%;padding:.5rem .65rem;border-bottom:1px solid var(--line-2)}
  .searchbar__field:last-of-type{border-bottom:0}
  .searchbar__go{width:100%;margin-top:.3rem}
  .results__head{flex-direction:column;align-items:flex-start;gap:.5rem}
  .viewmode__btn[data-mode="split"],
  .viewmode__btn[data-mode="map"]{display:none}
}

/* Below 640px: phone-first tweaks */
@media (max-width:640px){
  body{font-size:13.5px}
  .view{padding:.75rem .7rem 3rem}
  .nav__inner{padding:.65rem .7rem;gap:.5rem}
  .nav__ctas{gap:.35rem}
  .nav__saved span{display:none}
  .btn--hide-sm{display:none}
  .proto-switcher{max-width:100%;margin:.6rem .7rem 0}
  .proto-tab{padding:.45rem .7rem;font-size:.74rem}
  .filters__right{padding-left:.3rem}
  .filters__right .btn--sm{display:none}
  .job{grid-template-columns:44px 1fr;gap:.65rem;padding:.75rem .8rem}
  .job__check{display:none}
  .job__title{font-size:.9rem}
  .job__company{font-size:.78rem}
  .job__tags{gap:.25rem}
  .tag{font-size:.68rem;padding:.18rem .45rem}
  .preview{padding:1rem 1rem}
  .preview__title{font-size:1.1rem}
  .glance{grid-template-columns:1fr !important;gap:.4rem}
  .glance__card{padding:.7rem .85rem}
  .glance__v{font-size:1.3rem}
  .preview__actions{flex-direction:column}
  .preview__actions .btn{width:100%}
  .employer-voice{padding:1rem 1rem}
  .detail-two{grid-template-columns:1fr;gap:.6rem}
  .preview__footer-nav{flex-direction:column;align-items:flex-start}
}

/* Profile.html already has its own breakpoints in enrichment.css — good */

/* ====== Search-mode badge + profile enrichment widgets ====== */
.search-mode-badge{
  font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;
  background:var(--soft);color:var(--muted);margin-left:.4rem;letter-spacing:.01em
}
.search-mode-badge--hybrid{
  background:linear-gradient(135deg,#FF7A1A 0%,#2B5BF0 100%);
  color:#fff;
  box-shadow:0 2px 8px rgba(255,122,26,.25)
}

.profile-enrichment{
  margin-top:1.8rem;padding:1.4rem 1.3rem 1.3rem;border-radius:var(--radius-lg);
  background:linear-gradient(180deg, #FFFBF7 0%, #FFFFFF 100%);
  border:1px solid #FFE1C9
}
.profile-enrichment--green{background:linear-gradient(180deg,#F4FCF8 0%,#fff 100%);border-color:#C8F0DD}
.profile-enrichment--navy{background:linear-gradient(180deg,#F3F6FF 0%,#fff 100%);border-color:#C9D4F5}
.profile-enrichment--purple{background:linear-gradient(180deg,#F8F3FF 0%,#fff 100%);border-color:#D9C7F3}
.profile-enrichment--gray{background:#FAFBFD;border-color:var(--line)}

.profile-enrichment__head{
  display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;
  padding-bottom:.7rem;border-bottom:1px dashed rgba(0,0,0,.08);margin-bottom:1rem;
  flex-wrap:wrap
}
.profile-enrichment__tag{
  font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:var(--accent-2)
}
.profile-enrichment--green .profile-enrichment__tag{color:#076B48}
.profile-enrichment--navy .profile-enrichment__tag{color:#1F3A95}
.profile-enrichment--purple .profile-enrichment__tag{color:#5E2F8B}
.profile-enrichment--gray .profile-enrichment__tag{color:var(--muted)}
.profile-enrichment__conf{font-size:.7rem;color:var(--muted);font-weight:600}

.profile-voice{
  margin:.4rem 0 1.2rem;padding:.9rem 1rem;border-left:3px solid var(--accent);
  background:#fff;border-radius:8px
}
.profile-voice--green{border-color:#18E0A0}
.profile-voice--navy{border-color:#2B5BF0}
.profile-voice--purple{border-color:#7B2CBF}
.profile-voice__kicker{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}
.profile-voice blockquote{margin:0;font-size:.98rem;line-height:1.5;font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;color:var(--ink)}

.profile-faq{margin:1.2rem 0}
.profile-faq__list{list-style:none;padding:0;margin:.5rem 0 0;display:grid;gap:.5rem}
.profile-faq__list li{padding:.65rem .85rem;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:.9rem;color:var(--ink-2)}

.profile-career{margin:1.2rem 0}
.profile-career__steps{list-style:none;padding:0;margin:.5rem 0 0;counter-reset:s}
.pcstep{
  display:grid;grid-template-columns:28px 1fr;gap:.75rem;align-items:center;
  padding:.6rem .85rem;background:#fff;border:1px solid var(--line);border-radius:10px;
  margin:.35rem 0
}
.pcstep__n{
  width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem
}
.pcstep--green .pcstep__n{background:#18E0A0;color:#05331F}
.pcstep--navy .pcstep__n{background:#2B5BF0}
.pcstep--purple .pcstep__n{background:#7B2CBF}
.pcstep__body{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.pcstep__body b{font-size:.92rem}
.pcstep__pay{font-size:.78rem;color:var(--muted);font-family:var(--font-mono)}

.profile-sources{margin-top:1.2rem;padding-top:1rem;border-top:1px dashed rgba(0,0,0,.08)}
.profile-sources__kicker{font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}
.profile-sources__chips{display:flex;flex-wrap:wrap;gap:.3rem}
.src-chip{font-size:.7rem;font-weight:500;padding:.2rem .5rem;border-radius:6px;background:var(--soft);color:var(--muted);font-family:var(--font-mono)}

/* ====== Filter dropdown menu ====== */
.filter-menu{
  position:absolute;z-index:1000;background:#fff;border:1px solid var(--line);
  border-radius:10px;box-shadow:var(--shadow-md);padding:.3rem;min-width:160px;
  display:flex;flex-direction:column;gap:2px;
}
.filter-menu__item{
  padding:.5rem .7rem;text-align:left;font-size:.82rem;font-weight:500;
  border-radius:6px;color:var(--ink-2);cursor:pointer;
}
.filter-menu__item:hover{background:var(--soft);color:var(--ink)}
.filter-menu__item.is-active{background:var(--ink);color:#fff}
.filter-menu__item.is-active:hover{background:var(--ink);color:#fff}

/* ====== Mobile filter bottom-sheet drawer ====== */
.filters__more{display:none}
@media (max-width:780px){
  .filters__more{display:inline-flex}
}

.drawer{position:fixed;inset:0;z-index:2000;pointer-events:none;visibility:hidden;}
.drawer[aria-hidden="false"]{pointer-events:auto;visibility:visible;}
.drawer__backdrop{
  position:absolute;inset:0;background:rgba(15,17,22,.45);
  opacity:0;transition:opacity .22s ease;
}
.drawer[aria-hidden="false"] .drawer__backdrop{opacity:1}
.drawer__sheet{
  position:absolute;left:0;right:0;bottom:0;background:#fff;
  border-radius:18px 18px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.18);
  max-height:88vh;display:flex;flex-direction:column;
  transform:translateY(100%);transition:transform .25s cubic-bezier(.2,.8,.2,1);
}
.drawer[aria-hidden="false"] .drawer__sheet{transform:translateY(0)}
.drawer__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem 1.1rem .6rem;border-bottom:1px solid var(--line);
}
.drawer__head h2{font-size:1.05rem;font-weight:700;margin:0}
.drawer__close{
  background:transparent;border:0;font-size:1.1rem;color:var(--muted);
  cursor:pointer;padding:.25rem .5rem;border-radius:6px;
}
.drawer__close:hover{background:var(--soft);color:var(--ink)}
.drawer__body{
  flex:1;overflow-y:auto;padding:1rem 1.1rem;
  display:flex;flex-direction:column;gap:1.1rem;
}
.drawer__section-label{
  font-size:.72rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted);margin-bottom:.45rem;
}
.drawer__chips{display:flex;flex-wrap:wrap;gap:.4rem}
.drawer__chip{
  padding:.45rem .8rem;border:1px solid var(--line);border-radius:999px;
  background:#fff;font-size:.82rem;font-weight:500;color:var(--ink-2);
  cursor:pointer;transition:background .12s, border-color .12s, color .12s;
}
.drawer__chip:hover{border-color:var(--ink-2)}
.drawer__chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.drawer__foot{
  display:flex;justify-content:space-between;align-items:center;gap:.6rem;
  padding:.85rem 1.1rem;border-top:1px solid var(--line);
  position:sticky;bottom:0;background:#fff;
}
body.drawer-open{overflow:hidden}