/* ==========================================================================
   Експерт БГ — облик на калибрационния инструмент.
   Зарежда се СЛЕД app.css и пребоядисва Bootstrap 5.3 с токените на сайта.
   Нищо тук не променя логиката — само външния вид.
   ========================================================================== */

:root{
  --eb-bg:#f5f4f0;
  --eb-ink:#16130f;
  --eb-muted:#46413a;
  --eb-faint:#8a8278;
  --eb-line:rgba(22,19,15,.09);
  --eb-green:#0e9f63;
  --eb-green-2:#22c98a;
  --eb-green-tint:#e0f5ea;
  --eb-sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --eb-serif:"Space Grotesk",var(--eb-sans);

  /* Bootstrap — базови променливи */
  --bs-font-sans-serif:var(--eb-sans);
  --bs-body-font-family:var(--eb-sans);
  --bs-body-font-weight:500;
  --bs-body-color:var(--eb-muted);
  --bs-body-bg:#fff;
  --bs-emphasis-color:var(--eb-ink);
  --bs-secondary-color:var(--eb-faint);
  --bs-border-color:var(--eb-line);
  --bs-border-radius:12px;
  --bs-border-radius-sm:10px;
  --bs-border-radius-lg:16px;
  --bs-border-radius-xl:18px;
  --bs-primary:var(--eb-green);
  --bs-primary-rgb:14,159,99;
  --bs-link-color:var(--eb-green);
  --bs-link-color-rgb:14,159,99;
  --bs-link-hover-color:#0a7a4d;
  --bs-focus-ring-color:rgba(14,159,99,.22);
}

html,body{background:#fff}
body{font-family:var(--eb-sans);font-weight:500;color:var(--eb-muted);-webkit-font-smoothing:antialiased;padding:0}

/* Тяхната шапка и долна лента — заменени са от хедъра и футъра на сайта.
   Остават в документа, за да не чупим кода, който ги търси. */
nav.navbar,body>footer{display:none !important}
.container.p-2{padding:0 !important;max-width:none;margin:0}

/* Бележката за дрифта е казана на български най-отгоре в страницата —
   тук само би се дублирала, при това закачена за долния край на екрана. */
#aboutdrift{display:none !important}

/* Съобщенията на инструмента висят над екрана (position:fixed). Вградени в
   страница това изглежда счупено, затова ги пускаме в нормалния поток. */
.container-fluid.fixed-bottom{
  position:static !important;bottom:auto !important;z-index:auto !important;
  padding:0;margin-top:14px
}
.container-fluid.fixed-bottom>.container{padding:0;max-width:none}
#alert-container:empty{display:none}
#alert-container{margin-bottom:0 !important}

/* ── Типография ─────────────────────────────────────────────── */
h1,h2,h3,h4,h5,h6,.modal-title,.card-header,.accordion-button{
  font-family:var(--eb-serif);letter-spacing:-.02em;color:var(--eb-ink);font-weight:700
}
.text-muted{color:var(--eb-faint) !important}
.text-dark{color:var(--eb-ink) !important}
.bg-body-tertiary{background:var(--eb-bg) !important}
a{color:var(--eb-green);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:#0a7a4d}

/* ── Бутони ─────────────────────────────────────────────────── */
.btn{
  --bs-btn-border-radius:12px;
  --bs-btn-font-weight:800;
  --bs-btn-padding-x:20px;--bs-btn-padding-y:10px;
  --bs-btn-font-size:14px;
  letter-spacing:.01em;
  transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .2s,background-color .2s,border-color .2s
}
.btn:active{transform:translateY(1px)}
.btn-sm{--bs-btn-padding-x:14px;--bs-btn-padding-y:7px;--bs-btn-font-size:13px;--bs-btn-border-radius:10px}
.btn-lg{--bs-btn-font-size:16px;--bs-btn-padding-x:26px;--bs-btn-padding-y:13px;--bs-btn-border-radius:14px}

.btn-primary,.btn-success{
  --bs-btn-bg:var(--eb-green);--bs-btn-border-color:var(--eb-green);--bs-btn-color:#fff;
  --bs-btn-hover-bg:#0c8c58;--bs-btn-hover-border-color:#0c8c58;--bs-btn-hover-color:#fff;
  --bs-btn-active-bg:#0a7a4d;--bs-btn-active-border-color:#0a7a4d;
  --bs-btn-disabled-bg:var(--eb-green);--bs-btn-disabled-border-color:var(--eb-green);
  --bs-btn-focus-shadow-rgb:14,159,99
}
.btn-primary:hover,.btn-success:hover{box-shadow:0 14px 26px -16px rgba(14,159,99,.9)}
.btn-secondary{
  --bs-btn-bg:var(--eb-ink);--bs-btn-border-color:var(--eb-ink);--bs-btn-color:#fff;
  --bs-btn-hover-bg:#2a2520;--bs-btn-hover-border-color:#2a2520;
  --bs-btn-active-bg:#2a2520;--bs-btn-active-border-color:#2a2520;
  --bs-btn-focus-shadow-rgb:22,19,15
}
.btn-outline-primary{
  --bs-btn-color:var(--eb-green);--bs-btn-border-color:rgba(14,159,99,.45);
  --bs-btn-hover-bg:var(--eb-green);--bs-btn-hover-border-color:var(--eb-green);--bs-btn-hover-color:#fff;
  --bs-btn-active-bg:var(--eb-green);--bs-btn-active-border-color:var(--eb-green);
  --bs-btn-focus-shadow-rgb:14,159,99
}
.btn-outline-secondary{
  --bs-btn-color:var(--eb-muted);--bs-btn-border-color:var(--eb-line);
  --bs-btn-hover-bg:var(--eb-bg);--bs-btn-hover-color:var(--eb-ink);--bs-btn-hover-border-color:rgba(22,19,15,.18);
  --bs-btn-active-bg:var(--eb-bg);--bs-btn-active-color:var(--eb-ink);--bs-btn-active-border-color:rgba(22,19,15,.18);
  --bs-btn-focus-shadow-rgb:22,19,15
}
.btn-danger{--bs-btn-bg:#c23434;--bs-btn-border-color:#c23434;--bs-btn-hover-bg:#a82b2b;--bs-btn-hover-border-color:#a82b2b;--bs-btn-focus-shadow-rgb:194,52,52}
.btn-check:checked+.btn-outline-primary,.btn-check:checked+.btn-outline-secondary{background:var(--eb-green);border-color:var(--eb-green);color:#fff}

/* ── Карти и акордеон ───────────────────────────────────────── */
.card{border:1px solid var(--eb-line);border-radius:18px;box-shadow:none}
.card-header{background:var(--eb-bg);border-bottom:1px solid var(--eb-line);font-size:15px;font-weight:700;padding:14px 18px}
.card-body{padding:18px}

.accordion{
  --bs-accordion-border-color:var(--eb-line);
  --bs-accordion-border-radius:14px;
  --bs-accordion-inner-border-radius:13px;
  --bs-accordion-btn-focus-box-shadow:none;
  --bs-accordion-active-bg:var(--eb-green-tint);
  --bs-accordion-active-color:#0a6b43;
  --bs-accordion-btn-padding-y:14px;
  --bs-accordion-btn-padding-x:18px
}
.accordion-button{font-weight:700;font-size:15px}
.accordion-button:not(.collapsed){box-shadow:inset 0 -1px 0 var(--eb-line)}
.accordion-body{font-size:14px;line-height:1.6}

/* ── Модали ─────────────────────────────────────────────────── */
.modal-content{border:1px solid var(--eb-line);border-radius:20px;box-shadow:0 40px 90px -40px rgba(22,19,15,.5)}
.modal-header,.modal-footer{border-color:var(--eb-line);padding:18px 22px}
.modal-body{padding:20px 22px;font-size:14.5px;line-height:1.6}
.modal-title{font-size:19px}

/* ── Полета ─────────────────────────────────────────────────── */
.form-control,.form-select{
  border-radius:12px;border-color:var(--eb-line);font-weight:600;padding:10px 14px;color:var(--eb-ink)
}
.form-control:focus,.form-select:focus{border-color:rgba(14,159,99,.5);box-shadow:0 0 0 4px rgba(14,159,99,.14)}
.form-check-input{border-color:rgba(22,19,15,.22)}
.form-check-input:checked{background-color:var(--eb-green);border-color:var(--eb-green)}
.form-check-input:focus{border-color:rgba(14,159,99,.5);box-shadow:0 0 0 4px rgba(14,159,99,.14)}
.form-label{font-weight:700;color:var(--eb-ink);font-size:14px}

/* ── Известия ───────────────────────────────────────────────── */
.alert{border-radius:14px;border:1px solid var(--eb-line);font-weight:600;font-size:14px;line-height:1.6;padding:14px 18px}
.alert-info,.alert-primary,.alert-success{background:var(--eb-green-tint);border-color:rgba(14,159,99,.28);color:#0a6b43}
.alert-warning{background:#fff6e6;border-color:rgba(190,120,0,.28);color:#8a5800}
.alert-danger{background:#fdecec;border-color:rgba(200,50,50,.25);color:#992121}

/* ── Списъци, прогрес, падащи менюта ────────────────────────── */
.list-group{
  --bs-list-group-border-color:var(--eb-line);
  --bs-list-group-border-radius:14px;
  --bs-list-group-active-bg:var(--eb-green);
  --bs-list-group-active-border-color:var(--eb-green);
  --bs-list-group-action-hover-bg:var(--eb-green-tint)
}
.list-group-item{font-weight:600;padding:13px 16px}
.progress{height:12px;border-radius:999px;background:var(--eb-bg);border:1px solid var(--eb-line)}
.progress-bar{background:linear-gradient(90deg,var(--eb-green),var(--eb-green-2))}
.dropdown-menu{
  --bs-dropdown-border-color:var(--eb-line);
  --bs-dropdown-border-radius:14px;
  --bs-dropdown-link-active-bg:var(--eb-green);
  --bs-dropdown-link-hover-bg:var(--eb-green-tint);
  box-shadow:0 20px 44px -26px rgba(22,19,15,.5)
}
.dropdown-item{font-weight:600;padding:9px 16px}
.badge{border-radius:999px;font-weight:800;letter-spacing:.02em}
.spinner-border{color:var(--eb-green)}

/* ── Дребни поправки ────────────────────────────────────────── */
.btn-close:focus{box-shadow:0 0 0 4px rgba(14,159,99,.14)}
hr{border-color:var(--eb-line);opacity:1}
code,kbd,samp{color:var(--eb-ink)}

/* Нищо да не разтяга документа изкуствено — родителската страница мери
   височината на съдържанието, за да няма лента за скролване вътре. */
html,body{height:auto !important;min-height:0 !important}
