/* Global UI tuning
   - Make typography a bit lighter (not too thin)
   - Unify buttons to the same blue style as "Мой кабинет" (lx-me)
   Keep as an override layer loaded last.
*/

:root{
  --lx-action: #2563eb;
  --lx-action-600: #1d4ed8;
  --lx-action-50: #eff6ff;
}

html{ -webkit-text-size-adjust: 100%; }
body{
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

b, strong{ font-weight: 550; }

/* Titles: slightly lighter than ultra-bold */
.lx-sectionTitle{ font-weight: 550 !important; }

/* Primary buttons (Leelo redesign) */
.lx-btn{ font-weight: 550 !important; }

.lx-btn--brand,
.lx-btn--success{
  background: var(--lx-action) !important;
  border-color: rgba(29, 78, 216, 0.25) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

.lx-btn--brand:hover,
.lx-btn--success:hover{
  background: var(--lx-action-600) !important;
  border-color: rgba(29, 78, 216, 0.32) !important;
}

.lx-btn--brand:active,
.lx-btn--success:active{
  transform: translateY(1px);
}

.lx-btn--brand:focus-visible,
.lx-btn--success:focus-visible{
  outline: 0;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.18) !important;
}

/* Header "Разместить" should stay green (legacy look) */
.lx-header #newprdbutton{
  background: #16a34a !important;
  border-color: rgba(22, 163, 74, 0.28) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

.lx-header #newprdbutton:hover{
  background: #15803d !important;
  border-color: rgba(21, 128, 61, 0.32) !important;
}

.lx-header #newprdbutton:focus-visible{
  outline: 0;
  box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.18) !important;
}

.lx-btn--ghost{
  background: rgba(37, 99, 235, 0.06) !important;
  border-color: rgba(37, 99, 235, 0.14) !important;
  color: rgba(37, 99, 235, 0.95) !important;
}

.lx-btn--ghost:hover{
  background: rgba(37, 99, 235, 0.10) !important;
  border-color: rgba(37, 99, 235, 0.20) !important;
}

/* Legacy theme green buttons -> same blue */
.green-btn,
.GreenBtnStyle,
.hugeGreenBtn,
.hugeGreenBtn.GreenBtnStyle,
.btn.btn-success,
.btn-success,
.btn.btn-primary,
.btn-primary{
  background: var(--lx-action) !important;
  border-color: rgba(29, 78, 216, 0.25) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

.green-btn:hover,
.GreenBtnStyle:hover,
.hugeGreenBtn:hover,
.btn.btn-success:hover,
.btn-success:hover,
.btn.btn-primary:hover,
.btn-primary:hover{
  background: var(--lx-action-600) !important;
  border-color: rgba(29, 78, 216, 0.32) !important;
}

.lx-balanceChip:hover{
  border-color: rgba(37, 99, 235, 0.28) !important;
  background: rgba(37, 99, 235, 0.12) !important;
  color: rgba(29, 78, 216, 1) !important;
}