/* main.css */

/* --- UI: buttons (универсально для всех тем) --- */

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: .5rem;

  padding: 10px 14px;
  border-radius: var(--radius-lg);

  border: 1px solid var(--border-color);
  background: var(--bg-card);
  color: var(--text-main);

  font-weight: 700;
  text-decoration: none;
  transition: var(--transition);
}

a{ color: var(--link); text-decoration:none; transition: var(--transition); }
a:hover{ color: var(--link-hover); text-decoration:underline; }

/* важно: перебиваем глобальный a:hover */
a.btn:hover,
a.btn:visited{
  text-decoration:none;
  color: var(--text-main);
}

.btn:hover{
  border-color: var(--accent);
  background: var(--bg-soft);
  text-decoration:none;
}

.btn-primary{
  background: var(--accent);
  border-color: transparent;
  color: var(--accent-contrast);
}

a.btn-primary:hover,
a.btn-primary:visited{
  color: var(--accent-contrast);
  text-decoration:none;
}

.btn-primary:hover{
  background: var(--accent-hover);
}

.btn-ghost{
  background: transparent;
}

.btn-ghost:hover{
  background: var(--hover-bg);
}

/* компактный вариант под карточки */
.btn-sm{ padding: 8px 12px; border-radius: var(--radius-md); font-weight: 650; }

/* Buttons (global) */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 12px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  color: var(--text-main);
  font-weight:600;
  text-decoration:none;
  transition: var(--transition);
}
.btn:hover{ text-decoration:none; border-color: var(--accent); }

.btn-primary{
  background: var(--accent);
  border-color: transparent;
  color: color: var(--accent-contrast);
}
.btn-primary:hover{
  background: var(--accent-hover);
  color: color: var(--accent-contrast);
}

a.btn-primary,
a.btn-primary:visited,
a.btn-primary:hover{
  color: var(--accent-contrast);
  text-decoration: none;
}

.btn-ghost{
  background: transparent;
}
.btn-ghost:hover{
  background: var(--bg-hover);
}


/* Breadcrumbs */
.breadcrumbs{ margin: 0 0 10px; color: var(--text-muted); font-size: 13px; }
.breadcrumbs__list{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.breadcrumbs__item a{ color: var(--text-muted); }
.breadcrumbs__item a:hover{ color: var(--link-hover); text-decoration: underline; }
.breadcrumbs__sep{ opacity: .6; }
.breadcrumbs__current{ color: var(--text-main); opacity: .85; }