/*
 * Rausch - marka-stiluslap
 *
 * GENERALT FAJL. Ne szerkeszd kozvetlenul: a tema mentesekor felulirodik.
 * A forras: Bovitmenyek -> Temak -> Rausch.
 *
 * Csak azt mondja ki, ami a gyari OpenCart-temahoz kepest markadontes. Minden mas
 * a gyari `catalog/view/stylesheet/stylesheet.css`-bol jon, es a frissitesekkel
 * automatikusan javul.
 */

:root {
  --bs-primary: #23a1d1;
  --bs-primary-rgb: 35,161,209;
  --bs-link-color: #23a1d1;
  --bs-link-color-rgb: 35,161,209;
  --bs-link-hover-color: #229ac8;
}

/*
 * Alap szovegmeret. Az OC3-as bolt szandekosan nagyobb torzsszoveget hasznalt.
 * Figyelem: a `rem` itt nem ugyanazt jelenti, mint az OC3-on - a Bootstrap 3
 * 10 pixelre allitotta a gyokerelemet, a Bootstrap 5 nem, ezert az atvitt
 * ertekek pixelben szerepelnek.
 */
p, td, th {
  font-size: 15px;
  line-height: 1.5;
}

/* Fejlec-logo felso meretkorlatja. */
#logo img {
  max-width: 260px;
  height: auto;
}

/*
 * Fomenu. A gyari stiluslap beegetett kek gradienst tesz a #menu-re, ezert a
 * `bg-primary` osztaly onmagaban nem eleg - konkretan felul kell irni.
 */
#menu {
  background-color: #23a1d1;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  border-color: #23a1d1 #23a1d1 #1f90bb;
}

/* Elsodleges gombok */
.btn-primary {
  --bs-btn-bg: #23a1d1;
  --bs-btn-border-color: #23a1d1;
  --bs-btn-hover-bg: #229ac8;
  --bs-btn-hover-border-color: #229ac8;
  --bs-btn-active-bg: #229ac8;
  --bs-btn-active-border-color: #229ac8;
  --bs-btn-disabled-bg: #23a1d1;
  --bs-btn-disabled-border-color: #23a1d1;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:disabled,
.btn-primary.disabled {
  background-image: none;
}

/* Legordulo menupontok kijelolt allapota */
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
  background-color: #23a1d1;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  color: #fff;
}

/*
 * Cookie-sav. A gyari stiluslap fix 150px magassagot ad neki; a fenti, nagyobb
 * torzsszoveggel ez keskeny kepernyon levagna a gombokat. A sav szovege maradjon
 * a normal meretnel - egy tajekoztato savnak nem kell nagybetusnek lennie.
 */
#cookie {
  height: auto;
  padding-bottom: .5rem;
}

#cookie p {
  font-size: 1rem;
  line-height: 1.5;
}

/*
 * Lablec. A gyari OC 4.1 ABSZOLUT pozicionalja a lablecet
 * (`#container { position: absolute }` + `footer { position: absolute; bottom: -1px }`),
 * a helyet pedig a tartalom ala tett 400-730 pixeles `padding-bottom`-mal tartja fenn.
 * Rovid oldalon ettol nagy - 1280x800-on kozel 600 pixeles - ures folt marad a tartalom
 * es a lablec kozott; az OC3-as bolton a lablec kozvetlenul a tartalom utan jott.
 *
 * Ugyanaz a hatas flexboxszal, ures folt nelkul: a lablec a tartalom utan all, rovid
 * oldalon pedig leragad a kepernyo aljara. A lablec az `#container` UTOLSO gyereke
 * (a sablon a `</footer>` utan zarja a divet), ezert eleg a `margin-top: auto`.
 */
html,
body {
  height: auto;
}

#container {
  position: static;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin-bottom: 0;
}

#container > footer {
  margin-top: auto;
  position: static;
  bottom: auto;
  /* A gyari szabaly korbeker egy fekete 1px-es keretet; csak a felso valasztovonal kell. */
  border: 0;
  border-top: 1px solid #ddd;
}

#content,
#column-left,
#column-right {
  padding-bottom: 0;
}