/* =====================================================
   FILE: nui-buttons.css
   VERSION: 202603300245

   SĀKUMA KOMENTĀRI:
   - 3 pogu grupas:
     1) button.nui.button
     2) a.nui.button.link-as-button
     3) a.nui.button.lrf-button-link
   - Pirmās divas = pilnas pogas ar shine.
   - lrf-button-link = ikona/teksts ar smooth scale hover.
   - GREEN pielāgots uz LRF krāsu (--mc-lrf-green).
===================================================== */

/* =========================================
   SHINE
========================================= */

@keyframes glossSweep {
  from { left: -120%; }
  to   { left: 130%; }
}

/* =========================================
   BUTTON + LINK-AS-BUTTON
========================================= */

button.nui.button,
a.nui.button.link-as-button {
  font-family: var(--fs-font-menu);
  font-weight: 600;
  color:#edefec !important;
  letter-spacing: .02em;
  line-height: 1;
  min-height: 38px;
  padding: 0.72rem 1.2rem;
  border-radius: 8px;
  border: 1px solid transparent;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  cursor: pointer;
  text-decoration: none !important;
  transition:
    background-color .22s ease,
    border-color .22s ease,
    color .22s ease,
    box-shadow .22s ease,
    transform .12s ease;
}

button.nui.button > *,
a.nui.button.link-as-button > * {
  position: relative;
  z-index: 2;
}

button.nui.button:hover,
a.nui.button.link-as-button:hover {
  box-shadow: 0 0 0 2px rgba(0,0,0,.10);
}

button.nui.button:active,
a.nui.button.link-as-button:active {
  transform: translateY(1px);
}

/* SHINE */

button.nui.button::after,
a.nui.button.link-as-button::after {
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:60%;
  height:100%;
  background: linear-gradient(
    110deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.28) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-20deg);
}

button.nui.button:hover::after,
a.nui.button.link-as-button:hover::after {
  animation: glossSweep .85s ease forwards;
}

/* =========================================
   COLORS
========================================= */

/* SLATE */

button.nui.button.colored.slate,
a.nui.button.link-as-button.colored.slate {
  background: var(--mc-slate);
  border-color: var(--mc-slate);
  color: var(--mc-slate-text);
}

button.nui.button.colored.slate:hover,
a.nui.button.link-as-button.colored.slate:hover {
  background: var(--mc-slate-hover);
  border-color: var(--mc-slate-hover);
}

/* PRIMARY */

button.nui.button.colored.primary,
a.nui.button.link-as-button.colored.primary {
  background: var(--mc-primary);
  border-color: var(--mc-primary);
  color: var(--mc-primary-text);
}

button.nui.button.colored.primary:hover,
a.nui.button.link-as-button.colored.primary:hover {
  background: var(--mc-primary-hover);
  border-color: var(--mc-primary-hover);
}

/* GREEN = LRF */

button.nui.button.colored.green,
a.nui.button.link-as-button.colored.green {
  background: var(--mc-lrf-green);
  border-color: var(--mc-lrf-green);
  color: #fff;
}

button.nui.button.colored.green:hover,
a.nui.button.link-as-button.colored.green:hover {
  background: var(--mc-lrf-green-hover);
  border-color: var(--mc-lrf-green-hover);
}

/* =========================================
   LRF BUTTON LINK (ikonas)
========================================= */

a.nui.button.lrf-button-link {
  font-family: var(--mc-font-heading);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  background:transparent;
  text-decoration:none;
  transform: scale(1);
  transition:
    color .18s ease,
    transform .28s cubic-bezier(.22,.61,.36,1);
}

/* hover scale */

a.nui.button.lrf-button-link:hover {
  transform: scale(1.12);
}

/* IKONAS */

a.nui.button.lrf-button-link i,
a.nui.button.lrf-button-link svg {
  font-size: 22px;
  transition:
    color .18s ease,
    transform .28s cubic-bezier(.22,.61,.36,1);
}

/* GREEN arī ikonai */

a.nui.button.lrf-button-link.colored.green {
  color: var(--mc-lrf-green);
}

a.nui.button.lrf-button-link.colored.green:hover {
  color: var(--mc-lrf-green-hover);
}

/* =========================================
   OUTLINE SOFT (COMPACT FIXED)
========================================= */

button.nui.button.outline-soft,
a.nui.button.link-as-button.outline-soft {
  background: transparent !important;
  border-width: 1px !important; /* atpakaļ uz normālu */
}

/* =========================================
   ICON SIZE (paliek lielāka)
========================================= */

button.nui.button.outline-soft i,
button.nui.button.outline-soft svg,
a.nui.button.link-as-button.outline-soft i,
a.nui.button.link-as-button.outline-soft svg {
  font-size: 18px;
  transform: scale(1.15);
  transition: transform .2s ease;
}

/* =========================================
   GREEN (LRF)
========================================= */

button.nui.button.colored.green.outline-soft,
a.nui.button.link-as-button.colored.green.outline-soft {
  background: rgba(46, 125, 50, 0.08) !important; /* maigāks */
  border-color: var(--mc-lrf-green) !important;
  color: var(--mc-lrf-green) !important;
}

button.nui.button.colored.green.outline-soft:hover,
a.nui.button.link-as-button.colored.green.outline-soft:hover {
  background: rgba(46, 125, 50, 0.14) !important;
  border-color: var(--mc-lrf-green-hover) !important;
  color: var(--mc-lrf-green-hover) !important;

  box-shadow:
    0 0 0 1px rgba(46, 125, 50, 0.12),   /* plānāks glow */
    0 4px 10px rgba(46, 125, 50, 0.12);  /* mazāks “gaiss” */
}

/* =========================================
   PRIMARY
========================================= */

button.nui.button.colored.primary.outline-soft,
a.nui.button.link-as-button.colored.primary.outline-soft {
  background: rgba(153, 20, 37, 0.08) !important;
  border-color: var(--mc-primary) !important;
  color: var(--mc-primary) !important;
}

button.nui.button.colored.primary.outline-soft:hover,
a.nui.button.link-as-button.colored.primary.outline-soft:hover {
  background: rgba(153, 20, 37, 0.14) !important;
  border-color: var(--mc-primary-hover) !important;
  color: var(--mc-primary-hover) !important;

  box-shadow:
    0 0 0 1px rgba(153, 20, 37, 0.12),
    0 4px 10px rgba(153, 20, 37, 0.12);
}

/* =========================================
   SLATE
========================================= */

button.nui.button.colored.slate.outline-soft,
a.nui.button.link-as-button.colored.slate.outline-soft {
  background: rgba(123, 128, 134, 0.08) !important;
  border-color: var(--mc-slate) !important;
  color: var(--mc-slate) !important;
}

button.nui.button.colored.slate.outline-soft:hover,
a.nui.button.link-as-button.colored.slate.outline-soft:hover {
  background: rgba(123, 128, 134, 0.14) !important;
  border-color: var(--mc-slate-hover) !important;
  color: var(--mc-slate-hover) !important;

  box-shadow:
    0 0 0 1px rgba(123, 128, 134, 0.10),
    0 4px 10px rgba(0, 0, 0, 0.08);
}

/* =========================================
   MICRO HOVER (ļoti viegls)
========================================= */

button.nui.button.outline-soft:hover,
a.nui.button.link-as-button.outline-soft:hover {
  transform: translateY(-1px);
}

button.nui.button.outline-soft:hover i,
button.nui.button.outline-soft:hover svg,
a.nui.button.link-as-button.outline-soft:hover i,
a.nui.button.link-as-button.outline-soft:hover svg {
  transform: scale(1.2);
}