/* Egységes gombstílus a nyilvános oldalakon.
   A nézetekben sok gomb kapott beágyazott lekerekítést és árnyékot (8px / 50px),
   ezért a forma itt !important-tal van rögzítve. Az admin felületre nem vonatkozik. */
.btn {
  font-family: 'Rajdhani', 'Arial Narrow', Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* A kis gombok és a szöveges linkek nem nagybetűsek (hozzászólások, szűrők) */
.btn:not(.btn-sm):not(.btn-link) {
  text-transform: uppercase;
}

/* Kis gomboknál a régi, keskenyebb betűkép marad, hogy szűk helyen is kiférjen a felirat */
.btn-sm {
  font-weight: 600;
  letter-spacing: 0;
}

/* Teljes szélességű gomb inkább törjön két sorba, mint hogy kilógjon belőle a szöveg */
.btn.w-100 {
  white-space: normal;
}

.btn:hover,
.btn:focus {
  transform: none !important;
}

.btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Elsődleges: tömör piros */
.btn-primary,
.btn-danger {
  color: #fff;
  background-color: #e10600;
  border: 1px solid #e10600;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  color: #fff !important;
  background-color: #ff1a14 !important;
  border-color: #ff1a14 !important;
}

/* Másodlagos: körvonalas, rámutatáskor piros */
.btn-outline-danger,
.btn-outline-primary,
.home-red-border-btn {
  color: #fff !important;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.home-red-border-btn:hover {
  color: #fff !important;
  background-color: #e10600 !important;
  border-color: #e10600 !important;
}

/* Semleges */
.btn-secondary {
  color: #fff;
  background-color: #2d2d2d;
  border: 1px solid #3d3d3d;
}

.btn-secondary:hover,
.btn-secondary:focus {
  color: #fff;
  background-color: #3a3a3a;
  border-color: #4a4a4a;
}

.btn-outline-secondary {
  color: #d0d0d0;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.45);
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none !important;
  }
}